Monter et gérer un projet web

Expliquer comment fonctionne un site web;
Identifier les avantages et les inconvénients de l’utilisation d’un CMS;
Rédiger un cahier des charges pour la création d’un site ou d’une application web;
Évaluer si un projet web nécessite la prestation d’une agence web ou d’un freelance

Transcript

1. Monter & gérer un projet web @JONATHANPATH
2. pourquoi ce cours est IMPORTANT POUR VOUS? Intro
3. Savoir quel type de projet VOUS POUVEZ FAIRE VOUS-MÊME 1.
4. SAVOIR COMMUNIQUER AVEC les différentes personnes du web 2.
5. SAVOIR COMMENT MONTER un site ou une application web 3.
6. Choisir le bon prestataire POUR VOS PROJETS WEB 4.
7. Module 1 sites web & applications LANGAGES / APPROCHES / QUALITÉ
8. 1. Comment fonctionne un site web ? DONNÉES : TEXTE / IMAGE / VIDÉO
9. 1. Comment fonctionne un site web ? DONNÉES : TEXTE / IMAGE / VIDÉO HABILLAGE DES DONNÉES
10. 1. Comment fonctionne un site web ? DONNÉES : TEXTE / IMAGE / VIDÉO INTERACTIONS AVEC L’UTILISATEUR / ANIMATIONS
11. 1. Comment fonctionne un site web ? DONNÉES : TEXTE / IMAGE / VIDÉO OU RUBY / PYTHON / ETC. LANGAGES DE PROGRAMMATION = INTERACTIONS AVEC UNE BASE DE DONNÉES
12. Un langage de programmation différent POUR ANDROID, IPHONE, WINDOWS PHONE ETC. 2. Comment fonctionne une application mobile / tablette?
13. RESPONSIVE WEBDESIGN UN MÊME CODE POUR DIFFÉRENTES INTERFACES 2. Comment fonctionne une application mobile / tablette?
14. Design/ergonomie INTUITIF / ADAPTÉ À LA CIBLE 3. Critères de qualité d’un site web
15. Design/ergonomie QUE PENSEZ-VOUS DES SITES DE : WEBSITESFROMHELL.NET AWWWARDS.COM ! 3. Critères de qualité d’un site web
16. Vitesse d’affichage CRITÈRE TRÈS IMPORTANT POUR LES INTERNAUTES & GOOGLE 3. Critères de qualité d’un site web
17. Accessibilité L’EXPÉRIENCE DES MAL-VOYANTS SUR VOTRE SITE 3. Critères de qualité d’un site web
18. Référencement OPTIMISATION DU SITE POUR QU’IL SOIT BIEN POSITIONNÉ DANS GOOGLE 3. Critères de qualité d’un site web
19. Pour aller plus loin OPQUAST EST LE SITE RÉFÉRENCE POUR LA QUALITÉ WEB 3. Critères de qualité d’un site web
20. site vitrine simple VOUS POUVEZ CHOISIR VOUS-MÊME OVH / 1AND1 / GANDI 4. Hébergez votre site web
21. e-commerce ou application LAISSEZ LE SOIN À UN DÉVELOPPEUR DE CHOISIR LA MEILLEURE SOLUTION 4. Hébergez votre site web
22. Créez un mini site QUI VOUS PRÉSENTE 5. Exercice
23. Content management system SYSTÈMES DE GESTION DE CONTENU Module 2
24. Permettre à une personne non- informaticienne DE METTRE À JOUR UN SITE 1. a quoi sert un CMS ?
25. 2. Comparatif des principaux CMS Weebly & Squarespace CREEZ UN SITE VOUS-MÊME
26. 2. Comparatif des principaux CMS Wordpress LE PLUS RÉPANDU IDÉAL POUR UN SITE VITRINE
27. 2. Comparatif des principaux CMS Drupal IDÉAL POUR UN SITE ASSEZ COMPLEXE
28. 2. Comparatif des principaux CMS Pour aller plus loin REGARDEZ LA LISTE COMPLÈTE SUR BESTVENDOR
29. pour une application sur-mesure IL VAUT MIEUX FAIRE UN DÉVELOPPEMENT SANS CMS 3. ne pas utiliser de cms :
30. faites une petite page perso EN CHOISISSANT LE CMS LE PLUS ADAPTÉ 4. exercice
31. Projet CAHIER DES CHARGES & PRESTATAIRES Module3
32. soyez le plus précis possible AIDEZ LE PRESTATAIRE À VOUS FAIRE UNE PROPOSITION RAPIDEMENT 1. Cahier des charges Bonjour, ! Pourrais-je avoir un devis pour la création d’un site web? ! Merci
33. Exemple de plan PRÉSENTATION DE L’ENTREPRISE CONTEXTE OBJECTIF CIBLES DESIGN PAGES / WIREFRAME FONCTIONNALITÉS CONTRAINTES TECHNIQUES HÉBERGEMENT 1. Cahier des charges
34. Ne pas faire ce que l’on ne maîtrise pas NE PAS HÉSITER À SE FAIRE AIDER PAR UN FREELANCE OU UNE AGENCE WEB 1. Cahier des charges
35. Graphiste / webdesigner CRÉATION D’UNE IDENTITÉ VISUELLE DESIGN D’UNE PAGE WEB 2. métiers du web
36. Designer d’expérience (UX & UI designer) DESIGNER QUI A UN REGARD D’ERGONOME. INDISPENSABLE POUR LA CRÉATION D’UNE APPLICATION - ON EN TROUVE SUR DRIBBBLE 2. métiers du web
37. Développeur front-end / Intégrateur web TRANSFORME UN FICHIER PHOTOSHOP EN UNE PAGE WEB (HTML/CSS/JAVASCRIPT) 2. métiers du web
38. Développeur back-end MET EN PLACE UN CMS DÉVELOPPE UNE APPLICATION SUR MESURE DÉVELOPPEUR DRUPAL / WORDPRESS / RUBY ON RAILS / ZEND / SYMFONY 2. métiers du web
39. Webmaster PERSONNE QUI S’OCCUPE DE METTRE À JOUR UN SITE CONTENU ET/OU DESIGN ET/OU DÉVELOPPEMENT 2. métiers du web
40. Chef de projet FAIT LE LIEN ENTRE LE CLIENT ET LES DESIGNERS / DÉVELOPPEURS PEUT ÉGALEMENT RÉDIGER LE CAHIER DES CHARGES 2. métiers du web
41. Référenceur DÉFINI UNE STRATÉGIE DE MOTS-CLÉS POUR LES MOTEURS DE RECHERCHE + RÉFÉRENCEMENT PAYANT 2. métiers du web
42. pour aller plus loin DÉCOUVREZ LA LISTE COMPLÈTE SUR METIERS.INTERNET.GOUV.FR 2. métiers du web
43. De nombreux projets web échouent À CAUSE D’UN MAUVAIS CHOIX DE PRESTATAIRE 3. choix de prestataire
44. Agence web & mobile PRATIQUE POUR LA GESTION GLOBALE D’UN PROJET WEB ASSEZ CONSÉQUENT 3. choix de prestataire
45. un freelance polyvalent PRATIQUE ET MOINS CHER POUR UN SITE VITRINE ESSAYER DE TROUVER UN FREELANCE PAR RECOMMANDATION 3. choix de prestataire
46. Plusieurs freelances spécialisés MOINS CHER MAIS LA GESTION DE PROJET EST A VOTRE CHARGE PRENEZ MOINS DE RISQUE AVEC DES AGENTS : CRÉASENSO / DRIMS CREATIVE 3. choix de prestataire
47. SSII PRATIQUE POUR LE DÉVELOPPEMENT D’UNE APPLICATION COMPLEXE MAIS PENSEZ À TOUJOURS COMMENCER PAR LE DESIGN 3. choix de prestataire
48. prestataires à l’étranger PEUT REVENIR BEAUCOUP MOINS CHER. MAIS ATTENTION, CELA PEUT GRANDEMENT COMPLIQUER LE PROJET 3. choix de prestataire
49. Trouver un associé développeur/designer ALLEZ À DES ÉVÈNEMENTS WEB POUR EN RENCONTRER 3. choix de prestataire
50. site vitrine COMPTEZ 2000€ POUR UN SITE DE QUALITÉ 3. des Prix très variables
51. application web / mobile comptez 5000 voire même 10000€ POUR UNE APPLICATION DE QUALITÉ 3. des Prix très variables
52. Méthode Agile pour vos applications COMMENCEZ PAR FAIRE UNE VERSION SIMPLE ET AMÉLIOREZ LÀ AU FUR ET À MESURE EN FONCTION DES RETOURS DES UTILISATEURS 3. Méthodes de projet
53. lisez rework FAITES LE CHOIX DE LA SIMPLICITÉ 3. Méthodes de projet
54. Demandez l’avis d’un développeur POUR CHOISIR UN DÉVELOPPEUR 3. Entourez-vous d’experts
55. 1. rédigez un cahier des charges POUR UN PROJET FICTIF OU RÉEL SITE VITRINE / E-COMMERCE / APPLICATION WEB / APPLICATION MOBILE 4. Exercice 2. Faites un wireframe de la page d’accueil 3. estimez le budget 3. choisissez le type de prestataire