SlideShare une entreprise Scribd logo
1
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


                                                                             2
Sommaire


 HISTORIQUE DU HTML

 PRESENTATION DU HTML5

 HTML5 ET LE MOBILE

 FONCTIONNALITES

 COMPATIBILITE NAVIGATEURS

 LIENS UTILES

 DEMO


                              3
Sommaire


 HISTORIQUE DU HTML

 PRESENTATION DU HTML5

 HTML5 ET LE MOBILE

 FONCTIONNALITES

 COMPATIBILITE NAVIGATEURS

 LIENS UTILES

 DEMO


                              4
Historique du HTML




                     5
Sommaire


 HISTORIQUE DU HTML

 PRESENTATION DU HTML5

 HTML5 ET LE MOBILE

 FONCTIONNALITES

 COMPATIBILITE NAVIGATEUR

 LIENS UTILES

 DEMO


                             6
PRESENTATION DU HTML5




                        7
STRUCTURE D'UN DOCUMENT HTML5
Sommaire


 HISTORIQUE DU HTML

 PRESENTATION DU HTML5

 HTML5 ET LE MOBILE

 FONCTIONNALITES

 COMPATIBILITE NAVIGATEUR

 LIENS UTILES

 DEMO


                             9
ECOSYSTEME



Avant




Aujourd’hui
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




                                                                11
Sommaire


 HISTORIQUE DU HTML

 PRESENTATION DU HTML5

 HTML5 ET LE MOBILE

 FONCTIONNALITES

 COMPATIBILITE NAVIGATEUR

 LIENS UTILES

 DEMO


                             12
PRESENTATION DES FONCTIONNALITES


HTML5 et les API JavaScript
Pour les sélecteurs CSS, l'API Selectors




                                                   13
PRESENTATION DES FONCTIONNALITES


Le stockage local (Web Storage)




                                                    14
PRESENTATION DES FONCTIONNALITES


Base de données SQL




                                                  15
PRESENTATION DES FONCTIONNALITES


Application cache




                                                   16
PRESENTATION DES FONCTIONNALITES


Notifications




                                                   17
PRESENTATION DES FONCTIONNALITES


Géolocalisation




                                                     18
PRESENTATION DES FONCTIONNALITES


Formulaire




                                                19
Sommaire


 HISTORIQUE DU HTML

 PRESENTATION DU HTML5

 HTML5 ET LE MOBILE

 FONCTIONNALITES

 COMPATIBILITE NAVIGATEURS

 LIENS UTILES

 DEMO


                              20
COMPATIBILITE DES NAVIGATEURS
Sommaire


 HISTORIQUE DU HTML

 PRESENTATION DU HTML5

 HTML5 ET LE MOBILE

 FONCTIONNALITES

 COMPATIBILITE NAVIGATEUR

 LIENS UTILES

 DEMO


                             22
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/




                                                       23
Sommaire


 HISTORIQUE DU HTML

 PRESENTATION DU HTML5

 HTML5 ET LE MOBILE

 FONCTIONNALITES

 COMPATIBILITE NAVIGATEUR

 LIENS UTILES

 DEMO


                             24
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

Contenu connexe

Similaire à HTML5 by People Input @StartupWeekend Dakar Bootcamp 22.03.2012

Seminaire 2010 : Réussir les nouveaux projets web innovants avec Drupal
Seminaire 2010 : Réussir les nouveaux projets web innovants avec DrupalSeminaire 2010 : Réussir les nouveaux projets web innovants avec Drupal
Seminaire 2010 : Réussir les nouveaux projets web innovants avec Drupal
LINAGORA
 
Tk02 Google Wave Et Html5 Fr
Tk02 Google Wave Et Html5 FrTk02 Google Wave Et Html5 Fr
Tk02 Google Wave Et Html5 Fr
Valtech
 
Rss lunch 12_sqliagency_fev2011
Rss lunch 12_sqliagency_fev2011Rss lunch 12_sqliagency_fev2011
Rss lunch 12_sqliagency_fev2011
François VERRON
 
Chp1 - Introduction au Développement Mobile
Chp1 - Introduction au Développement MobileChp1 - Introduction au Développement Mobile
Chp1 - Introduction au Développement Mobile
Lilia Sfaxi
 
Présentation GFI Labs
Présentation GFI LabsPrésentation GFI Labs
Présentation GFI Labs
romualdperez
 
Démystifions l'API-culture!
Démystifions l'API-culture!Démystifions l'API-culture!
Démystifions l'API-culture!
OCTO Technology Suisse
 
20110325 fin ère du pc
20110325 fin ère du pc20110325 fin ère du pc
20110325 fin ère du pc
Jean-François Caenen
 
De l'open source à l'open API avec Restlet
De l'open source à l'open API avec RestletDe l'open source à l'open API avec Restlet
De l'open source à l'open API avec Restlet
Jerome Louvel
 
Veille sqli agency février 2011
Veille sqli agency février 2011Veille sqli agency février 2011
Veille sqli agency février 2011
Wax Interactive
 
Séminaire novembre 2010 - Les CMS Open Source au service d'un web performant
Séminaire novembre 2010 - Les CMS Open Source au service d'un web performantSéminaire novembre 2010 - Les CMS Open Source au service d'un web performant
Séminaire novembre 2010 - Les CMS Open Source au service d'un web performant
LINAGORA
 
Mobile Monday #1 - La place du mobile dans le web de demain (Olivier Tabone)
Mobile Monday #1 - La place du mobile dans le web de demain (Olivier Tabone)Mobile Monday #1 - La place du mobile dans le web de demain (Olivier Tabone)
Mobile Monday #1 - La place du mobile dans le web de demain (Olivier Tabone)
Atlantic 2.0
 
Les solutions mobiles (potentiel et enjeux)
Les solutions mobiles (potentiel et enjeux)Les solutions mobiles (potentiel et enjeux)
Les solutions mobiles (potentiel et enjeux)
SCALA
 
Gtug2 Mobile app with web technlogy
Gtug2 Mobile app with web technlogyGtug2 Mobile app with web technlogy
Gtug2 Mobile app with web technlogy
Sacha Leprêtre
 
Web Mobile : quelles opportunités face aux apps ?
Web Mobile : quelles opportunités face aux apps ?Web Mobile : quelles opportunités face aux apps ?
Web Mobile : quelles opportunités face aux apps ?
NiceToMeetYou
 
Les Sites Mobiles
Les Sites MobilesLes Sites Mobiles
Les Sites Mobiles
mmti2008
 
Les Sites Mobiles
Les Sites MobilesLes Sites Mobiles
Les Sites Mobiles
m.dubucq
 
Offre migrer vers_flutter
Offre migrer vers_flutterOffre migrer vers_flutter
Offre migrer vers_flutter
Julien Saumande
 
Les applications mobiles, sites mobiles et web apps
Les applications mobiles, sites mobiles et web appsLes applications mobiles, sites mobiles et web apps
Les applications mobiles, sites mobiles et web apps
Needeo
 
Proxym France : Your Digital Factory
Proxym France : Your Digital FactoryProxym France : Your Digital Factory
Proxym France : Your Digital Factory
Laurent Patoux
 
Incubateur hec | acquérir du trafic et fidéliser son audience - utiliser les ...
Incubateur hec | acquérir du trafic et fidéliser son audience - utiliser les ...Incubateur hec | acquérir du trafic et fidéliser son audience - utiliser les ...
Incubateur hec | acquérir du trafic et fidéliser son audience - utiliser les ...
Guilhem Bertholet
 

Similaire à HTML5 by People Input @StartupWeekend Dakar Bootcamp 22.03.2012 (20)

Seminaire 2010 : Réussir les nouveaux projets web innovants avec Drupal
Seminaire 2010 : Réussir les nouveaux projets web innovants avec DrupalSeminaire 2010 : Réussir les nouveaux projets web innovants avec Drupal
Seminaire 2010 : Réussir les nouveaux projets web innovants avec Drupal
 
Tk02 Google Wave Et Html5 Fr
Tk02 Google Wave Et Html5 FrTk02 Google Wave Et Html5 Fr
Tk02 Google Wave Et Html5 Fr
 
Rss lunch 12_sqliagency_fev2011
Rss lunch 12_sqliagency_fev2011Rss lunch 12_sqliagency_fev2011
Rss lunch 12_sqliagency_fev2011
 
Chp1 - Introduction au Développement Mobile
Chp1 - Introduction au Développement MobileChp1 - Introduction au Développement Mobile
Chp1 - Introduction au Développement Mobile
 
Présentation GFI Labs
Présentation GFI LabsPrésentation GFI Labs
Présentation GFI Labs
 
Démystifions l'API-culture!
Démystifions l'API-culture!Démystifions l'API-culture!
Démystifions l'API-culture!
 
20110325 fin ère du pc
20110325 fin ère du pc20110325 fin ère du pc
20110325 fin ère du pc
 
De l'open source à l'open API avec Restlet
De l'open source à l'open API avec RestletDe l'open source à l'open API avec Restlet
De l'open source à l'open API avec Restlet
 
Veille sqli agency février 2011
Veille sqli agency février 2011Veille sqli agency février 2011
Veille sqli agency février 2011
 
Séminaire novembre 2010 - Les CMS Open Source au service d'un web performant
Séminaire novembre 2010 - Les CMS Open Source au service d'un web performantSéminaire novembre 2010 - Les CMS Open Source au service d'un web performant
Séminaire novembre 2010 - Les CMS Open Source au service d'un web performant
 
Mobile Monday #1 - La place du mobile dans le web de demain (Olivier Tabone)
Mobile Monday #1 - La place du mobile dans le web de demain (Olivier Tabone)Mobile Monday #1 - La place du mobile dans le web de demain (Olivier Tabone)
Mobile Monday #1 - La place du mobile dans le web de demain (Olivier Tabone)
 
Les solutions mobiles (potentiel et enjeux)
Les solutions mobiles (potentiel et enjeux)Les solutions mobiles (potentiel et enjeux)
Les solutions mobiles (potentiel et enjeux)
 
Gtug2 Mobile app with web technlogy
Gtug2 Mobile app with web technlogyGtug2 Mobile app with web technlogy
Gtug2 Mobile app with web technlogy
 
Web Mobile : quelles opportunités face aux apps ?
Web Mobile : quelles opportunités face aux apps ?Web Mobile : quelles opportunités face aux apps ?
Web Mobile : quelles opportunités face aux apps ?
 
Les Sites Mobiles
Les Sites MobilesLes Sites Mobiles
Les Sites Mobiles
 
Les Sites Mobiles
Les Sites MobilesLes Sites Mobiles
Les Sites Mobiles
 
Offre migrer vers_flutter
Offre migrer vers_flutterOffre migrer vers_flutter
Offre migrer vers_flutter
 
Les applications mobiles, sites mobiles et web apps
Les applications mobiles, sites mobiles et web appsLes applications mobiles, sites mobiles et web apps
Les applications mobiles, sites mobiles et web apps
 
Proxym France : Your Digital Factory
Proxym France : Your Digital FactoryProxym France : Your Digital Factory
Proxym France : Your Digital Factory
 
Incubateur hec | acquérir du trafic et fidéliser son audience - utiliser les ...
Incubateur hec | acquérir du trafic et fidéliser son audience - utiliser les ...Incubateur hec | acquérir du trafic et fidéliser son audience - utiliser les ...
Incubateur hec | acquérir du trafic et fidéliser son audience - utiliser les ...
 

Plus de Yann Le Beux

Etude UX Design - Economie du partage et Financement Collaboratif
Etude UX Design - Economie du partage et Financement CollaboratifEtude UX Design - Economie du partage et Financement Collaboratif
Etude UX Design - Economie du partage et Financement Collaboratif
Yann Le Beux
 
"Le Boss dit tout" avec Serigne Barro de People Input sur #AfricaGoesDigital
"Le Boss dit tout" avec Serigne Barro de People Input sur #AfricaGoesDigital"Le Boss dit tout" avec Serigne Barro de People Input sur #AfricaGoesDigital
"Le Boss dit tout" avec Serigne Barro de People Input sur #AfricaGoesDigital
Yann Le Beux
 
Atelier Lean Startup buntuTEKI - CTIC Dakar 2015
Atelier Lean Startup buntuTEKI - CTIC Dakar 2015Atelier Lean Startup buntuTEKI - CTIC Dakar 2015
Atelier Lean Startup buntuTEKI - CTIC Dakar 2015
Yann Le Beux
 
CTIC Dakar - Official Presentation - 2015
CTIC Dakar - Official Presentation - 2015CTIC Dakar - Official Presentation - 2015
CTIC Dakar - Official Presentation - 2015
Yann Le Beux
 
Le Financement des Startups en Afrique : Théorie et Réalités
Le Financement des Startups en Afrique : Théorie et RéalitésLe Financement des Startups en Afrique : Théorie et Réalités
Le Financement des Startups en Afrique : Théorie et Réalités
Yann Le Beux
 
Intro a la lean startup - Atelier #1 BuntuTEKI 2014
Intro a la lean startup - Atelier #1 BuntuTEKI 2014Intro a la lean startup - Atelier #1 BuntuTEKI 2014
Intro a la lean startup - Atelier #1 BuntuTEKI 2014
Yann Le Beux
 
Atelier Business Model Canvas BuntuTEKI 2014
Atelier Business Model Canvas BuntuTEKI 2014Atelier Business Model Canvas BuntuTEKI 2014
Atelier Business Model Canvas BuntuTEKI 2014
Yann Le Beux
 
Les incubateurs de Startups TIC en Afrique - CTIC Dakar - Aout 2014
Les incubateurs de Startups TIC en Afrique - CTIC Dakar - Aout 2014Les incubateurs de Startups TIC en Afrique - CTIC Dakar - Aout 2014
Les incubateurs de Startups TIC en Afrique - CTIC Dakar - Aout 2014
Yann Le Beux
 
Business Model Canvas Tekki 48 Dakar 2014
Business Model Canvas Tekki 48 Dakar 2014Business Model Canvas Tekki 48 Dakar 2014
Business Model Canvas Tekki 48 Dakar 2014
Yann Le Beux
 
Financing for Tech Startups in Sub-Saharan Africa
Financing for Tech Startups in Sub-Saharan AfricaFinancing for Tech Startups in Sub-Saharan Africa
Financing for Tech Startups in Sub-Saharan Africa
Yann Le Beux
 
Tekki 48 Dakar 2014 - Prez officielle
Tekki 48 Dakar 2014 - Prez officielleTekki 48 Dakar 2014 - Prez officielle
Tekki 48 Dakar 2014 - Prez officielle
Yann Le Beux
 
Les Métiers de l'Entrepreneuriat TIC - CTIC Dakar - Mars 2014
Les Métiers de l'Entrepreneuriat TIC - CTIC Dakar - Mars 2014Les Métiers de l'Entrepreneuriat TIC - CTIC Dakar - Mars 2014
Les Métiers de l'Entrepreneuriat TIC - CTIC Dakar - Mars 2014
Yann Le Beux
 
CTIC Dakar Business Model Canvas - Google Days Senegal - Dec 2013
CTIC Dakar Business Model Canvas - Google Days Senegal - Dec 2013CTIC Dakar Business Model Canvas - Google Days Senegal - Dec 2013
CTIC Dakar Business Model Canvas - Google Days Senegal - Dec 2013
Yann Le Beux
 
Formation investisseurs CTIC Dakar - Sept 2013
Formation investisseurs CTIC Dakar - Sept 2013 Formation investisseurs CTIC Dakar - Sept 2013
Formation investisseurs CTIC Dakar - Sept 2013
Yann Le Beux
 
Atelier Business Model - SW Saint Louis - Nov 2012
Atelier Business Model - SW Saint Louis - Nov 2012Atelier Business Model - SW Saint Louis - Nov 2012
Atelier Business Model - SW Saint Louis - Nov 2012
Yann Le Beux
 
Les TIC dans la Stratégie Entrepreneuriale - @Synapse Center - 27.04.2012
Les TIC dans la Stratégie Entrepreneuriale - @Synapse Center - 27.04.2012Les TIC dans la Stratégie Entrepreneuriale - @Synapse Center - 27.04.2012
Les TIC dans la Stratégie Entrepreneuriale - @Synapse Center - 27.04.2012
Yann Le Beux
 
Les TIC dans la Stratégie Entrepreneuriale - @Synapse Center - 27.04.2012 27....
Les TIC dans la Stratégie Entrepreneuriale - @Synapse Center - 27.04.2012 27....Les TIC dans la Stratégie Entrepreneuriale - @Synapse Center - 27.04.2012 27....
Les TIC dans la Stratégie Entrepreneuriale - @Synapse Center - 27.04.2012 27....
Yann Le Beux
 
Atelier synapse 27.04.2012
Atelier synapse 27.04.2012Atelier synapse 27.04.2012
Atelier synapse 27.04.2012
Yann Le Beux
 
Business model workshop SupInfo Dakar 7.04.2012
Business model workshop SupInfo Dakar 7.04.2012Business model workshop SupInfo Dakar 7.04.2012
Business model workshop SupInfo Dakar 7.04.2012
Yann Le Beux
 
Business Model Canvas - StartupWeekend Dakar - March 2012
Business Model Canvas - StartupWeekend Dakar - March 2012Business Model Canvas - StartupWeekend Dakar - March 2012
Business Model Canvas - StartupWeekend Dakar - March 2012
Yann Le Beux
 

Plus de Yann Le Beux (20)

Etude UX Design - Economie du partage et Financement Collaboratif
Etude UX Design - Economie du partage et Financement CollaboratifEtude UX Design - Economie du partage et Financement Collaboratif
Etude UX Design - Economie du partage et Financement Collaboratif
 
"Le Boss dit tout" avec Serigne Barro de People Input sur #AfricaGoesDigital
"Le Boss dit tout" avec Serigne Barro de People Input sur #AfricaGoesDigital"Le Boss dit tout" avec Serigne Barro de People Input sur #AfricaGoesDigital
"Le Boss dit tout" avec Serigne Barro de People Input sur #AfricaGoesDigital
 
Atelier Lean Startup buntuTEKI - CTIC Dakar 2015
Atelier Lean Startup buntuTEKI - CTIC Dakar 2015Atelier Lean Startup buntuTEKI - CTIC Dakar 2015
Atelier Lean Startup buntuTEKI - CTIC Dakar 2015
 
CTIC Dakar - Official Presentation - 2015
CTIC Dakar - Official Presentation - 2015CTIC Dakar - Official Presentation - 2015
CTIC Dakar - Official Presentation - 2015
 
Le Financement des Startups en Afrique : Théorie et Réalités
Le Financement des Startups en Afrique : Théorie et RéalitésLe Financement des Startups en Afrique : Théorie et Réalités
Le Financement des Startups en Afrique : Théorie et Réalités
 
Intro a la lean startup - Atelier #1 BuntuTEKI 2014
Intro a la lean startup - Atelier #1 BuntuTEKI 2014Intro a la lean startup - Atelier #1 BuntuTEKI 2014
Intro a la lean startup - Atelier #1 BuntuTEKI 2014
 
Atelier Business Model Canvas BuntuTEKI 2014
Atelier Business Model Canvas BuntuTEKI 2014Atelier Business Model Canvas BuntuTEKI 2014
Atelier Business Model Canvas BuntuTEKI 2014
 
Les incubateurs de Startups TIC en Afrique - CTIC Dakar - Aout 2014
Les incubateurs de Startups TIC en Afrique - CTIC Dakar - Aout 2014Les incubateurs de Startups TIC en Afrique - CTIC Dakar - Aout 2014
Les incubateurs de Startups TIC en Afrique - CTIC Dakar - Aout 2014
 
Business Model Canvas Tekki 48 Dakar 2014
Business Model Canvas Tekki 48 Dakar 2014Business Model Canvas Tekki 48 Dakar 2014
Business Model Canvas Tekki 48 Dakar 2014
 
Financing for Tech Startups in Sub-Saharan Africa
Financing for Tech Startups in Sub-Saharan AfricaFinancing for Tech Startups in Sub-Saharan Africa
Financing for Tech Startups in Sub-Saharan Africa
 
Tekki 48 Dakar 2014 - Prez officielle
Tekki 48 Dakar 2014 - Prez officielleTekki 48 Dakar 2014 - Prez officielle
Tekki 48 Dakar 2014 - Prez officielle
 
Les Métiers de l'Entrepreneuriat TIC - CTIC Dakar - Mars 2014
Les Métiers de l'Entrepreneuriat TIC - CTIC Dakar - Mars 2014Les Métiers de l'Entrepreneuriat TIC - CTIC Dakar - Mars 2014
Les Métiers de l'Entrepreneuriat TIC - CTIC Dakar - Mars 2014
 
CTIC Dakar Business Model Canvas - Google Days Senegal - Dec 2013
CTIC Dakar Business Model Canvas - Google Days Senegal - Dec 2013CTIC Dakar Business Model Canvas - Google Days Senegal - Dec 2013
CTIC Dakar Business Model Canvas - Google Days Senegal - Dec 2013
 
Formation investisseurs CTIC Dakar - Sept 2013
Formation investisseurs CTIC Dakar - Sept 2013 Formation investisseurs CTIC Dakar - Sept 2013
Formation investisseurs CTIC Dakar - Sept 2013
 
Atelier Business Model - SW Saint Louis - Nov 2012
Atelier Business Model - SW Saint Louis - Nov 2012Atelier Business Model - SW Saint Louis - Nov 2012
Atelier Business Model - SW Saint Louis - Nov 2012
 
Les TIC dans la Stratégie Entrepreneuriale - @Synapse Center - 27.04.2012
Les TIC dans la Stratégie Entrepreneuriale - @Synapse Center - 27.04.2012Les TIC dans la Stratégie Entrepreneuriale - @Synapse Center - 27.04.2012
Les TIC dans la Stratégie Entrepreneuriale - @Synapse Center - 27.04.2012
 
Les TIC dans la Stratégie Entrepreneuriale - @Synapse Center - 27.04.2012 27....
Les TIC dans la Stratégie Entrepreneuriale - @Synapse Center - 27.04.2012 27....Les TIC dans la Stratégie Entrepreneuriale - @Synapse Center - 27.04.2012 27....
Les TIC dans la Stratégie Entrepreneuriale - @Synapse Center - 27.04.2012 27....
 
Atelier synapse 27.04.2012
Atelier synapse 27.04.2012Atelier synapse 27.04.2012
Atelier synapse 27.04.2012
 
Business model workshop SupInfo Dakar 7.04.2012
Business model workshop SupInfo Dakar 7.04.2012Business model workshop SupInfo Dakar 7.04.2012
Business model workshop SupInfo Dakar 7.04.2012
 
Business Model Canvas - StartupWeekend Dakar - March 2012
Business Model Canvas - StartupWeekend Dakar - March 2012Business Model Canvas - StartupWeekend Dakar - March 2012
Business Model Canvas - StartupWeekend Dakar - March 2012
 

HTML5 by People Input @StartupWeekend Dakar Bootcamp 22.03.2012