SlideShare une entreprise Scribd logo
WEB DEVELOPPEMENT Contribution Frédéric Doillon Responsable de domaine | Frontaux Internet et Technologies Web
De la légèreté avant toute chose Small is beautifull Des petites équipes Des objectifs précis, réalistes, motivants Early released, release often Des lots petits, taillés tels quels dès le départ Mise en ligne fréquente Versions bêta Web centric Le Web Content Management doit tiré le reste du projet Le reste des applications ou services devront s’adapter au Web Faisons ce que nous savons faire…et un petit peu plus Appuyons-nous sur nos compétences, Capitalisons sur les technologies que nous maîtrisons, Utilisons notre organisation actuelle centrée autour d’une équipe de développement Web
SOA et WEB 2.0 : la convergence SOA Une architecture orientée sur des services Des services autonomes Des services indépendants Des services interchangeables Dont la granularité a été définie de  manière à ne pas démontrer de dépendances fortes les uns avec les autres WEB 2.0 Un Web programmable La notion de  MASHUP  : une agrégation de services pour une offre de nouveaux services En arrière plan : une plateforme applicative En front office : servir au mieux l’utilisateur
Expérience utilisateur au cœur de l’attente Une IHM performante Rich Internet Application Cartographie Image  Video Contenu collaboratif Des fournisseurs de services Divers Internes, externes et mashup Accessibles via des standards (API, Web Services, SOAP, RSS, etc …) Service Fournisseur Service Fournisseur Web  Content Management Video YouTube Gadget UCPA Windows Live Image FlickR Agent de  conversation Messenger Live Colloquis Cartographie GoogleMap VirtuelEarth IHM API API API API API API API API
Web Content Management UCPA WCM Chargés de contenu Web portables,   PC,  TabletPC,  Siège, Centres, connectés,  déconnectés, modérateurs,  validateurs… Rendus pdf xml/xsl objet SOAP Web Services RSS… Aggrégation avec services tierces cartographie, visuel, vidéo, agent de conversation,  gadget, newsletters, campagnes, blogs…
Structure du document Web <Données d’entête> saison,  langue,  code forfait,  public… <Textes> titre, sous-titre, libellé… <Appels Webs Services/API externes> cartographie (coordonnées géocodées), visuels (photothèque/FlickR) vidéo (YouTube) … <Propriétés> formule, destination, zone géo, activités, existence d’un site local, itinérance, circuit, séjour, âge, niveaux… <Tag> accès non structuré
Périmètre(s) Service de Développement Web IHM Web (consommation de services et rendus) API/WS du WCM (contribution et rendu) Hors Champ brochures (agrégation Xpress/contenu) contrats clients (agrégation outil de vente/contenu) outil de programmation GED entreprise Renfort attendu ressource d’assistance études MOA/MOE expert technique pour  coaching on the job  (architecture SOA, javascript, gestion de la sécurité…)
Nos contraintes Notre structure une équipe de développeurs un manager dédié une montée en compétence continue depuis un an vers une industrialisation de nos développements Nos compétences technologies Microsoft (framework .Net 2.0, C#, SqlServer) open source DotNetNuke standard du Web (CSS2, WS, SOAP, AJAX, Web programmable)
Un objectif stratégique Passer d’une informatique « centre de coût » à une informatique « créatrice de valeur ».

Contenu connexe

En vedette

Développement Web - Module 1 - Introduction
Développement Web - Module 1 - IntroductionDéveloppement Web - Module 1 - Introduction
Développement Web - Module 1 - Introduction
Mohammed Amine Mostefai
 
Altitude - Processus de conception de site web
Altitude - Processus de conception de site webAltitude - Processus de conception de site web
Altitude - Processus de conception de site web
Antoine Bonicalzi
 
Sexpotit@
Sexpotit@Sexpotit@
K226 Signes par milliers
K226 Signes par milliersK226 Signes par milliers
K226 Signes par milliers
Paroisse d'Assesse
 
K158 Dieu qui nous appelles à vivre
K158 Dieu qui nous appelles à vivreK158 Dieu qui nous appelles à vivre
K158 Dieu qui nous appelles à vivre
Paroisse d'Assesse
 
2010 mejorar escuelas estrategias méxico
2010 mejorar escuelas estrategias méxico2010 mejorar escuelas estrategias méxico
2010 mejorar escuelas estrategias méxico
Delegacion Cuarentayocho
 
DEBATTRE 26_31 mai 2016[1]
DEBATTRE 26_31 mai 2016[1]DEBATTRE 26_31 mai 2016[1]
DEBATTRE 26_31 mai 2016[1]
Lo Nicolas
 
lic2000_08
lic2000_08lic2000_08
lic2000_08
Isabelle Radtke
 
20120215 inseme surfer en liberte
20120215 inseme surfer en liberte20120215 inseme surfer en liberte
20120215 inseme surfer en liberte
Eric Ferrari
 
Renaissance africaine (2)
Renaissance africaine (2)Renaissance africaine (2)
Renaissance africaine (2)
Profcdj CDJ
 
Presentatation de HOME
Presentatation de HOMEPresentatation de HOME
Presentatation de HOME
Anahi Conde
 
Festival de glace 2014 à Harbin
Festival de glace 2014 à HarbinFestival de glace 2014 à Harbin
Festival de glace 2014 à Harbin
SIBIOS
 
Que sont devenus nos héros?
Que sont devenus nos héros?Que sont devenus nos héros?
Que sont devenus nos héros?
SIBIOS
 
Mosm portail 08_09 v3.6.3
Mosm portail 08_09 v3.6.3Mosm portail 08_09 v3.6.3
Mosm portail 08_09 v3.6.3
Mb touri
 
Guide Pour Affronter La Récession
Guide Pour Affronter La RécessionGuide Pour Affronter La Récession
Guide Pour Affronter La Récession
Groupe Dancause
 
Ons Ylaisseraitprendre
Ons YlaisseraitprendreOns Ylaisseraitprendre
Ons Ylaisseraitprendre
KIKIROK
 
Presentacion paradoja uft
Presentacion paradoja uftPresentacion paradoja uft
Presentacion paradoja uft
Nelson Montesdeoca
 
Detalles parrilla de programación angostura estéreo
Detalles parrilla de programación angostura estéreoDetalles parrilla de programación angostura estéreo
Detalles parrilla de programación angostura estéreo
marianlennis08
 

En vedette (20)

Développement Web - Module 1 - Introduction
Développement Web - Module 1 - IntroductionDéveloppement Web - Module 1 - Introduction
Développement Web - Module 1 - Introduction
 
Altitude - Processus de conception de site web
Altitude - Processus de conception de site webAltitude - Processus de conception de site web
Altitude - Processus de conception de site web
 
Sexpotit@
Sexpotit@Sexpotit@
Sexpotit@
 
K226 Signes par milliers
K226 Signes par milliersK226 Signes par milliers
K226 Signes par milliers
 
K158 Dieu qui nous appelles à vivre
K158 Dieu qui nous appelles à vivreK158 Dieu qui nous appelles à vivre
K158 Dieu qui nous appelles à vivre
 
2010 mejorar escuelas estrategias méxico
2010 mejorar escuelas estrategias méxico2010 mejorar escuelas estrategias méxico
2010 mejorar escuelas estrategias méxico
 
DEBATTRE 26_31 mai 2016[1]
DEBATTRE 26_31 mai 2016[1]DEBATTRE 26_31 mai 2016[1]
DEBATTRE 26_31 mai 2016[1]
 
lic2000_08
lic2000_08lic2000_08
lic2000_08
 
20120215 inseme surfer en liberte
20120215 inseme surfer en liberte20120215 inseme surfer en liberte
20120215 inseme surfer en liberte
 
Renaissance africaine (2)
Renaissance africaine (2)Renaissance africaine (2)
Renaissance africaine (2)
 
Presentatation de HOME
Presentatation de HOMEPresentatation de HOME
Presentatation de HOME
 
Festival de glace 2014 à Harbin
Festival de glace 2014 à HarbinFestival de glace 2014 à Harbin
Festival de glace 2014 à Harbin
 
Que sont devenus nos héros?
Que sont devenus nos héros?Que sont devenus nos héros?
Que sont devenus nos héros?
 
Mosm portail 08_09 v3.6.3
Mosm portail 08_09 v3.6.3Mosm portail 08_09 v3.6.3
Mosm portail 08_09 v3.6.3
 
Guide Pour Affronter La Récession
Guide Pour Affronter La RécessionGuide Pour Affronter La Récession
Guide Pour Affronter La Récession
 
OPL
OPLOPL
OPL
 
Ons Ylaisseraitprendre
Ons YlaisseraitprendreOns Ylaisseraitprendre
Ons Ylaisseraitprendre
 
Presentacion paradoja uft
Presentacion paradoja uftPresentacion paradoja uft
Presentacion paradoja uft
 
Cadeau Mjd1
Cadeau Mjd1Cadeau Mjd1
Cadeau Mjd1
 
Detalles parrilla de programación angostura estéreo
Detalles parrilla de programación angostura estéreoDetalles parrilla de programación angostura estéreo
Detalles parrilla de programación angostura estéreo
 

Similaire à Web Developpement

Introduction à DotNetNuke
Introduction à DotNetNukeIntroduction à DotNetNuke
Introduction à DotNetNuke
Microsoft
 
Developper une application mobile
Developper une application mobileDevelopper une application mobile
Developper une application mobile
Eutech SSII
 
DotNetNuke aux TechDays 2012
DotNetNuke aux TechDays 2012DotNetNuke aux TechDays 2012
DotNetNuke aux TechDays 2012
Cyril P
 
Web2.0
Web2.0Web2.0
BizTalk Summit L'intégration en mutation
BizTalk Summit   L'intégration en mutationBizTalk Summit   L'intégration en mutation
BizTalk Summit L'intégration en mutation
Michel HUBERT
 
Cv dridi-lotfi
Cv dridi-lotfiCv dridi-lotfi
Cv dridi-lotfi
Lotfi Dridi
 
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
 
2002-10-24 Maryse Legault Outils de gestion de projet
2002-10-24 Maryse Legault Outils de gestion de projet2002-10-24 Maryse Legault Outils de gestion de projet
2002-10-24 Maryse Legault Outils de gestion de projet
PMI Lévis-Québec
 
Bing Maps for Enterprise - Intégrez de la cartographie au sein de vos applica...
Bing Maps for Enterprise - Intégrez de la cartographie au sein de vos applica...Bing Maps for Enterprise - Intégrez de la cartographie au sein de vos applica...
Bing Maps for Enterprise - Intégrez de la cartographie au sein de vos applica...
Nicolas Boonaert
 
WygDay 2010 - Bing Maps - integrez de la cartographie dans vos applications ...
WygDay 2010  - Bing Maps - integrez de la cartographie dans vos applications ...WygDay 2010  - Bing Maps - integrez de la cartographie dans vos applications ...
WygDay 2010 - Bing Maps - integrez de la cartographie dans vos applications ...
Wygwam
 
Web 2.0 Vs médias et RSE
Web 2.0 Vs médias et RSEWeb 2.0 Vs médias et RSE
Web 2.0 Vs médias et RSE
CYB@RDECHE
 
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
 
2.0 TEchnologies
2.0 TEchnologies2.0 TEchnologies
2.0 TEchnologies
Giroud Marie
 
Portails Etat De L'art
Portails  Etat De L'artPortails  Etat De L'art
Portails Etat De L'art
Tugdual Grall
 
2.0 Services et Usage
2.0 Services et Usage2.0 Services et Usage
2.0 Services et Usage
Giroud Marie
 
L'histoire d'html5 pour les développeurs windows phone 8
L'histoire d'html5 pour les développeurs windows phone 8L'histoire d'html5 pour les développeurs windows phone 8
L'histoire d'html5 pour les développeurs windows phone 8
davrous
 
Petit-déjeuner "Psychanalyse du Chatbot"
Petit-déjeuner "Psychanalyse du Chatbot"Petit-déjeuner "Psychanalyse du Chatbot"
Petit-déjeuner "Psychanalyse du Chatbot"
OCTO Technology
 
Le Web comme plateforme TIC pour l'entreprise
Le Web comme plateforme TIC pour l'entrepriseLe Web comme plateforme TIC pour l'entreprise
Le Web comme plateforme TIC pour l'entreprise
mastertic
 

Similaire à Web Developpement (20)

Introduction à DotNetNuke
Introduction à DotNetNukeIntroduction à DotNetNuke
Introduction à DotNetNuke
 
Developper une application mobile
Developper une application mobileDevelopper une application mobile
Developper une application mobile
 
DotNetNuke aux TechDays 2012
DotNetNuke aux TechDays 2012DotNetNuke aux TechDays 2012
DotNetNuke aux TechDays 2012
 
Web2.0
Web2.0Web2.0
Web2.0
 
BizTalk Summit L'intégration en mutation
BizTalk Summit   L'intégration en mutationBizTalk Summit   L'intégration en mutation
BizTalk Summit L'intégration en mutation
 
Cv dridi-lotfi
Cv dridi-lotfiCv dridi-lotfi
Cv dridi-lotfi
 
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
 
2002-10-24 Maryse Legault Outils de gestion de projet
2002-10-24 Maryse Legault Outils de gestion de projet2002-10-24 Maryse Legault Outils de gestion de projet
2002-10-24 Maryse Legault Outils de gestion de projet
 
Bing Maps for Enterprise - Intégrez de la cartographie au sein de vos applica...
Bing Maps for Enterprise - Intégrez de la cartographie au sein de vos applica...Bing Maps for Enterprise - Intégrez de la cartographie au sein de vos applica...
Bing Maps for Enterprise - Intégrez de la cartographie au sein de vos applica...
 
WygDay 2010 - Bing Maps - integrez de la cartographie dans vos applications ...
WygDay 2010  - Bing Maps - integrez de la cartographie dans vos applications ...WygDay 2010  - Bing Maps - integrez de la cartographie dans vos applications ...
WygDay 2010 - Bing Maps - integrez de la cartographie dans vos applications ...
 
Flexm formation-flex-mobile
Flexm formation-flex-mobileFlexm formation-flex-mobile
Flexm formation-flex-mobile
 
Web 2.0 Vs médias et RSE
Web 2.0 Vs médias et RSEWeb 2.0 Vs médias et RSE
Web 2.0 Vs médias et RSE
 
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 ?
 
2.0 TEchnologies
2.0 TEchnologies2.0 TEchnologies
2.0 TEchnologies
 
T
TT
T
 
Portails Etat De L'art
Portails  Etat De L'artPortails  Etat De L'art
Portails Etat De L'art
 
2.0 Services et Usage
2.0 Services et Usage2.0 Services et Usage
2.0 Services et Usage
 
L'histoire d'html5 pour les développeurs windows phone 8
L'histoire d'html5 pour les développeurs windows phone 8L'histoire d'html5 pour les développeurs windows phone 8
L'histoire d'html5 pour les développeurs windows phone 8
 
Petit-déjeuner "Psychanalyse du Chatbot"
Petit-déjeuner "Psychanalyse du Chatbot"Petit-déjeuner "Psychanalyse du Chatbot"
Petit-déjeuner "Psychanalyse du Chatbot"
 
Le Web comme plateforme TIC pour l'entreprise
Le Web comme plateforme TIC pour l'entrepriseLe Web comme plateforme TIC pour l'entreprise
Le Web comme plateforme TIC pour l'entreprise
 

Web Developpement

  • 1. WEB DEVELOPPEMENT Contribution Frédéric Doillon Responsable de domaine | Frontaux Internet et Technologies Web
  • 2. De la légèreté avant toute chose Small is beautifull Des petites équipes Des objectifs précis, réalistes, motivants Early released, release often Des lots petits, taillés tels quels dès le départ Mise en ligne fréquente Versions bêta Web centric Le Web Content Management doit tiré le reste du projet Le reste des applications ou services devront s’adapter au Web Faisons ce que nous savons faire…et un petit peu plus Appuyons-nous sur nos compétences, Capitalisons sur les technologies que nous maîtrisons, Utilisons notre organisation actuelle centrée autour d’une équipe de développement Web
  • 3. SOA et WEB 2.0 : la convergence SOA Une architecture orientée sur des services Des services autonomes Des services indépendants Des services interchangeables Dont la granularité a été définie de manière à ne pas démontrer de dépendances fortes les uns avec les autres WEB 2.0 Un Web programmable La notion de MASHUP : une agrégation de services pour une offre de nouveaux services En arrière plan : une plateforme applicative En front office : servir au mieux l’utilisateur
  • 4. Expérience utilisateur au cœur de l’attente Une IHM performante Rich Internet Application Cartographie Image Video Contenu collaboratif Des fournisseurs de services Divers Internes, externes et mashup Accessibles via des standards (API, Web Services, SOAP, RSS, etc …) Service Fournisseur Service Fournisseur Web Content Management Video YouTube Gadget UCPA Windows Live Image FlickR Agent de conversation Messenger Live Colloquis Cartographie GoogleMap VirtuelEarth IHM API API API API API API API API
  • 5. Web Content Management UCPA WCM Chargés de contenu Web portables, PC, TabletPC, Siège, Centres, connectés, déconnectés, modérateurs, validateurs… Rendus pdf xml/xsl objet SOAP Web Services RSS… Aggrégation avec services tierces cartographie, visuel, vidéo, agent de conversation, gadget, newsletters, campagnes, blogs…
  • 6. Structure du document Web <Données d’entête> saison, langue, code forfait, public… <Textes> titre, sous-titre, libellé… <Appels Webs Services/API externes> cartographie (coordonnées géocodées), visuels (photothèque/FlickR) vidéo (YouTube) … <Propriétés> formule, destination, zone géo, activités, existence d’un site local, itinérance, circuit, séjour, âge, niveaux… <Tag> accès non structuré
  • 7. Périmètre(s) Service de Développement Web IHM Web (consommation de services et rendus) API/WS du WCM (contribution et rendu) Hors Champ brochures (agrégation Xpress/contenu) contrats clients (agrégation outil de vente/contenu) outil de programmation GED entreprise Renfort attendu ressource d’assistance études MOA/MOE expert technique pour coaching on the job (architecture SOA, javascript, gestion de la sécurité…)
  • 8. Nos contraintes Notre structure une équipe de développeurs un manager dédié une montée en compétence continue depuis un an vers une industrialisation de nos développements Nos compétences technologies Microsoft (framework .Net 2.0, C#, SqlServer) open source DotNetNuke standard du Web (CSS2, WS, SOAP, AJAX, Web programmable)
  • 9. Un objectif stratégique Passer d’une informatique « centre de coût » à une informatique « créatrice de valeur ».