18.12.08

Salaires 2008 du design numérique en France

Check out this SlideShare Presentation:

12.12.08

M18-Architecture logicielle ULM - JEE


Jeudi 11 décembre 2008 - Module M18  - Architecture logicielle : ULM + JEE
Mr Curé - support de cours sur : http://www.univ-mlv.fr/~ocure/
logiciels utilisés open source pour les cours : Eclipse(IDE environnement de développement intégré), Mysql tomquat (moteur pour les jsp)
Easy Php (comprend Apache mysql plus sécurisé que tomquat) apache  65% du marché

Licence Open Source => on donne le programme
Mysql a été racheté par SUM en 2008
Eclipse logiciel fait pour java en premier lieu il devait concurrencer Dreamweaver au début
Flex chez Java
c'est Google qui a poussé l'Ajax
Alan Turing : est pratiquement le père de l'ordinateur et de l'intelligence artificielle
machine "collosus"
il a définit le "test de turing"
 Wikipédia : Alan Mathison Turing (23 juin 1912 - 7 juin 1954) était un mathématicien britannique auteur de l'article fondateur de la science informatique (en)On Computable Numbers with an Application to the Entscheidungsproblem qui allait donner le coup d'envoi à la création de l'ordinateur programmable. Il y présente sa machine de Turing, le premier calculateur universel programmable, et invente les concepts de programmation et de programme. Il est également à l'origine de la formalisation des concepts d'algorithme et de calculabilité qui ont profondément marqué cette discipline. Son modèle a contribué à établir définitivement la thèse Church-Turing qui donne une définition mathématique au concept intuitif de fonction calculable. Durant la Seconde Guerre mondiale, il a dirigé les recherches sur les codes secrets générés par la machine Enigma utilisée par les nazis. Après la guerre, il a travaillé sur un des tout premiers ordinateurs, puis a contribué de manière provocatrice au débat déjà houleux à cette période sur la capacité des machines à penser en établissant le test de Turing[1]. Vers la fin de sa vie, il s'est intéressé à des modèles de morphogenèse du vivant conduisant à ce que l'on appelle les structures de Turing.

Java c'est la plus importante communauté de programmeur développeur dans le monde.
Le langage PHP (Personnal Home Page) est un langage interpréteur
le langage C est compileur => on génère un exécutable
Java est un mélange de langage interpréteur et de langage compilé (machine virtuel java) du coup il peut tourner partout sur n'importe quelle environnement Mac PC linux
 
Une Applet c'est un code Java téléchargé depuis internet et qui tourne sur notre poste (client)
 
Servlet (JSP) code Java qui tourne sur le serveur requête en http sur le serveur
Dhtml = javascript 
Java est bien puissant que javascript deux technologie différente
Une des différence le javascript tourne coté client et le java tourne côté serveur
 
les états sont soit des variables soit des constantes
Float = double (peut stocker plus de valeur que float)
String (chaîne de caractères) pour le Java
les personnes qui ont créée Unix ont créée le langage C
La syntaxe du Java est plus simple que le langage C
 
Le PHP est décliné du langage C
En java les majuscules sont importantes
Opérateur de concaténation + en java  - System.out("bonjour "+prenom) 
Opération permettant d'afficher à l'écran (en langage Java) :
System.out.println(" Bonjour ")
System.out.println(" Bonjour "+prenom)
Dans un programme informatique, un bloc entre accolade {} délimite un ensemble d'instructions.
Syntaxe adoptée : {, pour début un bloc et } pour le fermer.

On peut imbriquer les blocs.
Programme :
static void main(String args[]) toujours à mettre dans programme java

{
System.out.println(" bonjour " );

}
public static void main(String args[])

{
String prenom;
saisir(prenom);

System.out.println(" bonjour " + prenom );
}

le void le main ne ramène rien ne renvoie rien
Il y à 30 millions de ligne de code dans le système d'exploitation windows XP (à priori c'est du C++ et des parties en assembleur)
Sun system exploitation Solaris avec une version open source (Stanford Université N...)

le signe égal = signifie donne une affectation a=5 (veut dire j'affecte 5 à a) a <= 5

ET logique : && Exemple 

Opérateurs logiques et arithmétiques

● Les opérateurs mathématiques supportés sont : +, -, / (division), *

(multiplication) et % (reste de la division
entière - modulo).
Affectation où la variable a prend la valeur

de b :a=b ou bien a ¬b.
ET logique : && Exemple : if(a==1 && b<5)
OU logique : || Exemple :if (a==5 || b ==6)
Inverse : ! Exemple : if (!a)

Kturtle - logo faire tourner une tortue http://www.algo.be/logo1/logo-primer-fr.html#tor
http://www.softronix.com/logo.html

Faire AltGR 6 pour le signe |
a++ c'est a=a+1
a-- c'est a=a-1

MVC : Modèle Vue Contrôleur
JEE java entreprise
logiciel POSEIDON crée par ULM
Postgresql a plus de fonctionnalité que Mysql il est orienté objet
"Dumper" un dump c'est une migration c'est à dire : passer d'un système à un autre transférer une base de données.
OQL
NXD pour stockes du XML
rendre des données persistantes Sérialisation désérialisation (stockage des données)
Jsp (java projet Ecommerce)
DBA : c'est un Administrateur de la base 
Avantage de java : il peut tourner sur tous les systèmes c'est la portablilité de ses programmes
Le SGML 1986 devient une norme web => Html (1989) et XML 1996 affichage web
Notion d' ontologie definir une ontologie c'est définir un concept
créer un web sémantique
code syntaxique c'est le code :
Xhtml
xml smil SVG RDF
Pharser analyseur de bibliothèque xml
Xquery langage de requête XML
William gibson => inspiré Matrix sémantique web
"Reuters" dépeches avec sémantique http://fr.reuters.com/
FOAF => RDF exemple ami commun
du sens commun développé par Microsoft il pourra dire si un email est joyeux ou triste
 
1 kilooctet (ko) = 103 octets = 1 000 octets
1 mégaoctet (Mo) = 106 octets = 1 000 ko = 1 000 000 octets
1 gigaoctet (Go) = 109 octets = 1 000 Mo = 1 000 000 000 octets
1 téraoctet (To) = 1012 octets = 1 000 Go = 1 000 000 000 000 octets
1 pétaoctet (Po) = 1015 octets = 1 000 To = 1 000 000 000 000 000 octets
ecrire en masjuscule les constantes en java
Aujourdhui on est à java 6 java est généraliste maintenant le java 7 va être openSource
Android de google open source
 

Quelques règles fondamentales en java
Le nom d'une classe commence toujours par une Majuscule.
Les mots contenu dans un identificateur commencent par une majuscule : HelloWorld. Les mots contenus dans un identificateur commencent par une majuscule : HelloWorld.
Les constantes sont en Majuscules.
Les propriétés et les méthodes Les constantes sont en majuscules.
Les propriétés et les méthodes débutent par une minuscule.

Ajouter des commentaires, la syntaxe est identique au langage C (/* ... */ ou // ).

 
Pour installer Eclipse sur son ordinateur :
1 -
Sur le site Sun télécharger http://wwww.sun.com
=> java standard edition JSE (JEE pour le web)
2 - télécharger  www.eclipse.org =>Eclipse version ganymede
3 - Installer d'abord java et ensuite eclipse
Quand on lance eclipse et la machine virtuel java se met en marche.

Pour info : Santéclair logiciel fourni par certaines mutuelles c'est une base de données de médicaments.

Les primitives http://www.commentcamarche.net/contents/java/javatype.php3
Extrait :
Java est un
langage orienté objet, c'est-à-dire que les éléments manipulés sont des classes, ou plus exactement des objets, c'est-à-dire des instances de classes.Toutefois ces objets contiennent des données possédant un type (et une représentation). Ces données sont un ensemble d'éléments stockés en mémoire et baptisés pour l'occasion primitives. Les données manipulées avec Java, sont typées, c'est-à-dire que pour chaque donnée que l'on utilise (dans les variables par exemple) il faut préciser le type de donnée, ce qui permet de connaître l'occupation mémoire (le nombre d'octets) de la donnée ainsi que sa représentation, cela peut être entre autres :

  • des nombres entiers: (int)
  • réels, c'est-à-dire à virgules (float)

De plus, le langage Java introduit un type de donnée appelée boolean. Ce type de variable accepte deux états :

  • True (vrai): correspondant à une valeur vraie
  • False (faux): correspondant à une valeur fausse
En réalité, toutes les valeurs différentes de True sont considérées comme fausses (donc considérées comme égales à False). Si la variable n'est pas initialisée, sa valeur par défaut est False.

Voici un tableau répertoriant les primitives (types de données) de Java :

 

Primitive Signification Taille (en octets) Plage de valeurs acceptée
char Caractère 2 valeur du jeu de caractères Unicode (65000 caractères possibles)
byte Entier très court 1 -128 à 127
short Entier court 2 -32768 à 32767
int Entier 4 -2 147 483 648 à 2 147 483 647
long Entier long 8 -9223372036854775808 à 9223372036854775807
float flottant (réel) 4 -1.4*10-45 à 3.4*1038
double flottant double 8 4.9*10-324 à 1.7*10308
boolean booléen 1 0 ou 1 (en réalité, toute autre valeur
que 0 est considérée égale à 1)
 
 
 
 

Promotion-site-KC

PROMOTION D’UN SITE - Cours

Taux de rebond : personne vient vers la page et repart tout de suite. 

Web Marketing 

Être indexé : quelque soit l’outil de recherche on est présent dans la base, si on n'est pas positionné. 

80% des utilisateurs ne vont pas au-delà des 2 premières pages.  

Notion top 20/ 

Sur quel moteur ? 

Pas facile d'être positionné en référencement naturel. 

Moyen classique de promotion : Utiliser la presse. 

Le Communiqué de presse peut être publié en presse papier ou presse web. 

 

Les Web Analytics regroupent la mesure, la collecte, l'analyse et la présentation de données provenant d'Internet utilisées afin de comprendre et d'optimiser l'utilisation du Web.

Dans un contexte de vente en ligne, les Web Analytics font référence à la mesure d'aspects d'un site web liés à la stratégie commerciale de l'entreprise comme, par exemple, quelles sont les pages web ayant conduit au plus grand nombre d'achats en ligne ?

 
Web Analytics

Toutes les statistiques   

Outils par tags ou logs 

Logs mis à disposition par les hébergeurs.(évolutions des visites sur mois quel navigateur a été utilisé etc..). 

Tag : mécanisme se fait tout seul sur notre site :  

L’idée est d’exploiter les deux. 

Google Analytics . Outils très performant  https://adwords.google.fr/select/Login?sourceid=awo&subid=fr-fr-ha-bk&medium=ha&term=referencement%20google

Les communiqués de presse. 

Démarche : 

Quel type d’évènement à quelle heure. 

Communiqué papier en ligne. 

Le communiqué de presse est gratuit. 

Bannières de pub : payantes 

Les bannières les plus fréquentées celles présentes en haut du site. 

Vidéo intégrée dans la bannière. 

Forfait par millier d’affichage  Journaldunet  4000 € POUR 15 jours 

Le nombre de fois que l’internaute va voir notre bannières  

Google fonctionne plus par cpc coup par clic 

Passer par une régie pub peut être intéressant 

JDNET +  Régie pub 

 

Contribution dans les blogs 

 

Spam indexing : méthode utilisé par webmaster pour mieux placé dans la liste des moteurs de recherche 

Indice de popularité : estime que si un site est recommandé par de nombreux sites , le moteur est que le site est bon. 

Mesuré en nombre de liens qui pointe vers notre site.(pour modérer on prend aussi en compte la notoriété des sites qui pointent vers nous. 

On appel ça Page Rank. 

En utilisant l’outils link ou linkdomain  de yahoo on voit le nombre de lien

 

Les retombées peuvent être exponentielles. 

Exemple de marketing viral : 

Faire un logo le diffuser à ses amis qui les transmettront à d’autres. 

 

Le bouche à oreille est l’un des vecteurs le plus important de promotion du site. 

Faire une bannière « recommandé à un ami » 

Comment mettre en place un lien recommandé à un ami : mail-to 

Page contact sur un site mettre dans la balise <href  mail to : > mettre le mail du destinataire 

Il y a des moyens

Autre méthode mettre un formulaire. 

Développer un script serveur. 

Attention, dans ce cas il faut faire une déclaration à la CNIL 

 

E-mailing 

Impact.net 

Récupérer les adresses : achat d’@ chez Impact.net 

Exemple de logiciel : Surbacane

 

1€ si très pointu mais aussi  quelques centimes. 

 

 

Autre moyen 

T0 mise en ligne du site 

 

Réservation Nom de domaine 

Hébergement avant T0 Mise en ligne avec msg !!! Bientôt un site 

Référencement promotionnel : achat de mot clés 

Les campagne de mot clé peuvent être activés ou désactivé à volonté. 

Autre moyen utiliser un client ( Sarbacane ) , dédié à ça 

 

Comment on détecte un  spam :: 

Si au tps t  100 MAIL en provenance du même domaine 

 

Simple fait de mettre une signature en fin de mail , les gens veulent cliquer dessus. 

!! Tous les supports relatif à la société doive avoir l@ du site carte de visite etc 

 

 

Addword OUTILS référencement mot clé 


Moteur de recherche 

GOOGLE  

 

Annuaires : 

EXALEAD    Aperçue de la page sous forme de vignettes 

QUINTURA  Nuage de mots clé typiquement web 2 Communication assynchrone avec techno AJAX 

 

Journaldunet liens très intéressants 

 

Topologie 

1 mot clé 37% 

Majorité 2 à 3 mots clés 50% 

 

Yahoo  DMOZ 

ABONDANCE : Présence des moteurs et annuaires Aller voir les fiches des moteurs et annuaires.

Weborama : annuaire spécialisé en fonction des secteurs d’activité
Différence entre moteurs et annuaires

 

Annuaires
Arborescence thématique et aussi par mot clé.
Contrainte une seule entrée sur le site la page home.
Critère par contre pertinent car thématique.
Les moteurs
Le moteur une partie utilisateur search
L’autre partie les résultats
Autre partie : algorithme des moteurs de recherches
Le moteur va ce baladé
1 ère fonction indexation
Chaque page d’un site est potentiellement indexable. 2 Action follows les site en flash sont un frein
3 Métatag page on indique si l’on souhaite que la page soit indexées par moteur de recherche. On peu aussi dire follow ( no follow si on ne souhaite pas que le moteur aille à un autre niveau de notre site que celui de la page d’accueil)

Aller voir robots.txt.org

http://www.robotstxt.org/

User-agent :*
Follow:/ prive
C’est un fichier qu’il faut mettre à la racine du site.
Exemple de recherche legume- carrotetous
Aller voir si notre site est indexé

Site :www.monsite.com

Attention, il faut bien soigné la page « title », il est judicieux de mettre en tête de title le nom de notre site. Les méta-moteurs sont des moteur qui n’ont pas de base propre.
Ils vont chercher les résultats sur des autres sites.
Moteur de recherche
Connaître l’indice de popularité

Link : www.monsite.com
Indice de densité, ce qui est lié à la page elle-même
Indice de click : voir polycopié
Liste de réponse
Indice d’url : plus ont a de mot clé dans le nom de domaine
EXEMPLE GOOGLE : ecolemultimedia.com
C’est les pages HTML qui vont être ramené par les moteurs.
Présence de mots clé dans :
Noms de domaine
Dossier contenant page HTML
Le nom de la page HTML / C’est incohérent d’appeler la page d’acceuil « Page d’accueil » mettre plutôt mot clé

Abondance
Webbrankinfo.com
Outils - referencement.com
Outils de ressources en ligne
Générateur de sitemap
http://www.outiref.com
viser les 8 étoiles sur titre
Ne pas oublier de mettre le noms du site dans la titre.
Achat de mots clés :
Voir outils
https://adwords.google.fr/select/Login?sourceid=awo&subid=fr-fr-ha-bk&medium=ha&term=adword

ANNONCE 25 Caractères pas plus
Mots clé
Définir le prix de la campagne par jours
Dès lors que l’on dépasse le nombre de click notre site n'apparaît plus
Sinon explosion du budget
La moyenne 40 centimes par click secteur concurrentiel 1€
15% La première ligne de 25 caractères
32 caractères
Nom du site.
Mots clé 10% C’est une bonne

 


27.11.08

glossaire-gobelins

Gobelins - Lundi 17 novembre 2008
 
Glossaire

Open Source : code application gratuit

framework : (ensemble de bibliothèques d'outils pas besoin de programmer on utilise des fonctions)
En informatique, un framework est un espace de travail modulaire. C'est un ensemble de bibliothèques, d'outils et de conventions permettant le développement d'applications. Il fournit suffisamment de briques logicielles et impose suffisamment de rigueur pour pouvoir produire une application aboutie et facile à maintenir. Ces composants sont organisés pour être utilisés en interaction les uns avec les autres   
langage du bas niveau qui parle avec la machine : assembleur, langage C,
langage de haut niveau il y a plusieurs couches :  
 
Divers Framework : 
en PHP : ZEND , Synfony
asp : .net (assez graphique)
Microsoft : C#, VB,
Sql Serveur

Pour Ajax => Prototype
scriptacul
Flex framework pour Flash => simplifie la programmation
silverlight (Microsoft) équivalent de flex http://fr.wikipedia.org/wiki/Silverlight

Framework pour PHP : http://fr.wikipedia.org/wiki/Liste_de_frameworks_PHP
 
Flex Très bien pour les backoffice
 
 
AIR : application de bureau permet de faire un backoffice accès mais obliger de gérer du bureau et non pas via interne, AIR permets de faire des widgets (gadjets qui servent à rien). ces applications peuevent afficher du contenu web.
   
CMS = content management system pour les sites éditoriales,

 installer copier les fichiers (de configuration (droits d'accès,BDD) intgrer la charte graphique

Blog c'est un CMS dans une certaine mesure
 
CMS en PHP open source - SPIP, JOOMLA, Typo3 (site quai branly fait avec typo 3), Dupral ( pas de communauté pas de docs)(c'est modulaire, gestion des articles catégorie etc...
on peut télécharger des module ou plug-in)  les ministères utilisent ces cms open sources
 
CMS en java  : Lutece
CMS
Dans les Agences de communication on utilise plutôt du php
PHP très bien pour du contenu editoriale à sens unique envoyer des données à l'utilisateur
Dès qu'il faut fonctionner dans les sens site de réservation en ligne on va etre sur du .Net ou Java
 
Blog : WordPress, Dotclear
L'entreprise va préférer un CMS open source pour pouvoir se liberer des CMS prorprietaires ainsi les mise à jour pourra être faite par divers prestataire. Ces CMS open source  ils sont utilisé par de nomvbreux utilisateurs grande communauté les bogs sont vite décelé et mis à jour.
GED :  gestion electronique document
serveur avec une base de données les internautes et gens qui travaillent sur le même et unique document avec les dernières mise à jour. dans le cadre d'un travail collaboratif.
 
GED+CMS :  Microsoft Office Sharepoint MOS (très chèr la licence pour les très grosses entreprises exemples : Aeroport de paris, Banque de France, TF1)
 
 

e commerce : CMS OScommerce, Magento (pas de docs on y achète des formations et des certifications développeurs)
Formulaire : CMS Limewire
 
avoir un systeme surdimmensionné par rapport à ses besoins = Handicap
tapez dans Google : Comparatif CMS  en PHP
 
CMS PAYANT
SSII
MOTS USAGES ETC...
 
Chat : application de bureau MSN, java application avantage c'est en direct,
blog :
wiki :

Un wiki est un système de gestion de contenu de site web rendant ses pages web librement modifiables par tous les visiteurs y étant autorisés. Les wikis sont utilisés pour faciliter l'écriture collaborative de documents avec un minimum de contraintes. Ils ont été inventés en 1995 par Ward Cunningham, pour une section d'un site sur la programmation informatique qu'il a appelée WikiWikiWeb. Le mot « wiki » vient du redoublement hawaiien wiki wiki, qui signifie « rapide ». Au milieu des années 2000, les wikis ont atteint un bon niveau de maturité ; ils sont depuis lors associés au Web 2.0. Créé en 2001, Wikipédia est devenu le site web écrit avec un wiki le plus visité.


peer to peer :
géolocalisation : google maps (satelliser toute la terre)
 
API : Plug in d'application ensemble de fonction chez google l'API maps pour intégrer  offert gratuitement ne pas lutiliser dans un intranet
Web 2.0 :
réseau sociaux : face book http://www.facebook.com
 
Interface de programmation d'applications -
Applications Programming Interface
Une API a pour objet de faciliter le travail d'un programmeur en lui fournissant les outils de base nécessaires à tout travail à l'aide d'un langage donné. Elle constitue une interface servant de fondement à un travail de programmation plus poussé
 
Référencement :
mettre des métadonnées 
URL rewritting : c'est le serveur (par exemple APACHE) qui va générer des adresses correctement nommées par exemple l'adresse suivante : www.gobleins.fr/index.php?nav=46&sectio=12&article14
 
ils se référence plus aisement en rajoutant .html même si ce n'est pas du html mais du dynamique dans les moteurs  
Forum : PHPbb : http://www.phpbb3.biz/
pour tous les CMS il y a des modules de Forum 
Wiki c'est du CMS tout simplement avec des accès à tout le monde
 
XML :
 

L'ingénierie désigne l'ensemble des fonctions allant de la conception et des études, y compris la formalisation des besoins des utilisateurs, à la responsabilité de la construction et au contrôle des équipements d'une installation technique ou industrielle.

http://fr.wikipedia.org/wiki/Ing%C3%A9nierie

L'ingénierie numérique ou Ingénierie Assistée par Ordinateur (IAO) regroupe l'ensemble des moyens numériques et logiciels habituellement utilisés par les ingénieurs et techniciens des Bureaux d'Etudes pour concevoir, simuler et valider de nouveaux produits et process industriels.

L'aboutissement de la phase d'ingénierie numérique d'un produit est sa maquette numérique.


« Le métier de base de l'ingénieur (du latin ingenium) consiste à résoudre des problèmes de nature technologique, concrets et souvent complexes, liés à la conception, à la réalisation et à la mise en œuvre de produits, de systèmes ou de services. Cette aptitude résulte d'un ensemble de connaissances techniques d'une part, économiques, sociales et humaines d'autre part, reposant sur une solide culture scientifique. »
 
SSII : société de services en ingénierie informatique (prononcée S-S-2-I) est une société de services spécialisée en ingénierie informatique.
http://fr.wikipedia.org/wiki/SSII
 
 

Liste de formats : http://www.commentcamarche.net/systemes/format.php3 

Liste de formats : http://filext.com/ 

Convertisseur en ligne : http://media-convert.com/ 

Convertisseur en ligne : http://www.zamzar.com/

 
JPEG,GIF

[PC] Irfanview : http://www.irfanview.com/

[MAC] xee : wakaba.c3.cx/s/apps/xee.html

[MAC] skitch : plasq.com/skitch

 Wave, MP3 Aiff, Ogg, Aac

[PC] Winamp : http://www.winamp.com/player/free.php

[PC] [MAC] Audacity : http://audacity.sourceforge.net

 Zip, RAR, ARJ

[PC] : quickzip : http://www.quickzip.org/

[MAC] Stuffit : http://www.stuffit.com

 

Mov, Avi, Wmv, mp4, M4v, Flv

[PC] [MAC]  VLC Media Player : http://www.videolan.org/vlc/index.html


CSS
 
AJAX (Asynchronous JavaScript And XML)

Exemple : https://www.netvibes.com/


Securité 

Antivirus : http://www.avast.com/ 

Hoax : http://www.hoaxbuster.com/ 

Phishing : http://solutions.journaldunet.com/0601/diaporama/phishing/1.shtml 

Firewall : Zone alarme http://www.zonelabs.com/store/content/home.jsp 

Spyware, Chevaux de Troies : AD-Aware http://www.lavasoft.de 

Site d’info : http://www.vulnerabilite.com  , http://www.secuser.com 

  

Moteur de recherche 

waybackmachine : http://www.archive.org/index.php 

  

Ressources photo gratuites et libre de droits 

http://www.fredzone.org/50-banques-d-images-gratuites-et.html 

   

Ressources documentaires 

News NTIC : http://www.fing.org 

News NTIC : http://www.internetactu.net/ 

Encyclopédie libre http://fr.wikipedia.org/wiki/Accueil 

Glossaire informatique : http://www.webopedia.com/ 

Encyclopédie informatique : http://www.commentcamarche.net/ 


 
Veille technologique web :
Journal du net http://www.journaldunet.com/ 

Silicon.fr http://www.silicon.fr/ 

Itr news http://www.itrnews.com/    

vnunet : http://www.vnunet.fr/   

  

Statistiques s et études :
Stats divers le JDN : http://www.journaldunet.com/0512/051223bilanchiffres.shtml 

Nielsen netratings : http://www.nielsen-netratings.com/ 

AC Nielsen : http://www2.acnielsen.com/reports/index_global.shtml 

Mediametrie : www.mediametrie.fr 

Forester : http://www.forrester.com 

  

  

 Hébergement des medias : 

Service d’hébergement FREE : http://dl.free.fr 

Service d’hébergement de média : http://www.mediafire.com 

Service d’échange collaboratif : http://www.drop.io/ 

  

Cours bureautique : 

Powerpoint : http://www.ybet.be/cours-powerpoint/formation-powerpoint.htm 


26.11.08

Panorama du web -1er cours Benoît Dedieu Anglade

Historique et panorama des sites webs
http://www.laszlosystems.com/showcase/liveapplications
Chrome navigateur de google plus rapide
Site necessitant lecteur shockwave
 
Adobe Air permet de créer des applications qui font des requêtes sur internet - adobe air RIA
La mise à niveau applicative s'opère en transférant, par "push", le nouveau contenu sur un site web.
 
sites dédiés à flash et animations diverses 
 
 
Notion de "motion design"
  
jeux très sympas
 
Pionnier dans le domaine de flash 
 
"les interfaces liquides"
www.lookom.com
www.loisjeans.com

en javascript
Google livres
face book
www.
http://bendada.wordpress.com

OpenLaszlo est une plateforme de développement pour des applications web. Elle permet de créer des applications riches (Rich Internet Application) comprenant une interface riche en fonctionnalités (drag & drop, onglet, menu déroulant, animation etc.) tout en offrant un déploiement facilité par le biais du navigateur internet. OpenLaszlo est compatible avec la majorité des navigateurs internet et des systèmes d'exploitation disposant soit d'un plugin Flash, soit simplement du support Javascript. OpenLaszlo se base sur une grammaire XML appelée LZX. Les personnes habituées au développement d'applications web n'auront aucune difficulté à appréhender OpenLaszlo.



 

conduite de Projet

Gobelins - Conduite de Projet 3 séances  avec Laure Poulain M37 Mercredi 26 novembre 2008 
 
Livre - Conduite de projets en création numérique Eyrolles
            L'art du management de projet (Broché) de Scott Berkun
Client exprime un besoin => Brief (briefing) (appel d'offres) <= prestataires (agences)
=> "reco" recommandation "propal" proposition document commercial.
dans la conduite de projet ce qui est important le planning, le budjet,
on travaille sur MsProject de microsoft:
Freemind outil arborescence de site
Europrix top talent Awards (projet MU)
Citation : L’expérience est une chandelle qui n’éclaire que celui qui la porte ... 
  
1) prendre le projet par le bon bout
2) se situer en tant que chef de projet
3) outil phare - mobiliser les bons outils au bon moment
 
=> Le sens du projet
=> La démarche
=> place du chef de projet
Pas de recettes miracles
le contraire de projet : c'est la  réalisation exécution
 
Qu'est ce un projet ?
 
Projet et idée de projet
pour qu'il y ai un projet il faut qu'il y ait des moyens et une échéance
 
Exemple de projet : filmer tous les cours en université pour 2010
  • C'est une "niche"
  • Souhait gagner de l'argent
  • projet filmer les cours et les mettre en ligne
  • distinguer le souhait du bénéfice attendu
 
première question pourquoi on fait ce projet ?
=> trouver l'objectif
 
Projet : sens => Plan en vue , ébauche,
Le mot projet vient du latin projeterer jeter en avant, maintenant quand on parle de projet on parle de la réalisation du processus du projet .
Objet imaginé et le chemin pour y parvenir =>  moyens
Si pas de signature client => il n'y a pas de projet car pas de formalisation
 
Citation de Woody Allen  "j'ai des questions à toutes vos réponses"
 
Master and commander http://www.allocine.fr/film/fichefilm_gen_cfilm=28538.html
film intéressant stratégie et tactique
- Comprendre et se faire comprendre partir du principe que rien n'est évident
- Contrôler
 
Communication +Techno
contenu +design+code développement
Typologie : informationnel,audiovisuel, applicatif
 
Une typologie est une démarche, souvent scientifique mais basée sur une étude, consistant à définir un certain nombre de types afin de faciliter l'analyse, la classification et l'étude de réalités complexes.
   
Typer le projet :
support : ordinateur  borne interactive, téléphone mobile, PDA, DVD-rom CR-rom, télévision,
installations interactives.
 
Les 4 écrans
le cinéma : collectif public
télévision : privée
ordinateur : privée
téléphone : privée
le  5ème écran
écran embarqué GPS délivre de l'information contextuel
"l'écran dans la ville"
 
Typologies de Projet statique ou dynamique
La Vocation du projet peut être :
  • éducative communautaire ludique divertissement
  • marchande
  • information
  • identitaire
Le Support du projet peut être :
  • ordinateur bonne interactive mobile / portable Dvd-rom CD-rom Télévision Installation
le Secteur du projet peut être :
  • industrie institution culturelle jeu vidéo
Le Genre du projet peut être : 
  • informationnel
  • audiovisuel
  • applicatif
La Commande du projet peut être : 
  • création
  • refonte
  • ajout 
 
Support les questions à poser ?
langages différents
serveurs
ergonomie
se poser la question Contexte d'utilisation ? réflexion sur l'équipement
secteurs ?
Appels d'offres avec codes
connaître les cultures des clients que l'on a en face
 
Modèle de management : méthode Lindberg
  1. supervision directe - contrôler le travail en direct
  2. ajustement mutuelle
  3. Standardisation processus et qualification découpage naturel des métiers et des compétences
 
 
compétences T shape
le chef de projet doit Anticiper avant tout
Faciliter rôle facilitateur du projet
Traduire - communiquer
 
Nomenclature nom de code 
travail préparatoire
site pédagogique CRMA gobelins dossiers de conception méthodologie gobelins
http://formations.gobelins.fr/crma/2008/
 
http://www.splash-internet.com/default-fr.asp
 

Un projet :  c'est Partir d’une situation de départ pour à  arriver à une situation d’arrivée. 

 

Exercice à faire ! 

Imaginer de faire safari photo au 

            Pour moi-même : 

            Je regarde si sa intéresse des amis. 

            Prospecter  

Voir le coût des voyages auprès des organismes de voyage qui proposent des safaris. 

Aller  dans les offices touristiques du kenya 

                        Regarder le coût du voyage. 

                        Voir les coûts des appareils photos  

Si c’est trop cher je regarde si y il a un copain ou une copine qui possède un appareil et qui pourrait me le prêter. 

Faire le bilan financier.            

                Faire le bilan des coûts. 

                        Voir les  possibilités  

                        Faire bilan planning 
Si   

Regarder  Situation de départ  D’où je parts  

 

Exemple simple Intranet 

1 ) Regarder la situation de départ.  Et ce vers quoi, je doit arriver. 

Le projet est toujours présent 

Le projet évolue 

Se doter d’une stratégie -à le chemin que je choisi pour aller de A à B 

Stratégie : les grandes lignes de la bataille 

Tactique : art de combiner les moyens pour réaliser les choses sur le terrain. 

 

 

FORCEMENT et ÉVIDENCE n’existe pas en gestion de projet

 

Objectif à Quelles sont mes attentes à se projeter professionnellement 

Comprendre et se faire comprendre en partant du principe que rien n’est évident 

Contrôler  à  On a beau être bien avec les gens, il faut formaliser les choses. 

 

Un projet de site internet  :

  • Création 
  • Développement 
  • Contenu  
       

Le monde est plutôt dans le contenu (éditorial ). 

Fabrication 

Contenu + Médias + Code création 

Typologie :      Audiovisuel 

                        Applicatif 

                        Informatif 

Typer le projet  :

      Statique  -  Dynamique 

 

            Support  : Internet ordinateur - Navigo - Bornes - Mobile / portable / PDA 

                        DVD /  CD  - Télévision. 

Installations : 4 écrans - Télévision - Cinéma - Téléphone - Ordinateur  Aujourd’hui on parle de 5ème écran  (contextuel, gare infos / avion).  L’écran dans la vie. 

             

Vocation 

            Educative 

            Ludique 

            Marchande 

            Communautaire 

            Information 

 

Secteur 

            Industrie 

            Institution 

            Culturel 

            Jeu  

            Recherche 

 

Commande 

            Création 

            Refonte 

            Ajout 

 

Se construire un système de référence 

Poser les bonnes questions 

Faire 1 RECO (recommandation)

 

Contrainte des supports 

                        Ergonomie 

                        Langage 

                        Serveur 

             

Exemple :  

            Faire un film pour intégration des enfants handicapés dans la vie scolaire. 

            Voir le contexte  

                        Une prof 

                        10 élèves 

                        Etc une prof ne sait pas forcement se servir d’internet 

 

Site Marchand « DARTY » 

            Enjeux valorisation des produits 

            Enjeux technologiques assez forts 

 

Demande de recrutement 

Identifier le besoin 

Évaluer l’impact / bénéfice à argumenter 

Référer 

Choisir  / Recruter à Salaire  

à cela rentre ou ne rentre pas dans l'enveloppe. 

Référer au directeur de projet 

Directeur de projet à Encadre les chefs de projet

 

Positionnement  

Je n’ai rien à Je veux quelque chose

J’ai quelque chose  à je veux plus 

J’ai quelque chose à je veux mieux 

J’ai quelque chose à je veux mieux que le voisin. 

 

 

Les métiers d’une agence : 

Création  :DA      Directeur artistique 

     DC      Directeur de création 

Conseil :  Planning stratégique 

    Directeur clientèle 

    Consultant 

Technique  :       Flasheur   3D   Design  AI       Architecte de l’information  Centré vers l’utilisateur  Ergonome 

 

Étapes d’un projet : 

Méthodologie : 

AVANT PROJET 

            Rencontrer les clients à prise de brief 

            Expression des besoins 

CDC. 

Analyse 

Recommandation 

                        DÉFINITION DU PROJET 

                                   Contractualisation 

                                   Contrat + Budget 

                                   Échéancier 

                                   !!! Bien lire les clauses 

10% pour commencer à travailler   !!! Tréserorerie 

90%    payement = livrable toujours  lié à un livrable

Attention parfois la direction à vendu qqchose pour le prestige. 

La démarche :

CONCEPTION 

PRODUCTION 
LIVRAISON 

 

 

étude de cas

Borne quai de branly 

 

a été développé avec Director et After Effect . 

 

Préparation dans photoshot et puis intégration dans After Effect 

Design son fait par David RAICHMAN 

 

Les points doivent être placés au bon endroit 

Car les clients sont des chercheurs. 

La première carte a été  longue à valider forcément les chercheurs étaient très attentif à la véracité du contenu. 

On se laisse facilement embarqué : expérience le DA avait vendu du diaporama 

Les développeurs se sont laissés embarqués sur le fait de vouloir faire les choses bien. 

Les diaporamas sont devenus des animations avec des difficultés. 

 

Entre la conception et la production il faut inclure l’étape de pré-production (maquettage). 

 

Le rôle du chef est d’être à l’écoute des intervenants et d’organiser la discussion entre les interlocuteurs du projet. 

 

Faire valider une maquette (qui fait jolie dans photoshop ). 

>la PRODUCTION 

 

Tout l’art du chef de projet est monter les choses au bon moment au client. 

 

Attention problèmes : 

Les choses ont été tournées en full HD et diffusés  soit vers des bornes, soit vers des écrans LCD.  Des gros défaut non gênant sur une borne , très gênant sur un grand écran  LCD. Et inversement. Le client, demande de retirer les craquements dans le son ( il faut faire attention, retirer les craquement peu aussi vouloir dire retirer de la matière. 

Les gros problèmes, les sources (dans ce projet ) 

 

On ne commence pas un projet dans photoshop, mais sur un power point. Ou fichier doc , bien sûr on peu faire une maquette. 

 

!!! attention Aux sauvegardes des projets  

 

Recette : On va chez le client  

 On a un carnet de recette et on le suit 

 
 

Maintenance corrective si bug on les corrige  (exemple durant 1 an ) 

Maintenance évolutive (quelque chose qui n’a pas été prévu dans le Cahier des charges peut être facturé) 

 

Projet quai de Branly          88 000€           8 mois de travail. 

 

Gérer un projet ce n’est pas seulement vouloir atteindre le but. 

Prendre en compte toutes les dimensions du projet. 

 4  modes d’interventions 

Conseil    Consultant  le Cnam n’a pas réussit à faire reconnaître sa formation de consultant 

            S'appuie sur l’expertise. 

                                   Audit 

            Animateur à faire parler les gens à Donner des perspectives 

        C’est aussi un aussi un chercheur                                

Expertise : 

Pilotage  

Coordination 

 Le management 

 

Difference entre engagement et impliqué 

Le consultant 

 

Piloter :  Donner le cap             Garanti du maintien de la vision 

Se donner les moyens de la vision.. 

Avoir des état d’avancement. 

Outils de suivi de la qualité. 

 

Triangle d’or de la réussite d'un projet 

  1. Coût 
  2. Qualité 
  3. Délais 

Coordination :    Donner à faire 

 Donner à voir ( une vision partager ) 

 Comment on reprend en main quelqu'un

Les intervenants doivent s’approprier. 

 

MINTZBERG   

  • La supervision directe , il y a un responsable qui supervise directement 

Ne pas micromanager les gens. 

  • Donner les priorités 

            Mais ne pas forcément  

  • Ajustements mutuels. 
  • Standardisation
    processus  
    Qualification 

 

Management :  Maintenir la cohésion des équipes 

Faire adhérer à une vision. 

Disciplinaire  arriver à dire NON 

Communication  écrite et orale 

Il faut forcement aimer la relation humaine. 

 Être interface entre des personnes qui ne communiquent pas. 

Adopter la bonne posture au bon moment 

Par exemple avec le client, dans le cadre du conseil. 

 

Le Métier de Chef de projet n'est pas du tout standardisé :
Chef de projet plutôt dans la coordination
Chef de projet plutôt dans le conseil. 

C'est selon sa compétence si on est plutôt technique on saura estampillé Chef de projet technique. 

 

Compétence, c’est la gestion de projet

Il faut avoir un domaine de compétence verticale Technique 

Il faut avoir un domaine de compétence horizontale. 

 

Lire le cahier des charges 

Savoir poser les bonnes questions, bonne capacité de représentation 

Bonnes compétences en communication 

 

Trois facteurs de réussites : 

 Capacité de décision ARBITRER.  à  ANTICIPER.    à FACILITER.  Traduire    Communiquer  avec les équipes et le clients

Ne pas répondre trop vite, mais forcement répondre à un moment. 

 

La composition d'un projet : 

c'est 1/3 à Conception 1/3 à Production  1/3 à Test 

 

Livrable de la charte graphique à fournir au client 

 

Exemple : un bouton à 3 états  

Libre / en survol par la souris /  cliquer

 

La nomenclature de l’écran 

 Nomenclature  

 

A partir de la demande client 

les pages du site :

  • la page d’accueil 
  • les pages de contenu
  • Transformer les pages lister en gabarit 

 

Le contenu change mais pas forcément le contenant. 

 

Exercice de classification 

Voir les outils télécharger poser les question  

Les grands livrables : 

Cahier des charges  

Pistes créatives            

Toutes les chartes graphiques fonctionnelles  

Dossier de conceptions 

Arborescence   

Zoning  dans la page x cliqué sur  à ouverture de la page 

Spécifications fonctionnelles 

Maquettes interactives 

Sources 

 

Gestion de projet  

État d’esprit = >positive attitude 

c'est une démarche 

c'est une posture. 

 
 
 
ERP  : Enterprise Resource Planning en anglais, littéralement « planification des ressources de l'entreprise », expression rendue généralement par « gestion intégrée », à savoir l'intégration des différentes fonctions de l'entreprise dans un système informatique centralisé configuré selon le mode client-serveur. ERP system sera traduit par « progiciel de gestion intégré ».