Lyce priv Notre Dame de BON SECOURS Arborescences

Lycée privé Notre Dame de BON SECOURS Arborescences & zoning

Arborescence L’ergonomie du site doit répondre à plusieurs aspects : / Le site s’adresse à plusieurs cibles : 1. 2. 3. 4. Les futurs lycéens Les futurs étudiants Les parents d’élèves Le grand public (acteurs économiques, culturels, politiques de la région et les acteurs de l’Education nationale) – cible « minoritaire » . / L’objectif de ce site est que chaque personne cherchant une formation trouve toutes les informations nécessaires, qu’elle soit guidée et confortée dans son choix d’intégrer le lycée Notre Dame de Bon Secours. / L’offre de formations est large et segmentée (enseignement secondaire, enseignement supérieur, centre de formation). / Le contenu du site est très riche, très profond, et doit être évolutif : il a plusieurs niveaux de rubriques, des contenus éditoriaux denses, des évènements (actualités, conseils de classe, …), des dates clés (périodes d’inscriptions) / Le site existe en plusieurs langues : français, anglais, allemand, espagnol et chinois (traductions partielles) 2

Arborescence Pour l’arborescence, nous préconisons : / Une entrée dédiée au Lycée Notre Dame de Bon Secours, qui permet de présenter l’établissement, ses valeurs, son projet, … / Une entrée par type de formation : • De la 2 nde à la terminale • Sections BTS • Prépas • Bachelor • Centre de formation (nous le prévoyons sur les documents bien que cette rubrique soit mise en ligne ultérieurement) / Une entrée dédiée aux parents / élèves avec un accès à Pronote / Une entrée Langues pour présenter le Lycée aux marchés internationaux (traductions partielles) / Une entrée Informations pratiques : avec le plan d’accès, les coordonnées, les horaires du lycée, les tarifs, la restauration / menus / Une entrée Candidature qui permet de retrouver les processus d’inscription, les dates clés, les documents à fournir, … / Un lien vers les réseaux sociaux (Facebook, Youtube) 3

De la 2 nde à la Term. Arborescence Prépa s PAGE D’ACCUEIL L’établissement Enseignement général et technologique Visite virtuelle Les enseignements Enseignement supérieur Les formations Sections européennes Classe préparatoire IFSI Les projets pédagogiques 2 nde générale et technologique Classe préparatoire HEC Le volet culturel L – Série littéraire Le projet d’animation pastorale Les projets d’ouverture vers l’extérieur ES – Série Economique et Sociale BTS Assistant de manager BTS Commerce International B. A. (Hons) Global Marketing B. A. (Hons) IHT Management Projet d’établissement Les projets citoyens Les projets santé Le projet d’orientation et d’accompagnement Historique Les personnels Les équipes au service des jeunes Les enseignants Ouverture à l’international ERASMUS TOEIC Actualités On parle de nous S – Série Scientifique ST 2 S – Série Sciences et Technologies de la Santé STMG - Série Sciences et et du Social Technologies du Management et de la STL – Série Sciences et Gestion Technologies de Laboratoire Vie du lycée Summer School Bachel or Formatio ns Espace Elèves / Parents Entreprises partenaires Informations pratiques Inscription Les entreprises partenaires Devenir partenaire Plan d’accès et horaires Tarifs De la 2 nde à la Terminale Prépa IFSI Taxe d’apprentissage Qui contacter ? Proposition de stages et d’emplois Menus Prépa HEC BTS Assistant de manager BTS Commerce International B. A. (Hons) Global Marketing B. A. (Hons) IHT Management Centre de formation Vie étudiante Etre accompagné Des lieux où se ressourcer et se rencontrer Se détendre Le CDI S’ouvrir au monde L’UNSS Des temps de rassemblement et de fête MDL S’intégrer L’association des Parents d’élèves Voyager L’OGEC S’instruire Les animations, sorties et échanges S’orienter Comment s’inscrire ? BTS Rencontrer des professionnels Se qualifier Des privilèges Prêt à taux 0% Logement locatif 4

Gabarits de pages pour ordinateurs et tablettes 5

NAVIGATION_ORDI-TABLETTE BARRE DE MENU REPLIÉE: COMMENTAIRES 1 Fr > Espace Elèves / parents Logo Afficher si possible PRONOTE | EMT | TSE 3 5 ENSEIGNEMENT GÉNÉRAL ENSEIGNEMENTCENTRE DEENTREPRISESINFORMATIONS L’ÉTABLISSEMENT INSCRIPTION ET TECHNOLOGIQUE SUPÉRIEUR FORMATIONPARTENAIRES PRATIQUES 2 ENSEIGNEMENT GÉNÉRAL ENSEIGNEMENTCENTRE DEENTREPRISESINFORMATIONS L’ÉTABLISSEMENT INSCRIPTION ET TECHNOLOGIQUE SUPÉRIEUR FORMATIONPARTENAIRES PRATIQUES > PROJET D’ÉTABLISSEMENT > HISTORIQUE > ACTUALITÉS > ON PARLE DE NOUS • • > LES PERSONNELS • Les équipes au service des jeunes Les projets pédagogiques • Les enseignants Le volet culturel Le projet d’animation pastorale > OUVERTURE À L’INTERNATIONAL Les projets d’ouverture vers l’extérieur • ERASMUS 4 Les projets citoyens • TOEIC Les projets santé Le projet d’orientation et d’accompagnement EXEMPLE DE BARRE DE MENU DÉPLIÉE : RUBRIQUE « ENSEIGNEMENT GÉNÉRAL ET TECHNOLOGIQUEENSEIGNEMENT » GÉNÉRAL ENSEIGNEMENTCENTRE DEENTREPRISESINFORMATIONS L’ÉTABLISSEMENT ET TECHNOLOGIQUE > LES ENSEIGNEMENTS • • • SUPÉRIEUR FORMATIONPARTENAIRES PRATIQUES > VIE DU LYCÉE INSCRIPTION > COMMENT S’INSCRIRE ? Sections européennes • Des lieux où se ressourcer et se rencontrer • Le CDI 2 nde générale et technologique • L’UNSS L – Série littéraire • MDL ES – Série Economique et Sociale ST 2 S – Série Sciences et Technologies • L’association des Parents d’élèves • L’OGEC de la Santé et du Social • Les animations, sorties et échanges • STMG - Série Sciences et Technologies du Management et de la Gestion • STL – Série Sciences et Technologies de Laboratoire Ils permettent d’accéder rapidement à l’espace Elèves / Parents, aux réseaux sociaux. Un lien permet aussi de changer de langues. 2 Bouton d’Accueil: EXEMPLE DE BARRE DE MENU DÉPLIÉE : RUBRIQUE « L’ÉTABLISSEMENT » > VISITE VIRTUELLE 1 Liens directs: Il permet au visiteur de retourner facilement sur la page d’accueil du site. 3 Barre de menu : Elle reprend l’arborescence du site et permet au visiteur de rentrer en profondeur dans les contenus du site, et ce en un seul clic. 4 Barre de menu dépliée : Le menu déplié permet au visiteur d’accéder aux niveaux n -2 et n-3 en un seul clic. Exemple : • niveau n-1 = L’établissement ; niveau n-2 : Projet d’établissement • niveau n-3 : Les projets pédagogiques 5 Centre de formation: 4 Nous précisons ici le fonctionnement de la rubrique Centre de formation qui sera activée après la mise en ligne du site (courant 2015) 6

PAGE-ACCUEIL_HAUT_ORDI-TABLETTE Fr > Espace Elèves / parents 1 Logo COMMENTAIRES 1 Header : ENSEIGNEMENT GÉNÉRAL ENSEIGNEMENTCENTRE DEENTREPRISESINFORMATIONS L’ÉTABLISSEMENT INSCRIPTION ET TECHNOLOGIQUE SUPÉRIEUR FORMATIONPARTENAIRES PRATIQUES 2 Le header (haut de page) est présent sur toutes les pages du site. Il contient les liens directs, le logo cliquable (renvoie automatiquement sur la page d’accueil et la barre de navigation. 2 Diaporama administrable : TITRE DE LA MISE EN AVANT Complément d’informations Sur plusieurs lignes Le diaporama permet de mettre en avant un discours marketing, des parties du site… Il contient jusqu’à 5 entrées. Visuel 1 Bouton d’action CHOISISSEZ LE CURSUS QUI VOUS INTÉRESSE : 3 Nous vous recommandons ici de mettre en avant les formations (de la 2 nde à la terminale, les prépas, les BTS, Bachelor, et les formations) 3 Cursus: 2 nde De la à la Terminale Prépas BTS BACHELOR FORMATIONS ACTUALITÉS 4 20 juillet 2014 | TITRE DE L’ACTUALITÉ VISUEL TOUTES NOS ACTUALITÉS Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut et iaculis dolor. Aenean sollicitudin mauris quis cursus mollis. Cras ipsum tellus, luctus mattis massa eget, scelerisque pellentesque erat. In eget laoreet elit. Aenean tincidunt risus eu sodales bibendum. Curabitur eleifend sit amet metus sed laoreet. Lire la suite Ce bloc permet de diriger les visiteurs vers le cursus qui les intéresse. Nous avons différentier ici tous les types de cursus. Le bloc formations ne sera à activer qu’à la mise en ligne de la rubrique Centre de formation. 4 Actualités (dynamique): Ce bloc reprend automatiquement les 3 dernières actualités sous forme de diaporama. + D’ACTUALITÉS AGENDA : 7

PAGE-ACCUEIL_BAS_ORDI-TABLETTE 1 AGENDA : • Le 23 juin : résultats des examens d’enseignement supérieur sur APB. • Avant le 15 juillet 2014 : Validez les choix d’enseignements et de régime à réception de la notification définitive d’inscription INFORMATIONS PRATIQUES 1 Agenda: Les entrées sont gérables sur la page d’accueil (pas de remontée dynamique). 2 Lycée privé Notre Dame de Bon Secours 39 Avenue Julien Panchot 66000 PERPIGNAN Tél : 04. 68. 56. 57. 76 Fax: 04. 68. 56. 82. 52 Le Lycée est ouvert : du lundi au vendredi de 8 h 00 à 19 h 00 et le samedi de 8 h 00 à 13 h 00 PLAN D’ACCÈS CONTACT COMMENTAIRES 2 Cela permet de faire apparaître des évènements liés aux inscriptions, aux conseils de classe, … des évènements liés aux cursus et non aux actualités du lycée TARIFS 2 Informations pratiques: + PLAN DU SITE 3 > MENTIONS LEGALES 4 Ce bloc reprend les coordonnées du lycée, ses horaires d’ouverture et des liens directs vers des informations présentes dans la rubrique « Informations pratiques » , à savoir le plan d’accès, qui contacter et les tarifs. 3 Plan du site : Un lien permet d’afficher tout le plan du site, directement dans la page. 4 Mentions légales: Au clic, une nouvelle page s’ouvre. 8

PAGE-ACCUEIL_BAS_ORDI-TABLETTE COMMENTAIRES INFORMATIONS PRATIQUES Lycée privé Notre Dame de Bon Secours 39 Avenue Julien Panchot 66000 PERPIGNAN Tél : 04. 68. 56. 57. 76 Fax: 04. 68. 56. 82. 52 + - PLANDU DUSITE 2 PLAN D’ACCÈS CONTACT TARIFS > MENTIONS LEGALES L’ÉTABLISSEMENT > VISITE VIRTUELLE 1 Le Lycée est ouvert : du lundi au vendredi de 8 h 00 à 19 h 00 et le samedi de 8 h 00 à 13 h 00 > PROJET D’ÉTABLISSEMENT • Les projets pédagogiques • Le volet culturel • Le projet d’animation pastorale • Les projets d’ouverture vers l’extérieur • Les projets citoyens • Les projets santé • Le projet d’orientation et > HISTORIQUE d’accompagnement > LES PERSONNELS • Les équipes au service des jeunes • Les enseignants > OUVERTURE À L’INTERNATIONAL • ERASMUS • TOEIC > ACTUALITÉS > ON PARLE DE NOUS ENSEIGNEMENT GÉNÉRAL ET TECHNOLOGIQUE > LES ENSEIGNEMENTS • Sections européennes • 2 nde générale et technologique • L – Série littéraire • S – Série Scientifique • STMG - Série Sciences et Technologies du Management et de la Gestion • STL – Série Sciences et Technologies de Laboratoire • ST 2 S – Série Sciences et Technologies > VIE DU LYCÉE de la Santé et du Social • Des lieux où se ressourcer et se rencontrer • Le CDI • L’UNSS • L’association des Parents d’élèves • L’OGEC • Les animations, sorties et échanges > COMMENT S’INSCRIRE ? Les informations pratiques et les boutons « Plan du site » et « Mentions légales » seront présentes sur toutes les pages du site 2 Plan du site (dynamique): ENSEIGNEMENT SUPÉRIEUR > LES FORMATIONS • Classe préparatoire IFSI • Classe préparatoire HEC • BTS Assistant de manager • BTS Commerce International • B. A. (Hons) Global Marketing • B. A. (Hons) IHT Management • Summer School > VIE ÉTUDIANTE • Etre accompagné • Se détendre • S’ouvrir au monde • Des temps de rassemblement et de fête • S’intégrer • Voyager • S’instruire • S’orienter • Rencontrer des professionnels • Se qualifier INSCRIPTIONS INFORMATIONS PRATIQUES ENTREPRISES PARTENAIRES > DE LA 2 NDE À LA TERMINALE > PLAN D’ACCÈS ET HORAIRES > LES ENTREPRISES PARTENAIRES > PRÉPA IFSI > TARIFS > DEVENIR PARTENAIRE > PRÉPA HEC > QUI CONTACTER ? > BTS ASSISTANT DE MANAGER > MENUS > TAXE D’APPRENTISSAGE > PROPOSITION DE STAGES ET D’EMPLOIS > BTS COMMERCE INTERNATIONAL 1 Footer (bas de page): Au clic sur le bouton « Plan du site » , celui-ci se déplie pour afficher tous les niveaux du site (niveau -1; -2 ; -3). Le + affiché devant le titre devient un – pour que l’internaute puisse replier le plan du site s’il le souhaite. Au clic sur une des entrées, le visiteur est redirigé vers la page concernée. > B. A. (HONS) GLOBAL MARKETING > B. A. (HONS) IHT MANAGEMENT 9

PAGE-CIBLE-2 NDE-TERM_HAUT_ORDI-TABLETTE Fr > Espace Elèves / parents Logo 1 1 Header : ENSEIGNEMENT GÉNÉRAL ENSEIGNEMENTCENTRE DEENTREPRISESINFORMATIONS L’ÉTABLISSEMENT INSCRIPTION ET TECHNOLOGIQUE SUPÉRIEUR FORMATIONPARTENAIRES PRATIQUES VOUS ÊTES INTÉRESSÉ PAR LE CURSUS : De la seconde à la Terminale 2 Texte d’introduction : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut et iaculis dolor. Aenean sollicitudin mauris quis cursus mollis. Cras ipsum tellus, luctus mattis massa eget, scelerisque pellentesque erat. In eget laoreet elit. Aenean tincidunt risus eu sodales bibendum. SECONDE 1 er enseignement d’exploration 2ème enseignement d’exploration + + Le titre permet de resituer l’internaute dans la navigation. Un petit texte d’introduction permet de présenter le lycée, les formations, … + 5 1 option facultative : linguistique ou artistique (Latin, Grec, Allemand, Catalan, Chinois, Arts plastiques, Cinéma ou Musique) 3 3ème option possible par dérogation Sections européennes « Espagnol » ou « Anglais » SÉRIES GÉNÉRALES L ES S LITTÉRAIRE ECONOMIQUE ET SOCIALE SCIENTIFIQUE + + Le header (haut de page) est présent sur toutes les pages du site. Il contient les liens directs, le logo cliquable (renvoie automatiquement sur la page d’accueil et la barre de navigation. 2 Introduction: Enseignement commun + 2 enseignement d’exploration à choisir : PREMIÈRE & TERMINALE COMMENTAIRES 3 Module formations: Ce module permet de présenter les différentes formations (ici l’enseignement général et technologique) de façon synthétique. Au clic, le visiteur a accès un second niveau de lecture (décrit sur la page suivante). + SÉRIES TECHNOLOGIQUES STL SCIENCE ET TECHNOLOGIE DE LABORATOIRE STMG + SCIENCE ET TECHNOLOGIE DU MANAGEMENT ET DE LA + GESTION 2 options facultatives : linguistiques ou artistiques (Latin, Grec, Allemand, Catalan, Chinois, Arts plastiques, Cinéma ou Musique) DÉCOUVRIR L’ÉTABLISSEMENT : ST 2 S SCIENCE ET TECHNOLOGIE DE LA SANTÉ ET DU SOCIAL + Sections européennes « Espagnol » ou « Anglais » DÉCOUVRIR LA VIE DU LYCÉE : 10

PAGE-CIBLE-2 NDE-TERM_BAS_ORDI-TABLETTE DÉCOUVRIR L’ÉTABLISSEMENT : COMMENTAIRES DÉCOUVRIR LA VIE DU LYCÉE : 1 Entrées connexes: 1 VISUEL Ces deux entrées « Découvrir l’établissement » et « Découvrir la vie du lycée » permet aux visiteurs d’accéder aux rubriques L’établissement et la vie du lycée), principaux arguments d’intégration du lycée). VISUEL COMMENT S’INSCRIRE : A partir de janvier 2014 Entre février et avril 2014 2 Comment s’inscrire : Lors du dépôt du dossier à l’accueil de l’établissement, vous inscrivez afin de participer à une réunion d’inscription animée par le Chef d’établissement ou son Adjoint. Calendrier des réunions d’inscriptions : • Mercredi : entre 14 h et 16 h (sur temps scolaire) • Lundi, mardi et jeudi : entre 9 h et 11 h et entre 14 h et 16 h (vacances scolaires). 3 Footer (bas de page): Tout dossier est étudié par la Direction (en cas de refus ou de mise en attente de votre dossier, vous en serez informés dans les meilleurs délais). Lors de cette réunion d’inscription, à laquelle l’élève concerné devra être présent, nous vous remettrons une notification spécifique vous précisant les choix d’options et de langues retenus par la Direction. . Jusqu’au 27 juin 2014 Début juillet 2014 • Pensez à nous faire parvenir les copies des bulletins • Dès réception de la confirmation de passage en classe trimestriels ou semestriels manquants • Vous avez la possibilité de demander à modifier ou à annuler le choix d’une options facultative. de Seconde Générale et Technologique (habituellement notée sur le bulletin du 3ème trimestre), nous vous adresserons une notification d’inscription définitive. Nous y rappellerons les choix d’options et de langues retenus). • Vous pourrez prendre connaissance de la circulaire de rentrée mise en ligne en fin de mois sur notre site. 2 Ce bloc contient toutes les informations sur comment s’inscrire avec les dates clés. Les informations pratiques et les boutons « Plan du site » et « Mentions légales » seront présentes sur toutes les pages du site INFORMATIONS PRATIQUES 3 Lycée privé Notre Dame de Bon Secours 39 Avenue Julien Panchot 66000 PERPIGNAN Tél : 04. 68. 56. 57. 76 Fax: 04. 68. 56. 82. 52 + PLAN DU SITE > MENTIONS LEGALES Le Lycée est ouvert : du lundi au vendredi de 8 h 00 à 19 h 00 et le samedi de 8 h 00 à 13 h 00 PLAN D’ACCÈS CONTACT 2 TARIFS 11

1ère -TERM-L-CONTENU DEPLIÉ_ORDI-TABLETTE COMMENTAIRES scelerisque pellentesque erat. In eget laoreet elit. Aenean tincidunt risus eu sodales bibendum. 1 Fonctionnement : SECONDE Enseignement commun + 2 enseignement d’exploration à choisir : 1 er enseignement d’exploration 2ème + enseignement d’exploration 3ème + option possible par dérogation + 5 1 option facultative : linguistique ou artistique (Latin, Grec, Allemand, Catalan, Chinois, Arts plastiques, Cinéma ou Musique) Sections européennes « Espagnol » ou « Anglais » SÉRIES GÉNÉRALES L PREMIÈRE & TERMINALE LITTÉRAIRE ES - Au clic sur L Littéraire, une fenêtre se déploie détaillant le cursus. Une croix permet de replier la fenêtre 2 En savoir plus : Au clic sur « en savoir + » , l’internaute est redirigé vers la page dédiée à la formation S ECONOMIQUE ET SOCIALE + SCIENTIFIQUE + L LITTÉRAIRE PREMIÈRE TERMINALE 1 1 ENSEIGNEMENT SPÉCIFIQUE À CHOISIR PARMI : 1 ENSEIGNEMENT DE SPÉCIALITÉ : • Mathématiques • LV 1 ou LV 2 approfondies (Anglais) • Arts plastiques • Cinéma audiovisuel • Droit et grands enjeux du monde contemporain 2 options facultatives : linguistique ou artistique (Latin, Grec, Allemand, Catalan, Chinois, Arts plastiques, Cinéma, Musique) Sections européennes « Espagnol » ou « Anglais » 2 EN SAVOIR + 12

PAGE-CIBLE-PREPAS_HAUT_ORDI-TABLETTE > Espace Elèves / parents 1 Fr Logo 1 Header : ENSEIGNEMENT GÉNÉRAL ENSEIGNEMENTCENTRE DEENTREPRISESINFORMATIONS L’ÉTABLISSEMENT INSCRIPTION ET TECHNOLOGIQUE SUPÉRIEUR FORMATIONPARTENAIRES PRATIQUES VOUS ÊTES INTÉRESSÉ PAR LE CURSUS : Classes préparatoires 2 3 Texte d’introduction : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut et iaculis dolor. Aenean sollicitudin mauris quis cursus mollis. Cras ipsum tellus, luctus mattis massa eget, scelerisque pellentesque erat. In eget laoreet elit. Aenean tincidunt risus eu sodales bibendum. CLASSE PRÉPARATOIRE AUX CONCOURS D’ENTRÉE EN IFSI DÉCOUVRIR L’ÉTABLISSEMENT : 4 COMMENTAIRES VISUEL + CLASSE PRÉPARATOIRE HEC DÉCOUVRIR LA VIE ÉTUDIANTE: VISUEL Le header (haut de page) est présent sur toutes les pages du site. Il contient les liens directs, le logo cliquable (renvoie automatiquement sur la page d’accueil et la barre de navigation. 2 Introduction: Le titre permet de resituer l’internaute dans la navigation. Un petit texte d’introduction permet de présenter le lycée, les formations, … + 5 3 Module formations: Ce module permet de présenter les différentes formations (ici prépas) de façon synthétique. Au clic, le visiteur a accès un second niveau de lecture (décrit sur la page suivante). 4 Entrées connexes: Ces deux entrées « Découvrir l’établissement » et « Découvrir la vie du lycée » permet aux visiteurs d’accéder aux rubriques L’établissement et la vie du lycée), principaux arguments d’intégration du lycée). 13

PAGE-CIBLE-PREPAS_BAS_ORDI-TABLETTE COMMENTAIRES 1 Comment s’inscrire : Ce bloc contient toutes les informations sur comment s’inscrire avec les dates clés. 2 Footer (bas de page): 1 Les informations pratiques et les boutons « Plan du site » et « Mentions légales » seront présentes sur toutes les pages du site INFORMATIONS PRATIQUES 2 Lycée privé Notre Dame de Bon Secours 39 Avenue Julien Panchot 66000 PERPIGNAN Tél : 04. 68. 56. 57. 76 Fax: 04. 68. 56. 82. 52 + PLAN DU SITE Le Lycée est ouvert : du lundi au vendredi de 8 h 00 à 19 h 00 et le samedi de 8 h 00 à 13 h 00 PLAN D’ACCÈS CONTACT 2 TARIFS > MENTIONS LEGALES 14

PREPA-IFSI-CONTENU DEPLIÉ_ORDI-TABLETTE Fr > Espace Elèves / parents Logo 1 Fonctionnement : ENSEIGNEMENT GÉNÉRAL ENSEIGNEMENTCENTRE DEENTREPRISESINFORMATIONS L’ÉTABLISSEMENT INSCRIPTION ET TECHNOLOGIQUE SUPÉRIEUR FORMATIONPARTENAIRES PRATIQUES VOUS ÊTES INTÉRESSÉ PAR LE CURSUS : Classes préparatoires CLASSE PRÉPARATOIRE AUX CONCOURS D’ENTRÉE EN IFSI CLASSE PRÉPARATOIRE HEC - Au clic sur L Littéraire, une fenêtre se déploie détaillant le cursus. Une croix permet de replier la fenêtre 2 En savoir plus : Au clic sur « en savoir + » , l’internaute est redirigé vers la page dédiée à la formation Texte d’introduction : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut et iaculis dolor. Aenean sollicitudin mauris quis cursus mollis. Cras ipsum tellus, luctus mattis massa eget, scelerisque pellentesque erat. In eget laoreet elit. Aenean tincidunt risus eu sodales bibendum. 1 COMMENTAIRES + Classe préparatoire AUX CONCOURS D’ENTRÉE EN IFSI MATIÈRES ENSEIGNÉESDURÉE DE LA FORMATION • Culture générale Sanitaire –Sociale. La formation s’effectue sur 9 mois de mi. CLASSE PRÉPARATOIRE • Test (oraux, numériques et psychotechniques septembre à mi-juin : 21 semaines de formation AUX CONCOURS D’ENTRÉE EN IFSI HEC • Communication dont 4 semaines de stage APTITUDES : Le candidat à cette classe préparatoire doit : • Être motivé par le métier d’infirmier • Être capable de fournir un travail personnel intense • Faire preuve de curiosité, d’autonomie, de rigueur, … • Régulièrement se tenir au courant de l’actualité + EN SAVOIR + 2 DÉCOUVRIR L’ÉTABLISSEMENT : DÉCOUVRIR LA VIE ÉTUDIANTE: 15

PAGE-CONTENU-TYPE_ORDI-TABLETTE 1 COMMENTAIRES Fr > Espace Elèves / parents Logo 1 Header : Le header (haut de page) est présent sur toutes les pages du site. Il contient les liens directs, le logo cliquable (renvoie automatiquement sur la page d’accueil et la barre de navigation. ENSEIGNEMENT GÉNÉRAL ENSEIGNEMENTCENTRE DEENTREPRISESINFORMATIONS L’ÉTABLISSEMENT INSCRIPTION ET TECHNOLOGIQUE SUPÉRIEUR FORMATIONPARTENAIRES PRATIQUES 2 VISUEL 2 Visuel : Visuel administrable par page 3 3 L’établissement > Projet d’établissement > Les projets pédagogiques L’ÉTABLISSEMENT LES PROJETS PÉDAGOGIQUES : 5 > VISITE VIRTUELLE 4 > PROJET D’ÉTABLISSEMENT • Les projets pédagogiques • Le volet culturel • Le projet d’animation pastorale • Les projets d’ouverture vers l’extérieur • Les projets citoyens • Les projets santé • Le projet d’orientation et > HISTORIQUE d’accompagnement > LES PERSONNELS > OUVERTURE À L’INTERNATIONAL > ACTUALITÉS > ON PARLE DE NOUS Ils sont multiples et variés. Ils sont le fondement de la formation, exigeante et rigoureuse, dispensée au lycée. Chaque enseignant, dans chaque discipline, est amené à mener ou superviser des projets en classe, en sortie ou en voyage. Les expériences pédagogiques peuvent aussi s’exercer de façon interdisciplinaire, ou, en lien avec le CDI, l’Animation… EN PROJET : • Intégrer à part entière les outils numériques dans l’enseignement : utilisation de Lo. Rdi, valorisation de la salle de visioconférence, généralisation du TBI, utilisation des manuels numériques… en augmentant la part de l’équipement pédagogique et en formant les utilisateurs. • Développer les sites et blogs d’enseignants. • Dynamiser les sections en apportant des « plus » : Tremplin Prépa… 6 4 Navigation secondaire : La navigation secondaire permet au visiteur de naviguer entre les sous-rubriques d’une même rubrique (affichage de tous les niveaux n-2 et affichage des niveaux n-3 lorsque la sous -rubrique est active : les sousniveaux de « Projet d’établissement » sont affichées, contrairement aux sous-niveaux de « Les Personnels » . 5 Contenu : Contenu intégrant un titre, des contenus éditoriaux, visuels, vidéos, … 6 Footer (bas de page): INFORMATIONS PRATIQUES Lycée privé Notre Dame de Bon Secours 39 Avenue Julien Panchot 66000 PERPIGNAN Tél : 04. 68. 56. 57. 76 Fax: 04. 68. 56. 82. 52 Fil d’ariane : Il permet de situer le visiteur Le Lycée est ouvert : du lundi au vendredi de 8 h 00 à 19 h 00 et le samedi de 8 h 00 à 13 h 00 PLAN D’ACCÈS CONTACT TARIFS 2 Les informations pratiques et les boutons « Plan du site » et « Mentions légales » seront présentes sur toutes les pages du site 16

NOUVEAU PAGE-SOUS-RUBRIQUE_ORDI-TABLETTE > Espace Elèves / parents 1 Fr Logo COMMENTAIRES 1 Header : Le header (haut de page) est présent sur toutes les pages du site. Il contient les liens directs, le logo cliquable (renvoie automatiquement sur la page d’accueil et la barre de navigation. ENSEIGNEMENT GÉNÉRAL ENSEIGNEMENTCENTRE DEENTREPRISESINFORMATIONS L’ÉTABLISSEMENT INSCRIPTION ET TECHNOLOGIQUE SUPÉRIEUR FORMATIONPARTENAIRES PRATIQUES 2 VISUEL 2 Visuel : Visuel administrable par page 3 3 L’établissement > Projet d’établissement L’ÉTABLISSEMENT PROJET D’ÉTABLISSEMENT : 5 > VISITE VIRTUELLE 4 > PROJET D’ÉTABLISSEMENT • Les projets pédagogiques • Le volet culturel • Le projet d’animation pastorale • Les projets d’ouverture vers l’extérieur • Les projets citoyens • Les projets santé • Le projet d’orientation et > HISTORIQUE d’accompagnement > LES PERSONNELS > OUVERTURE À L’INTERNATIONAL > ACTUALITÉS > ON PARLE DE NOUS 6 Si le Projet Éducatif et Pastoral signifie CE QUE NOUS CROYONS, le PROJET D’ ÉTABLISSEMENT identifie CE QUE NOUS VOULONS, le premier éclairant le second. En tant qu’établissement appartenant à L’Enseignement Catholique, le lycée privé Notre-Dame de Bon Secours souhaite, pour citer Jean-Paul II, faire « LA PROMOTION DE LA PERSONNE HUMAINE » . Ce PROJET D’ÉTABLISSEMENT établit donc CE QUE NOUS FAISONS et CE QUE NOUS SOUHAITONS DÉVELOPPER pour amener les lycéens et étudiants vers leur vie adulte; il est le témoignage de cette vitalité qui est le souffle d’une institution séculaire mais qui, toujours, s’est inscrite dans l’INNOVATION et qui a su s’appuyer sur toutes les réformes successives pour construire un environnement propice à l’épanouissement des jeunes. Les thématiques réunies dans ce « PROJET » ont été élaborées, en réunions de travail et en journées pédagogiques, en s’appuyant sur toutes les compétences et l’énergie des membres de la Communauté éducative. Fil d’ariane : Il permet de situer le visiteur 4 Navigation secondaire : La navigation secondaire permet au visiteur de naviguer entre les sous-rubriques d’une même rubrique (affichage de tous les niveaux n-2 et affichage des niveaux n-3 lorsque la sous -rubrique est active : les sousniveaux de « Projet d’établissement » sont affichées, contrairement aux sous-niveaux de « Les Personnels » . 5 Contenu : Contenu intégrant un titre, des contenus éditoriaux, visuels, vidéos, … 17

NOUVEAU PAGE-SOUS-RUBRIQUE_ORDI-TABLETTE • Le volet culturel • Le projet d’animation pastorale • Les projets d’ouverture vers l’extérieur • Les projets citoyens • Les projets santé • Le projet d’orientation et > HISTORIQUE d’accompagnement > LES PERSONNELS > OUVERTURE À L’INTERNATIONAL > ACTUALITÉS > ON PARLE DE NOUS premier éclairant le second. COMMENTAIRES En tant qu’établissement appartenant à L’Enseignement Catholique, le lycée privé Notre-Dame de Bon Secours souhaite, pour citer Jean-Paul II, faire « LA PROMOTION DE LA PERSONNE HUMAINE » . 1 Liens connexes de la rubrique : Tous les sous niveaux de la rubrique sont repris en dessous du texte introductif en utilisant la « surface utile » : si le texte s’arrête avant la fin de la barre de navigation de gauche, les boutons s’affichent sur 2 colonnes Ce PROJET D’ÉTABLISSEMENT établit donc CE QUE NOUS FAISONS et CE QUE NOUS SOUHAITONS DÉVELOPPER pour amener les lycéens et étudiants vers leur vie adulte; il est le témoignage de cette vitalité qui est le souffle d’une institution séculaire mais qui, toujours, s’est inscrite dans l’INNOVATION et qui a su s’appuyer sur toutes les réformes successives pour construire un environnement propice à l’épanouissement des jeunes. 2 Footer (bas de page): Les thématiques réunies dans ce « PROJET » ont été élaborées, en réunions de travail et en journées pédagogiques, en s’appuyant sur toutes les compétences et l’énergie des membres de la Communauté éducative. 1 > PROJETS PÉDAGOGIQUES André PELRAS – Chef d’établissement > VOLET CULTUREL > PROJET D’ANIMATION PASTORALE > PROJETS D’OUVERTURE VERS L’EXTERIEUR > PROJETS CITOYEN Les informations pratiques et les boutons « Plan du site » et « Mentions légales » seront présentes sur toutes les pages du site > PROJETS SANTÉ > PROJET D’ORIENTATION ET D’ACCOMPAGNEMENT INFORMATIONS PRATIQUES 2 Lycée privé Notre Dame de Bon Secours 39 Avenue Julien Panchot 66000 PERPIGNAN Tél : 04. 68. 56. 57. 76 Fax: 04. 68. 56. 82. 52 + PLAN DU SITE > MENTIONS LEGALES Le Lycée est ouvert : du lundi au vendredi de 8 h 00 à 19 h 00 et le samedi de 8 h 00 à 13 h 00 PLAN D’ACCÈS CONTACT 2 TARIFS 18

NOUVEAU PAGE-VISITE-VIRTUELLE_ORDI-TABLETTE 1 COMMENTAIRES Fr > Espace Elèves / parents Logo 1 Header : ENSEIGNEMENT GÉNÉRAL ENSEIGNEMENTCENTRE DEENTREPRISESINFORMATIONS L’ÉTABLISSEMENT INSCRIPTION ET TECHNOLOGIQUE SUPÉRIEUR FORMATIONPARTENAIRES PRATIQUES L’établissement > Visite virtuelle 2 Le header (haut de page) est présent sur toutes les pages du site. Il contient les liens directs, le logo cliquable (renvoie automatiquement sur la page d’accueil et la barre de navigation. 2 Visuel principal illustrant le lycée: Celui-ci affiche les points sur lesquels il y a des photos. Seules photos seront administrables. Si un point doit être rajouté, celui-ci devra être fait par l’agence. 3 Visuel: Le visuel est accompagné d’une légende 4 Footer (bas de page): Les informations pratiques et les boutons « Plan du site » et « Mentions légales » seront présentes sur toutes les pages du site VISUEL 3 Légende INFORMATIONS PRATIQUES 4 Lycée privé Notre Dame de Bon Secours 39 Avenue Julien Panchot 66000 PERPIGNAN Tél : 04. 68. 56. 57. 76 Le Lycée est ouvert : du lundi au vendredi de 8 h 00 à 19 h 00 et le samedi de 8 h 00 à 13 h 00 2 19

NOUVEAU PAGE-ACTUALITÉS_ORDI-TABLETTE Fr > Espace Elèves / parents 1 Logo COMMENTAIRES 1 Header : Le header (haut de page) est présent sur toutes les pages du site. Il contient les liens directs, le logo cliquable (renvoie automatiquement sur la page d’accueil et la barre de navigation. ENSEIGNEMENT GÉNÉRAL ENSEIGNEMENTCENTRE DEENTREPRISESINFORMATIONS L’ÉTABLISSEMENT INSCRIPTION ET TECHNOLOGIQUE SUPÉRIEUR FORMATIONPARTENAIRES PRATIQUES 2 VISUEL 2 Visuel : Visuel administrable par page 3 3 L’établissement > Actualités ACTUALITÉS ET ÉVÈNEMENTS DE L’ÉTABLISSEMENT : 5 20/07/2014 | Titre de l’actualité 4 VISUEL Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut et iaculis dolor. Aenean sollicitudin mauris quis cursus mollis. Cras ipsum tellus, luctus mattis massa eget, scelerisque pellentesque erat. In eget laoreet elit. Aenean tincidunt risus eu sodales bibendum. Curabitur eleifend sit amet metus sed laoreet. Lire la suite Fil d’ariane : Il permet de situer le visiteur 4 Liste des actualités: Les actualités sont classées dans l’ordre antechronologique. Chaque actualité reprend le visuel associé, la date, le titre et un court extrait de l’actu, un lien pour lire l’article. La liste est paginée : 20 articles / page LIRE L’ARTICLE 19/07/2014 | Titre de l’actualité VISUEL Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut et iaculis dolor. Aenean sollicitudin mauris quis cursus mollis. Cras ipsum tellus, luctus mattis massa eget, scelerisque pellentesque erat. In eget laoreet elit. Aenean tincidunt risus eu sodales bibendum. Curabitur eleifend sit amet metus sed laoreet. Lire la suite LIRE L’ARTICLE 20

NOUVEAU PAGE-ACTUALITÉS-ARTICLE_ORDI-TABLETTE 1 COMMENTAIRES Fr > Espace Elèves / parents Logo 1 Header : Le header (haut de page) est présent sur toutes les pages du site. Il contient les liens directs, le logo cliquable (renvoie automatiquement sur la page d’accueil et la barre de navigation. ENSEIGNEMENT GÉNÉRAL ENSEIGNEMENTCENTRE DEENTREPRISESINFORMATIONS L’ÉTABLISSEMENT INSCRIPTION ET TECHNOLOGIQUE SUPÉRIEUR FORMATIONPARTENAIRES PRATIQUES 2 VISUEL 2 Visuel : Visuel administrable par page 3 3 L’établissement > Actualités > Titre de l’actualité 4 Contenu : TITRE DE L’ACTUALITÉ: Contenu intégrant un titre, des contenus éditoriaux, visuels, vidéos, … Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut et iaculis dolor. Aenean sollicitudin mauris quis cursus mollis. Cras ipsum tellus, luctus mattis massa eget, scelerisque pellentesque erat. In eget laoreet elit. Aenean tincidunt risus eu sodales bibendum. Curabitur eleifend sit amet metus sed laoreet. Cras ipsum tellus, luctus mattis massa eget, scelerisque pellentesque erat. In eget laoreet elit. Aenean tincidunt risus eu sodales bibendum. 4 VISUEL 5 Lien retour liste : Un lien permet de revenir à la liste des actualités 6 Footer (bas de page): Les informations pratiques et les boutons « Plan du site » et « Mentions légales » seront présentes sur toutes les pages du site Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut et iaculis dolor. Aenean sollicitudin mauris quis cursus mollis. Cras ipsum tellus, luctus mattis massa eget, scelerisque pellentesque erat. In eget laoreet elit. Aenean tincidunt risus eu sodales bibendum. Curabitur eleifend sit amet metus sed laoreet. < REVENIR À LA LISTE Fil d’ariane : Il permet de situer le visiteur 5 INFORMATIONS PRATIQUES 6 Lycée privé Notre Dame de Bon Secours 39 Avenue Julien Panchot 66000 PERPIGNAN Tél : 04. 68. 56. 57. 76 Fax: 04. 68. 56. 82. 52 + PLAN DU SITE > MENTIONS LEGALES Le Lycée est ouvert : du lundi au vendredi de 8 h 00 à 19 h 00 et le samedi de 8 h 00 à 13 h 00 PLAN D’ACCÈS CONTACT 2 TARIFS 21

NOUVEAU PAGE-PRESSE_ORDI-TABLETTE Fr > Espace Elèves / parents 1 Logo COMMENTAIRES 1 Header : Le header (haut de page) est présent sur toutes les pages du site. Il contient les liens directs, le logo cliquable (renvoie automatiquement sur la page d’accueil et la barre de navigation. ENSEIGNEMENT GÉNÉRAL ENSEIGNEMENTCENTRE DEENTREPRISESINFORMATIONS L’ÉTABLISSEMENT INSCRIPTION ET TECHNOLOGIQUE SUPÉRIEUR FORMATIONPARTENAIRES PRATIQUES 2 VISUEL 2 Visuel : Visuel administrable par page 3 3 L’établissement > On parle de nous ON PARLE DE NOUS : 5 20/07/2014 | Titre de l’article 4 VISUEL DU MEDIA Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut et iaculis dolor. Aenean sollicitudin mauris quis cursus mollis. Cras ipsum tellus, luctus mattis massa eget, scelerisque pellentesque erat. In eget laoreet elit. Aenean tincidunt risus eu sodales bibendum. Curabitur eleifend sit amet metus sed laoreet. Fil d’ariane : Il permet de situer le visiteur 4 Liste des articles: Les articles sont classés dans l’ordre antechronologique. Chaque article contien un visuel associé, la date, le titre et un court extrait de l’actu, un lien pour lire ou télécharger l’article. La liste est paginée : 20 articles / page LIRE L’ARTICLE 19/07/2014 | Titre de l’article VISUEL DU MEDIA 6 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut et iaculis dolor. Aenean sollicitudin mauris quis cursus mollis. Cras ipsum tellus, luctus mattis massa eget, scelerisque pellentesque erat. In eget laoreet elit. Aenean tincidunt risus eu sodales bibendum. Curabitur eleifend sit amet metus sed laoreet. TÉLÉCHARGER L’ARTICLE 22

NOUVEAU PAGE-ENSEIGNEMENT_ORDI-TABLETTE > Espace Elèves / parents 1 Fr Logo COMMENTAIRES 1 Header : Le header (haut de page) est présent sur toutes les pages du site. Il contient les liens directs, le logo cliquable (renvoie automatiquement sur la page d’accueil et la barre de navigation. ENSEIGNEMENT GÉNÉRAL ENSEIGNEMENTCENTRE DEENTREPRISESINFORMATIONS L’ÉTABLISSEMENT INSCRIPTION ET TECHNOLOGIQUE SUPÉRIEUR FORMATIONPARTENAIRES PRATIQUES 2 Enseignement général et technologique > Les enseignements 2 Fil d’ariane : Il permet de situer le visiteur 3 Schéma de l’enseignement 3 SCHEMA DES ENSEIGNEMENTS PROPOSES A BON SECOURS secondaire: Celui-ci est une représentation adaptée au support web, qui peut être zoomer au besoin. 4 Liens connexes de la rubrique : Tous les sous niveaux de la rubrique sont repris en dessous du texte introductif en utilisant la « surface utile » : si le texte s’arrête avant la fin de la barre de navigation de gauche, les boutons s’affichent sur 2 colonnes 4 > SECTIONS EUROPEENNES > 2 NDE GENERALE ET TECHNOLOGIQUE > L – LITTERAIRE > ES – ECONOMIQUE ET SOCIALE > S – SCIENTIFIQUE > ST 2 S –SCIENCES ET TECHNOLOGIES DE LA SANTE ET DU SOCIAL > STMG – SCIENCES ET TECHNOLOGIES DU MANAGEMENT ET DE LA > STL – SCIENCES ET TECHNOLOGIE DE LABORATOIRE 23

NOUVEAU PAGE-INSCRIPTION_ORDI-TABLETTE COMMENTAIRES Fr > Espace Elèves / parents Logo 1 1 Header : Le header (haut de page) est présent sur toutes les pages du site. Il contient les liens directs, le logo cliquable (renvoie automatiquement sur la page d’accueil et la barre de navigation. ENSEIGNEMENT GÉNÉRAL ENSEIGNEMENTCENTRE DEENTREPRISESINFORMATIONS L’ÉTABLISSEMENT INSCRIPTION ET TECHNOLOGIQUE SUPÉRIEUR FORMATIONPARTENAIRES PRATIQUES nde 2 Inscription > De la 2 à la Terminale INSCRIPTION DE LA 2 NDE À LA TERMINALE : 2 1. A partir de janvier 2015 Téléchargez le dossier de demande d’inscription : - Dossier d’inscription en Seconde : télécharger - Dossier d’inscription en Première: télécharger - Dossier d’inscription en Terminale: télécharger Déposez le dossier à l’accueil du lycée Inscrivez-vous à une réunion d’inscription générale, pédagogique et administrative Fil d’ariane : Il permet de situer le visiteur 3 Contenu : 3 5 Contenu intégrant un titre, des contenus éditoriaux, visuels, vidéos, … 6 Footer (bas de page): Les informations pratiques et les boutons « Plan du site » et « Mentions légales » seront présentes sur toutes les pages du site 2. Entre févier et avril 2015 Participez à une réunion d’inscription pour : - prendre connaissance de la proposition d’intégration - actualiser les données administratives. Possibilité de prendre une RDV individuel en cas de situation particulière 3. Jusqu’au 27 juin 2015 Déposez, postez ou envoyez par email ou fax les bulletins des 2ème et 3ème trimestres dès réception Eventuellement, modifiez ou annulez une demande d’option facultative 4. Avant le 15 juillet 2015 Validez les choix d’enseignements et de régime à réception de la notification définitive d’inscription Prenez connaissance de la circulaire de rentrée mise en ligne en Juillet 4 INFORMATIONS PRATIQUES Lycée privé Notre Dame de Bon Secours 39 Avenue Julien Panchot Le Lycée est ouvert : du lundi au vendredi de 8 h 00 à 19 h 00 2 24

NOUVEAU PAGE-PARTENAIRES_ORDI-TABLETTE Fr > Espace Elèves / parents 1 Logo COMMENTAIRES 1 Header : Le header (haut de page) est présent sur toutes les pages du site. Il contient les liens directs, le logo cliquable (renvoie automatiquement sur la page d’accueil et la barre de navigation. ENSEIGNEMENT GÉNÉRAL ENSEIGNEMENTCENTRE DEENTREPRISESINFORMATIONS L’ÉTABLISSEMENT INSCRIPTION ET TECHNOLOGIQUE SUPÉRIEUR FORMATIONPARTENAIRES PRATIQUES 2 VISUEL 2 Visuel : Visuel administrable par page 3 3 Entreprises partenaires 4 Logos des partenaires: NOS PARTENAIRES : Chaque partenaire aura son logo. Tous les logos auront la même taille. 4 VISUEL Fil d’ariane : Il permet de situer le visiteur VISUEL 5 Contenu : VISUEL Contenu intégrant un titre, des contenus éditoriaux, visuels, vidéos, … 6 Bouton Devenez partenaire : VISUEL Le bouton renverra sur la page contact. VISUEL 7 Footer (bas de page): 5 DEVENEZ PARTENAIRE : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut et iaculis dolor. Aenean sollicitudin mauris quis cursus mollis. Cras ipsum tellus, luctus mattis massa eget, scelerisque pellentesque erat. In eget laoreet elit. Aenean tincidunt risus eu sodales bibendum. Curabitur eleifend sit amet metus sed laoreet. Les informations pratiques et les boutons « Plan du site » et « Mentions légales » seront présentes sur toutes les pages du site 6 DEVENEZ PARTENAIRE 7 INFORMATIONS PRATIQUES 25

NOUVEAU PAGE-PARTENAIRES_ORDI-TABLETTE > Espace Elèves / parents 1 Fr Logo COMMENTAIRES 1 Header : Le header (haut de page) est présent sur toutes les pages du site. Il contient les liens directs, le logo cliquable (renvoie automatiquement sur la page d’accueil et la barre de navigation. ENSEIGNEMENT GÉNÉRAL ENSEIGNEMENTCENTRE DEENTREPRISESINFORMATIONS L’ÉTABLISSEMENT INSCRIPTION ET TECHNOLOGIQUE SUPÉRIEUR FORMATIONPARTENAIRES PRATIQUES 2 Informations pratiques > Plan d’accès et horaires PLAN D’ACCÈS ET HORAIRES 3 Lycée privé Notre Dame de Bon Secours 39 Avenue Julien Panchot, 66000 PERPIGNAN Tél : 04. 68. 56. 57. 76 - Fax: 04. 68. 56. 82. 52 Le Lycée est ouvert : du lundi au vendredi de 8 h 00 à 19 h 00 et le samedi de 8 h 00 à 13 h 00 2 Fil d’ariane : Il permet de situer le visiteur 3 Contenu : 5 Contenu intégrant un titre, des contenus éditoriaux, visuels, vidéos, … 4 Carte Google Maps: 4 La carte permet de se déplacer autour du point correspondant au lycée 5 Contenu : Contenu intégrant un titre, des contenus éditoriaux, visuels, vidéos, … 5 6 Footer (bas de page): Seuls « Plan du site » et « Mentions légales » seront présentes sur toutes les pages du site 6 + PLAN DU SITE > MENTIONS LEGALES 26

NOUVEAU PAGE-TARIFS_ORDI-TABLETTE > Espace Elèves / parents Fr Logo 1 COMMENTAIRES 1 Header : Le header (haut de page) est présent sur toutes les pages du site. Il contient les liens directs, le logo cliquable (renvoie automatiquement sur la page d’accueil et la barre de navigation. ENSEIGNEMENT GÉNÉRAL ENSEIGNEMENTCENTRE DEENTREPRISESINFORMATIONS L’ÉTABLISSEMENT INSCRIPTION ET TECHNOLOGIQUE SUPÉRIEUR FORMATIONPARTENAIRES PRATIQUES Tarifs 2 CHOISISSEZ LE CURSUS QUI VOUS INTÉRESSE : 2 Visuel : 2 nde De la à la Terminale Prépas BTS BACHELOR Visuel administrable par page FORMATIONS 3 3 TARIFS DE LA 2 NDE À LA TERMINALE : 4 5 Fil d’ariane : Il permet de situer le visiteur 4 Navigation secondaire : La navigation secondaire permet au visiteur de naviguer entre les sous-rubriques d’une même rubrique (affichage de tous les niveaux n-2 et affichage des niveaux n-3 lorsque la sous -rubrique est active : les sousniveaux de « Projet d’établissement » sont affichées, contrairement aux sous-niveaux de « Les Personnels » . 5 Contenu : Contenu intégrant un titre, des contenus éditoriaux, visuels, vidéos, … 6 Footer (bas de page): 6 Les informations pratiques et les boutons « Plan du site » et « Mentions légales » seront présentes sur toutes les pages du site 27

NOUVEAU PAGE-CONTACT_ORDI-TABLETTE Fr > Espace Elèves / parents Logo 1 COMMENTAIRES 1 Header : Le header (haut de page) est présent sur toutes les pages du site. Il contient les liens directs, le logo cliquable (renvoie automatiquement sur la page d’accueil et la barre de navigation. ENSEIGNEMENT GÉNÉRAL ENSEIGNEMENTCENTRE DEENTREPRISESINFORMATIONS L’ÉTABLISSEMENT INSCRIPTION ET TECHNOLOGIQUE SUPÉRIEUR FORMATIONPARTENAIRES PRATIQUES 2 VISUEL 2 Visuel : Visuel administrable par page 3 3 Qui contacter ? QUI CONTACTER ? 4 5 Au standard : 04. 68. 56. 57. 76 A la vie scolaire : 04 68 56 37 74 Are you calling from abroad ? +33 468 56 57 76 Par fax: 04. 68. 56. 82. 52 5 Le Lycée est ouvert : du lundi au vendredi de 8 h 00 à 19 h 00 et le samedi de 8 h 00 à 13 h 00 Envoyez-nous un message : □ □ □ □ Accueil Secrétariat de Direction Directeur Adjoint La vie scolaire Attachée de gestion 04 68 56 37 74 Secrétariat Economat → Prévenir d’une Secrétariat pédagogique absence ou d’un retard → Faire le point avec le La vie scolaire surveillant-référent □ □ □ □ Coordinateur Enseignement supérieur Secrétariat pédagogique CPE Animatrice Association des parents d’élèves CDI Infirmerie Nom * Sujet* Email* Votre message * Fil d’ariane : Il permet de situer le visiteur 4 Contenu : Contenu intégrant un titre, des contenus éditoriaux, visuels, vidéos, … 5 Formulaire de contact: Une ou plusieurs entités peuvent être contactées. Au roll sur le i, des informations complémentaires s’affichent permettant d’aiguiller les gens dans leur demande. En fonction de l’entité sélectionnée, le mail sera dispatché à partir d’une liste définie d’adresses mail. Numéro de téléphone * Champs obligatoires ENVOYER 28

Gabarits de pages pour smartphones 29

ADAPTATION DE LA NAVIGATION POUR SMARTPHONES MENUS REPLIÉS COMMENTAIRES 1 Menu principal: bonsecours 66. com Le menu principal est présent en haut de toutes les pages du site (version mobile), 1 Logo MENU PRINCIPAL DÉPLIÉ (1 er NIVEAU) MENU OUTILS DÉPLIÉ (1 SEUL NIVEAU) 1 Logo L’ÉTABLISSEMENT Logo 2 + - L’ÉTABLISSEMENT ENSEIGNEMENT GÉNÉRAL ET TECHNOLOGIQUE + VISITE VIRTUELLE ENSEIGNEMENT SUPÉRIEUR + HISTORIQUE CENTRE DE FORMATION + ACTUALITÉS ENTREPRISES PARTENAIRES + ON PARLE DE NOUS INFORMATIONS PRATIQUES + PROJET D’ÉTABLISSEMENT + INSCRIPTION + LES PERSONNELS + ESPACE ÉLÈVES / PARENTS + OUVERTURE À L’INTERNATIONAL + LANGUES + ENSEIGNEMENT GÉNÉRAL ET TECHNOLOGIQUE Il reprend l’arborescence du site et permet au visiteur d’appréhender les contenus du site et de rentrer en profondeur dans ses contenus en seulement quelques clics. Lorsque le menu principal est sélectionné, il apparaît en version ‘ON’ ; grisée sur le zoning 2 Symboles + et ►: Le symbole + sur le menu déroulant montre qu’il y a des sous menus. 2 Le symbole ► sur le menu déroulant montre qu’il n’y a pas de sous-menu, indiquant ainsi un accès direct au contenu. + 30

PAGE-ACCUEIL_HAUT_SMARTPHONES PAGE D’ACCUEIL : HAUT DE PAGE D’ACCUEIL : MILIEU & BAS DE PAGE COMMENTAIRES 1 Menu principal: Le menu principal, présent en haut de toutes les pages, reprend l’arborescence du site bonsecours 66. com 1 Logo 2 Diaporama administrable : Logo 4 ACTUALITÉS 2 TITRE DE LA MISE EN AVANT Complément d’informations Sur plusieurs lignes 20 juillet 2014 | TITRE DE L’ACTUALITÉ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut et iaculis dolor. Aenean sollicitudin mauris quis cursus mollis. Cras ipsum tellus, luctus mattis massa eget, scelerisque pellentesque erat. In eget laoreet elit. Aenean tincidunt risus eu sodales bibendum. Curabitur eleifend sit amet metus sed TOUTES NOS ACTUALITÉS laoreet. Lire la suite Visuel 1 simplifié Bouton d’action 3 Choisissez le cursus: Ce module permet de présenter l’offre de formation de façon simplifiée en fonction des cibles. 4 Actualités (dynamique): Ce bloc reprend automatiquement les 3 dernières actualités sous forme de diaporama. + D’ACTUS CHOISISSEZ LE CURSUS QUI VOUS INTÉRESSE: De la 2 nde à la Terminale Prépas 3 AGENDA : 5 • Le 23 juin : résultats des examens d’enseignement supérieur sur APB. • Avant le 15 juillet 2014 : Validez les choix d’enseignements et de régime à réception de la notification définitive d’inscription BTS INFORMATIONS PRATIQUES BACHELOR Lycée privé Notre Dame de Bon Secours 39 Avenue Julien Panchot 66000 PERPIGNAN Tél : 04. 68. 56. 57. 76 - Fax: 04. 68. 56. 82. 52 Formations Le Lycée est ouvert : du lundi au vendredi de 8 h 00 à 19 h 00 et le samedi de 8 h 00 à 13 h 00 PLAN D’ACCÈS CONTACT > MENTIONS LEGALES Le diaporama permet de mettre en avant un discours marketing, des parties du site… Il contient jusqu’à 5 entrées. 5 Agenda: Ce bloc permet de faire apparaître des évènements liés aux inscriptions, aux conseils de classe, … des évènements liés aux cursus et non aux actualités du lycée 6 Informations pratiques: 6 VALIDEZ TARIFS 7 Ce bloc reprend les coordonnées du lycée, ses horaires d’ouverture et des liens directs vers des informations présentes dans la rubrique « Informations pratiques » , à savoir le plan d’accès, qui contacter et les tarifs. 7 Mentions légales: Au clic, une nouvelle page s’ouvre. 31

PAGE-CIBLE-2 NDE-TERM_SMARTPHONES PAGE-CIBLE-2 NDE-TERM : HAUT DE PAGE-CIBLE-2 NDE-TERM : MILIEU DE PAGE bonsecours 66. com 1 1 Menu principal: Le menu principal, présent en haut de toutes les pages, reprend l’arborescence du site Logo 2 Introduction: Le titre permet de resituer l’internaute dans la navigation. Un petit texte d’introduction permet de présenter le lycée, les formations, … Séries générales Texte d’introduction : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut et iaculis dolor. Aenean sollicitudin mauris quis cursus mollis. Cras ipsum tellus, luctus mattis massa eget, scelerisque pellentesque erat. In eget laoreet elit. Aenean tincidunt risus eu sodales bibendum. 3 Enseignement commun + 2 enseignements d’exploration à choisir : SECONDE 1 er enseignement d’exploration 2ème enseignement d’exploration 3ème option possible par dérogation 1 option facultative : linguistique ou artistique (Latin, Grec, Allemand, Catalan, Chinois, Arts plastiques, Cinéma ou Musique) Sections européennes « Espagnol » ou « Anglais » + + + PREMIÈRE & TERMINALE 2 VOUS ÊTES INTÉRESSÉ PAR LE CURSUS : De la seconde à la Terminale COMMENTAIRES L LITTÉRAIRE + ES ECONOMIQUE ET SOCIALE + + S SCIENTIFIQUE 3 Module formations: Ce module permet de présenter les différentes formations (ici l’enseignement général et technologique) de façon synthétique. Au clic, le visiteur a accès un second niveau de lecture (décrit sur la page suivante). Séries technologiques TOUTES NOSSTL ACTUALITÉS SCIENCE ET TECHNOLOGIE DE LABORATOIRE + SCIENCE ET TECHNOLOGIE DU MANAGEMENT ET DE LA GESTION + STMG ST 2 S SCIENCE ET TECHNOLOGIE DE LA SANTÉ ET DU SOCIAL 1 option facultative : linguistique ou artistique + 4 Entrées connexes: (Latin, Grec, Allemand, Catalan, Chinois, Arts plastiques, Cinéma ou Musique) Sections européennes « Espagnol » ou « Anglais » > DÉCOUVRIR L’ÉTABLISSEMENT : 4 5 Comment s’inscrire : Ce bloc contient toutes les informations sur comment s’inscrire avec les dates clés. > DÉCOUVRIR LA VIE DU LYCÉE : COMMENT S’INSCRIRE : Ces deux entrées « Découvrir l’établissement » et « Découvrir la vie du lycée » permet aux visiteurs d’accéder aux rubriques L’établissement et la vie du lycée), principaux arguments d’intégration du lycée). VALIDEZ 5 A partir de janvier 2014 Lors du dépôt du dossier à l’accueil de 32

PAGE-CIBLE-2 NDE-TERM_SMARTPHONES PAGE-CIBLE-2 NDE-TERM : MILIEU DE PAGE-CIBLE-2 NDE-TERM : BAS DE PAGE COMMENTAIRES bonsecours 66. com 1 Comment s’inscrire : Ce bloc contient toutes les informations sur comment s’inscrire avec les dates clés. Logo 2 Footer (bas de page): Logo Les informations pratiques et les boutons « Plan du site » et « Mentions légales » seront présentes sur toutes les pages du site Début juillet 2014 COMMENT S’INSCRIRE : A partir de janvier 2014 Lors du dépôt du dossier à l’accueil de l’établissement, vous inscrivez afin de participer à une réunion d’inscription animée par le Chef d’établissement ou son Adjoint. Tout dossier est étudié par la Direction (en cas de refus ou de mise en attente de votre dossier, vous en serez informés dans les meilleurs délais). 1 • Dès réception de la confirmation de passage en classe de Seconde Générale et Technologique (habituellement notée sur le bulletin du 3ème trimestre), nous vous adresserons une notification d’inscription définitive. Nous y rappellerons les choix d’options et de langues retenus). • Vous pourrez prendre connaissance de la circulaire de NOS ACTUALITÉS rentrée mise en TOUTES ligne en fin de mois sur notre site. 2 INFORMATIONS PRATIQUES Entre février et avril 2014 Calendrier des réunions d’inscriptions : • Mercredi : entre 14 h et 16 h (sur temps scolaire) • Lundi, mardi et jeudi : entre 9 h et 11 h et entre 14 h et 16 h (vacances scolaires). Lors de cette réunion d’inscription, à laquelle l’élève concerné devra être présent, nous vous remettrons une notification spécifique vous précisant les choix d’options et de langues retenus par la Direction. . Jusqu’au 27 juin 2014 Lycée privé Notre Dame de Bon Secours 39 Avenue Julien Panchot 66000 PERPIGNAN Tél : 04. 68. 56. 57. 76 - Fax: 04. 68. 56. 82. 52 Le Lycée est ouvert : du lundi au vendredi de 8 h 00 à 19 h 00 et le samedi de 8 h 00 à 13 h 00 PLAN D’ACCÈS CONTACT TARIFS > MENTIONS LEGALES • Pensez à nous faire parvenir les copies des bulletins trimestriels ou semestriels manquants • Vous avez la possibilité de demander à modifier ou à annuler le choix d’une options facultative. 33

1ère -TERM-L-CONTENU DEPLIÉ_SMARTPHONES PAGE-CIBLE-2 NDE-TERM : MILIEU DE PAGE 1ère -TERM-L: CONTENU DEPLIÉ bonsecours 66. com 1 Fonctionnement : bonsecours 66. com Logo Au clic sur L Littéraire, une fenêtre se déploie détaillant le cursus. Une croix permet de replier la fenêtre Logo Séries générales 2 En savoir plus : L LITTÉRAIRE + L LITTÉRAIRE ES ECONOMIQUE ET SOCIALE + + L LITTÉRAIRE S SCIENTIFIQUE Séries technologiques SCIENCE ET TECHNOLOGIE DE LABORATOIRE + SCIENCE ET TECHNOLOGIE DU MANAGEMENT ET DE LA GESTION + STMG ST 2 S SCIENCE ET TECHNOLOGIE DE LA SANTÉ ET DU SOCIAL 1 option facultative : linguistique ou artistique + (Latin, Grec, Allemand, Catalan, Chinois, Arts plastiques, Cinéma ou Musique) Sections européennes « Espagnol » ou « Anglais » > DÉCOUVRIR L’ÉTABLISSEMENT : 4 > DÉCOUVRIR LA VIE DU LYCÉE : COMMENT S’INSCRIRE : A partir de janvier 2014 Lors du dépôt du dossier à l’accueil de 1 1 ENSEIGNEMENT SPÉCIFIQUE À CHOISIR PARMI : • Mathématiques • LV 1 ou LV 2 approfondies (Anglais) • Arts plastiques • Cinéma audiovisuel TERMINALE 1 ENSEIGNEMENT DE SPÉCIALITÉ : • Mathématiques • LV 1 ou LV 2 approfondies (Anglais) • Arts plastiques • Cinéma audiovisuel • Droit et grands enjeux du monde contemporain EN SAVOIR + ES ECONOMIQUE ET SOCIALE VALIDEZ Au clic sur « en savoir + » , l’internaute est redirigé vers la page dédiée à la formation - PREMIÈRE TOUTES NOSSTL ACTUALITÉS PREMIÈRE & TERMINALE COMMENTAIRES 5 S SCIENTIFIQUE 2 + + Séries technologiques STL SCIENCE ET TECHNOLOGIE DE 34

PAGE-CONTENU-TYPE_SMARTPHONES PAGE-CONTENU-TYPE : HAUT DE PAGE D’ACCUEIL MILIEU & BAS DE PAGE bonsecours 66. com 1 1 Menu principal: Le menu principal, présent en haut de toutes les pages, reprend l’arborescence du site Logo 2 Visuel : 2 VISUEL LES PROJETS PÉDAGOGIQUES : Ils sont multiples et variés. Ils sont le fondement de la formation, exigeante et rigoureuse, dispensée au lycée. Chaque enseignant, dans chaque discipline, est amené à mener ou superviser des projets en classe, en sortie ou en voyage. Les expériences pédagogiques peuvent aussi s’exercer de façon interdisciplinaire, ou, en lien avec le CDI, l’Animation… EN PROJET : • Intégrer à part entière les outils numériques dans l’enseignement : utilisation de Lo. Rdi, valorisation de la salle de visioconférence, généralisation du TBI, utilisation des manuels numériques… en augmentant la part de l’équipement pédagogique et en formant les utilisateurs. • Développer les sites et blogs d’enseignants. • Dynamiser les sections en apportant des « plus » : Tremplin Prépa… COMMENTAIRES 4 > LE VOLET CULTUREL 3 Contenu : Contenu intégrant un titre, des contenus éditoriaux, visuels, vidéos, … > LE PROJET D’ANIMATION PASTORALE 3 Visuel administrable par page > LES PROJETS D’OUVERTURE VERS L’EXTÉRIEUR 4 Entrées connexes: Ces entrées permettent aux visiteurs d’accéder aux rubriques du Projet d’établissement. TOUTES NOS ACTUALITÉS > LES PROJETS CITOYENS 5 Footer (bas de page): > LES PROJETS SANTÉ Les informations pratiques et les boutons « Plan du site » et « Mentions légales » seront présentes sur toutes les pages du site > LE PROJET D’ORIENTATION ET D’ACCOMPAGNEMENT > DÉCOUVRIR LA VIE DU LYCÉE : INFORMATIONS PRATIQUES 5 Lycée privé Notre Dame de Bon Secours 39 Avenue Julien Panchot 66000 PERPIGNAN Tél : 04. 68. 56. 57. 76 - Fax: 04. 68. 56. 82. 52 Le Lycée est ouvert : du lundi au vendredi de 8 h 00 à 19 h 00 et le samedi de 8 h 00 à 13 h 00 PLAN D’ACCÈS CONTACT > MENTIONS LEGALES VALIDEZ TARIFS 35

PAGE-ACCUEIL_HAUT_SMARTPHONES PAGE D’ACCUEIL HAUT DE PAGE D’ACCUEIL MILIEU & BAS DE PAGE bonsecours 66. com 1 1 Menu principal: Le menu principal, présent en haut de toutes les pages, reprend l’arborescence du site Logo 2 Introduction: Le titre permet de resituer l’internaute dans la navigation. Un petit texte d’introduction permet de présenter le lycée, les formations, … Séries générales Texte d’introduction : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut et iaculis dolor. Aenean sollicitudin mauris quis cursus mollis. Cras ipsum tellus, luctus mattis massa eget, scelerisque pellentesque erat. In eget laoreet elit. Aenean tincidunt risus eu sodales bibendum. 3 Enseignement commun + 2 enseignements d’exploration à choisir : SECONDE 2ème enseignement d’exploration 3ème option possible par dérogation 1 option facultative : linguistique ou artistique (Latin, Grec, Allemand, Catalan, Chinois, Arts plastiques, Cinéma ou Musique) Sections européennes « Espagnol » ou « Anglais » + + + PREMIÈRE & TERMINALE 2 VOUS ÊTES INTÉRESSÉ PAR LE CURSUS : De la seconde à la Terminale 1 er enseignement d’exploration COMMENTAIRES L LITTÉRAIRE + ES ECONOMIQUE ET SOCIALE + + S SCIENTIFIQUE 3 Module formations: Ce module permet de présenter les différentes formations (ici l’enseignement général et technologique) de façon synthétique. Au clic, le visiteur a accès un second niveau de lecture (décrit sur la page suivante). Séries technologiques TOUTES NOSSTL ACTUALITÉS SCIENCE ET TECHNOLOGIE DE LABORATOIRE + SCIENCE ET TECHNOLOGIE DU MANAGEMENT ET DE LA GESTION + STMG ST 2 S SCIENCE ET TECHNOLOGIE DE LA SANTÉ ET DU SOCIAL 1 option facultative : linguistique ou artistique + 4 Entrées connexes: (Latin, Grec, Allemand, Catalan, Chinois, Arts plastiques, Cinéma ou Musique) Sections européennes « Espagnol » ou « Anglais » > DÉCOUVRIR L’ÉTABLISSEMENT : 4 > DÉCOUVRIR LA VIE DU LYCÉE : INFORMATIONS PRATIQUES VALIDEZ Lycée privé Notre Dame de Bon Secours 39 Avenue Julien Panchot 66000 PERPIGNAN Tél : 04. 68. 56. 57. 76 - Fax: 04. 68. 56. 82. 52 5 Ces deux entrées « Découvrir l’établissement » et « Découvrir la vie du lycée » permet aux visiteurs d’accéder aux rubriques L’établissement et la vie du lycée), principaux arguments d’intégration du lycée). 5 Footer (bas de page): Les informations pratiques et les boutons « Plan du site » et « Mentions légales » seront présentes sur toutes les pages du site 36

Gabarits de pages pour le mini-site Facebook 37

Arborescence spécifique au mini-site Facebook Pour le mini-site Facebook, il ne faut pas reprendre tous les contenus du site mais reprendre ceux qui sont le plus pertinents : / Une présentation du Lycée Notre Dame de Bon Secours, qui permet très succinctement de voir les avantages de l’établissement, … / Une entrée par type de formation : • De la 2 nde à la terminale • Sections BTS • Prépas • Bachelor • Centre de formation (nous le prévoyons sur les documents bien que cette rubrique soit mise en ligne ultérieurement) / Une entrée Langues pour présenter le Lycée aux marchés internationaux (uniquement français et anglais, prévu initialement. ) PAGE D’ACCUEIL De la 2 nde à la Term. Prépa s BTS Bachel or PAGE D’ACCUEIL Formatio ns De la 2 nde à la Term. Prépa s BTS Bachel or Formatio ns 38

PAGE-PRÉSENTATION-ACCUEIL_FACEBOOK COMMENTAIRES Lycée Notre Dame de Bon Secours 1 Présentation Un onglet Présentation est inséré sur votre page Facebook. 2 Le journal : Visuel 1 Le journal contient les actualités du lycée, c’est pour cela que nous ne les reprendrons pas dans cette présentation. 3 A Propos: Visuel 1 PRÉSENTATION (FR) A propos contient une courte description du lycée. Elle permet de rassurer le visiteur qu’il se trouve bien sur la page officielle du lycée. 4 Photos : Toutes les photos ajoutées (qu’elle soient pour le profil, pour la header ou dans les actualités, elles seront répertoriées ici. Il est aussi possible d’ajouter des albums photos. 5 Plus : Ce champ est géré par Facebook, il permet d’afficher d’autres éléments de la page 6 Mini-site : Nous allons détailler cette partie dans les pages suivantes 39

PAGE-PRÉSENTATION-ACCUEIL_FACEBOOK COMMENTAIRES Lycée Notre Dame de Bon Secours 1 Visuel BIENVENUE AU LYCÉE NOTRE DAME DE BON SECOURS : 1 2 Texte d’introduction: Visuel 1 Texte administrable, spécifique à cette page 2 Texte d’introduction : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut et iaculis dolor. Aenean sollicitudin mauris quis cursus mollis. Cras ipsum tellus, luctus mattis massa eget, scelerisque pellentesque erat. In eget laoreet elit. Aenean tincidunt risus eu sodales bibendum. 3 VISITEZ LE SITE DU LYCÉE 4 CHOISISSEZ LE CURSUS QUI VOUS INTÉRESSE : De la 2 nde à la Terminale Prépas BTS BACHELOR FORMATIONS 5 INFORMATIONS PRATIQUES Lycée privé Notre Dame de Bon Secours 39 Avenue Julien Panchot 66000 PERPIGNAN Tél : 04. 68. 56. 57. 76 Fax: 04. 68. 56. 82. 52 Même visuel que sur la page de présentation du Lycée (sur le site) 3 Lien site: Au clic sur ce lien, le visiteur est redirigé vers le site du lycée 4 Cursus: Ce bloc permet de diriger les visiteurs vers le cursus qui les intéresse. Nous avons différentier ici tous les types de cursus. Le bloc formations ne sera à activer qu’à la mise en ligne de la rubrique Centre de formation. 5 Informations pratiques: Ce bloc reprend les coordonnées du lycée, ses horaires d’ouverture et des liens directs vers des informations présentes dans la rubrique « Informations pratiques » , à savoir le plan d’accès, qui contacter et les tarifs. Le Lycée est ouvert : du lundi au vendredi de 8 h 00 à 19 h 00 et le samedi de 8 h 00 à 13 h 00 PLAN D’ACCÈS CONTACT TARIFS 40

PAGE-PRÉSENTATION-CIBLE-2 NDE-TERM_HAUT_FACEBOOK COMMENTAIRES Lycée Notre Dame de Bon Secours VOUS ÊTES INTÉRESSÉ PAR LE CURSUS : De la seconde à la Terminale 1 SECONDE Texte d’introduction : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut et iaculis dolor. Aenean sollicitudin mauris quis cursus mollis. Cras ipsum tellus, luctus mattis massa eget, scelerisque pellentesque erat. In eget laoreet elit. Aenean tincidunt risus eu sodales bibendum. Enseignement commun + 2 enseignement d’exploration à choisir : 1 er enseignement d’exploration 2ème enseignement d’exploration + + 1 option facultative : linguistique ou artistique 3ème option possible par dérogation Le titre permet de resituer l’internaute dans la navigation. Un petit texte d’introduction permet de présenter le lycée, les formations, … 2 Module formations: 2 + Sections européennes « Espagnol » ou « Anglais » (Latin, Grec, Allemand, Catalan, Chinois, Arts plastiques, Cinéma ou Musique) 1 Introduction: Ce module permet de présenter les différentes formations (ici l’enseignement général et technologique) de façon synthétique. Au clic, le visiteur a accès un second niveau de lecture (décrit sur la page suivante). PREMIÈRE & TERMINALE SÉRIES GÉNÉRALES ES L LITTÉRAIRE + ECONOMIQUE ET SOCIALE S + SCIENTIFIQUE + SÉRIES TECHNOLOGIQUES STMG STL SCIENCE ET TECHNOLOGIE DU TECHNOLOGIE DE + MANAGEMENT ET DE LA+ LABORATOIRE GESTION 2 options facultatives : linguistiques ou artistiques (Latin, Grec, Allemand, Catalan, Chinois, Arts plastiques, Cinéma ou Musique) DÉCOUVRIR L’ÉTABLISSEMENT : VISUEL ST 2 S SCIENCE ET TECHNOLOGIE DE LA SANTÉ ET DU SOCIAL + Sections européennes « Espagnol » ou « Anglais » DÉCOUVRIR LA VIE DU LYCÉE : VISUEL 41

PAGE-PRÉSENTATION-CIBLE-2 NDE-TERM_BAS_FACEBOOK COMMENTAIRES Lycée Notre Dame de Bon Secours DÉCOUVRIR L’ÉTABLISSEMENT : VISUEL DÉCOUVRIR LA VIE DU LYCÉE : 1 VISUEL 1 Entrées connexes: Ces deux entrées « Découvrir l’établissement » et « Découvrir la vie du lycée » permet aux visiteurs d’accéder aux rubriques L’établissement et la vie du lycée), principaux arguments d’intégration du lycée). 2 Comment s’inscrire : 2 COMMENT S’INSCRIRE : A partir de janvier 2014 Entre février et avril 2014 Lors du dépôt du dossier à l’accueil de l’établissement, vous inscrivez afin de participer à une réunion d’inscription animée par le Chef d’établissement ou son Adjoint. Calendrier des réunions d’inscriptions : • Mercredi : entre 14 h et 16 h (sur temps scolaire) • Lundi, mardi et jeudi : entre 9 h et 11 h et entre 14 h et 16 h (vacances scolaires). Tout dossier est étudié par la Direction (en cas de refus ou de mise en attente de votre dossier, vous en serez informés dans les meilleurs délais). Lors de cette réunion d’inscription, à laquelle l’élève concerné devra être présent, nous vous remettrons une notification spécifique vous précisant les choix d’options et de langues retenus par la Direction. . Jusqu’au 27 juin 2014 3 Footer (bas de page): Les informations pratiques et les boutons « Plan du site » et « Mentions légales » seront présentes sur toutes les pages du site Début juillet 2014 • Pensez à nous faire parvenir les copies des bulletins • Dès réception de la confirmation de passage en trimestriels ou semestriels manquants • Vous avez la possibilité de demander à modifier ou à annuler le choix d’une options facultative. classe de Seconde Générale et Technologique (habituellement notée sur le bulletin du 3ème trimestre), nous vous adresserons une notification d’inscription définitive. Nous y rappellerons les choix d’options et de langues retenus). • Vous pourrez prendre connaissance de la circulaire de rentrée mise en ligne en fin de mois sur notre site. INFORMATIONS PRATIQUES Lycée privé Notre Dame de Bon Secours 39 Avenue Julien Panchot 66000 PERPIGNAN Tél : 04. 68. 56. 57. 76 Ce bloc contient toutes les informations sur comment s’inscrire avec les dates clés. 3 Le Lycée est ouvert : du lundi au vendredi de 8 h 00 à 19 h 00 et le samedi de 8 h 00 à 13 h 00 42

PAGE-PRÉSENTATION-1ère -TERM-L-CONTENU DEPLIÉ_FACEBOOK COMMENTAIRES Lycée Notre Dame de Bon Secours scelerisque pellentesque erat. In eget laoreet elit. Aenean tincidunt risus eu sodales bibendu. SECONDE Enseignement commun + 2 enseignement d’exploration à choisir : 1 er enseignement d’exploration 2ème enseignement d’exploration + + 1 option facultative : linguistique ou artistique 3ème option possible par dérogation + Sections européennes « Espagnol » ou « Anglais » (Latin, Grec, Allemand, Catalan, Chinois, Arts plastiques, Cinéma ou Musique) 1 Fonctionnement : Au clic sur L Littéraire, une fenêtre se déploie détaillant le cursus. Une croix permet de replier la fenêtre 2 En savoir plus : Au clic sur « en savoir + » , l’internaute est redirigé vers la page dédiée à la formation SÉRIES GÉNÉRALES ES L PREMIÈRE & TERMINALE LITTÉRAIRE - ECONOMIQUE ET SOCIALE S + SCIENTIFIQUE + L LITTÉRAIRE PREMIÈRE TERMINALE 1 1 ENSEIGNEMENT SPÉCIFIQUE À CHOISIR PARMI : 1 ENSEIGNEMENT DE SPÉCIALITÉ : • Mathématiques • LV 1 ou LV 2 approfondies (Anglais) • Arts plastiques • Cinéma audiovisuel • Droit et grands enjeux du monde contemporain 2 options facultatives : linguistique ou artistique (Latin, Grec, Allemand, Catalan, Chinois, Arts plastiques, Cinéma, Musique) Sections européennes « Espagnol » ou « Anglais » 2 EN SAVOIR + 43

Méthodologie et planning 44

Notre méthodologie Testée et approuvée, pour respecter vos délais… Étude d’opportunité Conception - Audit - Identité visuelle - Benchmark - Architecture de l’information - Recommandation stratégique - Dispositif de communication - Storyboard Validation - Déclinaison graphique - Production des médias - Montage des pages - Spécifications fonctionnelles Tests utilisateurs si souhaité Réalisation - Saisie des contenus - Création graphique - Processus éditorial Validation - Développement informatique Validation Déploiement - Diffusion des supports de communication - Installation du site - Recette et debugs - Assistance - Formation Validation 45

Notre méthodologie en détails Conception : – Architecture de l’information : arborescences différents sites et de leur contenu. – Storyboard : structure des différents gabarits de page incluant les typologies de contenu et leur hiérarchisation. – Spécifications fonctionnelles : document qui décrit les différentes fonctionnalités présentes sur les sites, en vue de sa réalisation. – Création graphique : maquettes différents gabarits de page la charte graphique. développant – Processus éditorial : définition des noms des rubriques, le ton éditorial du dispositif de communication, les typologies de contenus sur les pages mères et filles. Les éléments grisés sont des prestations que nous pouvons réalisées, pas prévues dans le contrat initial mais qui peuvent faire l’objet d’un avenant. 46

Notre méthodologie en détails Réalisation : – Déclinaison graphique : production des maquettes des pages filles – Production des médias : rédaction des contenus éditoriaux, prises de vue, tournage des contenus vidéos, création des animations, … – Montage des pages : à partir de toutes les maquettes graphiques, découpage des éléments graphiques et montage les pages HTML – Développement informatique : • Modélisation des traitements et des données à partir des spécifications fonctionnelles. • Développement du moteur d’intégration de la base de données. • Développement du moteur d’affichage des templates (à partir des pages HTML montées). Les éléments grisés sont des prestations que nous pouvons réalisées, pas prévues dans le contrat initial mais qui peuvent faire l’objet d’un avenant. 47

Notre méthodologie en détails Déploiement : – Installation du site : • Installation du système • Installation du serveur http • Installation des logiciels pré-requis (système de BDD, langage, progiciels etc) • Installation du site même • Tests de fonctionnement – Recette et debugs: • Recette graphique • Tests de l’ensemble des fonctionnalités du site yc. la gestion de contenu. • Tests sur les navigateurs listés dans le cahier des charges. • Tests de performance d’affichage des pages. • Tests de montée en charge. – Assistance : maintenance et assistance après mise en ligne – Formation : formation à l’outil d’administration du CMS Les éléments grisés sont des prestations que nous pouvons réalisées, pas prévues dans le contrat initial mais qui peuvent faire l’objet d’un avenant. 48

Planning prévisionnel Le planning prévisionnel est établi avec des périodes d’aller-retours de 3 jours et des périodes de validation de 2 jours. Si vous pensez que ces périodes seront plus ou moins longues, n’hésitez pas à nous en faire part. Il en est de même pour les périodes où les décisionnaires sur ce projet ne seront pas disponibles (surcharge 49

Planning prévisionnel Le planning prévisionnel est établi avec des périodes d’aller-retours de 3 jours et des périodes de validation de 2 jours. Si vous pensez que ces périodes seront plus ou moins longues, n’hésitez pas à nous en faire part. Il en est de même pour les périodes où les décisionnaires sur ce projet ne seront pas disponibles (surcharge 50

Merci Vos contacts : Sébastien OLIVE Directeur de clientèle 07 81 13 24 31 s. olive@agencesosi. com Dominique AMARO Directeur de création 06 13 13 92 44 damaro@denada. fr Florence FOËNIX Consultante / Chef de projet 06 14 08 92 24 ffoenix@denada. fr 51