Pro Yearly is on sale from $80 to $50! »

Conception de projet Web

F148b2fabe4f88c40459f8d587b1ce5f?s=47 pixeline
September 28, 2011

Conception de projet Web

1er cours de conception de projet
- Qu'est-ce qu'un projet?
- Processus commercial
- Tomb design (briefing)

F148b2fabe4f88c40459f8d587b1ce5f?s=128

pixeline

September 28, 2011
Tweet

Transcript

  1. 1 CONCEPTION DE PROJET DE PTI mercredi 28 septembre 11

  2. INTRODUCTION 2 mercredi 28 septembre 11

  3. ALEXANDRE PLENNEVAUX 3 designer/developer web depuis 1998 (pixeline.be) parle anglais,

    français, espagnol (diplômé en traduction) enseigne depuis 2009 dort peu mais rêve beaucoup, sait se taire et écouter. Parle trop vite (le ralentir au besoin). mercredi 28 septembre 11
  4. 4 mercredi 28 septembre 11

  5. CÉLINE G. ALIAS «MISS TERRE» 5 mercredi 28 septembre 11

  6. 6 mercredi 28 septembre 11

  7. ET VOUS, QUI ÊTES-VOUS? POURQUOI ÊTES-VOUS LÀ? 7 mercredi 28

    septembre 11
  8. introduction VOUS 8 êtes à l’école pour vous améliorer, devenir

    un meilleur designer, un meilleur citoyen, une meilleure personne. Rien d’autre. participez activement au cours et n’ayez pas peur de prendre des risques donnez toujours le meilleur de vous, sinon vous gaspillez votre temps, le mien et celui de la classe prenez note sur papier Utilisez l’adresse email que l’école vous fournit. respectez les briefings à la lettre. Posez des questions dans le doute. venez à temps au cours ou ne venez pas. (tolérance le matin jusque 9h10 max.) recherchez le feedback (vous êtes nombreux, battez-vous) proposez des solutions au lieu de vous plaindre car vous êtes un designer. me vouvoyez. Me tutoierez lorsque vous aurez votre diplôme. Nous serons alors amis et vous pourrez me payer plein de whisky Glenn Livett 12 ans d’âge. mercredi 28 septembre 11
  9. INTERNET 9 mercredi 28 septembre 11

  10. 10 mercredi 28 septembre 11

  11. 11 mercredi 28 septembre 11

  12. BEYOND TELLERAND 2-DAY WEB DESIGN CONFERENCE 12 mercredi 28 septembre

    11
  13. düsseldorf DÜSSELDORF, 21-22 NOVEMBRE ticket 99 EUR logement 20 EUR

    déplacement ? dernière deadline: dimanche soir. info: http://wm.infographie-sup.be/de-par-le-monde 13 mercredi 28 septembre 11
  14. chapitre en cours 14 mercredi 28 septembre 11

  15. Andy Clarke, naconf 2011 15 mercredi 28 septembre 11

  16. 16 Brendan Dawes, naconf 2011 mercredi 28 septembre 11

  17. 17 Dan Rubin, naconf 2011 mercredi 28 septembre 11

  18. 18 Greg Woods, naconf 2011 mercredi 28 septembre 11

  19. 19 Marc Boulton, naconf 2011 mercredi 28 septembre 11

  20. CONCEPTION DE PROJET Alexandre Plennevaux alexandre.plennevaux@prof.heaj.be 20 mercredi 28 septembre

    11
  21. QU’EST-CE QU’UN «PROJET» ? 21 mercredi 28 septembre 11

  22. Qu’est-ce qu’un projet? DÉFINITION 22 Au commencement, il y avait

    un manque, un problème à résoudre, un besoin auquel répondre ou une opportunité à prendre. Il vit que cela était bon. Il entreprit d’y répondre. Il se mit en projet. projet : (du latin, projectare « jeter devant soi ») une aventure temporaire entreprise dans le but de créer quelque chose d’unique et qui n’existait pas avant. aventure parce que tout projet présente des risques, dont l’échec temporaire car un projet se termine à une date déterminée et unique car le résultat final est propre au projet entrepris. mercredi 28 septembre 11
  23. AUTREMENT DIT... 23 rien quelque chose d’unique dépense de ressources

    (temps, énergie, argent...) idée Qu’est-ce qu’un projet? mercredi 28 septembre 11
  24. RARETÉ DES RESSOURCES 24 t’as pas un euro? Tu aurais

    une minute pour moi? Qu’est-ce qu’un projet? mercredi 28 septembre 11
  25. 25 RARETÉ DES RESSOURCES GESTION ET CONCEPTION DE PROJET RÉFLÉCHIR

    AVANT D’AGIR mercredi 28 septembre 11
  26. COMMENT PUIS-JE ÊTRE PLUS EFFICACE? 26 mercredi 28 septembre 11

  27. comment puis-je être plus efficace? EFFICACITÉ = MÉTHODE + OUTILS

    ADAPTÉS 27 méthode GTD : «Get Things Done» = l’art de s’organiser pour réussir Outils: Gestion de tâches Producteev, wunderlist, Gtasks, Remember the milk... Gestion d’emails Gmail à la place du webmail de l’école (voir tutoriel sur le forum) Gestion de fichiers (backup, synch-ing, transfert) sugarsync, dropbox Capture d’écrans: skitch http://skitch.com Prise de notes: Evernote mercredi 28 septembre 11
  28. LES GRANDES ÉTAPES COMMERCIALES 28 Les étapes de gestion commerciale

    d’un projet, et les documents associés. Comprenez et Mémorisez ce processus, retenez les noms de ces documents. Cela vous sera utile plus tard. mercredi 28 septembre 11
  29. les grandes étapes commerciales 29 COMMENCER CONCEVOIR PRODUIRE FINIR demande

    commande idée solution virtuel réel LES 4 PHASES D’UN PROJET efforts récompense mercredi 28 septembre 11
  30. LE PROCESSUS Gestion commerciale d’un projet 30 mercredi 28 septembre

    11
  31. Besoin / Désir Demande Commanditaire Fournisseur Offre : proposition de

    projet + budget Commande Contrat + Facture 1/3 COMMENCER Contrat signé et Facture 1/3 réglée Définition de projet Etude: - conceptuelle - graphique - interactive - ergonomique - concurrentielle, de marché... Planning et Cahier des charges CONCEVOIR Validation de l’étude, du planning et du cahier des charges mercredi 28 septembre 11
  32. Validation de l’étude, du planning et du cahier des charges

    PRODUIRE constitution des contenus création des interfaces tests ergonomiques .... le site réalisé (beta) Réception Provisoire + facture 2/3 FINIR Règlement facture 2/3, RP signée, feedback final Réception Définitive + facture 3/3 débuggage Règlement facture 3/3, RD signée Documentation Contrat de maintenance.... mercredi 28 septembre 11
  33. 33 BALADE DANS UN CIMETIÈRE Cimetière du Dieweg, Uccle -

    août 2011 mercredi 28 septembre 11
  34. 34 mercredi 28 septembre 11

  35. 35 mercredi 28 septembre 11

  36. 36 mercredi 28 septembre 11

  37. 37 mercredi 28 septembre 11

  38. 38 la douleur mercredi 28 septembre 11

  39. UNE TOMBE EST UNE INTERFACE 39 mercredi 28 septembre 11

  40. 40 TP1: J’IRAI... SUR VOS TOMBES une tombe est une

    interface. La votre sera interactive. Ce TP est votre chance de soigner votre première impression. Il me permettra de situer votre niveau graphique et de créativité en communication visuelle. mercredi 28 septembre 11
  41. TP1 briefing: Tombe = interface 41 QU’EST-CE QU’UNE INTERFACE? mercredi

    28 septembre 11
  42. TP1 briefing: Tombe = interface 42 TP1. BRIEFING: VOTRE TOMBE

    concevez une tombe qui transmette une trace de ce que vous étiez, de ce que vous croyiez, de votre amour du graphisme... via l’interactivité ou la réactivité. contrainte: uniquement mécanique, aucune électronique embarquée (bcs pérennité de 200 ans min.) sources de l’interactivité: vent, pluie, soleil, nature, visiteur .... l’action sur la tombe produit une réaction sensorielle en rapport avec l’objectif Délivrables: Fichier Illustrator (A3): Illustration explicative du processus impression de la planche en couleur au format A3 pour affichage. Deadline: Email : la veille du prochain cours de conception de projet Affiche imprimée, prochain cours de conception de projet mercredi 28 septembre 11
  43. TP1 briefing: Tombe = interface 43 TP1. BRIEFING: VOTRE TOMBE

    / DÉLIVRABLE Délivrable: 1 email, un fichier Illustrator et une version imprimée 1.// Email sujet: «TP1:Conception de projet - tomb design» corps: Votre nom + Classe le titre / nom de votre idée description de l’intention et de la situation visée l’url me permettant de télécharger votre fichier A3 vectoriel. (hébergé sur dropbox, sugarsync ou votre espace ftp). 2.// Fichier A3 vectoriel: 1 Illustration permettant de comprendre et de «vendre» votre idée sur base de l’une de ces templates: format portrait: https://www.sugarsync.com/pf/D181639_6020079_9872713 format paysage: https://www.sugarsync.com/pf/D181639_6020079_9872700 3.// Affiche imprimer en A3 Couleur et venir au cours avec l’affiche et du papier-collant. mercredi 28 septembre 11
  44. TP1 briefing: Tombe = interface 44 EXEMPLES DE CE QUE

    J’ATTENDS mercredi 28 septembre 11
  45. chapitre en cours 45 mercredi 28 septembre 11

  46. 46 mercredi 28 septembre 11

  47. 47 mercredi 28 septembre 11

  48. 48 http://infographicworld.com/a-look-at-the-hubble-space-telescope/ mercredi 28 septembre 11

  49. 49 mercredi 28 septembre 11

  50. 50 mercredi 28 septembre 11

  51. 51 mercredi 28 septembre 11

  52. 52 mercredi 28 septembre 11

  53. mercredi 28 septembre 11

  54. 54 Judd Buffum mercredi 28 septembre 11

  55. VOIR AUSSI http://coolinfographics.com http://infographicworld.com http://www.fubiz.net/galleries/category/print/ 55 TP1 briefing: Tombe =

    interface mercredi 28 septembre 11
  56. DÉNOUONS VOS MÉNINGES 56 TP1 briefing: Tombe = interface mercredi

    28 septembre 11
  57. Quoi? je dois concevoir une tombe? COMMENT TROUVER UNE IDÉE

    truc 1: tourner le problème dans tous les sens, changer de perspective par rapport au problème (ex: le point de vue du mort, le point de vue du vivant, le point de vue du jardinier du cimetière, le point de vue des passants ne vous connaissant pas, etc... Jusqu’à ce qu’une petite voix en vous dise «a-ah!» La page suivante liste des exercices de «libération de la pensée» prenant différentes perspectives et réalisés en groupe: Comme je vois ma propre mort jeu linguistique détour par les religions connexion avec mes émotions provoquées par la disparition réelle ou fictive d’un proche 57 mercredi 28 septembre 11
  58. 1. brainstorming par groupes de 2 étudiants 3 minutes chacun:

    que pensez vous fondamentalement de la mort, de la vie, de la vie après la mort? l’autre étudiant(e) prend note des mots-clef 2. 5 minutes (en silence et seul). J’IRAI... SUR VOS TOMBES imaginer le plus de scénarios interactifs possibles utilisant les 3 petits points. Les écrire, ne pas les évaluer. Les noter. 3. mise en commun du groupe. Sélectionner les meilleures. 4. Mise en commun de la classe. 5. 30 sec: quelle est la version religieuse/ philosophique de la mort selon ces systèmes de croyance? (bouddhisme, hindouisme, christianisme, catholicisme, animisme (vaudou), nihilisme, athéisme...) 6. brainstorming solitaire (3 min.): Pensez à un proche qui est décédé. Qu’aimeriez-vous lui dire? 7. Quels sont les possibilités qu’offre la Nature pour communiquer / laisser des messages? 58 Exercices de libération de la pensée MISE EN ROUTE mercredi 28 septembre 11
  59. TO BE CONTINUED... 59 mercredi 28 septembre 11