Une interface moderne et multi devices avec Drupal Focus sur Omega

Dimension: px
Commencer à balayer dès la page:

Download "Une interface moderne et multi devices avec Drupal Focus sur Omega"

Transcription

1 Une interface moderne et multi devices avec Drupal Focus sur Omega

2 Romain Jarraud Formateur / consultant Drupal Anne- Sophie Picot Chef de projets

3 Publier du contenu aujourd hui > Plateformes de consultation de plus en plus variées. > Disparité des appareils donc des écrans. > Utilisation de plus en plus massive d internet en mobilité. > Adaptation nécessaire pour publier du contenu.

4 Publier du contenu pour le Web > Canal de diffusion unique : Internet. > Transmission et affichages multiples. > S adapter à la taille, à la résolution et à l orientation de la fenêtre d affichage pour présenter le contenu.

5 Responsive Design > Avant (il n y a pas si longtemps) plusieurs thèmes pour un même site : thème «classique» et thème «mobile». > Aujourd hui il faudrait au moins 4 thèmes pour prendre en compte toutes les situations! > Le thème doit détecter comment est affiché le site et s adapter automatiquement : Responsive Design.

6 Responsive Design et Drupal > Drupal est un Content Management System et doit le rester. > Le système est en charge du workflow de création/ publication de contenus. > Le thème est responsable de la présentation des contenus.

7 Responsive Design et Drupal > Le choix du thème est primordial. Ø Plusieurs solutions de base avec Drupal : Ø Zen Ø AdaptiveTheme Ø Omega > Le thème Omega est l une des solutions les plus abouties : Responsive Design, Grid 960 et HTML5.

8 Démonstration frontoffice > Présentation du site et de ses régions. > Principe du système de grille. > Mise en évidence du Responsive Design : navigateur «classique» et smartphone.

9 Démonstration backoffice > Configuration des zones et des régions. > Modification de la largeur des colonnes de droite et de gauche. > Utilisation de grilles différentes selon les zones. > Déplacement d une région d une zone à une autre.

10 Mobile first > Mobile (défaut) pour smartphone. > Narrow > 740px pour tablette (portrait) et smartphone (paysage). > Normal > 980px pour écran de PC/Mac de bureau. > Wide > 1220px pour grand écran.

11 Modules complémentaires > Omega Tools : export des réglages du backoffice afin de les réutiliser sur un autre site. > Delta : permet d avoir une présentation différente en fonction du contexte (url, type de contenu, taxonomie ).

12 Démonstration - Delta > Création d une nouvelle présentation. > Association d une présentation et du contexte d utilisation.

13 Et ensuite > La présentation s adapte (finalement) bien. > Les medias sont toujours statiques (dimensions fixes). Il est nécessaire de les adapter également (resp_img, fitvids ). > Drupal 8 : initiatives HTML5, Layout et Mobile.

14 Omega et Commerce Kickstart

15 Commerce Kickstart? Commerce Kickstart version 2 Nouveauté d Août 2012 Une boutique de démonstration Une base pour constituer un POC Une base pour composer votre boutique (sur périmètre identique à proche) Commerce Kickstart Thème Un thème utilisable tout de suite Une base de thème pour votre boutique

16 De Commerce Kickstart 1 à Commerce Kickstart 2 Contenus Configura6ons Blocs Images Menus Thèmes

17 Omega ou Kickstart? Les thèmes de Commerce Kickstart version 2 1. Omega 2. Omega Kickstart (sous thème de Omega) 3. Commerce Kickstart Theme (sous thème d Omega Kickstart) Pourquoi trois thèmes? Lequel u8liser? Comment les maintenir? Comment créer le thème de ma bou7que?

18 Omega Kickstart Omega kickstart c est un sous thème d Omega c est notre base de travail Comment créer le thème de ma boutique avec Omega Kickstart? - Copier le thème Commerce Kickstart Theme pour en faire le votre et disposer des fonctionnalités d Omega et de notre travail sur Omega Kickstart - Créer un nouveau sous thème en se basant sur Commerce Kickstart Theme

19 Le RTL Pour écouter les grosses têtes? Right to Left Besoin de séparer les fichier rtl par format de résolution. Global.css > global-rtl.css => sur un thème classique Prendre en compte non pas 1 mais 3 fichiers rtl chaque résolution d écran/support à son équivalent rtl

20 Retour d expérience Créa6on d un sous thème Omega Répondant aux besoins de la distribu6on Prise de recul sur les objec6fs du produit Besoin de créer rapidement des versions différentes du thème pour des cas pra6ques Créa6on d un starter thème intermédiaire Portage des éléments principaux dans le thème Le thème u6lisé dans la démonstra6on de Kickstart dépend de deux thèmes de base, mais offre une meilleur adaptabilité à de nouveaux projets.

21 Processus idéal Créer un starter thème d Omega qui sera la base de thème des prochains sous-thèmes Omega > Omega Kickstart > Commerce Kickstart Theme Créer un sous-thème à votre starter thème Qui sera notre thème par défaut de votre site de démo Créer un autre sous thème pour un autre cas d usage de démonstration à partir d une base commune Mutualiser un base de thème pour créer plus facilement des exemple de démonstration

22 Maintenir sa boutique Mettre à jour Commerce Kickstart Commerce Kickstart suit les mises à jour de Drupal et de Drupal Commerce Mettre à jour son thème Omega Kickstart peut être amené à être mis à jour (le thème suit les mises à jour d Omega). La dernière version est toujours packagée avec la distribution. Commerce Kickstart ne se base que sur les versions stables Actuellement : Commerce Kickstart 7.x rc3

23 Et après Nous réfléchissons actuellement à la mise en place d un sous thème à par6r de la nouvelle version d Omega (Omega 4 actuellement en version dev)

24 Ressources > Omega drupal.org/project/omega > Commerce Kickstart drupal.org/project/commerce_kickstart > Omega Tools drupal.org/project/omega_tools > Delta drupal.org/project/delta > Context drupal.org/project/context > Commerce Kickstart avec démonstration commerceguys.com/product/commerce-kickstart

25 Merci!

26 Questions?

Découvrir Drupal. Les meilleurs thèmes et modules Drupal (présenta5on démo)

Découvrir Drupal. Les meilleurs thèmes et modules Drupal (présenta5on démo) Découvrir Drupal Les meilleurs thèmes et modules Drupal (présenta5on démo) Tour d horizon des principales fonc5onnalités de Drupal au travers de la présenta5on de quelques- uns de ses principaux modules

Plus en détail

Approche Design Méthodologie de conduite de sites web

Approche Design Méthodologie de conduite de sites web Approche Design Méthodologie de conduite de sites web Phase 02 Concevoir le site (C) Conception visuelle N. Vanassche www.nathalievanassche.be Phase 2 (C) : Conception visuelle Facilité d utilisation:

Plus en détail

ADAPTATION DES INTERFACES. ROUYER Florian et BENNOUR Salah

ADAPTATION DES INTERFACES. ROUYER Florian et BENNOUR Salah ADAPTATION DES INTERFACES ROUYER Florian et BENNOUR Salah SOMMAIRE Sujet Android Ionic Comparaison Conclusion Sujet Plateforme de partage de livres Fonctionnalités : Géolocalisation Visualisation Map Visualisation

Plus en détail

Bootstrap 3 pour l'intégrateur web CSS et Responsive Web Design

Bootstrap 3 pour l'intégrateur web CSS et Responsive Web Design Chapitre 1 : Introduction A. Le développement des sites Web 14 B. Les fonctionnalités de Bootstrap 14 C. La compatibilité avec les navigateurs 15 D. Télécharger les exemples 15 Chapitre 2 : Installer Bootstrap

Plus en détail

Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation.

Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation. 1 Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation. Voici un mode opératoire qui vous guidera dans l utilisation de

Plus en détail

INFORMATIONS ET INSTALLATION DU THEME CENATA RESPONSIVE

INFORMATIONS ET INSTALLATION DU THEME CENATA RESPONSIVE INFORMATIONS ET INSTALLATION DU THEME CENATA RESPONSIVE Cenata Responsive à été réalisé par Presta-Theme Contact : webmaster@presta-theme.com Compatibilité PrestaShop : 1.5.x Documentation Prestashop 1.5

Plus en détail

Support de cours et mode d emploi pour le CMS WordPress

Support de cours et mode d emploi pour le CMS WordPress pour le CMS WordPress Retrouvez notre le plan de formation sur http:///formation- cms- wordpress- creer- et- administrer- un- site- web.html Agence de communication la couleur du Zèbre - Mise à jour Août

Plus en détail

Facebook PS Shop Tab. Pré-requis Serveur. Pré-requis Facebook

Facebook PS Shop Tab. Pré-requis Serveur. Pré-requis Facebook Facebook PS Shop Tab Version : 2.2.7 Date de dernière mise à jour : 29/12/2011 Développement : Business Tech modules@businesstech.fr Démo : http://www.facebook.com/arthusandco Pré-requis Serveur La nouvelle

Plus en détail

Wethere JUSTINE GAUDIN & anis CHOUK DANS LE CADRE DU cours DE Webdesign de jonathan munn - 2014

Wethere JUSTINE GAUDIN & anis CHOUK DANS LE CADRE DU cours DE Webdesign de jonathan munn - 2014 Wethere JUSTINE GAUDIN & anis CHOUK DANS LE CADRE DU cours DE Webdesign de jonathan munn - 2014 Introduction Wethere est une application météorologique basé sur un support smartphone (mobile first). Elle

Plus en détail

Classilio Via 8 est l outil le plus simple et le plus facile à utiliser grâce à ses nouvelles fonctionnalités!

Classilio Via 8 est l outil le plus simple et le plus facile à utiliser grâce à ses nouvelles fonctionnalités! L équipe CLASSILIO est très fière de vous présenter sa toute nouvelle génération d outil de classe virtuelle/webconférence/webinar. En effet, Classilio Via 8 est la plus grosse évolution de notre outil

Plus en détail

Un site web collaboratif avec Drupal. Judith Hannoun - Journées INSHS 16 Octobre 2012

Un site web collaboratif avec Drupal. Judith Hannoun - Journées INSHS 16 Octobre 2012 Un site web collaboratif avec Drupal Judith Hannoun - Journées INSHS 16 Octobre 2012 Site web Ensemble de pages en html Des liens hypertextes Une base de données si site dynamique Une interface graphique

Plus en détail

RESPONSIVE DESIGN : Comment offrir à vos sites une adaptabilité parfaite?

RESPONSIVE DESIGN : Comment offrir à vos sites une adaptabilité parfaite? RESPONSIVE DESIGN : Comment offrir à vos sites une adaptabilité parfaite? Medialibs, votre partenaire digital Quoi? Un partenaire pour une gestion globale du digital (un laboratoire R&D, éditeur de logiciels

Plus en détail

Fluid. Modèle de projet pour e-majine MASSIVE.SHINE

Fluid. Modèle de projet pour e-majine MASSIVE.SHINE Fluid Modèle de projet pour e-majine MASSIVE.SHINE Sommaire I. Présentation... 1 II. Préformatés a - Page d accueil b - Page de portfolio c - Page de contact d - Page de blog... 2... 3... 4... 4... 5 III.

Plus en détail

CONDUITE DE PROJET WEB

CONDUITE DE PROJET WEB 1) La conception fonctionnelle A. Déterminer la structure du site et des pages Web Livrables pour cette phase : Plan du site Trames de pages Spécifications fonctionnelles Tâche réalisée par le Web designer.

Plus en détail

Programmation Android Ce que vous devez savoir. Cours Android - F. Michel 1 / 18

Programmation Android Ce que vous devez savoir. Cours Android - F. Michel 1 / 18 Programmation Android Ce que vous devez savoir 1 / 18 Plan 1 Connaissances essentielles 2 Définition d une GUI et adaptation au contexte 3 L objet Intent 2 / 18 Connaissances essentielles Sur la plate-forme

Plus en détail

Tutoriel Ionic framework

Tutoriel Ionic framework INGÉNIEURS EN SCIENCES INFORMATIQUES ADAPTATION DES INTERFACES A L ENVIRONNEMENT Tutoriel Ionic framework Tutoriel et présentation du framework IONIC : technologie permettant la réalisation d applications

Plus en détail

Speedinfo Projet Tablette : Portage de OpenSi sur Tablettes. Cas client Séminaire OD

Speedinfo Projet Tablette : Portage de OpenSi sur Tablettes. Cas client Séminaire OD Speedinfo Projet Tablette : Portage de OpenSi sur Tablettes Cas client Séminaire OD Les exigences Speedinfo Technologie demandée Aucune Architecture requise Une architecture évolutive qui permette facilement

Plus en détail

Dans ce mémento, vous trouverez les informations détaillées pour configurer les fonctionnalités du Responsive Design dans le Worldsoft CMS:

Dans ce mémento, vous trouverez les informations détaillées pour configurer les fonctionnalités du Responsive Design dans le Worldsoft CMS: 1 La taille et la résolution de l'écran des ordinateurs portables, des ordinateurs de bureau, des tablettes et des smartphones peuvent considérablement varier. C'est pour cette raison, que les sites Web

Plus en détail

SAS Studio SAS pour tous, SAS sur n importe quel périphérique.

SAS Studio SAS pour tous, SAS sur n importe quel périphérique. SAS Studio SAS pour tous, SAS sur n importe quel périphérique. SAS Studio est le dernier né des produits SAS, avec son utilisation, écrire et exécuter du code SAS n aura jamais été aussi simple. Il a pour

Plus en détail

Créer un site e-commerce avec PrestaShop Cloud Mise en place et suivi du projet

Créer un site e-commerce avec PrestaShop Cloud Mise en place et suivi du projet Chapitre 1 : Préparer son projet e-commerce A. Introduction 15 1. Objectif de ce livre 15 2. Pourquoi se lancer dans l e-commerce? 16 B. Les questions à se poser avant de se lancer 18 C. Identité du projet

Plus en détail

Applications iphone & Android Phone Technologie AppDeck - Offre Présence Digital news. agence moonseven www.moonseven.fr 1

Applications iphone & Android Phone Technologie AppDeck - Offre Présence Digital news. agence moonseven www.moonseven.fr 1 + Applications iphone & Android Phone Technologie AppDeck - Offre Présence Digital news agence moonseven www.moonseven.fr 1 + Un marché en pleine croissance 2 FOCUS Entre mars 2013 et mars 2014, le trafic

Plus en détail

Savoir- Faire Offres mé1ers Offres technologiques

Savoir- Faire Offres mé1ers Offres technologiques www.neuros.fr Savoir- Faire Offres mé1ers Offres technologiques! Audit et conseil (stratégie, organisation, urbanisation )! Assistance à maîtrise d'ouvrage! Développement d'applications métiers! Migration

Plus en détail

MANUEL D INSTALLATION 2013 du module Chronopost 2.7.0 pour Prestashop 1.5 et 2.6.0 pour Prestashop 1.3

MANUEL D INSTALLATION 2013 du module Chronopost 2.7.0 pour Prestashop 1.5 et 2.6.0 pour Prestashop 1.3 MANUEL D INSTALLATION 2013 du module Chronopost 2.7.0 pour Prestashop 1.5 et 2.6.0 pour Prestashop 1.3 Objectif Ce document explique comment installer et utiliser le module Chronopost sur votre site Prestashop.

Plus en détail

Point 3.5. Publier des contenus dans un portail e-sidoc. Mars 2014 Documentation détaillée V 2.3

Point 3.5. Publier des contenus dans un portail e-sidoc. Mars 2014 Documentation détaillée V 2.3 Point 3.5 Publier des contenus dans un portail e-sidoc Mars 2014 Documentation détaillée V 2.3 LA PUBLICATION D ACTUALITES... 2 La saisie d une actualité... 2 Déplacer une actualité... 4 Principes d affichage

Plus en détail

Point 3.1. Publier des contenus dans un portail e-sidoc. Janvier 2013 Documentation détaillée V 2.2

Point 3.1. Publier des contenus dans un portail e-sidoc. Janvier 2013 Documentation détaillée V 2.2 Point 3.1 Publier des contenus dans un portail e-sidoc Janvier 2013 Documentation détaillée V 2.2 CHOIX EDITORIAUX ET ORGANISATION DE L INFORMATION D E-SIDOC... 2 LA PROCEDURE D'INITIALISATION ET DE PUBLICATION

Plus en détail

Institut Méditerranéen de Biodiversité et d Ecologie marine et continentale

Institut Méditerranéen de Biodiversité et d Ecologie marine et continentale Documentation pour l administration de Pages personnelles sur www.imbe.fr Update : 05/12/2013 Les pages personnelles Ouverture d une page personnelle La demande de création d une page personnelle doit

Plus en détail

Manuel d utilisation du module Liste de cadeaux PRO par Alize Web

Manuel d utilisation du module Liste de cadeaux PRO par Alize Web Manuel d utilisation du module Liste de cadeaux PRO par Alize Web INSTALLER ET CONFIGURER LE MODULE (BACK OFFICE) 2 Réglages des performances 2 Télécharger le module 3 Installer le module 4 Configurer

Plus en détail

Drupal un CMS orienté mé2er. Romain JARRAUD Mathieu GROS

Drupal un CMS orienté mé2er. Romain JARRAUD Mathieu GROS Drupal un CMS orienté mé2er Romain JARRAUD Mathieu GROS Romain JARRAUD - Responsable formation Trained People (drupalfrance.com) Mathieu GROS - Directeur Général Actency (actency.fr) Introduction Quelques

Plus en détail

Comment installer wordpress. www.bxart.be wp niveau 1

Comment installer wordpress. www.bxart.be wp niveau 1 www.bxart.be wp niveau 1 Installation Introduction Wordpress est un CMS ce qui signifie : système de gestion de contenu (Content Management System). Il y a d autres CMS mais c est de loin le plus populaire.

Plus en détail

Windows 8 - JPO du 20 septembre 2012 1

Windows 8 - JPO du 20 septembre 2012 1 Windows 8 - JPO du 20 septembre 2012 1 Date de sortie Prérequis Installation Différentes versions Nouvelle interface - Nouvelle barre Nouveautés Tablette Microsoft Windows 8 - JPO du 20 septembre 2012

Plus en détail

Android, introduction

Android, introduction Android, introduction Sébastien Jean IUT de Valence Département Informatique v1.1, 7 novembre 2012 Android en bref Android est un système d exploitation développé depuis 2003, apparu officiellement en

Plus en détail

Mode d emploi de Typo3

Mode d emploi de Typo3 Mode d emploi de Typo3 1. Accès à l interface d administration Slide 2 2. Description de l interface Slide 3 3. Le menu Slide 4 4. Gestion des circulaires administratives 4.1 Affichage - Sélection Slide

Plus en détail

Module - Facebook PS Connect

Module - Facebook PS Connect Module - Facebook PS Connect Date : 20 Juillet 2015 Service Business Tech : Installation & Personnalisation Si vous avez besoin d une assistance, nous pouvons vous fournir une installation complète que

Plus en détail

Formation Drupal pour développeur

Formation Drupal pour développeur Formation Drupal pour développeur 3 jours pour maîtriser Drupal Makemeweb Avenvue G Poels, 8 10 1160 Auderghem Page 1/5 1 Introduction Le but de cette formation est que ses participants soient capables

Plus en détail

PrestaShop Cloud. Créer un site e-commerce avec. PrestaShop Cloud. Mise en place et suivi du projet. Créer un site e-commerce avec

PrestaShop Cloud. Créer un site e-commerce avec. PrestaShop Cloud. Mise en place et suivi du projet. Créer un site e-commerce avec Pierre-Henri COFFINET Entrepreneur et passionné par les nouvelles technologies, Pierre-Henri COFFINET est aujourd hui cogérant de la société de webmarketing AD Powers. Expert du web depuis plus de 10 ans,

Plus en détail

CMS MWC. Outil pour la gestion du site Internet DOCUMENTATION UTILISATEUR [version du 23/03/2009]

CMS MWC. Outil pour la gestion du site Internet DOCUMENTATION UTILISATEUR [version du 23/03/2009] CMS MWC Outil pour la gestion du site Internet DOCUMENTATION UTILISATEUR [version du 23/03/2009] 1. Authentification 2. Interface d édition MWC 3. Mise en page 4. Gestion des fichiers 5. Gestion des événements

Plus en détail

RESPONSIVE WEB DESIGN

RESPONSIVE WEB DESIGN RESPONSIVE WEB DESIGN Une approche pour concevoir des sites Web adaptatifs et une occasion d'inciter les étudiants à consulter des cours responsives Ivan MADJAROV Arnaud FÉVRIER Comment consulte-t-on le

Plus en détail

MODULE D INITIATION À INFORMATIQUE LYCEE

MODULE D INITIATION À INFORMATIQUE LYCEE Module I INITIATION A L INFORMATIQUE, SYSTEME D EXPLOITATION ET WINDOWS CONTENU du Programme de formation : INTRODUCTION INFORMATIQUE 1 Notion de matériel Informatique et logiciel Informatique 2 Notion

Plus en détail

4. Personnalisation du site web de la conférence

4. Personnalisation du site web de la conférence RTUTORIEL Prise en main de la plateforme 1. Création de l espace conférence Connectez- vous sur le portail http://test- www.sciencesconf.org avec le compte : - Identifiant : «admin1» - Mot de passe «1234»

Plus en détail

Backoffice Drupal Formation Administrateurs

Backoffice Drupal Formation Administrateurs Backoffice Drupal Formation Administrateurs Agence Tévolys Dijon 12, Rue Maxime Guillot 21300 Chenove Tél : 03 80 60 83 83 Agence Tévolys Paris 253 Rue Saint Honoré 75001 Paris Tél : 01 44 55 09 84 Plan

Plus en détail

C A R T O G R A P H I E D E S S E R V I C E S S O C I A U X D E B A S E ( S S B )

C A R T O G R A P H I E D E S S E R V I C E S S O C I A U X D E B A S E ( S S B ) C A R T O G R A P H I E D E S S E R V I C E S S O C I A U X D E B A S E ( S S B ) M A N U E L D ' U T I L I S A T I O N D U P O R T A I L W E B Version : 1.1.0 SOMMAIRE I. PRE REQUIS 5 II. DEMARRAGE DE

Plus en détail

SPECIFICATIONS FONCTIONNELLES DETAILLEES VICAT. Site internet des Papeteries de Vizille. RÉFÉRENCE : 2011_OA110029 VERSION : v01.

SPECIFICATIONS FONCTIONNELLES DETAILLEES VICAT. Site internet des Papeteries de Vizille. RÉFÉRENCE : 2011_OA110029 VERSION : v01. VICAT Site internet des Papeteries de Vizille RÉFÉRENCE : 2011_OA110029 VERSION : v01.01 18/05/2012 LES INTERLOCUTEURS DU PROJET OPEN WIDE Sandrine Bouvier Tél : +33 4 26 68 29 04 Mail : sandrine.bouvier@openwide.fr

Plus en détail

Introduction à Drupal

Introduction à Drupal Introduction à Drupal Vincent Garcies, Felip Manyer i Ballester Apéro web Perpignan du 26 février 2015 Vincent Garcies, Felip Manyer i Ballester Introduction à Drupal 1/16 Drupal : caractéristiques techniques

Plus en détail

UTILISATION DES BLOCS ERABLE.CA

UTILISATION DES BLOCS ERABLE.CA Erable Formation sur l utilisation des blocs Janvier 2012 UTILISATION DES BLOCS ERABLE.CA Utilisation des blocs sur un site Drupal Préparé pour Renaud Binette Par Pierre Paul Lefebvre (Développeur web),

Plus en détail

Travaux dirigés n 10

Travaux dirigés n 10 Travaux dirigés n 10 IMAC 1 Responsive Web Design Dans ce TD, vous verrez comment concevoir un design web qui s adaptera au terminal sur lequel il sera visualisé. Avant-propos Avec l avènement des smartphones

Plus en détail

Comment créer un concours photo avec Qualifio Manager?

Comment créer un concours photo avec Qualifio Manager? Démarrage rapide Comment créer un concours photo avec Qualifio Manager? Kit de démarrage rapide pour les utilisateurs expérimentés de Qualifio Manager QUALIFIO JUIN 2012 helpdesk@qualifio.com 1 Sommaire

Plus en détail

- SPECIFICATIONS FONCTIONNELLES - V2 DU 17/07/2015

- SPECIFICATIONS FONCTIONNELLES - V2 DU 17/07/2015 De : Alix Beltra Site Ligue contre le cancer 31 A : Marie-Ange Leophonte - SPECIFICATIONS FONCTIONNELLES - V2 DU 17/07/2015 Nombre de gabarits 4 1. OBJET DU DOCUMENT ET RÈGLES GÉNÉRALES Le présent document

Plus en détail

Wordpress Manuel utilisateur. Manuel utilisateur

Wordpress Manuel utilisateur. Manuel utilisateur Wordpress Manuel utilisateur Projet : WORDPRESS Auteur : Référence : Version : ALEOS2i Date de dernière modification : 13 septembre 2013 2.0 Objet : Manuel utilisateur Table des matières Connexion au BackOffice...3

Plus en détail

Tour d horizon des CMS. Content Management System

Tour d horizon des CMS. Content Management System Tour d horizon des CMS Content Management System Qu est ce qu un CMS? C est un Sytème de gestion de contenus Gestion dynamique de contenus en ligne Contenus suivant les standards du web Séparation du contenu,

Plus en détail

THEME RESPONSIVE DESIGN

THEME RESPONSIVE DESIGN THEME RESPONSIVE DESIGN Tablettes, smartphones, netbooks, ordinateurs les résolutions d écrans sont nombreuses. Adaptez vous aux nouvelles habitudes des utilisateurs en étant visible de façon optimale.

Plus en détail

Introduc)on à Drupal. Journées Mathrice, octobre 2010 par Kenji Lefèvre

Introduc)on à Drupal. Journées Mathrice, octobre 2010 par Kenji Lefèvre Introduc)on à Drupal Journées Mathrice, octobre 2010 par Kenji Lefèvre Sommaire 1. Présenta>on succincte 2. À qui s adresse Drupal? 3. Avantages et difficultés 4. Architecture, administra>on Drupal 5.

Plus en détail

Lea service Intranet établissement

Lea service Intranet établissement Lea service Intranet établissement Documentation Administrateur Présentation Le service Intranet établissement est accessible par l onglet Etablissement. Il affiche le site web de l établissement propulsé

Plus en détail

Créer son Blog! Une fois votre compte blogger ouvert, vous allez pouvoir cliquer sur «Nouveau Blog» Une nouvelle fenêtre apparaît

Créer son Blog! Une fois votre compte blogger ouvert, vous allez pouvoir cliquer sur «Nouveau Blog» Une nouvelle fenêtre apparaît Qu est-ce qu un blog? Un weblog (raccourci en blog ) est un site internet avec textes et/ou images, actualisé régulièrement, par un ou plusieurs auteurs (que l'on nomme bloggers «prononcer blogueurs»),

Plus en détail

BIEN DÉCLINER SA PRÉSENCE DIGITALE MOBILE, TABLETTE, ORDINATEUR, NETBOOK

BIEN DÉCLINER SA PRÉSENCE DIGITALE MOBILE, TABLETTE, ORDINATEUR, NETBOOK BIEN DÉCLINER SA PRÉSENCE DIGITALE MOBILE, TABLETTE, ORDINATEUR, NETBOOK Pourquoi vouloir décliner? POURQUOI VOULOIR DÉCLINER? LES SUPPORTS DE VISUALISATION SE DIVERSIFIENT DES DEVICES VARIÉS DES RÉSOLUTIONS

Plus en détail

Démarrer avec Windows 8.1

Démarrer avec Windows 8.1 Généralités Windows 8 : une petite révolution? 5 Démarrer Windows 8 7 Ouvrir ou activer une nouvelle session 11 Utiliser les fonctionnalités tactiles 12 Utiliser l interface Windows 8 sur un écran tactile

Plus en détail

Créer son site web. Avec la distribution e-change http://www.plateforme-echange.org/ Benoît Mamet Cédric Morin

Créer son site web. Avec la distribution e-change http://www.plateforme-echange.org/ Benoît Mamet Cédric Morin Créer son site web Avec la distribution e-change http://www.plateforme-echange.org/ Benoît Mamet Cédric Morin 1 Personnaliser l'apparence du site Avec la distribution e-change 2 La version rapide 3 Choisir

Plus en détail

Formations Web. Catalogue 2014 Internet Référencement Newsletter Réseaux sociaux Smartphone

Formations Web. Catalogue 2014 Internet Référencement Newsletter Réseaux sociaux Smartphone Formations Web Catalogue 2014 Internet Référencement Newsletter Réseaux sociaux Smartphone Formations Web CCI Formation vous propose 8 formations WEB 1 formation Smartphone Nos formations se déroulent

Plus en détail

Point de départ état des lieux. Plus de 200 sites web Internet Périmètre institutionnel = site national + 21 sites des centres de recherche

Point de départ état des lieux. Plus de 200 sites web Internet Périmètre institutionnel = site national + 21 sites des centres de recherche Point de départ état des lieux Plus de 200 sites web Internet Périmètre institutionnel = site national + 21 sites des centres de recherche Point de départ - problématique, enjeu L INRA souffre d un déficit

Plus en détail

14 / 10 / 2013 M3 SOFT V3.0 AC8 NOUVEAUTÉS

14 / 10 / 2013 M3 SOFT V3.0 AC8 NOUVEAUTÉS 14 / 10 / 2013 M3 SOFT V3.0 AC8 NOUVEAUTÉS SOMMAIRE Import / Export de macros : Principaux Bénéfices Importer une Macro Consulter une aide Macro Associer une aide à une Macro Exporter une Macro Utilisation

Plus en détail

Construction d un Site Internet Dynamique avec Joomla René-Yves Hervé, Ph.D.

Construction d un Site Internet Dynamique avec Joomla René-Yves Hervé, Ph.D. Construction d un Site Internet Dynamique avec Joomla René-Yves Hervé, Ph.D. TABLE DES MATIÈRES I. Présentation de Joomla II. III. IV. Documents disponibles Installation de Joomla 3.1) Installation sur

Plus en détail

Drupal vs La concurrence

Drupal vs La concurrence Drupal vs La concurrence Présentation créée par : Exove Traduction : Julien DUBOIS Version originale : http://www.slideshare.net/exove/drupal vsthe others Wordpress Wordpress fr.net Wordpress CMS centré

Plus en détail

LabEx EFL : Formation DRUPAL. Sarra El Ayari

LabEx EFL : Formation DRUPAL. Sarra El Ayari LabEx EFL : Formation DRUPAL Mettre à jour les sites-axes Sarra El Ayari 27 mai 2013 Sommaire 1 Les sites axes 2 Prise en main 3 Créer une nouvelle page 4 Gestion des onglets 5 Barre de mise en forme 6

Plus en détail

Manuel du rédacteur. Dernière mise à jour : le 14/04/2010

Manuel du rédacteur. Dernière mise à jour : le 14/04/2010 Manuel du rédacteur Dernière mise à jour : le 14/04/2010 Table des matières 1 PRÉSENTATION GÉNÉRALE... 3 2 L INTERFACE DE GESTION... 3 2.1 ACCÈS À L INTERFACE DE GESTION... 3 2.2 PRÉSENTATION GÉNÉRALE...

Plus en détail

Spécifications techniques

Spécifications techniques Infos pratiques Bon de commande: indication de réservation publicité Tablette + confirmation de livraison du matériel: envoyer à booking@trustmedia.be Matériel Papier: artwork@mediafin.be 2 jours ouvrables

Plus en détail

MANUEL D INSTALLATION. du module Chronopost pour. version 1.0.0

MANUEL D INSTALLATION. du module Chronopost pour. version 1.0.0 MANUEL D INSTALLATION du module Chronopost pour version 1.0.0 Objectif Ce document explique comment installer et utiliser le module Chronopost sur votre site Magento. Périmètre Ce module permet d accepter

Plus en détail

MANUEL D INSTALLATION 2015. du module Chronopost pour. version 1.0.5

MANUEL D INSTALLATION 2015. du module Chronopost pour. version 1.0.5 MANUEL D INSTALLATION 2015 du module Chronopost pour version 1.0.5 Objectif Ce document explique comment installer et utiliser le module Chronopost depuis votre site Magento. Périmètre Ce module permet

Plus en détail

La gestion informatique des points de vente

La gestion informatique des points de vente La gestion informatique des points de vente Newsletter SOLSYS Détail et Caisse, version 3.2.20, disponible depuis le 13 Juillet 2015. Nouveautés Solsys Caisse : Option de saisie de quantités décimales.

Plus en détail

Webinar. Découvrez Rubedo, la première solution CMS open-source tirant profit des atouts de Zend Framework et du NoSQL. avec la participation de

Webinar. Découvrez Rubedo, la première solution CMS open-source tirant profit des atouts de Zend Framework et du NoSQL. avec la participation de En partenariat avec Webinar Découvrez Rubedo, la première solution CMS open-source tirant profit des atouts de Zend Framework et du NoSQL avec la participation de 19 mars 2013 Qui sommes-nous? INTRODUCTION

Plus en détail

PloneLabs un gestionnaire de contenu pour les laboratoires

PloneLabs un gestionnaire de contenu pour les laboratoires PloneLabs un gestionnaire de contenu pour les laboratoires Guillaume Pellerin LAM, Paris 5 février 2007 - v. 0.1 PloneLabs un gestionnaire de contenu pour les laboratoires 5 février 2007 - v. 0.1 1 / 15

Plus en détail

Composeur. Fonctionnalités : Onglet éléments Légende Images et pages Web Tableaux Grilles Miniatures Divers. 88 Séminaire utilisateurs QGIS

Composeur. Fonctionnalités : Onglet éléments Légende Images et pages Web Tableaux Grilles Miniatures Divers. 88 Séminaire utilisateurs QGIS Composeur Fonctionnalités : Onglet éléments Légende Images et pages Web Tableaux Grilles Miniatures Divers 88 Séminaire utilisateurs QGIS Composeur de cartes 89 Séminaire utilisateurs QGIS Création d une

Plus en détail

Administration de plateforme Moodle. Babacar Ngom Tout public. Exposés du formateur et Activités pratiques

Administration de plateforme Moodle. Babacar Ngom Tout public. Exposés du formateur et Activités pratiques Fiche de description Administration de plateforme moodle 1 Identification du support Titre du support Code Auteur(s) Public et niveau d'enseignement visé Date de la version Volume horaire Equivalence en

Plus en détail

Summa Cutter Tools. Les outils suivants peuvent être installés avec Summa Cutter Tools :

Summa Cutter Tools. Les outils suivants peuvent être installés avec Summa Cutter Tools : Summa Cutter Tools 1 Cutter Tools Les outils suivants peuvent être installés avec Summa Cutter Tools : 1. Plug-in pour CorelDraw (version 11 ou ultérieure) et Adobe Illustrator (version CS ou ultérieure)

Plus en détail

Traitement et téléchargement de fichier de grande taille dans STAT-TAB

Traitement et téléchargement de fichier de grande taille dans STAT-TAB Département fédéral de l'intérieur DFI Office fédéral de la statistique OFS Publication et communication 18 février 2014 Traitement et téléchargement de fichier de grande taille dans STAT-TAB Ce document

Plus en détail

Documentation d utilisation

Documentation d utilisation Documentation d utilisation 1 Edutab est développé par Novatice Technologies Table des matières Interface enseignant/classe... 3 Introduction... 5 Démarrage... 5 Connexion des tablettes... 5 Préconisations...

Plus en détail

MOHIVE 2012.2 Juillet 2012

MOHIVE 2012.2 Juillet 2012 MOHIVE 2012.2 Juillet 2012 1. Description... 2 2. Nouvelles fonctionnalités de Mohive 12.2... 2 Création et export de modules sur tablette ipad... 3 Gestion de la compatibilité mobile sur la plateforme

Plus en détail

Bureautique Initiation Excel-Powerpoint

Bureautique Initiation Excel-Powerpoint Module de Formation Personnalisée : Bureautique Initiation Excel-Powerpoint Durée : jours ouvrables Prix : Formation personnalisée en vue d obtenir les notions de base indispensables pour : Excel Office

Plus en détail

Mutualiser les moyens de communication d'un réseau d'acteurs. La pépinière de sites web Natura 2000

Mutualiser les moyens de communication d'un réseau d'acteurs. La pépinière de sites web Natura 2000 Mutualiser les moyens de communication d'un réseau d'acteurs La pépinière de sites web Natura 2000 6ème forum TIC ATEN, 31 mai 2012 1 Plan de la présentation 2 L'origine de la démarche motivation du projet

Plus en détail

WINDOWS 10 Windows 10 fichiers dossiers OneDrive Cortana Photos Lecteur Windows Media Contacts Messagerie Calendrier Skype WINDOWS 10 Microsoft Edge

WINDOWS 10 Windows 10 fichiers dossiers OneDrive Cortana Photos Lecteur Windows Media Contacts Messagerie Calendrier Skype WINDOWS 10 Microsoft Edge WINDOWS 10 Table des matières L environnement Windows 10 i Généralités Windows 10 : les nouveautés................................ 9 Intérêts d utiliser un compte Microsoft........................ 18 Démarrer

Plus en détail

Commandes de Word 2011 (menus, barres d outils, ruban) 1

Commandes de Word 2011 (menus, barres d outils, ruban) 1 Activer le mode plein Menu affichage > Activer le mode écran écran plein écran adresses de s (ignorer les adresses Internet et les adresses de s) orthographe> case à cocher ignorer les adresses Internet

Plus en détail

MEDIAplus Reporting Tool

MEDIAplus Reporting Tool MEDIAplus Reporting Tool L outil de MEDIAplus administration vous permet d extraire des rapports d information concernant les utilisateurs de votre site MEDIAplus. Dans certains cas, le volume des données

Plus en détail

MANUEL D INSTALLATION

MANUEL D INSTALLATION MANUEL D INSTALLATION du module Chronopost pour Objectif Ce document explique comment installer et utiliser le module Chronopost sur votre site Prestashop. Périmètre Ce module permet d accepter dans votre

Plus en détail

Présentation du logiciel Wordpress

Présentation du logiciel Wordpress Présentation du logiciel Wordpress Jean-Philippe PERNIN Université Stendhal Département Informatique Pédagogique Bureau I113 Mél. : Jean-Philippe.Pernin@u-grenoble3.fr 1 Site web Sites web et Blogs Ensemble

Plus en détail

Securitoo Mobile guide d installation

Securitoo Mobile guide d installation Securitoo Mobile guide d installation v12.11 Toutes les marques commerciales citées dans ce document sont la propriété exclusive de leurs détenteurs respectifs. Copyright 2012 NordNet S.A. objectif Le

Plus en détail

Mairie de Bayonne. Manuel utilisateur Agenda BAB

Mairie de Bayonne. Manuel utilisateur Agenda BAB Mairie de Bayonne Manuel utilisateur Agenda BAB Contact : Laurie Dumora 05 59 46 60 17 18/05/2012 Sommaire 1 Se connecter à typo3... 3 2 Présentation de l interface «typo3»... 3 2.1 Menu principal et tableau

Plus en détail

Manuel d utilisation email NETexcom

Manuel d utilisation email NETexcom Manuel d utilisation email NETexcom Table des matières Vos emails avec NETexcom... 3 Présentation... 3 GroupWare... 3 WebMail emails sur internet... 4 Se connecter au Webmail... 4 Menu principal... 5 La

Plus en détail

Mémento mise à jour d un site all-in-web

Mémento mise à jour d un site all-in-web Mémento mise à jour d un site all-in-web Ce document a pour but de rappeler les principales manipulations pour mettre à jour un site web sous all-in-web. Sommaire 1 La CSS : la mise en forme du site...

Plus en détail

Point 3.7. Publier des contenus dans un portail e-sidoc. Janvier 2013 Documentation détaillée V 2.2

Point 3.7. Publier des contenus dans un portail e-sidoc. Janvier 2013 Documentation détaillée V 2.2 Point 3.7 Publier des contenus dans un portail e-sidoc Janvier 2013 Documentation détaillée V 2.2 INTEGRER DES DOCUMENTS (TEXTES, VIDEOS, IMAGES) SUR UN PORTAIL E-SIDOC... 2 Savoir utiliser l éditeur wysiwyg

Plus en détail

Formation Responsive Web Design

Formation Responsive Web Design L institut de formation continue des professionnels du Web Formation Responsive Web Design Référence formation : Durée : Prix conseillé : RESPWD 3 jours (21 heures) 1 500 HT (hors promotion ou remise particulière)

Plus en détail

Drupal Contributeur. Maitrisez la publication sous Drupal. Une formation T@hitiClic. Formateur : Fabien Crépin. Drupal Contributeur.

Drupal Contributeur. Maitrisez la publication sous Drupal. Une formation T@hitiClic. Formateur : Fabien Crépin. Drupal Contributeur. Maitrisez la publication sous Drupal Une formation Formateur : Fabien Crépin Introduction Objectif : savoir publier du contenu sous Drupal Contenu : Créer un contenu Mise en forme du texte Gestion des

Plus en détail

Plateforme takouine: Guide de l apprenant

Plateforme takouine: Guide de l apprenant Plateforme takouine: Guide de l apprenant - - Juillet 2012 - Sommaire Introduction :...3 Objectif :...3 Moodle :...3 Prérequis :...4 Matériel :...4 Logiciel :...4 Réglages préalables :...4 JavaScript :...4

Plus en détail

Drupal 7. Créer et administrer son site de manière rapide et efficace. David Mercer. 2011 Pearson Education France Drupal 7 David Mercer

Drupal 7. Créer et administrer son site de manière rapide et efficace. David Mercer. 2011 Pearson Education France Drupal 7 David Mercer Drupal 7 Créer et administrer son site de manière rapide et efficace David Mercer Pearson Education France a apporté le plus grand soin à la réalisation de ce livre afin de vous fournir une information

Plus en détail

Inscription de votre site sur Google Configuration du sitemap et de Webmaster Tools pour PrestaBox

Inscription de votre site sur Google Configuration du sitemap et de Webmaster Tools pour PrestaBox Tutoriel PrestaBox n 3 Catégorie : Référencement Inscription de votre site sur Google Configuration du sitemap et de Webmaster Tools pour PrestaBox Pour vous aider dans la mise en place et la gestion de

Plus en détail

Installer, configurer et personnaliser Joomla

Installer, configurer et personnaliser Joomla Installer, configurer et personnaliser Joomla Web Platform Installer 2.0 15/02/2010 Access IT Julien CHOMARAT jchomarat@access-it.fr http://www.sharepointofview.fr/julien Retrouvez cet atelier à l adresse

Plus en détail

«Créer son site web professionnel avec WordPress»

«Créer son site web professionnel avec WordPress» Etre visible sur internet, transmettre une image positive de son entreprise, augmenter son CA pour une petite et moyenne structure, le site web est un outil de communication indispensable. Avoir un site

Plus en détail

MANUEL D INSTALLATION. du module Chronopost pour. version 1.0.5

MANUEL D INSTALLATION. du module Chronopost pour. version 1.0.5 MANUEL D INSTALLATION du module Chronopost pour version 1.0.5 Objectif Ce document explique comment installer et utiliser le module Chronopost sur votre site Magento. Périmètre Ce module permet de proposer

Plus en détail

Périmètre de la solution

Périmètre de la solution Périmètre de la solution Tests unitaires : Pouvoir créer rapidement un nouveau cas de test à la suite de l ajout ou de l évolution d une règle de gestion. Ne pas avoir à coder chaque nouveau cas de test.

Plus en détail

Apprendre à publier sur le web

Apprendre à publier sur le web Apprendre à publier sur le web Objectifs : maîtriser l outil de publication en ligne de votre magazine pour publier et gérer vos contenus (Drupal, Spip, Wordpress). Durée : 3h30 Programme Découverte de

Plus en détail

On trouvera sur le site du CCDMD un exemple d album construit avec Cantare. (http://www.ccdmd.qc.ca/ri/cantare)

On trouvera sur le site du CCDMD un exemple d album construit avec Cantare. (http://www.ccdmd.qc.ca/ri/cantare) Cantare 2 Introduction L outil logiciel Cantare s adresse à toute personne qui veut construire des leçons visant l apprentissage d une langue par l écoute de chansons ou de fichiers sonores dont les paroles

Plus en détail

Construire un blog. Plate-formes gratuites. http://www.canalblog.com/ Créer un blog avec canalblog.

Construire un blog. Plate-formes gratuites. http://www.canalblog.com/ Créer un blog avec canalblog. Construire un blog Carmen Vera PérezP Plate-formes gratuites. http://www.canalblog.com/ http://www.blogger.com/start http://www.wordpress.fr/ http://www.over-blog.com/ http://www.canalblog.com/ la possibilité

Plus en détail