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é ».