Navigation

Historique

Ce site est batît dans le cadre d'un exercice pour mon bts. Le but est d'obtenir un site dynamique, très léger et simple à mettre en place en utilisant l'administration en ligne. L'objectif étant qu'une personne non initiée aux langages html/php/css, puisse bâtir son site facilement avec mon support.

N'ayant aucune connaissance en php/mysql au Jeudi 2 Février, je me lance donc dans la création de mon premier site php.

Ayant en revanche quelques notions de html et de css apprises quelques semaines auparavant je décide d'utiliser ces standarts pour mettre en forme mon site.

Le site se voulant léger et simple de modification j'utilise un sytème de pseudo-frames, qui me permet d'alléger grandement les changements de pages.

Conformément aux exigences de l'exercice tous les codes seront commentés un maximum, pour permettre une plus grande clarté dans la correction, et pour faciliter le développement futur du site.

Historique des modifications :

Jeudi 2 Février 2006 -- Pré-version

* Création de la charte graphique
* Création des pages :

  • index.php
  • style.css
  • accueil.inc.php
  • liens.inc.php
  • presentation.inc.php
  • contact.inc.php

Vendredi 3 Février 2006

* Création de l'interface d'administration du site. Accessible à partir de /admin.php

  • -> Nombreux Bugs à corriger
  • Fonctions à implémenter

* Modification de la charte graphique :

  • style.css
  • ->Transition du site dans des tons clairs

Samedi 4 Février 2006

* Création d'un compteur

  • ne fonctionne pas encore, problème de gestion des accès en écriture semble-t-il

* Correction du bug d'auto-direction pour les nouveaux visiteurs.

  • Désormais l'url du site renvoie sur la page d'accueil, et ne retourne plus de message d'erreur

* Remodification de la bannière et de couleurs générales, pour obtenir un site plus coloré

Dimanche 5 Février 2006

* Modification de l'arborescence du site

  • -> /racine/ :index.php, admin.php, menu.inc.php, et les css (style.css et admin.css) Correspond aux fichiers vitaux
  • -> /pages/ : les contenus appellés dans le cadre principal
  • -> /modules/ : tous les modules du site, gallerie, compteur ... les pages nécessitant un code particulier
  • -> /img/ : toutes les images de l'interface du site se trouveront dans ce dossier

* Ajout des pages "gallerie.inc.php" et "cahier.inc.php"

* Mise à jour de l'historique

* Mise à jour de la page Présentation

* Modification des images de fond des titres h1, h2 et du menu

* Corrections du style.css

Mercredi 8 Février 2006

* Nombreux essais concenant l'écriture dans un fichier via script php, sans réussite
* Essai du site depuis un poste distant :

-> Dimensions conservées, style visuel ok
-> Couleurs un peu trop pâles apparement
-> Vitesse du serveur free limitée aux heures de pointe

* Face aux difficultés rencontrées avec l'écriture dans des fichiers, j'envisage un passage anticipé sur le programme prévu, à des tables mysql pour essai.
* Validation du style css par w3c
* Cahier des charges rempli
* Mise à jour de l'historique

Jeudi 9 Février 2006

* Modification des liens, afin de ne plus faire apparaitre "index.php" dans l'url
* Découverte de la raison du dysfonctionnement du compteur -> wamp (le serveur php semble avoir un bug au niveau des accès fichiers, le retour sous easyphp semble corriger tout ça)
* -> Compteur actif

Lundi 13 Février 2006

Recherche d'un code source de gallerie php

  • -> Le code est complet, mais requiert l'utilisation de php, je décide donc de l'adapter à mon site, en modifiant en profondeur le rendu.
  • -> Création du module gallerie.inc.php
  • -> Le code source s'avère très utile, mais très lourd à gérer : création d'un dossier pour les miniatures, afin d'alléger l'affichage
  • -> Ajout de l'affichage d'une description pour chaque image
    Les descriptions doivent se trouver dans le même dossier que l'image, et porter le même nom+".nfo"
  • -> Travail sur la présentation, pour obtenir une vision globale plus agréable
  • -> Mise en place des créations déjà produites
  • -> Ecriture des premières descriptions
* Le script de gallerie semble très pratique, mais présente un inconvénient de taille qu'il faudra résoudre, la mise en page, qui bien qu'améliorée, présente encore toutes les images sur la même page :/

Mardi 14 Février 2006

* Modification de la gallerie
  • Remplissage rapide des descriptions des images
  • Ajout d'une fonction d'affichage automatique des dimensions de l'image
  • Ajout d'une fonction d'affichage automatique de la taille du fichier
* Définition du style et des rubriques de l'administration du site
  • Création des différentes pages
  • Disponible dans les liens pour démonstration
  • admin.php
  • Ce site étant le support de démonstration de mes capacités en html/php/css pour ma recherche de stage, le gros du travail sur cette administration online devra être fait durant les vacances.

Mercredi 15 Février 2006

* Au regard des autres sites je décide de relancer un peu le contenu du mien en ajoutant une nouvelle gallerie

  • La gallerie image deviens donc une gallerie parmi d'autres
  • Ajout d'une gallerie vidéo
  • Implémentation des vidéos avec la balise EMBED, bien que celle ci ne soit pas soutenue par Firefox
  • Problème au niveau de la page des vidéos. Elles s'affichent toutes en même temps et démarrent ... carnage:'(
  • Je décide donc de générer automatiquement un menu pour choisir la vidéo à afficher, plutôt que de les aligner sur la même page
  • La rubrique gallerie est renommée en Portfolio, plus explicite

* Après 4H de lutte acharnée, la gallerie videos fonctionne enfin selon mes désirs. Désormais il est extrêmement facile de créer une nouvelle gallerie dans le site, alors pourquoi ne pas en rajouter une nouvelle dès ce soir ? Ce sera la gallerie montages !

* Mise à jour des pages historique, index, menu, portfolio

* Création du formulaire de contact

  • Création des champs en html, et du code de traitement du formulaire
  • Création d'une page de confirmation avant expédition
  • Mise en forme du mail

* Pour des raisons de problèmes dans le passage des variables d'une page à l'autre et dans la fonction mail, des modifications ont été apportées dans le fichier de contact. L'affichage du message de confirmation est encore erronnée, mais le message passe, c'est le plus important pour le moment.

* Ajout de nouvelles videos et recompression de celles déjà présentes afin d'alléger leur visualisation

* Importation des descriptifs écrits lors de la création des videos, contenant toutes les informations sur les videos

* Découverte d'un bug de présentation au niveau d'ie ou d'anciennes version de Firefox : A CORRIGER

-> Aujourd'hui a été une grosse journée d'un point de vue des améliorations, mais la disponibilité de mon site en ligne semble avoir fait des émules, je décide donc de le rendre indisponible jusqu'à demain midi. Une sauvegarde générale a été faite et placée sur un ftp secondaire, en secour.

Jeudi 16 Fevrier 2006

* Ajout d'une gallerie son

* Correction d'une faute d'ortographe dans gallerie -> galerie (code php corrigé)

* Ajout et recompression de 2 nouvelles videos

* Ajout d'images dans l'affichage des galeries son et videos

Vendredi 17 Fevrier 2006

* Correction d'un bug d'affichage sous ie et Firefox ancienne version

  • Lorsqu'une image est appliquée en Background à une cellule, le reste du fond deviens transparent
  • Modification des CSS des cellules concernées -> affichage corrigé

Dimanche 19 Fevrier 2006

* Ajout d'une image pour annoncer les pages en construction
(appliquée à portfolio->montage

* Nouveau projet de gallerie utilisant une technique de survol des images en css ...

Lundi 20 Février 2006

* Ajout d'une page CV

* Ajout de 2 images dans la gallerie images

Mardi 21 Février 2006

* Création d'un nouveau site reprenant la structure psykopat prod

  • Nom du site : Le Golf sans Galère
  • Adresse : /golf

Mercredi 22 Février 2006

* Correction du bug de la page contact : tous les champs s'affichent correctement désormais

Mardi 7 Mars 2006

* De nombreuses améliorations ont été apportées, mais non notées car la plupart concernent le site "Le golf sans galère"

  • Implémentation d'un menu déroulant horizontal en haut de page, en transparence
  • Menu des cours généré automatiquement

* Mise en service de l'ajout de pages dans l'administration en ligne, l'utilisateur saisi simplement un nom de page et un contenu pour l'instant

PsYkOpAt.Prod 2006 - 101019 visiteurs