space_voyage

Description :
Nous sommes en 2010, La société SPACE VOYAGE, propose des séjours sur 4 planètes à thème :

Développement du site :
Mi-novembre 2002, j'ai cherché à créer un site pour l'examen de webmaster à l'IFOCOP Paris.
Je ne voulais pas travailler sur des sites déjà existants et élaborés en autodidacte avant les cours.
Un site nouveau entièrement basé sur les nouveaux acquis et les expériences passées.
J'ai choisi ce thème de compagnie de transport spatiale du futur, parce qu'il me permettait de travailler sur toutes les facettes du web et me démarquer de ce qui se faisait déjà, aussi bien pour l'animation et que les textes d'informations.
Ce site est d'autant plus intéressant qu'il combine une multitude de rubriques : santé, boutique sécurité, voyages, cadeaux, détails techniques etc...
L'ergonomie du site à été longue à mettre en place, j'ai souvent mis des pages et des croquis
à la corbeille.
Je le voulais futuriste tout en restant facile d'accès et crédible.
J'ai utilisé le javascript dans presque toutes les pages et un soupçon de PHP.
J'ai passé énormément de temps à rendre les codes (même le HTML) compatible avec l'ensemble des navigateurs et leur version.
J'ai un penchant très net pour les pages en Flash dont les possibilités sont très en avancées et
autonomes. Flash reste fidèle au modèle créé quelle que soit la version des browsers qui possèdent le plug-in Flash.
J'ai pu constater que beaucoup d'internautes naviguent avec des versions très anciennes (en matière de web 3 ou 4 ans évolution sont très marquant).
C'est pour cette raison que j'ai construit un site parallèle entièrement en HTML et compatible avec toute configuration.
Les sujets du site sont très divers. A un moment je me suis interrogé sur la façon de les présenter devais-je me concentrer sur une rubrique telle que les destinations et mettre de coté l'univers du spatioport avec toutes ses ramifications (objets trouvés, boutiques, aide aux personnes à mobilité réduite ...).
J'ai pris le parti de traiter tous les sujets enfin de rendre plus réaliste l'agence SPACE VOYAGE.
Grâce à cela j'ai entrepris des recherches sur le fonctionnement d'un aéroport.
J'ai donc récolté un maximum de documentation sur place et sur leurs sites.
Quant aux images du site, elles proviennent du web et de la bibliothèque de Renault (où je suis en stage).
Une partie de ces images ont été créées de toutes pièces afin d'être cohérent avec le thème SPACE VOYAGE.
La recherche de documentation m'a pris une bonne partie du temps de la création du site, regroupée et finalisée au fil des idées et rendre l'ensemble homogène.
Je ne compte plus les pages qui ont fini à la corbeille Windows.
J'ai mis un point d'honneur également à limiter les fautes d'orthographe sur le site contrairement à ce que l'on peut voir trop souvent sur le net.
Tous les textes ont été tapés à part sur le bloc note ou Word.
Pour être ensuite intégrés aux pages après plusieurs vérifications personnel et par quelques amis.
J'ai hâte de passer au PHP et autre "dynamiseur" de web pour exploiter à fond les interactivités
serveur internaute.

Les logiciels utilisés pour la réalisation sont :

Dreamweaver, Flash, FireWork, Le fameux Bloc Note (très utile), Photoshop, PhotoImpact, Word.

La charte graphique :

Essentiellement ce sont des pages sur fond d'espace d'un bleu marine foncé (#000033) et les textes en blanc de Police Véranda et Pump Demi Bold LET pour la partie Flash et clairsemées d'étoiles.
Les tons bleus du site sont également appliqués à l'ensemble des pages tel que les scrollings, une feuille de style gère toutes les pages dans les versions Flash (dommage que Netscape ne gère pas tous les codes).
J'ai également personnalisé la célèbre page 404 en la remplaçant par une page SPACE VOYAGE pour être encore moins impersonnel (j'espère que personne ne tombera dessus "quoique" lol).

Deuxième étape du site : "la partie dynamique". Après avoir apporté quelque retouche sur la première version suivant les remarques des examinateurs. J'ai choisi d'intégrer des scripts PHP ainsi qu'une base Mysql pour la partie dynamique du site plus précisément le système de réservation en ligne. L'hébergement du site SPACE VOYAGE offrait la possibilité de gérer une base de données Mysql et acceptait le langage PHP. N'ayant pas trouvé d'hébergement gratuit en ASP et bases ACCESS. J'ai concentré mon énergie sur le PHP. J'ai tout de même développé un site en ASP traitant de l'Afrique du Sud entièrement alimenté par une base ACCESS en local.

La partie réservation du site SPACE VOYAGE se décompose en 4 volets : permettre aux clients de réserver, consulter, modifier et d'annuler. Pour être plus à l'aise par la suite je me suis attaqué à ce qui me paraissait le plus délicat, à savoir la gestion des dates et heures dans un système de billetterie :

Déterminer les jours et les heures de départ des navettes en fonction des zones d'envols et de leurs destinations.

Gérer également le nombre de places disponibles par vol

J'ai opté pour une "combo box" pour chaque destination contenant les dates de vols disponibles qui s'affiche en fonction des choix du client, plutôt que de laisser le client saisir une date pour lui en proposer une autre par la suite ou même afficher un message du genre "date indisponible".

Ces combo box issus des tables contiennent les dates et le nombre de passagers par vol. Ce système permet de gérer les dates dépassées et le seuil de capacité des navettes. Cette fonction en place, je pouvais travailler sur le formulaire de réservation en lui-même. J'ai donc consulté plusieurs sites de vente en ligne et comparer leur présentation par rapport à mes besoins.

J'ai pu constater qu'il n'y avait pas de règles de présentation mais plutôt des formulaires adaptés aux couleurs et au style de chaque agence. J'ai alors relevé uniquement ce qu'il y avait de commun et qui pourrait me servir pour mon site. Je voulais récupérer uniquement les informations strictement utiles pour ne pas surcharger le formulaire. Celui-ci est composé de quatre zones horizontales :

Un entête sous forme de bandeau qui indique la progression de la réservation. Il contient également des liens rappelant les conditions de ventes et de modifications.
Une ligne permettant aux clients déjà inscrits d'effectuer des opérations de consultations, modifications et d'annulations. La présence de cette ligne au moment de la réservation indique aux nouveaux clients, où ils pourront accéder à leur réservation.
Le corps du formulaire est simple et aéré, il contient également les tarifs et des conseils, qui s'affichent en fonction des paramètres renseignés par le client.
Un pied de page sous forme de texte rappelant la loi informatique et libertés individuelles. Les informations recueillies sont vérifiées pour ensuite alimenter les tables, comme : date par destination, paiement, remboursement et réservation.

Un mot de passe ou plutôt un code d'enregistrement fourni par le client lui permet ultérieurement de retrouver ses informations. Chaque enregistrement sur les tables est contrôlé de façon à ne pas effectuer plusieurs fois la même opération (lors d'un rafraîchissement de la page ou des aller-retour dans l'historique par exemple) dans ce cas des messages préviennent les clients que leurs informations ont déjà été enregistrées.

Lors de modifications entraînant un remboursement un calcul de pourcentage de pénalité s'effectue selon le nombre de jours écoulés entre la date de départ et la date de modification. Les modifications peuvent entraîner des suppléments et ou des remboursements. Elles sont présentées sous forme d'un tableau détaillant les opérations ligne par ligne.

Toutes les modifications y sont gérés sauf le changement de séjour, qui fait l'objet d'une annulation du voyage.

Le résultat de chaque opération menée à son terme est récapitulée sur à la dernière étape, la possibilité est offerte d'imprimer ou de recevoir par courrier électronique les informations de la réservation sous forme d'un billet de voyage.

Toutes les pages sensibles sont protégées, en refusant un accès direct et en renvoyant sur la page d'accueil du formulaire. Il en est de même pour la partie administration protégée par un login et un mot de passe me permettant d'éditer les tables.

PAGES INFOS PLUS