1

PROJETADESDAY

HASSANI Sadjidou LICENCE RESPONSABLE DE PROJET INFORMATIQUE H.E.S.I.P Ecole Supérieur D’informatique

2

SOMMAIRE

3

REMERCIEMENT……………………………………………………………………………………………….…… 4I INTRODUCTION…………………………………………………………..………………………………………. 4II PRESENTATION DE MON ECOLE……………………………..……………………..……….…………. 5III PRESENTATION DE MON PROJET…….………………………………………………………………... 6IV ORANISATION ET PLANIFICATION……………………………………………………………………… 8V PRESENTATION DE WORDPRESS………………………………………………………………………… 9WORDPRESS EN LIGNE………………………………………………………………………………………… 10WORD PRESS HORS LIGNE…………………………………………………………………………………… 13 VI MON SITE………………………………………………………………………………………………..……… 18MON SITE EN TANT QUE VISITEUR……………………………………………………………………… 19

4

MON SITE EN TANT

Q’ADMINISTRATEUR………………………………………………………...... 25VII COMMENT ACCEDER A MON SITE………………………………………….……………………… 30VIII MON PREMIER PROJET…………………………………………..………..………..…………………. 34LES LOGOS.….………..……………………………………………………………………………….…………… 39CV.…..……..…………….…………………………………………….……………………………………………... 40IX CONCLUSION……….…………………………………………………………………………………………. 41MODELE ECOLE………………………………………………………………………………………………..… 42

I- INTRODUCTION

Au court de ma première année de Licence RPI (Responsable de Projet Informatique) J’ai effectué ce projet qui est le projet ADESDAY. Projet Adesday c’est le nom de mon projet qui est un site web. Que j’ai développé par moi-même.

5

Au court de ma première année ont nous a appris plusieurs choses aux quelle c’est

à nous maintenant de mettre en pratique tout ce qu’on a vue. Tout comme en créant des applications avec la base des données ou en développent des sites avec WordPress en maitrisant les bases du langage HTML et CSS. Moi j’ai choisi ce projet de création de site web parce qu’en tant qu’informaticien il faut se munir des équipements nécessaires. Il faut commencer par soient en se regardant en premier avant de regarder les autres. C‘est à dire regarder comment ça se passent bien analyser les choses.

II- PRESENTATION DE MON ECOLE

6

HESIP (Haut Etudes des système et Ingénieries de Production) Ecole supérieur d’Informatique (Ecole Privé)

Situation Géographique

Adresse Ville17b Rue Juliette Dodu 97400 Saint-Denis

Contact contact@hesip.re 06928759400262371889

PROFESSEUERS

Stéphane COLOMBEL

Directeur et Responsable de centre de Formation (Management)

Vital BOUJUT Directeur (Mathématique, Base de Données, Programmation)

Emmanuel DE KENS Base de Données, Programmation, Réseaux, Serveur,ANGLAIS

Jenna POURCHOT

III- PRESENTATION DE MON PROJET

7

PROJET ADESDAYProjet Développement de Site Web

Pour QUI ? Pour tout le monde, tous le mondes peux accéder au site.

QUOI ? Site web je vous est dit !OU on peut le trouver ?

En ligne sur votre moteur de recherche

QUAND ? A n’importe quel moment, là il y est déjàCOMBIEN de site

y a n’a-t-ilUne seule pas besoin d’en avoir plus

POURQUOI ? Pour pouvoir améliorer ton niveau et de ne pas faire des erreurs durant ton parcours professionnel.

Comment on peut le trouver ?

Grace à votre navigateur de recherche. Google, bing ou autre et vous tapez mon nom « HASSANI

Sadjidou »Détail du Site

Accueil Accueil – Mes Annales – Mon Parcours – A propos – Contact

Réseaux sociaux FACEBOOK – INSTAGRAM – GOOGLE + URL https://hassanisadjidou.wordpress.com/

Projet ADESDAY c’est un projet d’un site web que j’ai créé par moi-même.

8

Ce site parle de moi ainsi que de mon parcours professionnel. Ce site a pour but par la suite d’aider les gens qui

sont en difficulté sur leurs parcours professionnel. Toutes en leurs donnant les moyens nécessaires de réussir durant leurs parcours professionnels et à ne pas faire des erreurs tout comme moi je l’ai fait à plusieurs reprises. Maintenant que je c‘est ce qu’il me manquait d’exploser dès le départ, je pense qu’il serait temps de transmettre mon savoir à ce qui en ont besoin.Mais en ce moment mon site et juste disponible pour ce qui ont besoin de me connaitre encore plus et d’y avoir accès au support de remise à niveau.

De mon côté j’ai créé aussi se site pour mettre tous les mots de passe ainsi que les adresse email de toutes les comptes que j’ai créés. Puisque tous comme on le c’est, l’homme arrivent à un certain moment où il ne peut plus retenir certain chose. De plus j’avais deux choix soient je créé ce site en localhost ou soient je le créé en ligne tout comme je le fais. Mais j’ai fait ce choix de le créé en ligne puisque je veux accéder à tout moment sur mon site pour avoir les infos de mon comptes mots de passe que j’ai oubliés et tout etc… Mais il y a que moi qui a accès à mes comptes moi l’utilisateurs.En résumé ce site je l’avais créé comme un endroit de stockage qui me permet de stocker tous mes données ainsi que mes informations professionnelles. Mes comptes et surtout mes cours puisqu’à chaque fois j’avais des problèmes concernant mon ordinateur et je perdais tout le temps mes données. Mais maintenant comme j’ai acquis des compétences au cour de mon année dans le domaine de la maintenance informatique donc je c’est que quoi qu’ils arrivent je peux récupérer mes données bah ce site je ne le fait plus pour mettre mes cours. C’est beaucoup plus pour mes mots de passe et adresse email. En me connectant facilement sur mon téléphone en qu’à d’oubli de mots de passe.

9

IV-ORGANISATION ET

PLANIFICATION

PLANNING

10

V-PRESENTATION DE

WORDPRESS

Tout d’abord pour commencer il y a deux façons de crée un site web avec WordPress.

1- En ligne (Tout comme moi je l’ai fait c’est-à-dire tu peux y accéder à tout moment sur ton site grâce aux réseaux interne)2- Hors ligne (en localhost ce qui permet de ne pas le diffuser encore au cas ou si on veut porter des modifications, ce qui est conseiller pour les débutant qui commence comme ça il ne risque rien. Mais par contre il ne peut pas y accéder à tout moment sur son site tout comme celle d’en haut qui peut se connecter sur n’importe quelle poste. Sinon sa marcherais s’il copie les fichier document dans un clés USB bref…. C’était juste un résumé sur les deux méthodes.

11

WORDPRESS EN LIGNE

MATERIEL UTILISE

UN PC

WORDPRESS EN LIGNE

12

DETAIL DU MATERIEL UTILISE

UN PC Tout le monde c’est ce que c’est un PC (Personal Computer) (Ordinateur Personnel) On peut faire tout ce qu’on veut grâce à cette machine.

WORDPRESS C’est un système de gestion de contenu gratuit. Grace à ce système on peut créer gratuitement un site Web ou un Blog. Il nous propose des centaines de modèle et de thème gratuit, personnalisable et compatibles avec les appareils mobiles. Hébergement et assistant gratuit.Aujourd’hui près de 29 % du web sont propulsé par WordPress, des blogs personnels aux plus gros site d’actualité en ligne.

13

COMMENT ACCEDER A WORDPRESS

Pour accéder à WordPress c’est facile. Tout comme je vous ais dit il faut avoir un ordinateur à laquelle on peut aller sur internet. Une fois qu’on a ça rien ne pourra nous empêcher à commencer à développer notre site Web.

- On ouvre notre navigateur web que sa soient (Microsoft Edge, Google chrome, Opera, Marthon ou autre …)

- On tape sur la barre de recherche « WordPress » que sa soie google, bing ou autre.

- Une fois que c’est fait on clique sur « WordPress.com : Créez un site ou un blog gratuitement ».

- Une fois que l’onglet est ouvert on clique sur « se connecter » en haut à droite si on a un compte mais comme on en a pas on clique sur « commencer ».

Après le reste tout le monde seras le faire puisqu’on va juste vous poser des questions concernant votre projet. Ex : le nom, quel genre de site veut tu crées etc…Sans oublier qu’il existe aussi plusieurs hébergeurs qui sont là pour nous aider à bien sécuriser notre site. En nous laissant le choix de choisir le non de notre domaine, ainsi qu’à avoir des adresse émail qui possède le nom de notre domaine etc… Mais moi perso je l’ai pas fait puisque je n’en n’ai pas besoin encore pour le moment. Mais je serais obligé de le faire par la suite. Même sans hébergeur cela n’empêcheras pas votre site à être visible sur les Réseaux sociaux mais il aura comme nom « https :// _ _ _ _ _ _.wordpress.com/ ».

14

Pour l’utilisation de WordPress moi-même je ne peux pas vous expliquez comment

sa fonction la seule solution seras de l’apprendre toute seule toute en galérant au début comme moi. Un conseille que je vous donnerais choisissait bien votre thème avant de commençais à faire quoi que ce soit. Par ce que si vous en choisissais une et que vous le changez après tous ce que vous avez déjà écrit risque d’être en désordre.

WORDPRESS HORS LIGNE

MATERIEL UTILISE

UN PC

WORDPRESS

WAMP SERVER

15

DETAIL DU MATERIEL UTILISE

UN PC Tout le monde c’est ce que c’est un PC (Personal Computer) (Ordinateur Personnel) On peut faire tout ce qu’on veut grâce à cette machine.

WORDPRESS C’est un système de gestion de contenu gratuit. Grace à ce système on peut créer gratuitement un site Web ou un Blog. Il nous propose des centaines de modèle et de thème gratuit, personnalisable et compatibles avec les appareils mobiles. Hébergement et assistant gratuit.Aujourd’hui près de 29 % du web sont propulsé par WordPress, des blogs personnels aux plus gros site d’actualité en ligne.

WAMP SERVERC’est une plateforme de développement WEB de type WAMP, permettant de faire fonctionner localement des scripts PHP.Grace à cette plateforme on peut faire des projets tout comme la création d’un site web sans être en ligne mais en localhost.

16

COMMENT TELECHAGER LES OUTILS

Pour télécharger ces outils là c’est facile soit vous cliqué sur le lien si dessous pour aller pour aller regarder la vidéo de comment faire ou soient vous suivez les étapes.Lien du vidéo : https://www.youtube.com/watch?v=vUyVGdi0Fj4&t=658s

Comment télécharger :

WampServer :

Tout d’abord pour télécharger WampServer il faut un Ordinateur qui dispose déjà un certain des applications « Microsoft Visuel C ++ » Sinon on sera obligé de tout installer selon ce qui manque.Pour télécharger WampServer c’est facile Il suffit juste d’aller sur le site Officiel pour le télécharger l’application

- Google on tape « Wamp » - Une fois que c’est affiché on clique sur le premier truc qui s’affiche

« WampServer la plate-forme développement Web sous Windows etc.)- Une fois rentré de dan on décent là où c’est écrit Téléchargement est on

télécharge celle qui nous convient le mieux selon l’ordinateur que sa soie 64 Bit ou 32 Bit. Mais la plupart des nouveaux ordinateurs c’est 64 Bit

- Une fois qu’on a choisi entre le 64 bit ou le 32 bit on va nous demander après de remplir un formulaire mais ce n’est pas obligatoire de le remplir du cout on fait passer au téléchargement direct.

17

- - Une fois télécharger on l’installe- Après on l’ouvre pour qu’on soit en

local en ligne il faut qu’ils soient en couleur vert en bas sur la barre de démarrage.

WordPress :Une fois qu’on a télécharger le WampServer maintenant ont qu’à installer le WordPress.Pour télécharger WordPress c’est facile tout comme celle de Wamp on va sur le site officiel de WordPress pour le télécharger

- Google on tapent « wordpress.org »- On clique le premier lien du site WordPress- Une fois rentré au centre au milieu c’est marqué français on clique la dans là

pour modifier la langue - Après on clique en haut à droite sur « Download WordPress »- Une fois que c’est fait on clique en suite sur télécharger le fichier zip qui est

en haut à droite c’est la nouvelle version de WordPress à chaque fois on fait des mises à jour.

- Une fois télécharger on extrait le fichier zip en fichier simple grâce à WINRAR- Une fois extraire c’est bon

18

LES PREMIERS PAS D’UN CREATION DU SITE WEB

Après avoir extraire le fichier et installer le WampServer c’est là que tout va commencer.

- On commence par prendre le fichier WordPress qu’on a extraire et on le donne le nom qu’on veut ce nom là c’est le nom du projet.

- Une fois qu’on la donner un nom on le copie dans le dossier « www » Disque C/wamp64/www

- Lorsqu’on la copier on peut aller en bas sur le logo du local qui est en vers on clique puis après on clique sur localhost. Une fois que sa s’affiche en bas sur vos projets on voit le nom de notre projet qu’on a renommer dès le départ. Mais ce n’est que le commencement il reste un dernier truc à faire.

- On va créer une base de donner et pour cela il faut descendre en bas cliquer sur le logo et appuyer sur « phpMyAdmin » une fois qu’on est rentré

- Le nom d’utilisateur on met « root » Mots de passe on met rien après on fait connexion.

CREATION DE BASE DE DONNEUne fois rentré sur le phpMyAdmin

- On clique sur bases de données - Création de base de données on fait met le nom de la base après à droite on

sélectionne « utf8_unicode _ci » Sa c’est pour qu’il prend les accents. Après on fait ok

- Une fois que c’est créé on va en bas on clique sur le logo en vers sur on clique sur « localhost »

- Lorsque c’est ouvert on regarde en bas sur les projets on clique sur le projet qu’on avait créé.

- Une foi cliquée et que si ça n’affiche rein il faut écrire sa sur l’URL « localhost/………/> là où il y a les pontiers il faut écrire le nom du dossier de projet qu’on a créé et qu’on mis sur le dossier « www>

19

- - Après je penses que c’est bon sa s’affiche une fois que c’est affiché on clique sur « C’est parti ».

- Une foi que s’est rentré on te dira de mettre le nom de la base de données le nom « c’est celle qu’on avait créé »

- Identifiant c’est « root »- Mots de passe on met rien- Adresse de la base de données on laisse comme il est - Préfix des tables on laisse comme il est aussi- Une fois que tout est fait on fait envoyer

Après avoir fait envoyer on va te dire de lancer l’installation ; une fois que c’est fait on te dira mettre :

- Le titre du site - Identifiant - Mots de passe - Adresse email

Dès que c’est fait on clique sur installer WordPress, après il ne resteras plus qu’à se connecter à l’aide des identifient et mots de passe qu’on avait créés là.

Et voilà qu’on est arrivé sur le grand bain…Alor l’utilisation de WordPress je ne peux pas l’expliquer puisque chaque thème qu’on installeras est différent à l’autre.Donc le seul moyen c’est de l’apprendre toute seule en galérant au début tout comme moi.

20

VI-MON SITE

MON SITE (EN TANT QUE VISITEUR)

21

ACCUEIL

22

MES ANNALES

23

MON PARCOURS

24

A PROPROS DE MOI

25

CONTACT

26

MES RESEAUX SOCIAUX On peut également me trouver sur mes comptes pour plus de

renseignement.A savoir : FACEBOOK – INSTAGRAM ou encore GOOGLE + là où je partage souvent certain vidéo.

27

MON SITE (EN TANT QU’ADMINISTRATEUR)

Tout d’abord il faut savoir qu’il y a deux menus différents1- Le premier c’est le menu principal exemple : si on veut ajouter une

page modifié quelque chose sur les pages ou même voir les statistiques de nombre des personnes qui ont visité le site.

2- Le deuxième menu c’est pour la personnalisation, c’est là qu’on choisira tous ce qu’ont veux afficher sur le site comment et sa façon aussi y compris son identité, les tailles de police.Les barres des menues en haut « accueil, mes annales, mon parcours, a propos, contact ». Tout comme celle d’en bas les réseaux sociaux « Facebook, Instagram, Google+ ».On y accède grâce au premier menue (Personnaliser, thème, personnaliser).

28

MENU PRINCIPAL

29

MENU PERSONNALISER

MES COMPTES

30

Voilà le grand avantage pour moi sur ce site j’ai créé une page comme les autres

« accueil, mon parcours, mes annales, a propos, contact » et là dans là j’ai mis tous mes adresse emails et mes mots de tous les comptes que je possède.

31

32

VII-COMMENT ACCEDER A MON SITE

(en tant que visiteur, surfur)

1

33

2

34

3

35

4

Et voilà vous avez vu que je ne vous ais pas dit des salades.

VIII- MON PREMIER PROJET

36

Ce projet je l’avais tout d’abord commencé sur Notepad++ avec le langage HTML et CSS tout comme on nous a appris à l’école. Au début je ne comprenais pas ce langage mais une fois que je suis rentré la de dans sa m’a inspirée à aller encore plus loin. Ce qui m’a motivé encore plus c’est le fait que mon prof Vital BOUJUT nous avez dit que c’est lui qui a créé le site de HESIP. La seule chose que j’avais en tête si mon prof à réussi à le faire avec le site HESIP alors moi aussi je peux le faire.Mais il n’avait pas précisé qu’il l’a créé sur WordPress ou je ne s’est pas s’il l’avait dit mais moi je l’ai pas entendue.Du cout moi je croyais qu’il l’avait créé juste comme sa avec Notepad++, HTML et CSS. Donc c’est ce qui m’a motivé jusqu’à faire ceci avec Notepad++, HTML et CSS.

37

MES ANNALES

38

A PROPROS

39

CONTACT

40

Je précise bien cette période-là je ne connaissais pas le WordPress c’est lors de mon premier stage chez LSM, lorsque mon tuteur a vue sur mon CV que je c’est développer donc il m’avait dit d’apporter des modifications sur leurs site qui a était développer par des stagiaires avec WordPress mais moi je ne m’y connaissais pas. Nis je n’ai jamais entendue parler. Depuis ce jour lorsque je suis rentré chez moi c‘est là que j’ai commencé à en savoir plus de ce WordPress et c’est ce jour-là même que j’ai commencé ce projet que je vous présente là.

LES IMAGES ET LOGOS

41

42

Cv

43

IX-

CONCLUSIONS

Aux cours de ma première année de licence informatique RPI (Responsable de Projet Informatique) j’ai fait comme projet développer un site Web.Ce site a pour but d’aider et de donnée des informations à ce qui en aurons besoin. Partager des supports pour les gens qui veulent se remettre à niveau. Tout au longue de mon parcours il y a eu plusieurs truquent qui m’empêcher d’Exploser dès le départ et là maintenant comme je c’est ce qui m’empêcher d’exploser dès le départ je serais ravi de les partager à ce qui en auront besoin. De mon côté ce site me sera utile sur le fait que je peux y accéder à tout moment grâce à mon smartphone ou PC. Puisque de nos jour l’homme devient de plus en plus fainéant il n’arrive pas à tout retenir. Donc j’ai fait de mon site un endroit aux quelle j’ai mis tous les adresse email et mots de passe de mes comptes. Je remercie l’assemble des personnes qui mon aider surtout à monsieur Vital BOUJUT c’est grâce à lui que je maitrise parfaitement le langage HTML-CSS et je remercie également l’assemble des personnes qui mon soutenue du début jusqu’à la fin tout comme monsieur Stéphane COLOMBEL le directeur de d’HESIP lui qui nous a toujours encourager.

44

MODELE ECOLE

Projet Adesday

Mémoire Technique

Développement d’un site WEB, Partage des supports de cours

45

SOMMAIRE

Origine de l’idée : Site Personnel pour stocker mes informations personnelles et partager des supports de cours.

Contexte : - Projet personnel développé au cours de ma première année de Licence - J’ai réalisé ce projet toute seule sans l’aide de personne -

Méthodologie : du site :-- Quel genre de site je développer- Sur quel environnement je vais le développer - A qui il seras destiné - Le temps que sa va prendre - Spécifications : Interfaces, Fonctionnalités- Développements- Essaie- Déploiement -

Contrainte et existant : - Inventaire d’un site web sur lequel on aura accès au support qui seront

mis en ligne --

Planning : - Présentation sous Project Libre

46

Moyens et matériels Utilisés :- En autonomie

- Mon PC- Développer sous WordPress sous serveur à distance - Planning à l’aide du Projet Libre-

Phase de conception :-- Il a été fait sous WordPress parce que c’est le moyen le plus facile et

rapide à faire - Ce site a été fait spécialement pour qu’on puisse avoir accès

gratuitement au support -

- J’ai fait ce site en m’appuyant sur le site de mon prof de math à l’université

Lien : https://sites.google.com/site/dottisylvain/home

Phase de réalisation : - Spécification : Interfaces, fonctionnalité - Développement - Essais et correctifs -

Phase de Mise en ligne :- Sa ce met en ligne toute seule une fois qu’on commence le projet, mais

c’est sous le nom de WordPress -

47

Difficulté Rencontrés : - J’ai rencontré des difficultés sur

l’utilisation de WordPress- Cofondassions du menu principal et du menu personnalisé-

Conclusion : --

Annexes : - Liens des références - Ligne des codes - Spécification origine + modification apportée--