Différences

Ci-dessous, les différences entre deux révisions de la page.

--- etudiants:2014:dylan.compere:stage1 [2014/06/18 17:05] – dylan.compere
+++ etudiants:2014:dylan.compere:stage1 [2019/08/31 14:21] (Version actuelle) – modification externe 127.0.0.1
@@ Ligne 1: / Ligne 1: @@
+~~DISCUSSION~~
 ====== - Informations Stage ======
@@ Ligne 13: / Ligne 15: @@
 ====== - Localisation de l'entreprise ======
-<html><iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d5164.565744534276!2d-1.4023951507950136!3d49.667810060482346!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x480b606cf7a129ff%3A0x18001ac6d766e5f2!2sMecatek.com!5e0!3m2!1sfr!2sfr!4v1403101562746" width="789" height="450" frameborder="0" style="border:0"></iframe></html>
+<html><iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d5164.565744534276!2d-1.4023951507950136!3d49.667810060482346!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x480b606cf7a129ff%3A0x18001ac6d766e5f2!2sMecatek.com!5e0!3m2!1sfr!2sfr!4v1403101562746" width="100%" height="450" frameborder="0" style="border:0"></iframe></html>
 ====== - Carnet de bord de stage ======
+<html>
+<style>
+.realisation {
+  background: none repeat scroll 0% 0% #DAC3A0;
+  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
+  border: 5px solid #FFF;
+  padding: 10px;
+  width: 90%;
+  margin: auto;
+  margin-bottom: 20px;
+}
-<WRAP center round box 90%>
+.realisation ul li {
-**__Semaine 1__: du lundi 26 mai au vendredi 30 mai 2014**
+  color: #333;
+}
-  - Analyse du projet et des besoins de la cliente
-  - Démarrage de la partie back-office du site.
-  - Mise en place d'une interface sécurisé (login, mot de passe) pour l'accès au back-office.
-  - Recherche,mise en place et paramétrage d'un éditeur de texte (ckeditor) au sein du back-office.
-  - Développement d'un système de changement de mot de passe dans le back-office.
-</WRAP>
-<WRAP center round box 90%>
-**__Semaine 2__: du lundi 2 juin au vendredi 6 juin 2014**
-  - Développement d'un système de gestion d'article (ajout, suppression, modification) relié à une base de données et à l'éditeur de texte intégré précédemment. (informations article: nom, menu auquel il fait référence, corps de l'article)
-  - Développement d'un système de gestion de menu (ajout, suppression, modification) relié à une base de données. (informations menu: nom, visibilité du menu (visible ou non))
-  - Développement d'une gestion des informations concernant les animaux du parcs aussi relié à une base de données. (informations animaux: nom, continent, description, photo)
-</WRAP>
-<WRAP center round box 90%>
-**__Semaine 3__: du mardi 10 juin au vendredi 13 juin 2014**
-  - Développement de 2 nouvelles fonctionnalités dans la gestion des menus, ajout d'une gestion de position des menus et des article auquel ils font référence (lien direct ou non).
+.title_realisation {
-  - Démarrage de la partie front-office, avec la mise en place dans un premier temps du squelette du site. (création de contenu: articles, menu, ...)
+  font-family: SEGOE UI;
-  - Relation entre le site et la base de données.
+  text-decoration: underline;
-  - Création d'un design pour la partie back-office.
+  font-weight: bold;
+  color: #333;
+  margin-bottom: 10px;
+}
+</style>
-</WRAP>
+<div class="realisation">
+  <div class="title_realisation">Semaine 1: du lundi 26 mai au vendredi 30 mai 2014</div>
+  <ul>
+    <li>Analyse du projet et des besoins de la cliente.</li>
+    <li>Démarrage de la partie back-office du site.</li>
+    <li>Mise en place d'une interface sécurisé (login, mot de passe) pour l'accès au back-office.</li>
+    <li>Recherche,mise en place et paramétrage d'un éditeur de texte (ckeditor) au sein du back-office.</li>
+    <li>Développement d'un système de changement de mot de passe dans le back-office.</li>
+  </ul>
+</div>
-<WRAP center round box 90%>
+<div class="realisation">
-**__Semaine 4__: du lundi 16 juin au vendredi 20 juin 2014**
+  <div class="title_realisation">Semaine 2: du lundi 2 juin au vendredi 6 juin 2014</div>
+  <ul>
+    <li>Développement d'un système de gestion d'article (ajout, suppression, modification) relié à une base de données et à l'éditeur de texte intégré précédemment. (informations article: nom, menu auquel il fait référence, corps de l'article)</li>
+    <li>Développement d'un système de gestion de menu (ajout, suppression, modification) relié à une base de données. (informations menu: nom, visibilité du menu (visible ou non))</li>
+    <li>Développement d'une gestion des informations concernant les animaux du parcs aussi relié à une base de données. (informations animaux: nom, continent, description, photo)</li>
+  </ul>
+</div>
-  - Création du plan du parc interactive à l'aide d'un Plugin jQuery.
+<div class="realisation">
-  - Continuation du squelette du site.
+  <div class="title_realisation">Semaine 3: du mardi 10 juin au vendredi 13 juin 2014</div>
-  - A venir ...
+  <ul>
+    <li>Développement de 2 nouvelles fonctionnalités dans la gestion des menus, ajout d'une gestion de position des menus et des article auquel ils font référence (lien direct ou non).</li>
+    <li>Démarrage de la partie front-office, avec la mise en place dans un premier temps du squelette du site. (création de contenu: articles, menu, ...)</li>
+    <li>Relation entre le site et la base de données.</li>
+    <li>Création d'un design pour la partie back-office.</li>
+  </ul>
+</div>
-</WRAP>
+<div class="realisation">
+  <div class="title_realisation">Semaine 4: du lundi 16 juin au vendredi 20 juin 2014</div>
+  <ul>
+    <li>Création du plan du parc interactive à l'aide d'un Plugin jQuery.</li>
+    <li>Continuation du squelette du site.</li>
+    <li>Travail sur le responsive web design du site </li>
+    <li>Création d'une carte du monde interactive à l'aide d'un Plugin jQuery.</li>
+    <li>Création d'un album photo à l'aide de Pop-Up.</li>
+  </ul>
+</div>
-<WRAP center round box 90%>
+<div class="realisation">
-**__Semaine 5__: du lundi 23 juin au vendredi 27 juin 2014**
+  <div class="title_realisation">Semaine 5: du lundi 23 juin au vendredi 27 juin 2014</div>
+  <ul>
+    <li>Création d'un système de news dans le back-office, ajout, modification, suppression de news.</li>
+    <li>Travail sur le design du site en CSS3.</li>
+    <li>Intégration pour le design du site. (Photoshop)</li>
+    <li>Création d'un slider d'image à l'aide d'un plugin.</li>
+    <li>Création d'un slideshow pour les news en jQuery.</li>
+  </ul>
+</div>
-  - A venir ...
+</html>
-</WRAP>
+====== - Conclusion du stage ======
-====== - Pointage des Compétences ======
+Ce stage ma permis de développer mes connaissances en Php, MySQL, CSS3 mais aussi d'aborder le jQuery. J'ai aussi appris toutes les étapes nécessaire à la création d'un site web et à travailler de manière organisée. De plus ce stage m'a permis de décrocher un emploi pour le mois de juillet dans l'entreprise.
-  - A venir ...