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

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

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

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

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

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

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

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

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

CMS Modules Dynamiques - Manuel Utilisateur

CMS Modules Dynamiques - Manuel Utilisateur CMS Modules Dynamiques - Manuel Utilisateur 1. Introduction Le modèle CMS Le modèle des «Content Management Systems» proposé par MUM est un type particulier de sites web dynamiques, ayant comme avantage

Plus en détail

MAGICA THEME PRESTASHOP RESPONSIVE. Compatible avec toutes les versions PRESTASHOP 1.6

MAGICA THEME PRESTASHOP RESPONSIVE. Compatible avec toutes les versions PRESTASHOP 1.6 MAGICA THEME PRESTASHOP RESPONSIVE MAGICA a été réalisé par PRESTA-THEME Compatible avec toutes les versions PRESTASHOP 1.6 MAGICA est facilement installable depuis votre back-office PRESTASHOP et compatible

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

Gérer les règles de prix catalogue sur Magento

Gérer les règles de prix catalogue sur Magento Gérer les règles de prix catalogue sur Magento Version utilisée pour l élaboration de ce guide : Magento 1.2.1.2 Rédigé par : Olivia Contexte Magento vous permet de gérer votre politique commerciale directement

Plus en détail

UFOWEB Générateur de site pour les comités départementaux, régionaux et CNS! FORMATION N1-ADCOSOFT - UFOLEP OCTOBRE 2014

UFOWEB Générateur de site pour les comités départementaux, régionaux et CNS! FORMATION N1-ADCOSOFT - UFOLEP OCTOBRE 2014 UFOWEB Générateur de site pour les comités départementaux, régionaux et CNS! FORMATION N1-ADCOSOFT - UFOLEP OCTOBRE 2014 Formation animée par: ADCOSOFT Adrien COMLAN UFOLEP Rosemary PAUL-CHOPIN Noémie

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

Transition vers Compressor 4.1. Livre blanc Décembre 2013

Transition vers Compressor 4.1. Livre blanc Décembre 2013 Transition vers Compressor 4.1 Livre blanc Décembre 2013 2 Contenus 3 Introduction 4 Nouvelle interface Affichage actuel Vue Actif Vue Terminé 6 Processus d encodage de base 8 Destinations 11 Transcodage

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

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

Administration de votre site web

Administration de votre site web Administration de votre site web WordPress Date de révision : 11/12/2012 1 Mestres All Dev, tous droits réservés, reproduction interdite. Sommaire Connexion... 3 Gestion des articles... 4 Créer un article...

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

Démarrage du logiciel sous Windows 7

Démarrage du logiciel sous Windows 7 Démarrage du logiciel sous Windows 7 Nous vous expliquons ci-dessous, pas à pas, comment démarrer et utiliser votre CONTOUR NEXT USB personnel sur le système d exploitation de votre choix. Étape 1. Enfichez

Plus en détail

MEDIA NAV Guide de téléchargement de contenus en ligne

MEDIA NAV Guide de téléchargement de contenus en ligne MEDIA NAV Guide de téléchargement de contenus en ligne Le présent document donne des instructions pour procéder aux mises à jour du logiciel et du contenu de l appareil de navigation de l utilisateur.

Plus en détail

Module pour la solution e-commerce Ubercart 3.x

Module pour la solution e-commerce Ubercart 3.x Module pour la solution e-commerce Ubercart 3.x sommaire 1. Introduction... 3 1.1. Objet du document... 3 1.2. Liste des documents de référence... 3 1.3. Avertissement... 3 1.4. Contacts... 3 1.5. Historique

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

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

RESPONSIVE DESIGN. Gobelins 2014.2015. Isabelle Biamonti

RESPONSIVE DESIGN. Gobelins 2014.2015. Isabelle Biamonti RESPONSIVE DESIGN Gobelins 2014.2015 Isabelle Biamonti Plan Principe général Exemples Sans responsive Avec responsive Versions séparées Responsive design ou versions séparées? Comment rendre un design

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

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

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

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

Le générateur d applications web Web AppBuilder for ArcGIS

Le générateur d applications web Web AppBuilder for ArcGIS Atelier Technique SIG 2015 7 & 8 octobre 2015 - Versailles Le générateur d applications web Web AppBuilder for ArcGIS Thierry Babelaere Fernando Pereira La plateforme ArcGIS Les applications Web ArcGIS

Plus en détail

Atelier du 22 août 2012 «Comment améliorer la gestion interne de mon entreprise avec un ERP, une plateforme e-commerce ou les deux?

Atelier du 22 août 2012 «Comment améliorer la gestion interne de mon entreprise avec un ERP, une plateforme e-commerce ou les deux? Atelier du 22 août 2012 «Comment améliorer la gestion interne de mon entreprise avec un ERP, une plateforme e-commerce ou les deux?» Club Agenda de l atelier Introduction Retour d expérience : New Idea

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

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

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

Scolasite.net, le créateur de site web au service des enseignants. Guide d'administration du site Internet. Page 1

Scolasite.net, le créateur de site web au service des enseignants. Guide d'administration du site Internet. Page 1 Guide d'administration du site Internet Page 1 Scolasite permet de créer rapidement un site Internet, sans connaissances techniques particulières. Spécialement destiné aux établissements scolaires, son

Plus en détail

Devis pour la création de votre site Internet

Devis pour la création de votre site Internet Proposition commerciale Réf. : PR1408-0287 Date : 28/08/2014 Durée de validité : 30 jours Code client : CU1408-2685 Adressé à : Serial Kreative SPRL Chaussée de Tubize 208 1440 Wauthier-Braine BE0845551275

Plus en détail

Une solution opensource d'affichage dynamique - XIBO

Une solution opensource d'affichage dynamique - XIBO Une solution opensource d'affichage dynamique - XIBO - Retour sur le choix de la solution XIBO au laboratoire de mathématiques de Besançon Journées Mathrice Lyon Octobre 2011 : Solution d'affichage dynamique

Plus en détail

Démarrage du logiciel sous Windows XP

Démarrage du logiciel sous Windows XP Démarrage du logiciel sous Windows XP Nous vous expliquons ci-dessous, pas à pas, comment démarrer et utiliser votre CONTOUR NEXT USB personnel sur le système d exploitation de votre choix. Étape 1. Enfichez

Plus en détail

LimeSurvey. Guide d initiation. 30/11/2015 Service des technologies de l information Adapté par : Julie Gauthier et Mélanie Grenon

LimeSurvey. Guide d initiation. 30/11/2015 Service des technologies de l information Adapté par : Julie Gauthier et Mélanie Grenon LimeSurvey Guide d initiation 30/11/2015 Service des technologies de l information Adapté par : Julie Gauthier et Mélanie Grenon Table des matières Introduction... 2 Accès au service... 2 Protection des

Plus en détail

Camtasia. Les Guides #Magenta. Guide de prise en main. [Guide utilisateur camtasia] Vos guides outils par E-learning Touch

Camtasia. Les Guides #Magenta. Guide de prise en main. [Guide utilisateur camtasia] Vos guides outils par E-learning Touch Les Guides #Magenta Vos guides outils par E-learning Touch E-learning Touch Espace Kermaria 29 260 Le Folgoët 02 98 43 80 36 / 06 77 89 93 60 contact@elearningtouch.com www.elearningtouch.com Guide de

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

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

Restaurer des données

Restaurer des données Restaurer des données Pré-requis à cette présentation La lecture de ce guide suppose que vous avez installé l agent SFR Backup sur l équipement que vous souhaitez sauvegarder. Il est également nécessaire

Plus en détail

Déploiement d ESUP-ECM à l Université de Valenciennes. Retour fonctionnel d expérience

Déploiement d ESUP-ECM à l Université de Valenciennes. Retour fonctionnel d expérience Déploiement d ESUP-ECM à l Université de Valenciennes. Retour fonctionnel d expérience 1. Situation de départ Utilisation de l outil intranet pour l ensemble du personnel dans 2 cadres différents : - Intranets

Plus en détail

Mise à jour Apsynet DataCenter

Mise à jour Apsynet DataCenter Mise à jour Apsynet DataCenter Dans le cadre de sa stratégie d évolution produit, Apsynet propose à ses clients sous contrat de maintenance une mise à jour majeure annuelle. Celle-ci peut être complétée

Plus en détail

epages 6.16 Automne 2013 Inès de La Ruffie, Channel Marketing Manager

epages 6.16 Automne 2013 Inès de La Ruffie, Channel Marketing Manager epages 6.16 Automne 2013 Inès de La Ruffie, Channel Marketing Manager Des images plus grandes sur les fiches produits Les images sur les fiches produits ont maintenant une taille de 500 x 500 pixels au

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

TUTORIAL. www.benevolat.org TUTORIAL. Créez en quelques minutes votre site Internet!

TUTORIAL. www.benevolat.org TUTORIAL. Créez en quelques minutes votre site Internet! Créez en quelques minutes votre site Internet! SOMMAIRE : Choisir une interface graphique - Nommez votre site... page 03 5 étapes de création... page 04 Les outils de création graphique... page 05 Mise

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

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

HTML5, CSS3 et JavaScript Développez vos sites pour les terminaux mobiles

HTML5, CSS3 et JavaScript Développez vos sites pour les terminaux mobiles 46 HTML5, CSS3 et JavaScript Développez vos sites pour les terminaux mobiles enfin deux points importants pour les sites mobiles, les nouveautés sur les formulaires ainsi que le mode hors-ligne. 2. Bonnes

Plus en détail

Kodiz : La clé universelle de l internet mobile

Kodiz : La clé universelle de l internet mobile Kodiz : La clé universelle de l internet mobile KODIZ : DÉMOCRATISER LE WEB MOBILE Introduction ou état des lieux de l univers mobile Ces dernières années, l Internet mobile marque un tournant, poussant

Plus en détail

Personnaliser une communauté. Ajouter un contenu audio et/ou vidéo et afficher des pages de réseaux sociaux

Personnaliser une communauté. Ajouter un contenu audio et/ou vidéo et afficher des pages de réseaux sociaux Personnaliser une communauté Ajouter un contenu audio et/ou vidéo et afficher des pages de réseaux sociaux Introduction Les communautés vous permettent de partager des documents, fichiers, billets de blog,

Plus en détail

Procédure Newsletter. 1. Gestion des listes de diffusion. Se rendre à Activité > Inscrits aux envois par email

Procédure Newsletter. 1. Gestion des listes de diffusion. Se rendre à Activité > Inscrits aux envois par email Procédure Newsletter 1. Gestion des listes de diffusion Se rendre à Activité > Inscrits aux envois par email Ici l on peut créer des listes de diffusion et ajouter, modifier, supprimer les abonnés à la

Plus en détail

Refonte des sites internet du SIEDS

Refonte des sites internet du SIEDS Refonte des sites internet du SIEDS Formation à la rédaction de contenu 31 juin 2005 09 h 00 Salle du CA, rue Notre Dame, à NIORT Déroulement Un CMS à quoi çà sert? La gestion de contenu selon SPIP Agora

Plus en détail

MANUEL D UTILISATEUR. Windows 8. v20140227

MANUEL D UTILISATEUR. Windows 8. v20140227 SG 71 SG 0 D 7100DN MANUEL D UTILISATEUR Windows 8 v20140227 Ricoh SG 7100DN PowerDriver V4 est muni d une interface logicielle conviviale qui permet d accéder et de personnaliser les réglages de configuration

Plus en détail

L interface d iphoto ne se pare pas de multiples barres d outils. Pour en profiter, vous devez avant tout démarrer le programme :

L interface d iphoto ne se pare pas de multiples barres d outils. Pour en profiter, vous devez avant tout démarrer le programme : 1 iphoto 09 Le logiciel iphoto 09 surprend par ses capacités, tout en étant très facile à utiliser. Si sa principale fonction est la visualisation, vous pouvez aussi organiser vos photos selon de multiples

Plus en détail

Nouveautés de la version moodle 2.7

Nouveautés de la version moodle 2.7 Nouveautés de la version moodle 2.7 Atto Éditeur de texte facile Le nouveau éditeur de texte dans Moodle à été développé spécialement pour convivialité et accessibilité. Au-dessus de la zone d'écriture

Plus en détail

GUIDE D UTILISATION DU BACKOFFICE

GUIDE D UTILISATION DU BACKOFFICE GUIDE D UTILISATION DU BACKOFFICE 1. Modifier les pages du site : - Aller dans l onglet «PAGE HTML», puis «Liste des pages HTML» - Pour visualiser votre page, cliquer sur le nom écrit en vert, dans la

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

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

Pour commencer la mise à jour, il suffira de se rendre dans Windows Update. La machine avec laquelle ce guide a été préparé n avait pas installé

Pour commencer la mise à jour, il suffira de se rendre dans Windows Update. La machine avec laquelle ce guide a été préparé n avait pas installé Si la campagne de pub, les articles sur Internet, ou l actualité ne vous l ont pas déjà dit? Windows 10 sort aujourd hui. Nous vous proposons dans cet article de suivre son installation point par point

Plus en détail

Guide d utilisation du service de visioconférence. personnelle de l UM2 sur Mac (Scopia Desktop)

Guide d utilisation du service de visioconférence. personnelle de l UM2 sur Mac (Scopia Desktop) Guide d utilisation du service de visioconférence personnelle de l UM2 sur Mac (Scopia Desktop) Objectif : le but de ce document est de vous guider sur la procédure à suivre pour le bon déroulement de

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

Formation Site Web. Menu du jour. Le web comment ça marche? Créer un site web Une solution proposée pour débuter La suite?

Formation Site Web. Menu du jour. Le web comment ça marche? Créer un site web Une solution proposée pour débuter La suite? Menu du jour Le web comment ça marche? Créer un site web Une solution proposée pour débuter La suite? Le web comment ça marche? - Internet le réseau des réseaux. Un peu d'histoire. - adresse IP : numéro

Plus en détail

GUIDE D UTILISATION DE LA PLATEFORME D ENVOI DE COURRIELS

GUIDE D UTILISATION DE LA PLATEFORME D ENVOI DE COURRIELS GUIDE D UTILISATION DE LA PLATEFORME D ENVOI DE COURRIELS Table des matières Présentation de la plateforme d envoi de courriels... 4 1- Gestion des contacts... 5 1.1. Base de données... 5 1.1.1- Création

Plus en détail

Guide 2015 site web classique L édition de site

Guide 2015 site web classique L édition de site Guide 2015 site web classique L édition de site L interface d édition Navigation... 03 Langue... 04 Thèmes... 05 Options... 06 Aperçu... 07 Paramètres de page... 08 Partage sur les médias sociaux... 09

Plus en détail

Création du site dans Dreamweaver :

Création du site dans Dreamweaver : CHARGER, CREER et ENREGISTRER 1. Se connecter au RESEAU du COLLEGE avec tes 2 mots de passe 2. Charge le logiciel Au lancement du logiciel, l écran suivant s affiche : Palette des objets Lanceur Zone de

Plus en détail

Mode d emploi simplifié de CBL 2 et du logiciel d acquisition DataMin2

Mode d emploi simplifié de CBL 2 et du logiciel d acquisition DataMin2 Mode d emploi simplifié de CBL 2 et du logiciel d acquisition DataMin2 1. Connecter la calculatrice au CBL2 et un capteur de mesure CH1 Capteur de tension Interface d acquisition CBL 2 Câble de liaison

Plus en détail

OpenText Content Server v10 Cours 3-0126 (ex 215)

OpenText Content Server v10 Cours 3-0126 (ex 215) v10 Cours 3-0126 (ex 215) Administration système et indexation-recherche Durée : 5 jours Ce cours de 5 jours apprendra aux administrateurs, aux architectes système et aux services support comment installer,

Plus en détail

Collaboration interactive totale. La plate-forme de collaboration interactive de Barco pour les salles de réunion et de formation

Collaboration interactive totale. La plate-forme de collaboration interactive de Barco pour les salles de réunion et de formation Collaboration interactive totale La plate-forme de collaboration interactive de Barco pour les salles de réunion et de formation Le terrain est à vous...sans limites! Le sujet de la réunion est ouvert

Plus en détail

Profils d installation sous Drupal 7

Profils d installation sous Drupal 7 Profils d installation sous Drupal 7 Felip Manyer i Ballester 18 décembre 2013 Felip Manyer i Ballester Profils d installation sous Drupal 7 1/23 Plan 1 Profils d installation Introduction Distributions

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

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

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

Démarrez le Lecteur Windows Media

Démarrez le Lecteur Windows Media Le Lecteur Windows Media vous permet de rechercher et lire des fichiers multimédias numériques stockés sur votre ordinateur, de lire des CD et des DVD, ainsi que d afficher en continu du contenu multimédia

Plus en détail

Guide d installation

Guide d installation DxO Optics Pro V4.2 Merci de votre intérêt pour DxO Optics Pro! Vous trouverez ci-dessous des informations concernant l achat, l installation et l activation du logiciel. Pour pouvoir télécharger les logiciels

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

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 Emailing Utiliser MailPoet

Formation Emailing Utiliser MailPoet Katie Palluault, Formatrice & webdesigner Formation Emailing Utiliser MailPoet Contenu Principes généraux des campagnes d'emailing... 2 Les protocoles... 2 Se connecter à l interface de gestion du site

Plus en détail

Introduction à Expression Web 2

Introduction à Expression Web 2 Introduction à Expression Web 2 Définitions Expression Web 2 est l éditeur HTML de Microsoft qui répond aux standard dew3c. Lorsque vous démarrez le logiciel Expression Web 2, vous avez le choix de créer

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

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

DÉMO IDUG Ergonomie des interfaces tactiles

DÉMO IDUG Ergonomie des interfaces tactiles DÉMO IDUG Ergonomie des interfaces tactiles DÉFINITION DE L ERGONOMIE alain Wisner (1923-2004) «L ensemble des connaissances scientifiques relatives à l homme nécessaire pour concevoir des outils, des

Plus en détail

Internet ne se résume plus àunseulsiteweb

Internet ne se résume plus àunseulsiteweb Internet ne se résume plus àunseulsiteweb et cela devient de plus en plus difficile pour chaque Société d assurer tout seul sa visibilité. Vous devez être visible, référencer votre activité dans les premières

Plus en détail

Création d un site web avec Nvu. Pensez à sauvegarder fréquemment dans votre espace de travail les documents que vous réalisez!

Création d un site web avec Nvu. Pensez à sauvegarder fréquemment dans votre espace de travail les documents que vous réalisez! Création d un site web avec Nvu Pensez à sauvegarder fréquemment dans votre espace de travail les documents que vous réalisez! Le but de ce TP est d utiliser le logiciel Nvu pour réaliser un site simple

Plus en détail

CREATION D UN QUESTIONNAIRE AVEC QUESTION-REPONSE

CREATION D UN QUESTIONNAIRE AVEC QUESTION-REPONSE CREATION D UN QUESTIONNAIRE AVEC QUESTION-REPONSE ETAPE 1 : CREATION DU QUESTIONNAIRE SIMPLE Nous allons concevoir un questionnaire sur les moyens de communications. Pour créer un formulaire, cliquez sur

Plus en détail

GUIDE D UTILISATION DE LA PLATEFORME D ENVOI DE COURRIELS

GUIDE D UTILISATION DE LA PLATEFORME D ENVOI DE COURRIELS GUIDE D UTILISATION DE LA PLATEFORME D ENVOI DE COURRIELS Table des matières Présentation de la plateforme d envoi de courriels... 4 1- Gestion des contacts... 5 1.1. Base de données... 5 1.1.1- Création

Plus en détail

Poitou-Charentes. Qu est-ce qu une carte dynamique? Quels outils autour de la carte dynamique? Consulter une carte dynamique

Poitou-Charentes. Qu est-ce qu une carte dynamique? Quels outils autour de la carte dynamique? Consulter une carte dynamique A la source de l information géographique Consulter une carte dynamique Pour les conseils et astuces : Suivez le guide Qu est-ce qu une carte dynamique? C est un module cartographique qui permet de visualiser

Plus en détail

Un site internet adapté au mobile pourquoi et comment? Pôle Dream - Kiwik 01/04/2014

Un site internet adapté au mobile pourquoi et comment? Pôle Dream - Kiwik 01/04/2014 Un site internet adapté au mobile pourquoi et comment? Pôle Dream - Kiwik SOMMAIRE #Quelques chiffres sur le mobile #Les différentes solutions : - Le responsive Design - Les versions séparées (thème mobile

Plus en détail

Installation SharePoint Foundation 2013 en mode Stand-Alone

Installation SharePoint Foundation 2013 en mode Stand-Alone Installation SharePoint Foundation 2013 en mode Stand-Alone Nous avons pu voir dans un précédent article comment effectuer l installation de SharePoint sur Windows 2012 en mode Complete : Installation

Plus en détail

SAS DEPLOYMENT MANAGER

SAS DEPLOYMENT MANAGER SAS DEPLOYMENT MANAGER SAS Deployment Manager est un outil permettant d effectuer des tâches administratives sur votre installation et votre configuration SAS. Il est disponible depuis SAS 9.2 et s est

Plus en détail

Evolution de votre extranet Ce qu il faut savoir

Evolution de votre extranet Ce qu il faut savoir Evolution de votre extranet Ce qu il faut savoir Livre Blanc ebusiness Evolution de votre extranet Préambule «Du nouveau du côté de votre extranet!» Avec cette nouvelle version, ebusiness intègre un nombre

Plus en détail

Chapitre 3.2 Les outils pédagogiques numériques, de la conception à la réalisation de la formation

Chapitre 3.2 Les outils pédagogiques numériques, de la conception à la réalisation de la formation Chapitre 3.2 Les outils pédagogiques numériques, de la conception à la réalisation de la formation A. Introduction.......................................................... 171 B. La diffusion des modules

Plus en détail

CRÉATION ET CONFIGURATION D UN BLOG

CRÉATION ET CONFIGURATION D UN BLOG CRDP de l académie de Versailles Mission TICE Médiapôles mediapoles @crdp.ac-versailles.fr 584, rue Fourny 78530 Buc Tél. 01 39 45 78 78 CRÉATION ET CONFIGURATION D UN BLOG Septembre 2009 http://mediapoles.crdp.ac-versailles.fr

Plus en détail

ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE

ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE Atelier «pour débuter» La gestion des photos avec Windows 10 1 Généralités sur le jargon de l image numérique Les différents formats d image : une image enregistrée

Plus en détail

Plateforme Moodle : Guide de prise en main pour les étudiants

Plateforme Moodle : Guide de prise en main pour les étudiants Plateforme Moodle : Guide de prise en main pour les étudiants septembre 2013 version 1 Table des matières Objectifs 3 I - Accéder à la plateforme 4 1. Accès via l'ent... 4 2. Accès direct... 4 II - Interface

Plus en détail

Description des pratiques à adopter pour la mise à jour du layout en utilisant le gestionnaire de conception de Sharepoint 2013

Description des pratiques à adopter pour la mise à jour du layout en utilisant le gestionnaire de conception de Sharepoint 2013 Exemple d utilisation du gestionnaire de conception Description des pratiques à adopter pour la mise à jour du layout en utilisant le gestionnaire de conception de Sharepoint 2013 6, rue de l Etang, L-5326

Plus en détail

7DEOHGHVPDWLqUHV. ,QWURGXFWLRQj3$3$66SRXU:LQGRZV[0(17HW;3 ,167$//$7,21 87,/,6$7,21 &RQILJXUDWLRQUHTXLVH ,QVWDOODWLRQGH3$3$66 /DQFHPHQWGH3$3$66

7DEOHGHVPDWLqUHV. ,QWURGXFWLRQj3$3$66SRXU:LQGRZV[0(17HW;3 ,167$//$7,21 87,/,6$7,21 &RQILJXUDWLRQUHTXLVH ,QVWDOODWLRQGH3$3$66 /DQFHPHQWGH3$3$66 7DEOHGHVPDWLqUHV,QWURGXFWLRQj3$3$66SRXU:LQGRZV[0(17HW;3 $9$17'(&200(1&(5,167$//$7,21 &RQILJXUDWLRQUHTXLVH,QVWDOODWLRQGH3$3$66 87,/,6$7,21 /DQFHPHQWGH3$3$66 3DUWLFXODULWpVGH&WUO3DVV 3DUDPpWUDJHGH&WUO3DVV

Plus en détail