HTML5 by People Input @StartupWeekend Dakar Bootcamp 22.03.2012

1

2

People Input

Positionnement 1er fournisseur Africain de services web & mobiles

Activités Web Social Networking Services mobiles (sms+, SVI) Apps (Android, IOS, Symbian)

Présence géographique Sénégal Cameroun Côte d’Ivoire Burkina Faso Mali Guinée Conakry

Sites web www.peopleinput.com

www.mobileproafrica.com

www.facebook.com/peopleinput

www.facebook.com/mobileproafrica

3

Sommaire

HISTORIQUE DU HTML

PRESENTATION DU HTML5

HTML5 ET LE MOBILE

FONCTIONNALITES

COMPATIBILITE NAVIGATEURS

LIENS UTILES

DEMO

4

Sommaire

HISTORIQUE DU HTML

PRESENTATION DU HTML5

HTML5 ET LE MOBILE

FONCTIONNALITES

COMPATIBILITE NAVIGATEURS

LIENS UTILES

DEMO

5

Historique du HTML

6

Sommaire

HISTORIQUE DU HTML

PRESENTATION DU HTML5

HTML5 ET LE MOBILE

FONCTIONNALITES

COMPATIBILITE NAVIGATEUR

LIENS UTILES

DEMO

7

PRESENTATION DU HTML5

STRUCTURE D'UN DOCUMENT HTML5

9

Sommaire

HISTORIQUE DU HTML

PRESENTATION DU HTML5

HTML5 ET LE MOBILE

FONCTIONNALITES

COMPATIBILITE NAVIGATEUR

LIENS UTILES

DEMO

Avant

Aujourd’hui

ECOSYSTEME

11

HTML5 ET LE MOBILE

Avantages

• Multiplateformes (iOS, Android, Windows Phone, Symbian-Meego, Bada ou

encore BlackBerry OS, …)

• Prise en main facile

• Maintenance simplifiée

• Pas de process de validation au niveau des stores

• Compatibilité ascendante

Inconvénients

• Compatibilité des navigateurs

• Utilisation limitée des ressources du mobile

12

Sommaire

HISTORIQUE DU HTML

PRESENTATION DU HTML5

HTML5 ET LE MOBILE

FONCTIONNALITES

COMPATIBILITE NAVIGATEUR

LIENS UTILES

DEMO

13

PRESENTATION DES FONCTIONNALITES

HTML5 et les API JavaScript

Pour les sélecteurs CSS, l'API Selectors

14

PRESENTATION DES FONCTIONNALITES

Le stockage local (Web Storage)

15

PRESENTATION DES FONCTIONNALITES

Base de données SQL

16

PRESENTATION DES FONCTIONNALITES

Application cache

17

PRESENTATION DES FONCTIONNALITES

Notifications

18

PRESENTATION DES FONCTIONNALITES

Géolocalisation

19

PRESENTATION DES FONCTIONNALITES

Formulaire

20

Sommaire

HISTORIQUE DU HTML

PRESENTATION DU HTML5

HTML5 ET LE MOBILE

FONCTIONNALITES

COMPATIBILITE NAVIGATEURS

LIENS UTILES

DEMO

COMPATIBILITE DES NAVIGATEURS

22

Sommaire

HISTORIQUE DU HTML

PRESENTATION DU HTML5

HTML5 ET LE MOBILE

FONCTIONNALITES

COMPATIBILITE NAVIGATEUR

LIENS UTILES

DEMO

23

Liens utiles

http://htmlfive.appspot.com/static/draw.html

http://htmlfive.appspot.com/static/whereami.html

http://slides.html5rocks.com/#slide1

http://www.1stwebdesigner.com/resources/html5-demos/

24

Sommaire

HISTORIQUE DU HTML

PRESENTATION DU HTML5

HTML5 ET LE MOBILE

FONCTIONNALITES

COMPATIBILITE NAVIGATEUR

LIENS UTILES

DEMO

Démo

Transformation d’une application HTML5 en application Android

Questions / Réponses

People Input recrute !

Vous êtes passionné par les IT ?

Ambitieux ?

Envoyez nous votre CV

recrutement@peopleinput.com

27