document.write(' \
\
\
\
\
Mosaïque
\
Afficher la mosaïque \
\
\
\
\
Précédente
\
Afficher l\'image précédente \
\
\
\
\
Suivante
\
Afficher l\'image suivante \
\
\
\
\
Chercher
\
Les images des
6 Friends \
\
\
\
\
Détails
\
Obtenir des détails sur l\'image \
\
\
\
\
Invités
\
Chercher l\'un des 500 invités \
\
\
\
\
Aide
\
Comment tout ça fonctionne ? \
\
\
\
\
Episodes
\
Les photos de tous les épisodes \
\
\
\
\
Perso
\
Personnalise le site à ton goût \
\
\
\
\
Best Of
\
Les meilleures images et plus... \
\
\
\
\
Contact
\
Qui a participé au projet ? \
\
\
\
\
Flash
\
Voir une image
au hasard \
\
\
\
\
\
\
\
\
\
\
\
\
\
\
Friends Génération 2
\
Pour nous contacter, nous féliciter, nous signaler des problèmes, nous proposer des évolutions, une adresse unique :
\
\
Friends Génération 2, c\'est 25 personnes qui ont travaillé 6 mois pour produire près de 5000 photos, quelques milliers de fiches techniques \
et un site techniquement révolutionnaire.
\
Pour savoir qui a fait quoi, cliquez sur "QUI ?" ci-dessous. \
\
\
Qui a fait quoi ?
\
Voici la liste complète des participants au projet, classés par ordre alphabétique :
\
Amandine, Anne-Valérie, Anne-Claire, Cécile, Damien, David, Dimitri, Feisal, Franck, Guillaume, Laura, \
Ludivine, Manue, Marie-Laure, Marion, Nina, Pauline, Romuald, Thomas Z., Thomas et Valérie.
\
Pour savoir en détails ce que chacun a fait, cliquez sur la flèche droite sur le rebord de la télé \
\
\
Qui a fait quoi ?
\
\
Chef de projet
Franck
\
Base de données mysql, php
Thomas
\
Javascript
Franck
\
Charte graphique
David
\
Corrections textes & images
Manue, Amandine, Damien
\
Animation Flash
Feisal \
\
\
\
\
\
Le principe
\
Friends Génération 2 est une base de données de 5000 images avec \
des biographies de plus de 600 personnages secondaires et des résumés des 194 épisodes des \
8 premières saisons (saison 9 prévue pour décembre 2003).
\
Le site a été développé en php, mysql, dhtml et javascript. Seuls les navigateurs modernes peuvent l\'afficher. \
La résolution est fixe, 794x576 pixels. Les utilisateurs d\'écrans en 800x600 passent en plein écran \
avec Internet Explorer uniquement.
\
Pour naviguer, 3 outils : la barre bleue à droite de l\'écran, la télécommande et la télé.
\
Pour accéder au mode d\'emploi, clique sur mode d\'emploi ci-dessous. \
\
\
Mode d\'emploi
\
Clique sur les rubriques dont tu veux avoir de l\'aide :
\
La barre bleue
\
La télécommande
\
La télé
\
ou clique sur la flèche droite sur le rebord de la télé pour lire les écrans d\'aide \
les uns à la suite des autres. \
\
La barre bleue
\
La barre bleue est indispensable pour simplifier la navigation. Voici ses différentes fonctions :
\
La croix : Fermer la fenêtre et quitter.
\
ZAPPEZ : Faire apparaitre ou disparaitre la télécommande.
\
Elément précédent : Afficher l\'image précédente ou charger la mosaïque précédente.
\
Diaporama : Lancer ou arrêter le diaporama de l\'endroit où l\'on s\'est arrêté.
\
Pour la suite de l\'aide, clique sur la flèche droite sur le rebord de la télé. \
\
\
La barre bleue
\
Mosaïque : Afficher de nouveau la mosaïque et faire disparaitre la télécommande \
et la télé.
\
Flash : Charger une image au hasard.
\
Elément suivant : Afficher l\'image suivante ou charger la mosaïque suivante.
\
? : Afficher l\'aide.
\
FriendsGeneration.com : Revenir à la page d\'accueil du site.
\
Pour obtenir les fonctions de la télécommande, clique sur la flèche droite sur \
le rebord de la télé. \
\
\
La télécommande
\
Avec la télécommande, on peut TOUT faire et tout trouver !
\
Mosaïque : La touche magique, pour faire disparaitre la télécommande et la télé et afficher la mosaïque.
\
Flèches gauches et droites : Fonctions identiques aux flèches de la barre bleue.
\
Chercher : Premier formulaire de recherche d\'images, recherche parmi les 6 Friends, les photos cultes et les décors.
\
Invités : Second formulaire de recherche d\'images, recherche par invités.
\
Episodes : Recherche des photos classés par épisodes, résumés des épisodes. \
\
\
La télécommande
\
Best Of : Recherche des meilleures photos et des meilleurs épisodes.
\
Détails : Afficher les détails de la recherche, \
pour un épisode, son résumé, \
pour un invité, sa biographie, \
dans le best of, les résultats.
\
Aide : L\'aide que vous lisez.
\
Perso : Personnalisation du site.
\
Contact : Nous contacter et qui a fait quoi ?
\
Flash : Afficher une photo au hasard prise dans la base de données.
\
Pour des détails sur la télé, clique sur la flèche droite sur \
le rebord de la télé. \
\
\
\
La télé
\
Si tu es arrivé jusque là, c\'est que tu as tout compris de la télé.
\
Elle affiche tous les textes du site. Les textes ont été formatés pour qu\'ils tiennent tous dans la télé
\
En bas de la télé se situent les rubriques affichables dans le contexte où l\'on se trouve. \
En cliquant sur l\'un des mots, l\'écran correspondant apparait.
\
Le dernier écran peut se décomposer en plusieurs pages. Dans ce cas, sur les cotés de la télé apparaissent \
une flèche de navigation. Leur sélection permet de passer d\'un écran à l\'autre.
\
Voilà, c\'est tout pour l\'aide pour l\'instant. \
\
');
contactList = new Array();
contactList[1]=new divObject("contact1");
contactList[2]=0;
contactList[3]=new divObject("contact3");
contactList[4]=new divObject("contact4");
contactList[5]=new divObject("contact5");
contactList[6]=new divObject("contact6");
aideList = new Array();
aideList[1]=new divObject("aide1");
aideList[2]=0;
aideList[3]=new divObject("aide3");
aideList[4]=new divObject("aide4");
aideList[5]=new divObject("aide5");
aideList[6]=new divObject("aide6");
aideList[7]=new divObject("aide7");
aideList[8]=new divObject("aide8");
mosaiqueDiv = new divObject("mosaique");
mosaiqueDiv.show();
telecommandeDiv = new divObject("telecommande");
teleDiv = new divObject("tele");
chercherDiv = new divObject("chercher");
invitesDiv = new divObject("invites");
persoDiv = new divObject("perso");
imagesDiv = new divObject("images");
teleGaucheDiv = new divObject("teledgauche");
teleDroiteDiv = new divObject("teleddroite");
teleFicheDiv = new divObject("teledfiche");
teleResumeDiv = new divObject("teledresume");
teleRoleDiv = new divObject("teledrole");
teleEpisodesDiv = new divObject("teledepisodes");
teleBestofDiv = new divObject("teledbestof");
teleContactDiv = new divObject("teledcontact");
teleQuiDiv = new divObject("teledqui");
telePrincipeDiv = new divObject("teledprincipe");
teleModedemploiDiv = new divObject("teledmodedemploi");
if (IE)
imageDiapo.style.filter = "blendTrans(duration=1)";
tcAltDiv = new Array();
tcAltDiv[1] = new divObject("touche1");
tcAltDiv[2] = new divObject("touche2");
tcAltDiv[3] = new divObject("touche3");
tcAltDiv[4] = new divObject("touche4");
tcAltDiv[5] = new divObject("touche5");
tcAltDiv[6] = new divObject("touche6");
tcAltDiv[7] = new divObject("touche7");
tcAltDiv[8] = new divObject("touche8");
tcAltDiv[9] = new divObject("touche9");
tcAltDiv[10] = new divObject("touche10");
tcAltDiv[11] = new divObject("touche11");
tcAltDiv[12] = new divObject("touche12");
endDiapo = imgList.length;
document.write(' \
\
\
\
\
\
\
\
\
\
\
');
