mozfest : web content in africa with offline
DESCRIPTION
SCRUM 4: Makes for Low-Fi and Offline EnvironmentsTRANSCRIPT
![Page 1: MozFest : Web Content in Africa with Offline](https://reader036.vdocument.in/reader036/viewer/2022070303/54b74ee84a79592b5b8b4589/html5/thumbnails/1.jpg)
SCRUM 4: Makes for Low-Fi and Offline Environments
Web Content in Africa with Offline
![Page 2: MozFest : Web Content in Africa with Offline](https://reader036.vdocument.in/reader036/viewer/2022070303/54b74ee84a79592b5b8b4589/html5/thumbnails/2.jpg)
WHO I AM ?
Bacely YoroBI is a Ivorian Internet
Strategist and CEO SOCIALSPOT-
Mozilla Reps Côte d'Ivoire,WEbmaker
Mentor , Lead Mozilla Côte d'Ivoire
Commuty.
Facilatator Mozilla Festival 2013
http://mozilians.org/u/yojedesign
http://reps.mozilla.org/yojedesign
http://about.me/bacely
![Page 3: MozFest : Web Content in Africa with Offline](https://reader036.vdocument.in/reader036/viewer/2022070303/54b74ee84a79592b5b8b4589/html5/thumbnails/3.jpg)
![Page 4: MozFest : Web Content in Africa with Offline](https://reader036.vdocument.in/reader036/viewer/2022070303/54b74ee84a79592b5b8b4589/html5/thumbnails/4.jpg)
WEBMAKER IN AFROLA
Côte d’Ivoire
Kenya
Ghana
Ouganda
Tanzani
Zambie
South Africa
Nigéria
![Page 5: MozFest : Web Content in Africa with Offline](https://reader036.vdocument.in/reader036/viewer/2022070303/54b74ee84a79592b5b8b4589/html5/thumbnails/5.jpg)
Thimble Project from Mozilla Nigeria Hack Jam
https://thimble.webmaker.org/p/rof
![Page 6: MozFest : Web Content in Africa with Offline](https://reader036.vdocument.in/reader036/viewer/2022070303/54b74ee84a79592b5b8b4589/html5/thumbnails/6.jpg)
CONTEXT
• Phone number sold in Africa
650 Millions • the penetration rate of the
Internet in Africa 8 %
• 200 Millions people
aged 15 to 24 years
![Page 7: MozFest : Web Content in Africa with Offline](https://reader036.vdocument.in/reader036/viewer/2022070303/54b74ee84a79592b5b8b4589/html5/thumbnails/7.jpg)
SMS TO WEB
-Tweet sms + socialnetwork
(diaspora,facebook etc)
-Tweet sms + socialnetwork + recipe
(ifttt,hootsuite etc)
-Frontlinesms (Free Software)
-Ushahidi (OpenSource)
![Page 8: MozFest : Web Content in Africa with Offline](https://reader036.vdocument.in/reader036/viewer/2022070303/54b74ee84a79592b5b8b4589/html5/thumbnails/8.jpg)
SMS + Shortcode = Tweet Example : I ‘m webmaker + 4443
+ Shortcode =
Twitter via SMS
![Page 9: MozFest : Web Content in Africa with Offline](https://reader036.vdocument.in/reader036/viewer/2022070303/54b74ee84a79592b5b8b4589/html5/thumbnails/9.jpg)
WebContent via Recipe
![Page 10: MozFest : Web Content in Africa with Offline](https://reader036.vdocument.in/reader036/viewer/2022070303/54b74ee84a79592b5b8b4589/html5/thumbnails/10.jpg)
+ Shortcode = =
Webcontent via SMS
![Page 11: MozFest : Web Content in Africa with Offline](https://reader036.vdocument.in/reader036/viewer/2022070303/54b74ee84a79592b5b8b4589/html5/thumbnails/11.jpg)
USHAHIDI
![Page 12: MozFest : Web Content in Africa with Offline](https://reader036.vdocument.in/reader036/viewer/2022070303/54b74ee84a79592b5b8b4589/html5/thumbnails/12.jpg)
![Page 13: MozFest : Web Content in Africa with Offline](https://reader036.vdocument.in/reader036/viewer/2022070303/54b74ee84a79592b5b8b4589/html5/thumbnails/13.jpg)
FRONTLINE SMS
![Page 14: MozFest : Web Content in Africa with Offline](https://reader036.vdocument.in/reader036/viewer/2022070303/54b74ee84a79592b5b8b4589/html5/thumbnails/14.jpg)
![Page 15: MozFest : Web Content in Africa with Offline](https://reader036.vdocument.in/reader036/viewer/2022070303/54b74ee84a79592b5b8b4589/html5/thumbnails/15.jpg)
OFFLINE WEBAPPS
• Html5
• WebAPI
• IndexDB
• CacheStorage
• WebStorage
![Page 16: MozFest : Web Content in Africa with Offline](https://reader036.vdocument.in/reader036/viewer/2022070303/54b74ee84a79592b5b8b4589/html5/thumbnails/16.jpg)
HTML5
![Page 17: MozFest : Web Content in Africa with Offline](https://reader036.vdocument.in/reader036/viewer/2022070303/54b74ee84a79592b5b8b4589/html5/thumbnails/17.jpg)
WEBAPP OFFLINE
• CACHE MANIFEST
• # Version 0.1
• index.html
• earth-folder.png
• <html
manifest="site.manifest">
CACHE MANIFEST + HTML
![Page 18: MozFest : Web Content in Africa with Offline](https://reader036.vdocument.in/reader036/viewer/2022070303/54b74ee84a79592b5b8b4589/html5/thumbnails/18.jpg)
WEBAPI
![Page 19: MozFest : Web Content in Africa with Offline](https://reader036.vdocument.in/reader036/viewer/2022070303/54b74ee84a79592b5b8b4589/html5/thumbnails/19.jpg)
INDEXDB
var mozfest = {};
mozfest.indexedDB = {};
mozfest.indexedDB.open = function()
![Page 20: MozFest : Web Content in Africa with Offline](https://reader036.vdocument.in/reader036/viewer/2022070303/54b74ee84a79592b5b8b4589/html5/thumbnails/20.jpg)
HOW TO SYNCRONIZE
HTML5 LOCAL ?
When you have internet ?
• Use CACHEDSTORAGE
When you not have Internet ?
• Use WEBSTORAGE
• Use WEBAPI
• Use WEBSQL
![Page 21: MozFest : Web Content in Africa with Offline](https://reader036.vdocument.in/reader036/viewer/2022070303/54b74ee84a79592b5b8b4589/html5/thumbnails/21.jpg)
Sources
• http://support.twitter.com/articles/14014-twitter-via-sms-faqs
• https://support.twitter.com/articles/20170024-list-of-twitter-s-supported-mobile-carriers
• ifttt.com/recipes
• http://www.html5rocks.com/en/tutorials/indexeddb/t
odo/
![Page 22: MozFest : Web Content in Africa with Offline](https://reader036.vdocument.in/reader036/viewer/2022070303/54b74ee84a79592b5b8b4589/html5/thumbnails/22.jpg)
END