SlideShare a Scribd company logo
1 of 18
@TUR – Acessibilidade na Web
http://aturnoticias.azurewebsites.net
Work Team
 Carlos Henrique
 Jean Ernesto
 Leonardo Marchesi
 Luciano de Souza
 Priscila Moreira
 Rodrigo Cezar Boaretto
Convidado especial: Anderson
Agenda
 Justificativa
 Objetivo
 Comparativos
 Workflow
 Site
 Demonstração
 Projetos Futuros
Justificativa
Brasil:
 6,5 milhões de pessoas com deficiência visual;
 6 milhões com baixa visão;
 582 mil são cegos.
Fonte: IBGE Senso 2010
Outros 29 milhões de pessoas declararam
possuir alguma dificuldade permanente de
enxergar, ainda que usando óculos ou lentes
NORTE 574.823 3.6%
NORDESTE 2.192.455 4.1%
SUDESTE 2.508.587 3.1%
SUL 866.086 3.2%
CENTRO-OESTE 443.357 3.2%
Justificativa
Veículo: Mundo Estranho – Editora Abril
Saiba mais: http://mundoestranho.abril.com.br/materia/como-os-cegos-usam-a-internet
Justificativa
Veículo: Techtundo– Globo.com
Saiba mais: http://www.techtudo.com.br/noticias/noticia/2013/07/acessibilidade-de-deficientes-visuais-na-internet-e-
tema-no-fisl14.html
Objetivo
Desenvolver um portal de noticias, que receba
feeds dos principais portais de modo acessível para
pessoas com deficiência visual.
Comparativos
PORTAIS TRADICIONAIS
@TUR NOTICIAS
POP UP’s
EXCESSO DE PROPAGANDA
ESTRUTURA HTML DESORGANIZADA
DIFICULDADE EM NAVEGAÇÃO COM “TAB”
CAIXAS DE FORMULÁRIOS NÃO ACESSÍVEIS AO LEITOR DE TELA
SEM USO DE POP UP’s
PROPAGANDA INVISÍVEL AO LEITOR DE TELAS
ESTRUTURA HTML ORGANIZADA
NAVEGAÇÃO AMIGAVEL COM “TAB”
CAIXAS DE FORMULÁRIOS ACESSÍVEIS AO LEITOR DE TELA
Comparativos
Comparativos
Comparativos
Workflow
PORTAIS DE NOTICIAS (PROVEDORES DE CONTEÚDO)
LINK PARA OS FEEDS DE NOTICIAS
ATUR NOTICIAS – RECEPTOR DE NOTICIAS
RESUMO DE NOTÍCIAS
SEPARADAS POR
CATEGORIAS
FORMULÁRIO DE
MENSAGEM ACESSÍVEL
LEITOR DE TELAS
DEFICIENTE VISUAL
Workflow
PORTAIS DE NOTICIAS (PROVEDORES DE CONTEÚDO): Utilizar os links XML (FEEDS)
disponibilizados pelos portais de notícias e agrupa-los em um único lugar (ATUR NOTÍCIAS).
LINGUEGEM HTML: Desenvolvimento do frontend com o auxílio do bootstrap para
garantir à adaptação da página em qualquer dispositivo.
LINGUEGEM JAVASCRIPT: Tratamos as informações recebidas através dos feeds e criamos
pequenos resumos dentro de cada categoria e desenvolvimento do formulário de contato.
C#: WEBAPI foi a tecnologia aplicada para administrar o backend do site, responsável em
intermediar os contatos enviados através do usuário.
SQL: Banco criado em SQL para armazenar contatos enviados através do usuário.
Site
Site
Site
Projetos Futuros
- Ampliar o formato de apresentação da notícia;
- Adequar a publicidade dentro do portal;
- Desenvolver um aplicativo para dispositivos móveis;
Obrigado

More Related Content

Similar to Acessibilidade na Web com @TUR Notícias

UFAL EAD - Seminário aoc - computação pervasiva - 2015
UFAL EAD - Seminário aoc - computação pervasiva - 2015UFAL EAD - Seminário aoc - computação pervasiva - 2015
UFAL EAD - Seminário aoc - computação pervasiva - 2015Carlos Roberto IV
 
201406Carvalho
201406Carvalho201406Carvalho
201406CarvalhoAfonso Pra
 
03-apostila-versao-digital-informatica-basica-015.909.942-05-1657644539.pdf
03-apostila-versao-digital-informatica-basica-015.909.942-05-1657644539.pdf03-apostila-versao-digital-informatica-basica-015.909.942-05-1657644539.pdf
03-apostila-versao-digital-informatica-basica-015.909.942-05-1657644539.pdfELIVELSON MAIA
 
Criação e utilização do we.js na comunidade de práticas um relato de experiê...
Criação e utilização do we.js na comunidade de práticas  um relato de experiê...Criação e utilização do we.js na comunidade de práticas  um relato de experiê...
Criação e utilização do we.js na comunidade de práticas um relato de experiê...Alberto Souza
 
PSWoT: Uma plataforma para descoberta, publicação e autoconfiguração de servi...
PSWoT: Uma plataforma para descoberta, publicação e autoconfiguração de servi...PSWoT: Uma plataforma para descoberta, publicação e autoconfiguração de servi...
PSWoT: Uma plataforma para descoberta, publicação e autoconfiguração de servi...Nailton Andrade
 
Desenvolvimento multiplataforma em ambientes de programação nativos e abstr...
Desenvolvimento multiplataforma em ambientes de programação nativos e abstr...Desenvolvimento multiplataforma em ambientes de programação nativos e abstr...
Desenvolvimento multiplataforma em ambientes de programação nativos e abstr...Ráfagan Abreu
 
Administração de portais
Administração de portaisAdministração de portais
Administração de portaisFelipe Perin
 
Plataforma OpenSuite
Plataforma OpenSuitePlataforma OpenSuite
Plataforma OpenSuiteStart4up
 
O papel do Front-End na UX
O papel do Front-End na UXO papel do Front-End na UX
O papel do Front-End na UXEdu Agni
 
Web 2.0 - Colaboração acima de tudo!
Web 2.0 - Colaboração acima de tudo!Web 2.0 - Colaboração acima de tudo!
Web 2.0 - Colaboração acima de tudo!Felipe J. R. Vieira
 
Relatorio_Final_TCC1_Bruno_dos_Anjos_Silveira
Relatorio_Final_TCC1_Bruno_dos_Anjos_SilveiraRelatorio_Final_TCC1_Bruno_dos_Anjos_Silveira
Relatorio_Final_TCC1_Bruno_dos_Anjos_SilveiraBruno Dos Anjos Silveira
 
Minhas pesquisas na internet (2)
Minhas pesquisas na internet (2)Minhas pesquisas na internet (2)
Minhas pesquisas na internet (2)tecnocontabeis
 
Minhas pesquisas na internet (2)
Minhas pesquisas na internet (2)Minhas pesquisas na internet (2)
Minhas pesquisas na internet (2)tecnocontabeis
 
mbatarce,+Guilherme+Henrique+Vieira+Pereira+-+Reformulado.pdf
mbatarce,+Guilherme+Henrique+Vieira+Pereira+-+Reformulado.pdfmbatarce,+Guilherme+Henrique+Vieira+Pereira+-+Reformulado.pdf
mbatarce,+Guilherme+Henrique+Vieira+Pereira+-+Reformulado.pdfWilliam Almeida
 
Automacao residencial, a casa inteligente
Automacao residencial, a casa inteligenteAutomacao residencial, a casa inteligente
Automacao residencial, a casa inteligenteDouglas Scriptore
 
Monitorando serviços REST com o Application Insights e Distributed Tracing
Monitorando serviços REST com o Application Insights e Distributed TracingMonitorando serviços REST com o Application Insights e Distributed Tracing
Monitorando serviços REST com o Application Insights e Distributed TracingRenato Groff
 
Internet das coisas - A Revolução já começou
Internet das coisas - A Revolução já começouInternet das coisas - A Revolução já começou
Internet das coisas - A Revolução já começouJose Wilker
 

Similar to Acessibilidade na Web com @TUR Notícias (20)

Introdução aos Padrões Web e Tecnologias para o Ambiente Digital - Aula 02 - ...
Introdução aos Padrões Web e Tecnologias para o Ambiente Digital - Aula 02 - ...Introdução aos Padrões Web e Tecnologias para o Ambiente Digital - Aula 02 - ...
Introdução aos Padrões Web e Tecnologias para o Ambiente Digital - Aula 02 - ...
 
UFAL EAD - Seminário aoc - computação pervasiva - 2015
UFAL EAD - Seminário aoc - computação pervasiva - 2015UFAL EAD - Seminário aoc - computação pervasiva - 2015
UFAL EAD - Seminário aoc - computação pervasiva - 2015
 
201406Carvalho
201406Carvalho201406Carvalho
201406Carvalho
 
03-apostila-versao-digital-informatica-basica-015.909.942-05-1657644539.pdf
03-apostila-versao-digital-informatica-basica-015.909.942-05-1657644539.pdf03-apostila-versao-digital-informatica-basica-015.909.942-05-1657644539.pdf
03-apostila-versao-digital-informatica-basica-015.909.942-05-1657644539.pdf
 
Criação e utilização do we.js na comunidade de práticas um relato de experiê...
Criação e utilização do we.js na comunidade de práticas  um relato de experiê...Criação e utilização do we.js na comunidade de práticas  um relato de experiê...
Criação e utilização do we.js na comunidade de práticas um relato de experiê...
 
PSWoT: Uma plataforma para descoberta, publicação e autoconfiguração de servi...
PSWoT: Uma plataforma para descoberta, publicação e autoconfiguração de servi...PSWoT: Uma plataforma para descoberta, publicação e autoconfiguração de servi...
PSWoT: Uma plataforma para descoberta, publicação e autoconfiguração de servi...
 
Web services
Web  servicesWeb  services
Web services
 
Desenvolvimento multiplataforma em ambientes de programação nativos e abstr...
Desenvolvimento multiplataforma em ambientes de programação nativos e abstr...Desenvolvimento multiplataforma em ambientes de programação nativos e abstr...
Desenvolvimento multiplataforma em ambientes de programação nativos e abstr...
 
Administração de portais
Administração de portaisAdministração de portais
Administração de portais
 
Acessibilidade web
Acessibilidade webAcessibilidade web
Acessibilidade web
 
Plataforma OpenSuite
Plataforma OpenSuitePlataforma OpenSuite
Plataforma OpenSuite
 
O papel do Front-End na UX
O papel do Front-End na UXO papel do Front-End na UX
O papel do Front-End na UX
 
Web 2.0 - Colaboração acima de tudo!
Web 2.0 - Colaboração acima de tudo!Web 2.0 - Colaboração acima de tudo!
Web 2.0 - Colaboração acima de tudo!
 
Relatorio_Final_TCC1_Bruno_dos_Anjos_Silveira
Relatorio_Final_TCC1_Bruno_dos_Anjos_SilveiraRelatorio_Final_TCC1_Bruno_dos_Anjos_Silveira
Relatorio_Final_TCC1_Bruno_dos_Anjos_Silveira
 
Minhas pesquisas na internet (2)
Minhas pesquisas na internet (2)Minhas pesquisas na internet (2)
Minhas pesquisas na internet (2)
 
Minhas pesquisas na internet (2)
Minhas pesquisas na internet (2)Minhas pesquisas na internet (2)
Minhas pesquisas na internet (2)
 
mbatarce,+Guilherme+Henrique+Vieira+Pereira+-+Reformulado.pdf
mbatarce,+Guilherme+Henrique+Vieira+Pereira+-+Reformulado.pdfmbatarce,+Guilherme+Henrique+Vieira+Pereira+-+Reformulado.pdf
mbatarce,+Guilherme+Henrique+Vieira+Pereira+-+Reformulado.pdf
 
Automacao residencial, a casa inteligente
Automacao residencial, a casa inteligenteAutomacao residencial, a casa inteligente
Automacao residencial, a casa inteligente
 
Monitorando serviços REST com o Application Insights e Distributed Tracing
Monitorando serviços REST com o Application Insights e Distributed TracingMonitorando serviços REST com o Application Insights e Distributed Tracing
Monitorando serviços REST com o Application Insights e Distributed Tracing
 
Internet das coisas - A Revolução já começou
Internet das coisas - A Revolução já começouInternet das coisas - A Revolução já começou
Internet das coisas - A Revolução já começou
 

Acessibilidade na Web com @TUR Notícias

  • 1. @TUR – Acessibilidade na Web http://aturnoticias.azurewebsites.net
  • 2. Work Team  Carlos Henrique  Jean Ernesto  Leonardo Marchesi  Luciano de Souza  Priscila Moreira  Rodrigo Cezar Boaretto Convidado especial: Anderson
  • 3. Agenda  Justificativa  Objetivo  Comparativos  Workflow  Site  Demonstração  Projetos Futuros
  • 4. Justificativa Brasil:  6,5 milhões de pessoas com deficiência visual;  6 milhões com baixa visão;  582 mil são cegos. Fonte: IBGE Senso 2010 Outros 29 milhões de pessoas declararam possuir alguma dificuldade permanente de enxergar, ainda que usando óculos ou lentes NORTE 574.823 3.6% NORDESTE 2.192.455 4.1% SUDESTE 2.508.587 3.1% SUL 866.086 3.2% CENTRO-OESTE 443.357 3.2%
  • 5. Justificativa Veículo: Mundo Estranho – Editora Abril Saiba mais: http://mundoestranho.abril.com.br/materia/como-os-cegos-usam-a-internet
  • 6. Justificativa Veículo: Techtundo– Globo.com Saiba mais: http://www.techtudo.com.br/noticias/noticia/2013/07/acessibilidade-de-deficientes-visuais-na-internet-e- tema-no-fisl14.html
  • 7. Objetivo Desenvolver um portal de noticias, que receba feeds dos principais portais de modo acessível para pessoas com deficiência visual.
  • 8. Comparativos PORTAIS TRADICIONAIS @TUR NOTICIAS POP UP’s EXCESSO DE PROPAGANDA ESTRUTURA HTML DESORGANIZADA DIFICULDADE EM NAVEGAÇÃO COM “TAB” CAIXAS DE FORMULÁRIOS NÃO ACESSÍVEIS AO LEITOR DE TELA SEM USO DE POP UP’s PROPAGANDA INVISÍVEL AO LEITOR DE TELAS ESTRUTURA HTML ORGANIZADA NAVEGAÇÃO AMIGAVEL COM “TAB” CAIXAS DE FORMULÁRIOS ACESSÍVEIS AO LEITOR DE TELA
  • 12. Workflow PORTAIS DE NOTICIAS (PROVEDORES DE CONTEÚDO) LINK PARA OS FEEDS DE NOTICIAS ATUR NOTICIAS – RECEPTOR DE NOTICIAS RESUMO DE NOTÍCIAS SEPARADAS POR CATEGORIAS FORMULÁRIO DE MENSAGEM ACESSÍVEL LEITOR DE TELAS DEFICIENTE VISUAL
  • 13. Workflow PORTAIS DE NOTICIAS (PROVEDORES DE CONTEÚDO): Utilizar os links XML (FEEDS) disponibilizados pelos portais de notícias e agrupa-los em um único lugar (ATUR NOTÍCIAS). LINGUEGEM HTML: Desenvolvimento do frontend com o auxílio do bootstrap para garantir à adaptação da página em qualquer dispositivo. LINGUEGEM JAVASCRIPT: Tratamos as informações recebidas através dos feeds e criamos pequenos resumos dentro de cada categoria e desenvolvimento do formulário de contato. C#: WEBAPI foi a tecnologia aplicada para administrar o backend do site, responsável em intermediar os contatos enviados através do usuário. SQL: Banco criado em SQL para armazenar contatos enviados através do usuário.
  • 14. Site
  • 15. Site
  • 16. Site
  • 17. Projetos Futuros - Ampliar o formato de apresentação da notícia; - Adequar a publicidade dentro do portal; - Desenvolver um aplicativo para dispositivos móveis;