SlideShare una empresa de Scribd logo
1 de 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

Más contenido relacionado

Similar a @TUR – Acessibility on Web

MY SLIDES - Copy (2).pptx
MY SLIDES - Copy (2).pptxMY SLIDES - Copy (2).pptx
MY SLIDES - Copy (2).pptxUsmanMAmeer
 
A0333001007
A0333001007A0333001007
A0333001007theijes
 
WillDevicesShadows
WillDevicesShadowsWillDevicesShadows
WillDevicesShadowsRussellWill
 
Azure WP7 fire starter
Azure WP7 fire starterAzure WP7 fire starter
Azure WP7 fire starterSam Basu
 
PPT NEWS PORTAL (2) (1).pptx
PPT NEWS PORTAL (2) (1).pptxPPT NEWS PORTAL (2) (1).pptx
PPT NEWS PORTAL (2) (1).pptxRahulMansotra1
 
Azure + WP7 - CodePaLOUsa
Azure + WP7 - CodePaLOUsaAzure + WP7 - CodePaLOUsa
Azure + WP7 - CodePaLOUsaSam Basu
 
Fanug - Pragmatic Windows Phone Developer
Fanug - Pragmatic Windows Phone DeveloperFanug - Pragmatic Windows Phone Developer
Fanug - Pragmatic Windows Phone DeveloperSam Basu
 
Pertemuan 1 - Introduction StatPlanet
Pertemuan 1 - Introduction StatPlanetPertemuan 1 - Introduction StatPlanet
Pertemuan 1 - Introduction StatPlanetAdi Triyatmoko
 
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 AssistantIRJET Journal
 
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].pdfakhilreddychityala1
 
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 sessionMarco Brambilla
 
Building platform for social engagements
Building platform for social engagementsBuilding platform for social engagements
Building platform for social engagementsRajiv Ranjan
 
Guía de usuario
Guía de usuarioGuía de usuario
Guía de usuarioSe Aprender
 
Portfolio for IOS
Portfolio for IOSPortfolio for IOS
Portfolio for IOSAlind Bajaj
 
WP7 & Azure
WP7 & AzureWP7 & Azure
WP7 & AzureSam Basu
 
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 LocationIRJET Journal
 
Let's Peel Mangos
Let's Peel MangosLet's Peel Mangos
Let's Peel MangosSam Basu
 

Similar a @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
 

Último

"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr BaganFwdays
 
SALESFORCE EDUCATION CLOUD | FEXLE SERVICES
SALESFORCE EDUCATION CLOUD | FEXLE SERVICESSALESFORCE EDUCATION CLOUD | FEXLE SERVICES
SALESFORCE EDUCATION CLOUD | FEXLE SERVICESmohitsingh558521
 
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024BookNet Canada
 
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxA Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxLoriGlavin3
 
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxThe Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxLoriGlavin3
 
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdfHyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdfPrecisely
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenHervé Boutemy
 
Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationConnect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationSlibray Presentation
 
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLScyllaDB
 
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebDev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebUiPathCommunity
 
How to write a Business Continuity Plan
How to write a Business Continuity PlanHow to write a Business Continuity Plan
How to write a Business Continuity PlanDatabarracks
 
The Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsThe Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsPixlogix Infotech
 
DSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine TuningDSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine TuningLars Bell
 
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.Curtis Poe
 
From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .Alan Dix
 
Advanced Computer Architecture – An Introduction
Advanced Computer Architecture – An IntroductionAdvanced Computer Architecture – An Introduction
Advanced Computer Architecture – An IntroductionDilum Bandara
 
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxMerck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxLoriGlavin3
 
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii SoldatenkoFwdays
 
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxDigital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxLoriGlavin3
 

Último (20)

"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan
 
SALESFORCE EDUCATION CLOUD | FEXLE SERVICES
SALESFORCE EDUCATION CLOUD | FEXLE SERVICESSALESFORCE EDUCATION CLOUD | FEXLE SERVICES
SALESFORCE EDUCATION CLOUD | FEXLE SERVICES
 
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
 
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxA Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
 
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxThe Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
 
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdfHyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache Maven
 
Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationConnect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck Presentation
 
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQL
 
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebDev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio Web
 
How to write a Business Continuity Plan
How to write a Business Continuity PlanHow to write a Business Continuity Plan
How to write a Business Continuity Plan
 
The Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsThe Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and Cons
 
DSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine TuningDSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine Tuning
 
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.
 
From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .
 
Advanced Computer Architecture – An Introduction
Advanced Computer Architecture – An IntroductionAdvanced Computer Architecture – An Introduction
Advanced Computer Architecture – An Introduction
 
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxMerck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
 
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko
 
DMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special EditionDMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special Edition
 
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxDigital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
 

@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;