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

Slack Application Development 101 Slides
Slack Application Development 101 SlidesSlack Application Development 101 Slides
Slack Application Development 101 Slidespraypatel2
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreternaman860154
 
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | DelhiFULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhisoniya singh
 
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersEnhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersThousandEyes
 
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada
 
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure serviceWhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure servicePooja Nehwal
 
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsAI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsMemoori
 
Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)Allon Mureinik
 
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptxMaking_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptxnull - The Open Security Community
 
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
 
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...HostedbyConfluent
 
Install Stable Diffusion in windows machine
Install Stable Diffusion in windows machineInstall Stable Diffusion in windows machine
Install Stable Diffusion in windows machinePadma Pradeep
 
Pigging Solutions Piggable Sweeping Elbows
Pigging Solutions Piggable Sweeping ElbowsPigging Solutions Piggable Sweeping Elbows
Pigging Solutions Piggable Sweeping ElbowsPigging Solutions
 
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationRidwan Fadjar
 
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
 
Maximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptxMaximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptxOnBoard
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking MenDelhi Call girls
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonetsnaman860154
 
Key Features Of Token Development (1).pptx
Key  Features Of Token  Development (1).pptxKey  Features Of Token  Development (1).pptx
Key Features Of Token Development (1).pptxLBM Solutions
 

Último (20)

Slack Application Development 101 Slides
Slack Application Development 101 SlidesSlack Application Development 101 Slides
Slack Application Development 101 Slides
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
 
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | DelhiFULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
 
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersEnhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
 
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
 
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure serviceWhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
 
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsAI as an Interface for Commercial Buildings
AI as an Interface for Commercial Buildings
 
Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)
 
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptxE-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
 
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptxMaking_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
 
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
 
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
 
Install Stable Diffusion in windows machine
Install Stable Diffusion in windows machineInstall Stable Diffusion in windows machine
Install Stable Diffusion in windows machine
 
Pigging Solutions Piggable Sweeping Elbows
Pigging Solutions Piggable Sweeping ElbowsPigging Solutions Piggable Sweeping Elbows
Pigging Solutions Piggable Sweeping Elbows
 
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 Presentation
 
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
 
Maximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptxMaximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptx
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
 
Key Features Of Token Development (1).pptx
Key  Features Of Token  Development (1).pptxKey  Features Of Token  Development (1).pptx
Key Features Of Token Development (1).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;