Aujourd hui nous allons étudier les différentes phases de créations d un site internet. Ca c est du titre!

Transcription

1 Bonjour!

2 Aujourd hui nous allons étudier les différentes phases de créations d un site internet Ca c est du titre! merci de rien

3 Pour cela, je vous propose de réaliser votre propre site vitrine sous Wordpress Réfléchissez et choisissez une idée, un thème, un sujet qui vous plait

4 Première tâche : Essayez vous même de lister les différentes phases de créations Sur papier ou ordinateur

5 Nous allons séparer ces phases entre le client et le créateur Le client doit : Le créateur doit : Créer un cahier des charges Déposer un nom de domaine Louer un hébergement Fournir les accès au créateur Signer un devis Optionnel : Préparer le paiement en ligne Préparer ses réseaux sociaux Préparer ses campagnes de pub Fournir les CGU, CGV, mentions Etablir un devis Annoncer ces choix techniques Créer un organigramme Réaliser une maquette graphique Programmer les pages Optionnel : Maquetter toutes les pages types Initialiser la base de donnée Programmer l administration Brancher un analytics

6 Prenons le rôle du client MODE D EMPLOI

7 Le cahier des charges C est le document technique qui regroupe toute les informations à connaitre parmi le fonctionnement du site, les besoins, attentes, délai, obligations, garanties, responsabilités, droits, cessions, règlements, Le CDC est très important, et pourtant il est très souvent négligé voir absent. En cas de problème, c est lui qui doit pouvoir dire qui à raison, qui à tort. Evitez de repartir d un CDC vierge trouvé sur internet, mais vous pouvez toujours vous en inspirer. Attention non plus à ne pas le rendre trop long, complexe ou voir effrayant, ce qui pourrais augmenter son coût de dèvellopement.

8 Déposer un nom de domaine Veillez à séparer votre registar de votre hébergement en cas de problème. Si vous êtes le créateur, proposez une aide gratuite à l enregistrement de celui-ci. Si vous êtes le client, réfléchissez bien sous quelle entité vous allez faire le dépôt et pour combien de temps. Pour éviter le cyber-squatting, pensez aussi aux autres extensions ou NDD similaires

9 Louer un hébergement Si vous êtes le créateur, proposez la gestion de l hébergement en tant que revendeur. Si vous êtes le client, attention à prendre un hébergement suffisamment puissant pour vos besoins. Dédié ou mutualisé? Pensez à prendre une option de sauvegarde automatisée des vos données et fichiers, chaque jour. C est très pratique en cas de soucis (erreur de manipulation, piratage, )

10 Préparer le paiement en ligne Choisissez bien votre banque et votre solution de VAD. N hésitez pas à réaliser au moins 2 devis d établissements différents. Sachez que vous n êtes pas obligé de tout prendre à la banque (uniquement le contrat VAD). Il existe des solutions en ligne (paybox) Renseignez les coordonnées du créateur afin qu il puisse échanger avec votre banque lors de la mise en place du paiement en ligne.

11 Les CGU et les CGV Les CGU contiennent : Les CGV contiennent : Des articles qui protège le responsable du site en cas de soucis lors de la navigation (virus, bug, lenteurs) ou des erreurs de contenus (tarifs erronés, mauvaise date) Des articles sur l origine des contenus, l interdiction de reproduction ou copie Des articles sur la gestion de la vie privée, des cookies ou des mots de passe. Des articles qui renseigne tout le processus de paiement, livraison, remboursement, et autres soucis techniques pouvant survenir lors d une vente. Des articles sur les droits du vendeur, les possibilités d annuler une commande ou la manière d être contacté. Tous autres informations sur le stockage des données bancaires ou vie privée du client, concernant la vente.

12 Prenons le rôle du créateur MODE D EMPLOI

13 Etablir un devis Essayez de facturer vos interventions en jour Regroupez les différentes actions dans des postes majeurs tel que (organigramme, maquettes, programmation, administration, référencement, maintenance, ) D une manière général, vous ne pourrez jamais facturer tout votre temps passé (car il y a toujours des imprévus) donc budgétisez un temps normal théorique (a vous de faire en sorte d être gagnant par la suite du projet) N hésitez pas à proposer un tarif pour le site (juste la demande client) puis des options, dont certaines seront presque toujours prises par le client si les tarifs sont bon. Affichez vos modes de règlements, et les acomptes.

14 Les choix techniques Comment va se dérouler le projet, étapes? Quel sera la solution globale (CMS ou sur mesure) du site internet? Combien de temps vont durer les différentes phases du projet? Comment le client peut aider au projet? Quand le client peut commencer à tester? Sous combien de temps faut-il répondre aux échanges et questions (dans les deux sens)?

15 Phase importante qui permet de bloquer le fonctionnement du site Créer un organigramme Que cela soit à la main ou sur ordinateur, vous avoir un organigramme illustrant le fonctionnement du site. Accueil Cela va éviter que votre client modifie la logique du site durant sa création. articles contact Faites valider celui-ci avant d attaquer les Contenu d un article archives Formulaire de contact maquettes graphiques.

16 Réaliser une maquette graphique Concentrez vous sur la page principale du projet, souvent c est la page d accueil Ensuite, réfléchissez à la structure en construisant des blocs Puis a l aide de la charte graphique, commencez à remplir avec les couleurs, logo et contenus. Ne déclinez pas les autres maquettes graphiques tant que celle-ci n est pas finalisée Pensez au responsive webdesign!

17 Programmer les pages Pour notre exemple, nous allons utiliser le CMS wordpress, ce qui limitera nos actions dans le code, et nous fournira une interface pour configurer le site. Wordpress s installe sur un serveur php, et à besoin de se connecter à une base de donnée.

18 Lors de notre prochain cours, nous verrons comment installer wordpress en local D ici là, n hésitez pas à travailler sur votre projet (organigramme, maquette, contenu, charte, logo, )

19 Merci pour votre attention Bonne fin de journée