SlideShare a Scribd company logo
1 of 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

More Related Content

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

Recently uploaded

Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Commit University
 
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitectureUnderstanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitecturePixlogix Infotech
 
Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfUnraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfAlex Barbosa Coqueiro
 
costume and set research powerpoint presentation
costume and set research powerpoint presentationcostume and set research powerpoint presentation
costume and set research powerpoint presentationphoebematthew05
 
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationRidwan Fadjar
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr BaganFwdays
 
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationBeyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationSafe Software
 
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Patryk Bandurski
 
CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):comworks
 
APIForce Zurich 5 April Automation LPDG
APIForce Zurich 5 April  Automation LPDGAPIForce Zurich 5 April  Automation LPDG
APIForce Zurich 5 April Automation LPDGMarianaLemus7
 
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek SchlawackFwdays
 
Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Mattias Andersson
 
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 3652toLead Limited
 
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
 
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024Scott Keck-Warren
 
SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024Lorenzo Miniero
 
Pigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food ManufacturingPigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food ManufacturingPigging Solutions
 
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...shyamraj55
 
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Scott Keck-Warren
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsMark Billinghurst
 

Recently uploaded (20)

Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!
 
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitectureUnderstanding the Laravel MVC Architecture
Understanding the Laravel MVC Architecture
 
Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfUnraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdf
 
costume and set research powerpoint presentation
costume and set research powerpoint presentationcostume and set research powerpoint presentation
costume and set research powerpoint presentation
 
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 Presentation
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan
 
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationBeyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
 
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
 
CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):
 
APIForce Zurich 5 April Automation LPDG
APIForce Zurich 5 April  Automation LPDGAPIForce Zurich 5 April  Automation LPDG
APIForce Zurich 5 April Automation LPDG
 
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
 
Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?
 
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
 
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
 
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024
 
SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024
 
Pigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food ManufacturingPigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food Manufacturing
 
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
 
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR Systems
 

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