Technologies Web avancées

Transcription

ING1 SIGL
Technologies Web
avancées
Olivier Pons / 2013 - 2014
Objectif
Comprendre globalement le Web
Sommaire
1. Rappel Web
2. État de l'art
3. Solutions actuelles
2 / 28
1 – Rappel Web
1a. HTML
HTML dans ses débuts = langage de balises permissif
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<META NAME="Generator" CONTENT="Microsoft Word 97">
<META NAME="Template"
CONTENT="I:\win_dos\suites\office97\office\html.dot">
<META NAME="GENERATOR" CONTENT="Mozilla/4.01 [en] (WinNT; I) [Netscape]">
<TITLE>The Web Companion to Agatha Christie</TITLE>
</HEAD>
3 / 28
1 – Rappel Web
1b. Fondamentaux - DNS
=>
208.73.210.29
4 / 28
1 – Rappel Web
1b. Fondamentaux – Client Serveur
Requête
Serveur
Web
Client
Réponse
208.73.210.29
5 / 28
1 – Rappel Web
1b. Fondamentaux - Protocole


HTTP: HyperText Transfer Protocol
HTTP: les principales méthodes



GET URL : demander le contenu de la ressource
POST URL : envoi de données vers une application
HTTP: le transport


Architecture Client-Serveur, mode « Pull »
Connections courtes, « Sans état » (stateless)
6 / 28
1 – Rappel Web
1c. Vue de loin - Protocole


Web = Capacité à être centralisé
Stockage côté serveur



Tout est maîtrisé
Tout est sécurisé (...)
Stockage côté client


Interface utilisateur plus agréable
Diminution des échanges / de leurs tailles
7 / 28
2 – État de l'art
2a. État de l'art – Métiers du Web








Conception
Design
Intégration
Backend
Administration système
Marketing
Commercial
Motion design
8 / 28
2a. État de l'art – Métiers du Web





Métiers de la conception et du
développement
Métiers du conseil et de l'expertise
Métiers de la formation et de
l'enseignement
Métiers du marketing
Métiers du management
http://www.commentcamarche.net/contents/685-metiers-de-l-informatique
9 / 28
2b. État de l'art – Dans l'entreprise






Plusieurs façons de travailler
Paiement
Business models
Startups
SSII
Agences webs
10 / 28
2c. État de l'art – Enjeux





Economie numérique globale
Perspectives dans le mobile : trafic avec une
hausse exponentielle
Cloud / grosse capacité : pourquoi ? acteurs ?
Multiple device : responsive design
API & B2D
11 / 28
Travaux pratiques – Projet Web






Quelle équipe monter ?
Combien de personnes, et pourquoi ?
Quelle organisation ?
Business plan
Quelles sont les raisons des succès ? Exemples
Quelles sont les raisons des échecs ? Exemples
12 / 28
Travaux pratiques – Résultat attendu





Équipe / Personnes
Organisation
Business plan
Pourquoi ça fonctionnera
Pourquoi ça pourrait
échouer





Schéma hiérarchique
Rôles de chacun +
explication
Business modèle +
diagrammes prévisionnels
5 ans
Bulles + explication orale
Bulles + explication orale
13 / 28
Travaux pratiques – Succès échec

Causes de succès

Causes d'échec
14 / 28
1.
2.
3.
4.
5.
6.
7.
8.
9.
Ne jamais faire la même erreur deux fois
Garder le coût d'une erreur surmontable
Chaque pas en avant doit être un pas planifié
Recherche active et ne jamais ignorer les critiques
Déterminer d'où est venu le problème et comment le corriger
Après chaque échec : mettre à jour ses business process
Ne jamais dire ”pas de chance, erreur timing ou de jugement”
Savoir écouter les anciens et faire son propre chemin
La combativité est le meilleur antidote contre l'échec
http://www.forbes.com/sites/martinzwilling/
2013/08/07/10-principles-for-startup-success-through-failure/
15 / 28
1.
2.
3.
4.
5.
6.
7.
8.
9.
Ne jamais faire la même erreur deux fois
Garder le coût d'une erreur surmontable
Chaque pas en avant doit être un pas planifié
Recherche active et ne jamais ignorer les critiques
Déterminer d'où est venu le problème et comment le corriger
Après chaque échec : mettre à jour ses business process
Ne jamais dire ”pas de chance, erreur timing ou de jugement”
Savoir écouter les anciens et faire son propre chemin
La combativité est le meilleur antidote contre l'échec
16 / 28
http://www.forbes.com/sites/ericwagner/2013/10/22/9-lessons-from-a
-10-time-startup-failure/
A retenir : 9 startups sur 10 échouent.
En cinq ans, j'ai fait 9 erreurs, la 10 ème n'en est pas une.
17 / 28
Travaux pratiques – Lean startup
C'est une méthode qui permet de tester son
produit ou service très rapidement (et savoir si ça
en vaut la peine).
Le Lean Canvas c’est 9 petites cases à remplir
qui définissent votre produit/service.
Se concentrer sur le MVP (comprendre Minimum
Viable Product), c’est à dire le produit/service
avec le minimum de fonctionnalités requises pour
pouvoir commencer à le vendre.
http://www.camilleroux.com/2011/06/21/kit-du-lean-startuper-en-herbe/
18 / 28
Travaux pratiques – Lean startup
http://fr.slideshare.net/ashmaurya/running-lean-canvas
19 / 28
3 – Solutions actuelles
3a Côté serveur – Langages





Les classiques : PHP, Ruby, Python, Java, .NET
Les nouveaux : scala, clojure, node.js, go, erlang
Les anciens : perl, lisp
Les compilés vs. Les interprétés
Les frameworks : une tendance générale = sécurité,
conventions, souplesse, performance, équipe
20 / 28
3b Côté client – Langages







HTML5, CSS3, JavaScript
jQuery
CoffeScript, Sass, Compass
Flash, Flex
Marginaux : Dart, Silverlight
MVC : AngularJS
Moteurs de templating : Mustache et descendants
21 / 28
3c Etat de l'art – Outils






WordPress
Joomla
PhpBB
Drupal
ModX
Ou un de votre choix
http://www.cmsmatrix.org/
22 / 28
Programmer la base de votre projet dans 2
langages : un côté client, un côté serveur.
Dire, pour chaque langage :
- Quels sont les inconvénients
- Quels sont les avantages
23 / 28
Serveur





Php
Ruby
Python
Java
.NET





Scala
Clojure
node.js
Go
erlang
24 / 28
Client


HTML5
CSS3





JavaScript
CoffeScript
Sass
Compass
Flash / Flex




Dart
Silverlight
MVC : AngularJS
Templating

Mustache

… ou descendants
25 / 28
Serveur – résultats attendus
Vitesse
de
développement



Php
Ruby
Python
Travail
en
équipe
Temps
de
formation
Pérennité
Etc.
26 / 28
Client – résultats attendus
Vitesse
de
dév.
Travail
en
équipe
Temps
de
formation
Pérennité
Qualité
User
Exp.
CoffeeScript
AngularJS
Mustache
27 / 28
Outils – résultats attendus
Vitesse
de
dév.
Travail
en
équipe
Temps
de
formation
Pérennité
Qualité
User
Exp.
WordPress
Joomla
PhpBB
28 / 28

Technologies Web avancées

Transcription

Documents pareils

La régulation des avancées technologiques

QUARK XPRESS, PERFECTIONNEMENT

LES CALENDES DE! LA CRISE GRECQUE !

ACTIVER L`AUTOLOGON SUR XP, VISTA et SEVEN Entrez dans le

golive - Formation

FORMATION QUARK XPRESS PERFECTIONNEMENT 2 jours

Politique de Concurrence / Aides d`État

Formation Golive niveau 2

Programme de formation Lotus Notes Perfectionnement