SlideShare ist ein Scribd-Unternehmen logo
1 von 18
@TUR – Acessibility on Web
http://aturnoticias.azurewebsites.net
Work Team
 Carlos Henrique
 Jean Ernesto
 Leonardo Marchesi
 Luciano de Souza
 Priscila Moreira
 Rodrigo Cezar Boaretto
 Special guest: Anderson
Agenda
 Justification
 Goal
 Comparative
 Workflow
 Website
 Demo
 Future
Justification
Brazil:
 6,5 million people with visual disabilities;
 6 million with low vision;
 582 thousand are blind.
Source: IBGE Senso 2010
Another 29 million people declared to have
some permanent difficulty seeing , even if
wearing glasses or lenses
NORTH 574.823 3.6%
NORTHEAST 2.192.455 4.1%
SOUTHEAST 2.508.587 3.1%
SOUTH 866.086 3.2%
MIDWEST 443.357 3.2%
Justification
Vehicle: Strange World – Editora Abril
Get to know more : http://mundoestranho.abril.com.br/materia/como-os-cegos-usam-a-internet
Justification
Vehicle: Techtudo – Globo.com
Get to know more: http://www.techtudo.com.br/noticias/noticia/2013/07/acessibilidade-de-deficientes-visuais-na-
internet-e-tema-no-fisl14.html
Goal
Develop a news portal, that receives feeds from
main ones but in an accessible manner for people
who have visual disability.
Comparative
TRADITIONAL PORTALS
@TUR NEWS
POPUP’s
EXCESS OF ADVERTISING
POOR HTML STRUCTURE
PAINFULL NAVIGATION BY 'USING' "TAB "
FORMS ARE NOT ACESSIBLE TO SCREEN READER
NO POPUP’s
INVISIBLE ADVERTISING TO SCREENS READER
BETTER HTML STRUCTURE
FRIENDLY NAVIGATION BY 'USING' “TAB”
FORMS ACESSIBLE TO SCREEN READER
Comparative
Comparative
Comparative
Workflow
NEWS PORTALS (CONTENT PROVIDER)
LINKS TO THE NEWS FEED
ATUR NEWS – RECEIVER OF NEWS
CATEGORIZED BRIEF
NEWS
MESSAGE FORM ACESSIBLE
SCREEN READER
VISUAL DISABILITY
Workflow
PORTALS OF NEWS (CONTENT PROVIDERS) : By using XML links (FEEDS Aggregator) provided
by each portal the ATUR NEWS categorize and aggregates this news putting everything together
in one place.
HTML: Front-end developed based on bootstrap help make sure that the
interface adapts to any device.
JavaScript: We treat the information received through the feeds and create
summaries within each category. Also we develop the contact form for user reports.
C#: WebAPI was the technology used to manage the backend of the website, and for linking
reports sent by the user.
SQL: A Database was created in SQL to keep the reports sent by the user.
Website
Website
Website
Future
- Expand the news presentation format;
- Adapt the advertising inside the portal;
- Develop a mobile based application;
Thank you

Weitere ähnliche Inhalte

Ähnlich wie @TUR – Acessibility on Web

WillDevicesShadows
WillDevicesShadowsWillDevicesShadows
WillDevicesShadows
RussellWill
 
Azure + WP7 - CodePaLOUsa
Azure + WP7 - CodePaLOUsaAzure + WP7 - CodePaLOUsa
Azure + WP7 - CodePaLOUsa
Sam Basu
 
Fanug - Pragmatic Windows Phone Developer
Fanug - Pragmatic Windows Phone DeveloperFanug - Pragmatic Windows Phone Developer
Fanug - Pragmatic Windows Phone Developer
Sam Basu
 
Pertemuan 1 - Introduction StatPlanet
Pertemuan 1 - Introduction StatPlanetPertemuan 1 - Introduction StatPlanet
Pertemuan 1 - Introduction StatPlanet
Adi Triyatmoko
 
Portfolio for IOS
Portfolio for IOSPortfolio for IOS
Portfolio for IOS
Alind Bajaj
 
Let's Peel Mangos
Let's Peel MangosLet's Peel Mangos
Let's Peel Mangos
Sam Basu
 

Ähnlich wie @TUR – Acessibility on Web (20)

MY SLIDES - Copy (2).pptx
MY SLIDES - Copy (2).pptxMY SLIDES - Copy (2).pptx
MY SLIDES - Copy (2).pptx
 
A0333001007
A0333001007A0333001007
A0333001007
 
WillDevicesShadows
WillDevicesShadowsWillDevicesShadows
WillDevicesShadows
 
Azure WP7 fire starter
Azure WP7 fire starterAzure WP7 fire starter
Azure WP7 fire starter
 
PPT NEWS PORTAL (2) (1).pptx
PPT NEWS PORTAL (2) (1).pptxPPT NEWS PORTAL (2) (1).pptx
PPT NEWS PORTAL (2) (1).pptx
 
Azure + WP7 - CodePaLOUsa
Azure + WP7 - CodePaLOUsaAzure + WP7 - CodePaLOUsa
Azure + WP7 - CodePaLOUsa
 
Fanug - Pragmatic Windows Phone Developer
Fanug - Pragmatic Windows Phone DeveloperFanug - Pragmatic Windows Phone Developer
Fanug - Pragmatic Windows Phone Developer
 
Pertemuan 1 - Introduction StatPlanet
Pertemuan 1 - Introduction StatPlanetPertemuan 1 - Introduction StatPlanet
Pertemuan 1 - Introduction StatPlanet
 
Eu stud
Eu studEu stud
Eu stud
 
Eu Stud
Eu StudEu Stud
Eu Stud
 
IRJET- Android Smart Traveller Guide using Virtual Assistant
IRJET- Android Smart Traveller Guide using Virtual AssistantIRJET- Android Smart Traveller Guide using Virtual Assistant
IRJET- Android Smart Traveller Guide using Virtual Assistant
 
VIRTUAL_TOURIST_GUIDE_INDEX_TO_END[1].pdf
VIRTUAL_TOURIST_GUIDE_INDEX_TO_END[1].pdfVIRTUAL_TOURIST_GUIDE_INDEX_TO_END[1].pdf
VIRTUAL_TOURIST_GUIDE_INDEX_TO_END[1].pdf
 
ICWE 2010 Demonstration and Poster elevator pitch session
ICWE 2010 Demonstration and Poster elevator pitch sessionICWE 2010 Demonstration and Poster elevator pitch session
ICWE 2010 Demonstration and Poster elevator pitch session
 
Building platform for social engagements
Building platform for social engagementsBuilding platform for social engagements
Building platform for social engagements
 
Guía de usuario
Guía de usuarioGuía de usuario
Guía de usuario
 
Portfolio for IOS
Portfolio for IOSPortfolio for IOS
Portfolio for IOS
 
ONLINE NEWS PORTAL
ONLINE NEWS PORTALONLINE NEWS PORTAL
ONLINE NEWS PORTAL
 
WP7 & Azure
WP7 & AzureWP7 & Azure
WP7 & Azure
 
IRJET- News Recommendation based on User Preferences and Location
IRJET-  	  News Recommendation based on User Preferences and LocationIRJET-  	  News Recommendation based on User Preferences and Location
IRJET- News Recommendation based on User Preferences and Location
 
Let's Peel Mangos
Let's Peel MangosLet's Peel Mangos
Let's Peel Mangos
 

Kürzlich hochgeladen

Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 

Kürzlich hochgeladen (20)

Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live StreamsTop 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
Manulife - Insurer Innovation Award 2024
Manulife - Insurer Innovation Award 2024Manulife - Insurer Innovation Award 2024
Manulife - Insurer Innovation Award 2024
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
HTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation StrategiesHTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation Strategies
 

@TUR – Acessibility on Web

  • 1. @TUR – Acessibility on Web http://aturnoticias.azurewebsites.net
  • 2. Work Team  Carlos Henrique  Jean Ernesto  Leonardo Marchesi  Luciano de Souza  Priscila Moreira  Rodrigo Cezar Boaretto  Special guest: Anderson
  • 3. Agenda  Justification  Goal  Comparative  Workflow  Website  Demo  Future
  • 4. Justification Brazil:  6,5 million people with visual disabilities;  6 million with low vision;  582 thousand are blind. Source: IBGE Senso 2010 Another 29 million people declared to have some permanent difficulty seeing , even if wearing glasses or lenses NORTH 574.823 3.6% NORTHEAST 2.192.455 4.1% SOUTHEAST 2.508.587 3.1% SOUTH 866.086 3.2% MIDWEST 443.357 3.2%
  • 5. Justification Vehicle: Strange World – Editora Abril Get to know more : http://mundoestranho.abril.com.br/materia/como-os-cegos-usam-a-internet
  • 6. Justification Vehicle: Techtudo – Globo.com Get to know more: http://www.techtudo.com.br/noticias/noticia/2013/07/acessibilidade-de-deficientes-visuais-na- internet-e-tema-no-fisl14.html
  • 7. Goal Develop a news portal, that receives feeds from main ones but in an accessible manner for people who have visual disability.
  • 8. Comparative TRADITIONAL PORTALS @TUR NEWS POPUP’s EXCESS OF ADVERTISING POOR HTML STRUCTURE PAINFULL NAVIGATION BY 'USING' "TAB " FORMS ARE NOT ACESSIBLE TO SCREEN READER NO POPUP’s INVISIBLE ADVERTISING TO SCREENS READER BETTER HTML STRUCTURE FRIENDLY NAVIGATION BY 'USING' “TAB” FORMS ACESSIBLE TO SCREEN READER
  • 12. Workflow NEWS PORTALS (CONTENT PROVIDER) LINKS TO THE NEWS FEED ATUR NEWS – RECEIVER OF NEWS CATEGORIZED BRIEF NEWS MESSAGE FORM ACESSIBLE SCREEN READER VISUAL DISABILITY
  • 13. Workflow PORTALS OF NEWS (CONTENT PROVIDERS) : By using XML links (FEEDS Aggregator) provided by each portal the ATUR NEWS categorize and aggregates this news putting everything together in one place. HTML: Front-end developed based on bootstrap help make sure that the interface adapts to any device. JavaScript: We treat the information received through the feeds and create summaries within each category. Also we develop the contact form for user reports. C#: WebAPI was the technology used to manage the backend of the website, and for linking reports sent by the user. SQL: A Database was created in SQL to keep the reports sent by the user.
  • 17. Future - Expand the news presentation format; - Adapt the advertising inside the portal; - Develop a mobile based application;