Blog Webcup Madagascar

  • Accueil
  • /
  • WSS de la Team EXCELSIOR
7 juin 2016 | il y a 6 ans

Notre but pour ce site a été de réaliser un site avec des animations simples mais élégantes, facile à utiliser pour les utilisateurs et les plongeant le plus possible dans le monde des spationautes. Pour le côté technique de notre site web, il est à remarquer que tout le design, ainsi que toutes les animations du site ont été faites par les membres de notre équipe Excelsior elle-même. Nous tenions à avoir notre propre style, et ainsi avoir le pouvoir de personnaliser le design à notre manière.

Pour la base de données, nous avons choisi Mysql, car pour rappel le serveur que nous avons utilisé ne prend en charge que Mysql. C’est également la base de données que l’on maîtrise le mieux parmi tant d’autres. En ce qui concerne le codage en lui-même, en termes de balisages, on a choisi HTML5. Aujourd’hui qui d’entre nous peut passer à cote du HTML. En tant qu’étudiant, on a commencé le développement web par du HTML, alors c’est également le langage que l’on connait le mieux.

Afin de rendre le site web dynamique, et pour la liaison avec la base de données, notre choix s’est porté rapidement sur PHP.

  • Tout d’abord, PHP est gratuit et ne nécessite aucune licence d’utilisation.
  • PHP est un des langages de programmation Web les plus utilisés, et le langage est de plus en plus proposé en standard par les hébergeurs. Parmi les langages scripts cotés serveurs, PHP est le plus utilisé.

Pour tout le design du site web, on a utilisé Bootstrap3 et le css3. Bootstrap étant un outil avec lequel il nous est très rapide de faire le design, le choix s’est fait très vite.

Les animations :

Comme dit précédemment, toutes les animations et ou transitions dans le site ont été créées par des membres de notre  équipe. On a choisi de n’utiliser aucun plugin lourd dans le but de rendre le site le plus ergonomique possible en restant interactif et beau à voir.

Les seules technologies utilisées ont donc été du CSS3 et du JavaScript.

L’utilisation de ses outils nous a permis de mettre en pratique et d’approfondir les connaissances que l’on a déjà acquis jusqu’à ce jour.
Accueil - Menu


 

Accueil - Equipage

Le blog
Quand votre curseur passe sur l’une des photos des spationautes, leur slogan apparait avec une petite icône de bulle de discussion, ce dernier est en fait un lien menant vers le blog de la personne en question.

La partie haute permet de mieux connaître l’astronaute.

En bas, se trouvent ses publications, les commentaires à ses publications et bien sûr, l’internaute peut interagir en envoyant des commentaires.
Vous pouvez aussi voir qu’il y a une icône « vidéos »,elle s’affiche quand une vidéos est transmise par les spationautes, vous pourriez alors commenter la vidéo en directe ou tchater.
Cette partie peut-être gérer par l’astronaute une fois qu’il se connecte (Ajout de publication, suppression).

WS_login BLog - Video Conference

Blog - Commentaire

L’espace scientifique

Depuis le menu, nous vous conseillons d’accéder à l’espace « login » et d’entrer « JexTrooper » avec comme mot de passe « 1234 ».
Après cela , envoyez un alerte aux scientifiques en cliquant sur le lien « Alerte » dans le menu.Le rapport sera envoyé au scientifique, ils pourront voir alors : l’altitude 12, la vitesse, la pression atmosphérique, le périapside, l’apoapside et la température.

WS_Alerte WS_FOOTER

  • La galerie
    Cette partie permet de voir toutes les photos prises par les astronautes, elle est filtrable.
  • L’espace Contact

Cette partie vous permet de contacter les administrateurs de la WASA, d’avoir leurs coordonnées ou de leur envoyer directement un message.
Localisation Station

L’espace A propos
Cette partie concerne la WASA, ses fondateurs et sa localisation

WASA About

Commentaires