1. O documento discute considerações técnicas para a criação de atlas temáticos digitais e interfaces para dados abertos, incluindo arquitetura de informação, interface, interação, semântica, acessibilidade e interoperabilidade.
2. É apresentado um estudo de caso sobre um atlas digital da economia solidária que motivou a discussão sobre como ir além das expectativas dos clientes e aproveitar melhor o potencial da web.
3. O documento defende a utilização de padrões web como JSON-LD para adicionar semâ
This document discusses various user experience (UX) considerations for HTML5 form elements and interactions. It covers 7 topics:
1. Issues with HTML5 spinners and the need for clear affordances for interactive elements.
2. The messiness of HTML5 form validation and need for intuitive validation without asterisks.
3. Ongoing browser inconsistencies that make HTML5 validation difficult.
4. Usability problems with sliders for entering exact values.
5. Challenges with entering dates given different global formats.
6. The benefits of HTML5 prefetching but also issues implementing interactive elements too quickly.
7. Past user testing finding that drag and drop requires
This is the Golden Age of Journalism. But there are two must-do's:
1. governments have to support it properly
2. journalism has to be more "caring" about their communities
This short document promotes the creation of presentations using Haiku Deck on SlideShare. It includes 4 stock photos from various photographers and suggests that the reader may be inspired to create their own Haiku Deck presentation on SlideShare. A call to action is given to get started making a presentation.
El documento describe las soluciones de SAP HCM para la gestión de recursos humanos, incluyendo soluciones en la nube y tradicionales de SAP SuccessFactors y SAP que ofrecen funcionalidades completas e integradas para la nómina, reclutamiento, desempeño, formación y más. También presenta a Brucke como un socio experto en la implementación y soporte de soluciones SAP HCM.
The loneliness of the sprint manager or 'where is my team?'AgileSparks
The document discusses the loneliness experienced by managers in agile environments. It explores how managers may feel lonely when their interests are not aligned with their team or when there are perception gaps. It also examines what constitutes a team for different roles like product and project managers. The document suggests that as managers train to become CEOs, they are training to become lonely. It argues that managers should find the teams they are most relevant to and organizations should construct cross-level management teams to reduce loneliness and clarify goals.
Este documento presenta los fundamentos de la permacultura. Explica que la permacultura es un enfoque sistémico para el diseño de hábitats sostenibles que integran las necesidades ecológicas, económicas y sociales. Describe las áreas claves de acción permacultural como el manejo de la tierra, construcciones, herramientas, educación, bienestar y economía. También resume los principios éticos y de diseño de la permacultura, así como su evolución a través del tiempo. El objetivo final es crear
Investment gaps and competitiveness - Thomas Barrett, European Investment BankOECD Governance
This presentation was made by Thomas Barrett, European Investment Bank, at the 8th Meeting of Senior Public-Private Partnerships and Infrastructure Officials held in Paris on 23-24 March 2015.
This document discusses various user experience (UX) considerations for HTML5 form elements and interactions. It covers 7 topics:
1. Issues with HTML5 spinners and the need for clear affordances for interactive elements.
2. The messiness of HTML5 form validation and need for intuitive validation without asterisks.
3. Ongoing browser inconsistencies that make HTML5 validation difficult.
4. Usability problems with sliders for entering exact values.
5. Challenges with entering dates given different global formats.
6. The benefits of HTML5 prefetching but also issues implementing interactive elements too quickly.
7. Past user testing finding that drag and drop requires
This is the Golden Age of Journalism. But there are two must-do's:
1. governments have to support it properly
2. journalism has to be more "caring" about their communities
This short document promotes the creation of presentations using Haiku Deck on SlideShare. It includes 4 stock photos from various photographers and suggests that the reader may be inspired to create their own Haiku Deck presentation on SlideShare. A call to action is given to get started making a presentation.
El documento describe las soluciones de SAP HCM para la gestión de recursos humanos, incluyendo soluciones en la nube y tradicionales de SAP SuccessFactors y SAP que ofrecen funcionalidades completas e integradas para la nómina, reclutamiento, desempeño, formación y más. También presenta a Brucke como un socio experto en la implementación y soporte de soluciones SAP HCM.
The loneliness of the sprint manager or 'where is my team?'AgileSparks
The document discusses the loneliness experienced by managers in agile environments. It explores how managers may feel lonely when their interests are not aligned with their team or when there are perception gaps. It also examines what constitutes a team for different roles like product and project managers. The document suggests that as managers train to become CEOs, they are training to become lonely. It argues that managers should find the teams they are most relevant to and organizations should construct cross-level management teams to reduce loneliness and clarify goals.
Este documento presenta los fundamentos de la permacultura. Explica que la permacultura es un enfoque sistémico para el diseño de hábitats sostenibles que integran las necesidades ecológicas, económicas y sociales. Describe las áreas claves de acción permacultural como el manejo de la tierra, construcciones, herramientas, educación, bienestar y economía. También resume los principios éticos y de diseño de la permacultura, así como su evolución a través del tiempo. El objetivo final es crear
Investment gaps and competitiveness - Thomas Barrett, European Investment BankOECD Governance
This presentation was made by Thomas Barrett, European Investment Bank, at the 8th Meeting of Senior Public-Private Partnerships and Infrastructure Officials held in Paris on 23-24 March 2015.
The document summarizes Hypertable, an open source scalable database modeled after Bigtable. It discusses Hypertable's architecture, data representation, scaling abilities, query handling, features like namespaces, column families, access groups, and regular expression filtering. It also evaluates Hypertable's performance compared to HBase, finding it has advantages for certain workloads like random reads and writes. Upcoming releases will focus on automatic range balancing and an improved monitoring system.
El documento presenta un resumen de 7 capítulos sobre la Web 2.0. El Capítulo 1 introduce conceptos básicos de la Web 2.0. El Capítulo 2 discute la interactividad y construcción de una inteligencia colectiva digital. El Capítulo 3 presenta una taxonomía de aplicaciones Web 2.0. Los capítulos subsiguientes exploran ideas críticas, aprendizaje colaborativo, aplicaciones móviles y la Web semántica.
Este documento presenta la información sobre un máster en coaching especializado ofrecido por la Asociación Internacional de Coaching y Psicología (AICP) y su Escuela Integrativa de Coaching y Psicología (EICP). El máster ofrece una doble certificación en life coaching y coaching especializado en diversas áreas como negocios, educación, salud, y energético. El programa dura 550 horas repartidas en dos niveles para cada certificación a lo largo de 12 meses. El enfoque integra conocimientos de psicología y otras disciplinas para propor
Este documento resume los acuerdos adoptados por la Junta de Gobierno Local del Ayuntamiento de Córdoba el 30 de octubre de 2015. Se aprobaron varios decretos y sentencias judiciales, se adjudicaron contratos menores de servicios informáticos, y se aprobaron las bases para subvenciones de fomento comercial para la Navidad y Rebajas de Invierno de 2015-2016. La Junta también acordó personarse en varios procedimientos contencioso-administrativos.
Warum sollen Medien twittern? Wie baut man eine Fangemeinde über Twitter auf? Von wem kann ich lernen (Best Cases)? Wie kann man Twitter für die journalistische Recherche nutzen? Welche Tools erweitern die Funktionalität von Twitter? Solche Fragen werden in dieser Präsentation beantwortet. Ich habe sie am 22. März in einem Seminar zum Auftakt des Social Media Forums in Hamburg gezeigt.
Technology has greatly impacted society in many areas such as medicine, travel, education, communication and entertainment. In medicine, advances like keyhole surgery and brain scanning allow for improved and faster patient care. Transportation has been transformed with cars, trains, buses and affordable air travel enabling people to visit places around the world in hours rather than months. Education has benefited from computers making research easier and allowing online learning. Entertainment has evolved drastically with new devices, online access and more accessible activities. Communication technologies have shrunk the world, enabling people to connect instantly worldwide through the internet and mobile phones.
The document provides an overview of security and facility clearances. It introduces Anthony Anikeeff from Williams Mullen PC and Jennifer Schaus from Jennifer Schaus & Associates, who will discuss facility clearances. A facility clearance is an administrative determination that a facility is eligible for access to classified information. Obtaining a facility clearance requires sponsorship, an application package, security agreements, and ongoing compliance. The process also examines any potential foreign ownership, control or influence that could impact a facility's eligibility. Maintaining a facility clearance requires ongoing vigilance to security requirements.
El horario pedagógico del 1° B incluye asignaturas de Comunicación, Matemática, Educación Física, Religión, Educación Social, Ciencias, Arte y Computación durante la semana. Algunas asignaturas como Comunicación y Matemática se imparten varios días, mientras que otras como Educación Física y Artes solo uno.
O capítulo discute como o Iluminismo e o liberalismo contribuíram para a internacionalização da comunicação através de três pontos: 1) A liberalização dos fluxos de pessoas e bens foi impulsionada pelas idéias iluministas de progresso e perfeição das sociedades; 2) O comércio foi visto como gerador de valores e engenheiros civilizaram a "natureza selvagem" para facilitar a comunicação; 3) O liberalismo econômico defendeu a livre circulação de mercadorias e a formação de um mercado mundial.
1. O documento apresenta as normas e requisitos para instalações elétricas de baixa tensão em edificações.
2. Cobre tópicos como princípios fundamentais, componentes, proteção contra choques elétricos, sobrecorrentes e sobretensões.
3. Inclui também seções sobre seleção e instalação de componentes como linhas elétricas, dispositivos de proteção e aterramento.
O documento discute protótipos para computação física, incluindo sensores, microcontroladores e plataformas como Arduino e smartphones para interagir com o mundo físico. Ele explica como sensores capturam estímulos físicos e atuadores geram respostas, e como Arduino e Processing podem ser usados para prototipar sistemas que se comunicam entre hardware e software.
WEBHELP at VIVA TECHNOLOGY - DAY 1 #vivatechHUB INSTITUTE
Webhelp’s Customer Experience Lab has gathered innovative solutions & star-ups to reinvent Customer Experience, during VIVA TECHNOLOGY 2016 Conference in Paris (http://www.vivatechnologyparis.com).
Webhelp has been working in partnership with the HUB Institute (http://www.hubinstitute.com), one of the leading think tank in digital transformation.
O documento discute os principais aspectos de desenvolvimento de sites, incluindo escolha de ferramentas, linguagens de programação, bancos de dados, estrutura, padrões web, acessibilidade e testes.
Montando sites com XHTML e CSS utilizando os padrões webigorpimentel
O documento apresenta uma introdução sobre a história da web, desde sua criação por Tim Berners-Lee até os padrões atuais. Aborda conceitos como HTML, XHTML, CSS e a importância da semântica e dos padrões web para um código acessível.
Oficina técnica da Infraestrutura Nacional de Dados Abertos - INDAnitaibezerra
Este documento resume uma oficina técnica sobre a Infraestrutura Nacional de Dados Abertos (INDA) no Brasil. A oficina discute os objetivos e arquitetura da INDA, formatos de arquivos para publicação de dados, o caso de uso da API do SICONV, tecnologias da web como REST, aplicativos e mashups, o portal brasileiro de dados abertos dados.gov.br e a importância dos metadados.
O documento discute as tecnologias e conceitos fundamentais para o desenvolvimento web, começando com XHTML e CSS, então linguagens de programação, padrões web, sistemas de gerenciamento de conteúdo, frameworks, AJAX, otimização para mecanismos de busca, Java EE e serviços web. O objetivo é fornecer um roteiro para que leitores possam aprender desde os conceitos básicos até se tornarem profissionais de desenvolvimento web.
O documento discute as características e funcionalidades dos dispositivos móveis e da linguagem HTML5. Apresenta os principais elementos estruturais e de conteúdo introduzidos no HTML5, como <header>, <section>, <article>, <aside>, <figure>, <canvas>, <audio> e <video>. Também discute elementos retirados e a transição do XHTML para o HTML5.
O documento fornece uma introdução à linguagem PHP, descrevendo suas características, sintaxe, variáveis, métodos de envio de dados, cookies, sessões, frameworks, sistemas de gerenciamento de conteúdo e referências.
The document summarizes Hypertable, an open source scalable database modeled after Bigtable. It discusses Hypertable's architecture, data representation, scaling abilities, query handling, features like namespaces, column families, access groups, and regular expression filtering. It also evaluates Hypertable's performance compared to HBase, finding it has advantages for certain workloads like random reads and writes. Upcoming releases will focus on automatic range balancing and an improved monitoring system.
El documento presenta un resumen de 7 capítulos sobre la Web 2.0. El Capítulo 1 introduce conceptos básicos de la Web 2.0. El Capítulo 2 discute la interactividad y construcción de una inteligencia colectiva digital. El Capítulo 3 presenta una taxonomía de aplicaciones Web 2.0. Los capítulos subsiguientes exploran ideas críticas, aprendizaje colaborativo, aplicaciones móviles y la Web semántica.
Este documento presenta la información sobre un máster en coaching especializado ofrecido por la Asociación Internacional de Coaching y Psicología (AICP) y su Escuela Integrativa de Coaching y Psicología (EICP). El máster ofrece una doble certificación en life coaching y coaching especializado en diversas áreas como negocios, educación, salud, y energético. El programa dura 550 horas repartidas en dos niveles para cada certificación a lo largo de 12 meses. El enfoque integra conocimientos de psicología y otras disciplinas para propor
Este documento resume los acuerdos adoptados por la Junta de Gobierno Local del Ayuntamiento de Córdoba el 30 de octubre de 2015. Se aprobaron varios decretos y sentencias judiciales, se adjudicaron contratos menores de servicios informáticos, y se aprobaron las bases para subvenciones de fomento comercial para la Navidad y Rebajas de Invierno de 2015-2016. La Junta también acordó personarse en varios procedimientos contencioso-administrativos.
Warum sollen Medien twittern? Wie baut man eine Fangemeinde über Twitter auf? Von wem kann ich lernen (Best Cases)? Wie kann man Twitter für die journalistische Recherche nutzen? Welche Tools erweitern die Funktionalität von Twitter? Solche Fragen werden in dieser Präsentation beantwortet. Ich habe sie am 22. März in einem Seminar zum Auftakt des Social Media Forums in Hamburg gezeigt.
Technology has greatly impacted society in many areas such as medicine, travel, education, communication and entertainment. In medicine, advances like keyhole surgery and brain scanning allow for improved and faster patient care. Transportation has been transformed with cars, trains, buses and affordable air travel enabling people to visit places around the world in hours rather than months. Education has benefited from computers making research easier and allowing online learning. Entertainment has evolved drastically with new devices, online access and more accessible activities. Communication technologies have shrunk the world, enabling people to connect instantly worldwide through the internet and mobile phones.
The document provides an overview of security and facility clearances. It introduces Anthony Anikeeff from Williams Mullen PC and Jennifer Schaus from Jennifer Schaus & Associates, who will discuss facility clearances. A facility clearance is an administrative determination that a facility is eligible for access to classified information. Obtaining a facility clearance requires sponsorship, an application package, security agreements, and ongoing compliance. The process also examines any potential foreign ownership, control or influence that could impact a facility's eligibility. Maintaining a facility clearance requires ongoing vigilance to security requirements.
El horario pedagógico del 1° B incluye asignaturas de Comunicación, Matemática, Educación Física, Religión, Educación Social, Ciencias, Arte y Computación durante la semana. Algunas asignaturas como Comunicación y Matemática se imparten varios días, mientras que otras como Educación Física y Artes solo uno.
O capítulo discute como o Iluminismo e o liberalismo contribuíram para a internacionalização da comunicação através de três pontos: 1) A liberalização dos fluxos de pessoas e bens foi impulsionada pelas idéias iluministas de progresso e perfeição das sociedades; 2) O comércio foi visto como gerador de valores e engenheiros civilizaram a "natureza selvagem" para facilitar a comunicação; 3) O liberalismo econômico defendeu a livre circulação de mercadorias e a formação de um mercado mundial.
1. O documento apresenta as normas e requisitos para instalações elétricas de baixa tensão em edificações.
2. Cobre tópicos como princípios fundamentais, componentes, proteção contra choques elétricos, sobrecorrentes e sobretensões.
3. Inclui também seções sobre seleção e instalação de componentes como linhas elétricas, dispositivos de proteção e aterramento.
O documento discute protótipos para computação física, incluindo sensores, microcontroladores e plataformas como Arduino e smartphones para interagir com o mundo físico. Ele explica como sensores capturam estímulos físicos e atuadores geram respostas, e como Arduino e Processing podem ser usados para prototipar sistemas que se comunicam entre hardware e software.
WEBHELP at VIVA TECHNOLOGY - DAY 1 #vivatechHUB INSTITUTE
Webhelp’s Customer Experience Lab has gathered innovative solutions & star-ups to reinvent Customer Experience, during VIVA TECHNOLOGY 2016 Conference in Paris (http://www.vivatechnologyparis.com).
Webhelp has been working in partnership with the HUB Institute (http://www.hubinstitute.com), one of the leading think tank in digital transformation.
O documento discute os principais aspectos de desenvolvimento de sites, incluindo escolha de ferramentas, linguagens de programação, bancos de dados, estrutura, padrões web, acessibilidade e testes.
Montando sites com XHTML e CSS utilizando os padrões webigorpimentel
O documento apresenta uma introdução sobre a história da web, desde sua criação por Tim Berners-Lee até os padrões atuais. Aborda conceitos como HTML, XHTML, CSS e a importância da semântica e dos padrões web para um código acessível.
Oficina técnica da Infraestrutura Nacional de Dados Abertos - INDAnitaibezerra
Este documento resume uma oficina técnica sobre a Infraestrutura Nacional de Dados Abertos (INDA) no Brasil. A oficina discute os objetivos e arquitetura da INDA, formatos de arquivos para publicação de dados, o caso de uso da API do SICONV, tecnologias da web como REST, aplicativos e mashups, o portal brasileiro de dados abertos dados.gov.br e a importância dos metadados.
O documento discute as tecnologias e conceitos fundamentais para o desenvolvimento web, começando com XHTML e CSS, então linguagens de programação, padrões web, sistemas de gerenciamento de conteúdo, frameworks, AJAX, otimização para mecanismos de busca, Java EE e serviços web. O objetivo é fornecer um roteiro para que leitores possam aprender desde os conceitos básicos até se tornarem profissionais de desenvolvimento web.
O documento discute as características e funcionalidades dos dispositivos móveis e da linguagem HTML5. Apresenta os principais elementos estruturais e de conteúdo introduzidos no HTML5, como <header>, <section>, <article>, <aside>, <figure>, <canvas>, <audio> e <video>. Também discute elementos retirados e a transição do XHTML para o HTML5.
O documento fornece uma introdução à linguagem PHP, descrevendo suas características, sintaxe, variáveis, métodos de envio de dados, cookies, sessões, frameworks, sistemas de gerenciamento de conteúdo e referências.
O documento resume vários artigos sobre HTML5. Apresenta as principais mudanças trazidas pelo HTML5 como novas tags semânticas que melhoram a acessibilidade e a estrutura do código, novas APIs para mídia e formulários e compatibilidade aprimorada entre navegadores. Também discute técnicas para garantir compatibilidade do HTML5 em navegadores mais antigos.
Habilidades necessárias para integrar aplicativos e dadosJeison Barros
1) Os desenvolvedores precisam ter habilidades em desenvolvimento de APIs, estruturação de dados, e integração de sistemas como REST, JSON e bancos de dados.
2) É importante compreender fluxos e semântica de dados, escalabilidade, e arquitetura orientada a eventos.
3) As habilidades incluem APIs REST, JavaScript, compreensão de estruturas de dados, e capacidade de colaboração.
Oficina Técnica da INDA em Belém no Conseginitaibezerra
O documento discute a oficina técnica da Infraestrutura Nacional de Dados Abertos (INDA) no CONSEGI 2012 em Belém. Apresenta conceitos e tecnologias relacionadas a dados abertos como formatos de arquivos, arquiteturas de publicação, o portal dados.gov.br e catalogação de metadados.
Do mapa mental para Serviços de Dados até APIsWSO2
O documento discute como modelar dados usando mapas mentais, consumir APIs REST usadas para persistência de dados, e como APIs podem ser usadas por outros aplicativos. Ele também aborda algoritmos repetitivos, mapas mentais, WSO2 Data Services Server, AngularJS e uma abordagem ágil.
O documento discute ferramentas CASE, que automatizam atividades de gestão de projetos e produtos de desenvolvimento de software. Ele explica que ferramentas CASE incluem engenharia de processos, planejamento de projetos, análise de riscos e mais. Sistemas CASE integrados combinam essas ferramentas em uma arquitetura comum e repositório central de dados.
Apresentação da Palestra sobre o Framework Django, utilizado no desenvolvimento de sites e aplicações web. Na apresentação são mostrados os recursos do Django, citando seu ORM, acesso a bancos de dados, templates, cache, views, urls e diversos outros recursos.
Projeto Web - Aula 1 - Fundamentos do Dev WEB.pptxLuiz Antonio
O documento discute a evolução da web, desde suas origens estáticas até a web dinâmica e interativa de hoje. Apresenta as principais tecnologias por trás do desenvolvimento web, como HTML, CSS e JavaScript. Explica também os modelos de desenvolvimento em camadas e a importância dos padrões da W3C.
Seminário de Desenvolvimento Mobile - Etec CafelândiaDiego Cavalca
O seminário discute o desenvolvimento de aplicativos móveis, abordando aplicativos híbridos, HTML5, Apache Cordova e o mercado mobile atual. A agenda inclui recursos e funcionalidades do HTML5, como canvas, multimídia e acesso a dispositivos, além de apresentar Apache Cordova e o crescimento do mercado de aplicativos móveis.
TDC2017 - Misturando dados com Pentaho para insights mais significativosAmbiente Livre
1) O documento discute como a plataforma Pentaho pode ser usada para misturar dados de várias fontes e gerar insights significativos através de dashboards e relatórios.
2) A plataforma Pentaho oferece ferramentas para ETL, relatórios, mineração de dados e dashboards que podem integrar uma variedade de fontes como bancos de dados, arquivos, APIs e sistemas de big data.
3) A integração robusta de dados e análises da plataforma Pentaho pode acelerar a geração
Slide da disciplina de Introdução aos Padrões Web e Tecnologias para o Ambiente Digital, ministrada pelo professor Thiago Prado Campos - Aula 02 - 28/05/2011
O documento discute a implementação de um Plano de Desenvolvimento em Tecnologias de Informação e Comunicação (PDTIC) para a Universidade Federal de Sergipe (UFS). Ele analisa o banco de dados atual da UFS, identifica problemas como redundância de dados e ausência de interoperabilidade entre sistemas, e sugere soluções como a adoção do PostgreSQL e a implementação de um data warehouse para melhorar a gestão da informação.
Drupal é o CMS (Sistema de Gerência de Conteúdo) que vem ganhando cada vez mais popularidade. Muitos são os motivos para escolher o Drupal para projetos pessoais, educacionais, governamentais ou corporativos: Confira aqui!
Semelhante a Atlas Digitais e interfaces para dados abertos (20)
3. Agenda
1. Arquitetura de Informação
2. Interface
3. Interação
4. Semântica
5. Acessibilidade
6. Interoperabilidade
7. Web service
8. REST
9. Linked Data
10. JSON-LD
4. Motivação
estudo de caso atlas.sies.org.br
Atlas Digital da Economia Solidária
Requisitos mínimos para atender a necessidade do governo
(Solicitantes não trabalham como web, se baseiam por exemplos anteriores)
1. Tem que ser na web
2. Tem que permitir visualizar os dados e salvar como planilha
3. Tem que ter mapas
9. Atlas & Dados abertos
● Atlas
– Volume de ilustrações elucidativas de um texto ou de uma
área do conhecimento (ex.: atlas de anatomia)
● Dados abertos
– São dados que podem ser livremente usados, reutilizados e
redistribuídos por qualquer pessoa - sujeitos, no máximo, à
exigência de atribuição da fonte e compartilhamento pelas
mesmas regras
10. Atlas temático puro
● Pode ser apenas livro impresso :(
● Pode ser apenas link para um PDF ou
imagem :(
● Criadores devem escolher previamente o
que e como mostrar :(
● Pode ser visualmente lindo :)
● Não requer interatividade :(
11. Dados abertos básico
● Pode ser apenas link direto para uma
planilha :(
● Requer habilidade para extrair informações,
até mesmo básicas :(
● Requer ser parseável por máquinas :)
● Não requer interatividade :(
12. Motivação
Estudo de caso Atlas Digital SIES
- “Podemos ir além do que esperam neste projeto?”
- “Conseguem nos entregar ao menos o que esperamos?”
- ”Sim.”
- “Ok. Podem. Mas não precisam. O básico já está bom”
Expectativa baixa, por falta de bons exemplos e do potencial da web
13. Web como solução!*
* Leia-se: web com boas práticas
Web Accessibility Initiative (WAI)
15. 1. Arquitetura de Informação
Organização do caos da alta quantidade de dados
16. A.I. e Atlas Temáticos
● Requer estudo específico da área temática
● Requer estudo de Estatística e apresentação
de dados numéricos
● Wireframes são uma parte pequena do
trabalho
● Tentativa e erro é previsível
18. Considerações técnicas
● Cores devem levar em consideração
daltonismo
● Tamanhos devem levar em consideração
visão baixa
● Funcionalidades “aumento de fonte” e “alto
contraste” não são justificativa para escolhas
ruins por padrão
19. Além de layout padrão
● Computador
● Mobile
● Impressão
Acessibilidade requer cuidados
especiais tanto na versão padrão
como na para mobile
22. Interações com tecnologia web
Aproveite potencial de Javascript e SVG para
interações avançadas com dados sem
depender de PDFs ou imagens geradas por
servidor para gráficos e mapas
26. Considerações gerais
● Use títulos (h1, h2, h3...) de forma coerente
– Aprenda o que é HTML outline
– Cuidado ao usar tags HTML5 sem saber o que é outline
– Erro mais comum de semântica em sites (mesmo famosos)
● Use listas (ul, ol) apenas para o que é lista
– Use sempre que coerente dl/dt/dd
● Sempre tabelas para dados tabulares
● Faça código como HTML5 Válido
Gerador de outline
https://gsnedders.html5.org
27. 5. Acessibilidade
O acesso ao conhecimento não deve ter barreiras
Palestras recomendadas:
http://pt.slideshare.net/ana_laura/w3c-acessibilidade
http://pt.slideshare.net/julianafrost/acessibilidade-na-web-principais-problemas-e-solues
28. Ferramentas automáticas
Leitores de tela mais usados
● WAVE Web Accessibility Tool
– http://wave.webaim.org
● Cynthia Says™
– http://www.cynthiasays.com/
● Da Silva (alerta: falso positivos)
– http://www.dasilva.org.br/
● Lista mais completa
– http://www.w3.org/WAI/ER/tools/complete
29. Ferramentas automáticas
falham
Porém, geralmente, estão certas até que
você prove o contrário
Cheque manualmente erros e alertas
acusados com documentação
– http://www.governoeletronico.gov.br/acoes-e-projetos/e-MAG/
– http://www.w3.org/WAI/
30. Teste com leitores de tela
Leitores de tela mais usados
● Desktop
– Windows: NVDA, JAWS
– Linux: Orca
– Mac: VoiceOver
● Mobile
– Android: TalkBack
– Iphone/iPad/iPods: VoiceOver
31. Dispositivos mobile tem
comportamento diferente
● Geralmente não tem teclado
– Certos padrões comuns no computador estão
indisponíveis (navegação por tab, titulos, tabelas)
● Mobile depende de eventos touchscreen
– Sites não amigáveis a mobile podem ser inusáveis
– Sites amigáveis a mobile também podem ser inusáveis
– Leitores de tela podem tomar controle de comandos
touchscreen
32. HTML mais acessível
● Use ARIA landmarks sempre
– Em 2014, ainda deve usar landmarks em elementos HTML5
● Use demais tags ARIA quando pertinente
– Exceto quando uma fonte segura disser que é redundante
● Mesmo que pareça tecnicamente correto,
teste com leitores de tela
35. O que é interoperabilidade?
Poderes
Empresas
Sistema de
Informação
Sistema de
Informação
Prefeituras
Terceiro
Setor
Outros
governos
Cidadãos
Governos
estaduais
Sistema de
Informação
http://www.governoeletronico.gov.br/acoes-e-projetos/e-ping-padroes-de-interoperabilidade/o-que-e-interoperabilidade
36. 7. Web service
Interoperabilidade através da plataforma web
37. O que é web service?
“[...] um sistema de software projetado para
suportar interação interoperável entre
máquinas sobre uma rede.”
http://www.w3.org/TR/2004/NOTE-ws-gloss-20040211/#webservice
43. Banco de dados
● Drivers na camada da
aplicação
● SQL com vendor lock-in*
● Segurança embutida
● Mapeamento de objetos
dependente do driver
● Regras de negócio reduzem
portabilidade
http://en.wikipedia.org/wiki/SQL#Criticism
44. Web service
● Façade sobre o banco de dados
● Construído sobre web stardards
● HTTP, SMTP, FTP etc.
● Segurança como extensão do protocolo de transporte
● Mapeamento de objetos definido pelo protocolo de
mensagens
● Domínio da aplicação compartilhado entre o web
service e o front-end
45. Arquitetura do Atlas
Banco de dados
ORM
Regras de negócio
Recursos
Objetos serializados
Transporte e parsing
Domínio mínimo
Rotas/ações
HTML e assets
Banco de dados
Front-end
Web service
46. E a interoperabilidade?
● Permitir que terceiros criem seus próprios
aplicativos web alimentados pelo web service
● Redução de complexidade via divisão de
responsabilidades
● Agilidade para refatorar e adicionar funcionalidades
● Facilidade de fazer testes unitários
● Simplifica escalabilidade
● É uma recomendação ePing
http://eping.governoeletronico.gov.br/#s10.3
48. Representational state transfer
● É uma arquitetura
● É protocol-agnostic
● Serialização em vários formatos
● RSDL é opcional, existem alternativas e
geralmente o foco é para documentação
● Controles de hipermídia
50. Web API REST(ful?)
● Cliente-Servidor
● Stateless
● Sistema em camadas
● Código sob demanda (opcional)
● Interface uniforme
– URIs
– HATEOAS
51. HATEOAS
A Web como conhecemos
– Documentos de hipertexto têm hiperlinks
● Hiperlinks representam documentos relacionados
As APIs RESTful
– Formatos de hipermídia têm hiperlinks
– Outros formatos são servidos com HTTP + Web Linking*
● Hiperlinks representam documentos e ações relacionadas
http://tools.ietf.org/html/rfc5988
52. O “mimimi” sobre HATEOAS
● “HATEOAS é doloroso: muito difícil.”
– Pense em RDF.
● “HATEOAS é estúpido: não existem clientes
inteligentes que interpretem os dados sem
uma descrição.”
– IDLs (e.g. RSDL, WSDL) são permitidas em REST
– Uma API RESTful não faz sentido sem um cliente RESTful
– O front-end pode não ser inteligente, mas clientes como
crawlers são
55. Web Semântica
● Web dos Documentos
● Web dos Dados
– Acessíveis para humanos e para máquinas
– Ligados através de uma semântica
http://www.w3.org/standards/semanticweb/