Blog Webcup Madagascar

  • Accueil
  • /
  • WSS de la TEAM Supercalifragilisticexpialidocious
10 juin 2016 | il y a 6 ans

Technologie:

  • Front-end: HTML5, CSS3, Javascript (Jquery), WebGL (three, playcanvas), full responsive
  • Back-end: PHP (Slim, Twig, Eloquent ORM pour la base) suivant l’architecture MVC

Note:

  • tout le site (front-end, back-end) est compatible SSL/HTTPS
  • le mode hash des mot de passe utilise l’algorithme Blowfish avec bcrypt
  • tout le site est protégé contre les attaques Cross-Site Request Forgery (CSRF)
  • tout le site est protégé contre les attaques Cross-Site Scripting (XSS)
  • tout le site est protégé contre les injections SQL
  • le site utiliser des url avec une convention de nommage REstFul
  • le site est prêt pour l’internatilisation

Prérequis:

Pour fonctionner correctement, le site necessite un serveur PHP avec:

  • le module mo_rewrite installé et activé
  • PHP version 5.4 et supérieure
  • serveur MySQL version 4.1.3 et supérieur avec le module PDO activé

Les librairies sont gérés par Composer.

Contenu du site:

Le site web est divisé en plusieurs partie:

  1. la page home
  2. la page visite
  3. la page photos
  4. la page vidéos
  5. la page de contact
  6. l’espace membre (et de gestion de membre)

7

Description :

La page home contient:

  1. un slider pour afficher les actualités récentes et les news concernant la station et les activités annexes de la station (terre, espace)
  2. un grille d’information sur les actualités des activités de la stations

Note:

page: HTML5, CSS3, JQuery, full responsive

Sans titre

Description :

La page visite contient: une zone d’affichage d’image interactive qui permet de faire la visite virtuelle avec une affichage en 360° de la station et des activité de la station (extensible en système de live streaming en 360° ) qu’on peut manipuler avec la souris. Le système de visite virtuelle 360 est à la fois compatible mobile, tablette et ordinateur de bureau. Il nécessite juste un navigateur qui soit compatible HTML5 avec support du webgl.

Note:

page: HTML5, CSS3, JQuery, full responsive, WebGL (three)

Sans titre

Description :

La page Photo contient:

  1. une rubrique espace avec une grille d’images qui s’affiche en popup slider contenant des informations sur l’espace et des activités de la station dans l’espace
  2. une rubrique station avec une grille d’images qui s’affiche en popup slider contenant des informations sur la station et le mode de vie sur la station

La page Video

video

Description :

La page Video contient une espace de vidéo reportage informant le internaute sur les avancées et les recherches effectuées sur la station. Dans notre cas, la vidéo provient d’une source youtube

Note:

page: HTML5, CSS3, JQuery, full responsive

Page contact

ct

Description :

La page Contact contient:

  1. une zone de formulaire d’envoi de message. Les messages envoyées seront validées, traitées et transmises en différé par les scientifiques de la terre vers les astronautes
  2. une zone de twitter feed par laquelle les astronautes envoient leur messages personnelles aux internautes quand ils sont libre de le faire.

Note:

page: HTML5, CSS3, JQuery, full responsive

Page Jeux

je

Description :

La page Jeux contient un jeu ou une activité interactive et ludique afin de retenir l’internaute sur le site. Le jeu est à la fois compatible mobile, tablette et ordinateur de bureau. Il nécessite juste un navigateur qui soit compatible HTML5 avec support du webgl et seul le menu principal et le gameplay de base sont fonctionnels.

Note:

page: HTML5, CSS3, JQuery, full responsive, WebGL (Playcanvas)

Page Membre

description :

La partie membre se distingue en plusieurs parties:

l’espace d’authentification spécialement dédiés aux employés scientifiques et donc les accès sont gérés par un admin

mm1

mm1

2.l’espace membre (Dashboard) où les scientifiques peuvent voir les retranscriptions des discussions des astronautes dans la station et des notifications sur l’état de la station ou d’une mission

mm1

Note:

  • page: HTML5, CSS3, JQuery, full responsive, WebGL (Playcanvas)
  • un compte de test a déjà été créé. vous pouvez utilisez le compte scientifique1/scientifique1 (login/mot de passe). Veuillez ne pas modifier le mot de passe pour une utilisation ultérieure

Pour des raisons de confidentialités, nous ne donnerons ni ne divulgerons la partie qui permet d’accéder à l’espace

Commentaires