Lycée Merleau-Ponty – STS SIO 1Premier stage en entreprise – Résumé

Lozano Anthony

Résumé de la documentation du Stage

! ►Avant-propos

Ce document contient la liste et un résumé des documents et fichiers utilisé et produit lors demon stage, tous contenu dans le dossier « Documentation » créé lors de mon premier stage dansl'agence SACREE COM.

I ►Productions lors du stage

• Application présentant l'agence• Documentation développeur de cette application• Schéma réseau• Organigramme

II ►Cahier des charges de l'application

Aucun cahier des charges écrit et rédigé ne m'a été fourni, simplement une explication orale, maisvoici un résumé sous forme de liste :

• Interface simple à utilisé• Interface animé et fluide, elle doit occupé l’œil de l'utilisateur• Images avec transitions en arrière plan• Un menu type thumbnail (mosaïque) ou similaire pour accéder à des pages de présentation

des produits créer par l'agence• Pages contenant une brève explication plus un visuel, sous forme de diaporama ou similaire

II ►L'application

L'application se trouve dans le dossier nommé « sc_app_2 », dans une logique de développementj'ai placé les différents fichiers dans des sous dossier suivant leurs types, la listes exhaustive de cesfichiers et dossier se trouve dans la documentation développeur de l'application.

Pour lancer l'application il faut ouvrir avec un navigateur à jour utilisant webkit (Chrome depréférence, sinon Safari, Opera, Chromium …) le fichier « index.html » se trouvant dans le dossier« html ».

Page 1 - 1

II ►Enchaînement des écrans et fonctionnalités de l'application

L'application est normalement très simple à utiliser pour tout type d'utilisateur, ors ceux qui n'ontpresque jamais utilisé un ordinateur et internet. Voici malgré tout un descriptif des fonctionnalités etparticularités présentent sur l'application :

Fonctionnalités :

Écran de menu• Animations au survol des différentes bulles• Cliquez simplement sur les différentes bulles se trouvant autour de la bulle la plus grosse

présentant l'agence. Pages de présentation

• Boutons gris situé à droite et a gauche du diaporama (ou « slider ») permette la navigationentre les différentes slides.

• Bouton de retour symboliser par la petite maison rouge au dessus du slider• Retour possible également en cliquant sur le logo animé de l'agence• Le slider retournera sur la première slide lorsque la dernière sera atteinte, et cela dans

chaque sens.• Animation des légendes (« caption ») en 3D.

Enchaînement des écrans :

1. Menu principal 2. Survol de souris sur une bulle

Page 2 - 2

3. Animation au clic d'une bulle 4. Survol de souris sur une bulle

5. Changement de slide 6. Retour au menu

Page 3 - 3