Site internet cap seine

Slides:



Advertisements
Présentations similaires
Tutoriel - Les Ressources du BCH
Advertisements

Projet LOT Mini-site web « Looking For You 1 »
1Er Partie Intervenants : Nuno Barata Alain Joly Thierry Belvigne
La maquette du futur maurepas.net : Pourquoi - Comment
Conception de Site Webs Interactifs Cours 3
Les Réseaux Sociaux : Facebook
Le site de Vic-sur-Cère. Page daccueil Image de fond BANNIERE 1 BAN.2 CONTENU pied BARRE réservée Administration MENU DEROULANT 6 RUBRIQUES 4 WIDGETS:
La société MAKINA CORPUS Spécialisée dans le « libre ». Deux pôles technologiques principaux. La conjoncture.
V 1.5 Site Web de Formation. Intérêts Cette fonctionnalité de Spiral vous permet de créer et gérer des sites web entièrement personnalisable venant s'appuyer.
Présentation du journal Scolaweb et de l’administration du site.
Les statistiques de votre site Internet et leur exploitation EPI de Die le 12/04/2011 8, rue de la citadelle – Die.
Le portail des sports des associations de la ville de Nice
Point d’étape sur notre SITE
Présentation générale. Définition La fonction dutilisateur détermine ce quil peut faire sur le site les tâches qui lui sont possibles deffectuer dans.
Site vitrine Joomla.
Kivihoo La solution Internet pour l'accueil de votre résidence.
Rajouter une rubrique Vous accédez à la partie administration du site que vous venez de créer. Votre login(identifiant) et votre mot de passe vous ont.
PROJET DATELIEU 20 MARS 2012LCP SALLE B105 création du site internet avec Weebly.
1- Depuis votre Extranet GIPHAR, accédez au
Vice-rectorat de Mayotte
Lycée Louis Vincent Séance 1
1 7/01/05 Réf : RA-DS Site Internet La Guilde Modèles des gabarits.
Documentation pour webmestre site sud-aerien.org
Le menu « Actualités » © Michel DURIEUX – Février 2007.
I - Comprendre le plan du site : Nouveau site internet du CNGE.
pierre.denes.free.fr blog CV
La veille numérique : un outil pour s'informer intelligemment &
A L I M E N T A T I O N A G R I C U L T U R E E N V I R O N N E M E N T Présentation d’un site « clé en main »
La refonte des sites d’appui Ce qui change pour vous.
Le langage du Web CSS et HTML
Créer un site internet facilement Jimdo – Pages to the People.
Site éditorial Interfaçage Site Petite Annonces Interfaçage ALICE
Avancé du projet sur la refonte de maurepas.net et des Web Services Citoyens Maquette quasi définitive Transfert sur serveur Des différentes arborescences.
Manuel Kervarker.org : l'accueil
CRÉER ET ALIMENTER UN BLOG A PARTIR DE LA PLATE FORME OVER BLOG
Réseau Départemental de Ressources Informatiques
LES INFOS de Philippe et Patrick Journal d'informations en ligne Infospp.free.fr Mai 2006.
Agence fédérale pour la Sécurité de la Chaîne alimentaire Un nouveau site pour l’AFSCA ? CC du 28 mai 2008 Agence fédérale pour la Sécurité de la Chaîne.
Concevoir un site web de A a Z Cours 3. Aujourd’hui Découper sa page en tranche pour une intégration graphique optimale avec Photoshop L’intégration des.
PLAN 1. Introduction 1.1. Sites de presse actuels 1.2. Objectif de notre site 2. Description du modèle 3. Outils utilisés 3.1. SVG 3.2. PHP et MySQL 4.
GEORGETA BĂDĂU CRÉATION ET GESTION D’UN BLOG AVEC LA PLATE-FORME LEWEBPEDAGOGIQUE.COM Séance no.2.
SI 28 - Écriture interactive & multimédia Dreamweaver Séance 1 Petit Clara & Palfart Julien Printemps2008 Printemps 2008.
DIRECTDIGITALDRIVEDATA © Copyright EURO RSCG 4D 2005 Mini-site D IRECTION V ACANCES 22 juin – 6 août 2005 Présentation des Solutions Techniques 24 mai.
Plan de la présentation
1 ::: GUIDELINE BACK OFFICE SITE UNIVERS INFIRMIER À l’attention de Audrey Vesque et Delio Prudente MARDI 2 JUILLET 2013.
1 ::: GUIDELINE BACK OFFICE SITE UNIVERS INFIRMIER À l’attention de Audrey Vesque et Delio Prudente MARDI 25 JUIN 2013.
Refonte du site internet
Créer un mur virtuel collaboratif
Comment créer un site internet avec WordPress?
Présentation nouveau site marchand
1 Tutoriel SPIP Rédacteur. 2 Sommaire Connexion Interface SPIP Menu SPIP Rédiger un article Interface de création d’un article Fonctionnalités de base.
Contribution CMS.Eolas
Les systèmes de gestion de contenu
Le menu « Albums photos » © Michel DURIEUX – Février 2007.
Le forum Comment ca marche? (Cliquez pour défiler)
Refonte site Ratecard.fr Cahier des charges – V1 Juillet 2015 – v1 –
Webmarketing 13 octobre 2015.
1 Présentation de DREAMWEAVER (1) Gaël TREMEAU GI05 Printemps 2006.
Bloc 1 - UE 5 - Technologies de l’information et de la communication TIC Bachelier en immobilier T. SOUMAGNE.
SI28 – Ecriture interactive et multimédia Sylvain Slaton – Pierre Laporte.
DREAMWEAVER SEANCE 1 Axel JACQUET GM05 – Julien VAN MOORLEGHEM GM05 A2008 Écriture interactive & multimédia Présentation Dreamweaver 8.
Les sites web « Full autonomes ». Un outil d’administration simplifié Nombre d’administrateurs Langues actives Accès rapides Accès modules Outils référencement.
Les calques Les Template (modèles) Les Comportements Les scénarios Les formulaires Les CSS Le serveur Web de l’UTC Présentation.
Créer un blog / site SOMMAIRE - règles d’édition - public/édition -roles -page / article -média -bibliothèque -extension Janvier 2016.
Créer un site avec Wordpress. 1. Principes généraux 2. Installation 3. Paramétrage de Wordpress 4. Les catégories des articles 5. Les articles 6. Les.
Espace collaboratif du CODEV Blog, WIKI, Forum: c’est quoi?  Blog - Publication périodique et régulière d’articles La vocation d’un Blog est d'être un.
TP ISN-Terminale S Notion de code HTML. I) Visualisation du code source d’une page web Se mettre sur une page web quelconque : clic droit, Afficher la.
Votre site Internet professionnel en quelques clics
Association régionale pour la formation, l’orientation et l’emploi Mode d’emploi Portail internet Aquitaine Cap Métiers Novembre 2011 Service éditions.
Transcription de la présentation:

Site internet cap seine

LE PROJET

RAPPEL DES DONNÉES REFONTE DU SITE INTERNET AVEC POUR OBJECTIFS COMMUNICATION INSTITUTIONNELLE Décliner et mettre en scène la campagne « Tout un monde talents » Présenter les métiers du groupe de façon lisible et dynamique (interactif) INFORMATION Intégrer un module d’actualités et un flux RSS

CARACTÉRISTIQUES TECHNIQUES PRINCIPALES Le site est développé en html5 /CSS3. Sou Wordpress Hébergement L’hébergement est prévu sur le serveur de cap seine. La plate-forme utilisera PHP5 et une base de données Mysql. Il est préférable de développer directement sur le serveur de production, mais il reste possible de développer la solution sur un environnement de test (serveur de l’agence). Navigateurs Le site sera optimisé UNIQUEMENT pour un affichage sur Internet Explorer 8, Chrome et Firefox (il est développé en 1024). L’interface est flexible. -> La taille s’adapte en fonction de la taille de l’écran utilisé Il n’est pas envisager de version smartphones.

LA CONSOLE D’ADMINISTRATION Permettre sans connaissance informatique de faire des mises à jour sur le contenu du site Interventions possible -Mise à jour (photo, texte,…) hors animations html5 + photo header des rubriques -Possibilité d’ajouter des sous rubriques (mais pas des rubriques principales) -Accueil Mise à jour des actualités (texte et photos)

La coopérative Vision   Les hommes Le territoire L’innovation Tout un monde de talents La coopération agricole Les outils / moyens Accompagner la production (Présentation animation html5 des activités:) Logistique / conservation du grain Distribution Recherche et innovation Conseil services et formation Mise en marché (Présentation animation html5 des activités) Mise en marché grain Mise en marché légumes Chimie verte Mise en marché bovins Distribution verte Les marques Lunor Gamm Vert Pom’alliance Extranet Espace presse opération 1 opération 2…. Espace carrières Actualités actualité 1 actualité 2 Mentions légales Contact

ZONING ET FONCTIONNALITÉS

ACCUEIL

http://www.terrena.fr/

Slide logo marques ? (Lunor, Pom’aliiance, Gamm vert) Logo cap seine Visuel campagne (Slideshow défilement au clic) (affichage aléatoire à chaque connexion) Découvrir les talents Coopérative Activités (>page interactive cf p24 RA) Logo coopération agricole Titre actu Accroche actu (+ photo ou vidéo) lire la suite Titre actu Accroche actu (+ photo ou vidéo) lire la suite Extranet Espace presse Espace carrières Slide logo marques ? (Lunor, Pom’aliiance, Gamm vert) La coopérative Vision Les hommes Le territoire L’innovation Tout un monde de talents La coopération agricole Les outils / moyens Accompagner la production Logistique / conservation du grain Distribution Recherche et innovation Conseil services et formation Mise en marché Mise en marché grain Mise en marché légumes Chimie verte Mise en marché bovins Distribution verte Les marques Lunor Gamm Vert Pom’alliance Accès rapide Espace adhérents Espace presse Espace carrières Actualités Plan du site – mentions légales- contact – plan du site

1 1 VISUEL CAMPAGNE Affichage d’un visuel différent à chaque connexion (affichage aléatoire) Possibilité de défiler au clic les slides Possibilité de le déployer en plein page au clic Lien sur une page de présentation de la campagne : les témoignages des 12 talents

3 2 3 Retour homepage 2 ACCÈS AUX 2 RUBRIQUES PRINCIPALES DU SITE Coopérative -> template de contenu standard (avec sous menu en latéral pour accéder aux sous rubriques) Activités -> accès à une page spécifique animation html 5

4 4 ACTUALITÉS Affichage des 2 actualités les plus récentes sur la page d’accueil avec une zone de texte, comprenant un titre et le résumé de l’article Une zone photo / possibilité de mettre plug in vidéo (mise en ligne de la vidéo depuis chaine utilisateur youtube) -> lecture directement à ce niveau Lire la suite -> accès à l’article au sein de la rubrique actualités Archivage de toutes les actualités dans une rubrique avec le menu des articles publiés Possibilité de s’abonner au flux RSS des actualités

5 5 ACCÈS DIRECT PAR CIBLES : journalises, adhérents et étudiants / DE Extranet – lien vers page pour se connecter à l’extranet Espace carrières – lien externe Espace presse – cette rubrique est structurée en catégorie Une catégorie pouvant comprendre plusieurs fichiers (communiqué, photos)

http://www.agrial.com/index.php/fr/ 6 6 SLIDE LOGO DES MARQUES DU GROUPE Seule partie qui défile automatiquement au niveau de la page d’accueil Clic sur le logo -> rubrique Les marques http://www.agrial.com/index.php/fr/

7 7 FOOTER – ACCÈS DIRECT AUX RUBRIQUES ET SOUS RUBRIQUES DU SITE

9 8 8 PIED DE PAGE Plan du site (pour le référencement) Mentions légales (page de contenu standard) Contact – pas de formulaire (page de contenu standard) Lien sur logo vers page sur la coopération agricole 9

PAGE STANDARD DE CONTENU

Visuel thème de la rubrique Logo cap seine Visuel thème de la rubrique Coopérative Accompagner la production Mise en marché La coopérative Vision Les hommes Le territoire L’innovation Tout un monde de talents La coopération agricole Les outils / moyens

3 1 2 1 MENU HORIZONTAL Uniquement les 3 rubriques principales Sous rubriques en menu latéral Photo illustrant thème de la rubrique (administration possible dans la console) 2 3

Visuel thème de la rubrique Logo cap seine Visuel thème de la rubrique Coopérative Accompagner la production Mise en marché Les marques Marque 1 Marque 2 ….

Visuel thème de la rubrique Logo cap seine Visuel thème de la rubrique Coopérative Accompagner la production Mise en marché Espace presse Opé 1 Opé 2 ….

PAGE DE PRÉSENTATION DES TALENTS

Visuel thème de la rubrique Logo cap seine Visuel thème de la rubrique Coopérative Accompagner la production Mise en marché La coopérative Vision Les hommes Le territoire L’innovation > Tout un monde de talents La coopération agricole Les outils / moyens Mélanie, productrice de lait, s’est dégagé du temps grâce à l’investissement dans un robot de traite Lire tout le témoignage Mélanie, productrice de lait, s’est dégagé du temps grâce à l’investissement dans un robot de traite Lire tout le témoignage Mélanie, productrice de lait, s’est dégagé du temps grâce à l’investissement dans un robot de traite Lire tout le témoignage Mélanie, productrice de lait, s’est dégagé du temps grâce à l’investissement dans un robot de traite Lire tout le témoignage

Fonctionnement à la manière d’une webTV : 1 vignette principale avec le plug in vidéo et un résumé Déploiement d’un texte de description complémentaire L’ensemble des témoignages avec une vignette dessous => passage en grande vignette si clic sur la vignette

PAGE PANORAMA DES ACTIVITÉS

Page à animer en html5

RÉFÉRENCEMENT NATUREL

LE RÉFÉRENCEMENT NATUREL Les principaux paramétrages seront réalisés afin de garantir la meilleure visibilité du site (optimisation du code en vue du référencement naturel) Wordpress est un outil adapté à un bon SEO. > Fil d’ariane > Réécriture des URL > robot.txt (précise les pages à indexer) > Plan du site / Fichier sitemap.xml (architecture du site pour indexer les pages) généré automatiquement > Balises title et description administrables pour chaque page > Attributs alt et title sur les images et les liens (dont ceux des rubriques) > Inscription sur les principaux moteurs de recherche > Inscription du site sur google analytics pour suivi du trafic (par vos soins).