MozFest : Web Content in Africa with Offline

22
SCRUM 4: Makes for Low-Fi and Offline Environments Web Content in Africa with Offline

description

SCRUM 4: Makes for Low-Fi and Offline Environments

Transcript of MozFest : Web Content in Africa with Offline

Page 1: MozFest : Web Content in Africa with Offline

SCRUM 4: Makes for Low-Fi and Offline Environments

Web Content in Africa with Offline

Page 2: MozFest : Web Content in Africa with Offline

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
Page 4: MozFest : Web Content in Africa with Offline

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

Thimble Project from Mozilla Nigeria Hack Jam

https://thimble.webmaker.org/p/rof

Page 6: MozFest : Web Content in Africa with Offline

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

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

SMS + Shortcode = Tweet Example : I ‘m webmaker + 4443

+ Shortcode =

Twitter via SMS

Page 9: MozFest : Web Content in Africa with Offline

WebContent via Recipe

Page 10: MozFest : Web Content in Africa with Offline

+ Shortcode = =

Webcontent via SMS

Page 11: MozFest : Web Content in Africa with Offline

USHAHIDI

Page 12: MozFest : Web Content in Africa with Offline
Page 13: MozFest : Web Content in Africa with Offline

FRONTLINE SMS

Page 14: MozFest : Web Content in Africa with Offline
Page 15: MozFest : Web Content in Africa with Offline

OFFLINE WEBAPPS

• Html5

• WebAPI

• IndexDB

• CacheStorage

• WebStorage

Page 16: MozFest : Web Content in Africa with Offline

HTML5

Page 17: MozFest : Web Content in Africa with Offline

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

WEBAPI

Page 19: MozFest : Web Content in Africa with Offline

INDEXDB

var mozfest = {};

mozfest.indexedDB = {};

mozfest.indexedDB.open = function()

Page 20: MozFest : Web Content in Africa with Offline

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

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

END