Plugin POSH.

Slides:



Advertisements
Présentations similaires
1 Master Data Management au SANDRE Les stations de mesure.
Advertisements

Saisir les paramètres de la société 16/08/20141Groupe PGI -
L’utilisation des formulaires pour un responsable de Centre Régional.
L’utilisation des formulaires pour un exemplarisateur Sudoc.
24 novembre 2008 – Claude BUENO– ITSYSTEM – Joomla, logiciel de gestion de contenu en mode open source, permet de réaliser.
Mettre en ligne des cartes.
La base de données de jurisprudence francophone.  Juricaf est composé de deux parties : - Le menu de gauche avec les différentes fonctions - La partie.
Apéro SPIP – 16 Novembre 2009 SPIP en chiffres. Les sites SPIP* Introduction Présentation Avantages / Inconvénients SPIP 2.0 Après SPIP 2.0 Démonstration.
Les profils du SEDA confection de profil avec Agape.
Guide de l'enseignant SolidWorks, leçon 1 Nom de l'établissement Nom de l'enseignant Date.
ROYAUME DU MAROC Ministère de l'Éducation Nationale, de l'Enseignement Supérieur, de la Formation des Cadres et de la Recherche Scientifique Département.
1 Créer un extension OpenOffice.org avec Eclipse Créer une extension OpenOffice.org avec Eclipse.
Cours de HTML suite 3. Sommaire...  Les formulaires. Les formulaires.  Structure basique du formulaire, balise. Structure basique du formulaire, balise.
Installation De Peakup.  Télécharger le fichier peakup2.4.0.free.zip  Décompresser le fichier extrait sur une Directory de votre choix  Créer un lient.
Créer un site web avec WordPress
Module S41 Chapitre 11  Configuration de Windows XP Professionnel pour l'informatique mobile.
SharePoint Saturday Genève 2016
E-Prelude.com Importation de nomenclatures issues de divers logiciels de CAO… … via un fichier « neutre » de type EXCEL.
COURS EXCEL INITIATION EPN LES PICOULET Elsa DELAUNAY.
Nom du cours, numéro Instructeur Nom des membres du groupe
ATS8500 Standalone Downloader.
Les boites texte et dossier
Leçon : Traitement du son
Le CMS Joomla La mise en place du CMS est inscrite dans le dossier d’homologation Attente : avoir une plateforme commune de travail et de publication.
Manuel de redimensionnement et de conversion de photos sur PAINT
Synthèse établissement
Google analytics.
JQuery.
JavaScript.
1. Créer un module et mettre les paramètres
Séminaire EOLE Beaune Septembre 2007
Programmation avec Scratch
Page 4-3 Le programme InSQL Configure
Ajouter le code dans une page html
Crée par Raihana SMAILI
Réalisation d'agents de surveillance Zephir
Asynchronous Javascript And Xml
Ultra Vidéo Gallery UVG pour les intimes.
fonctionnalités iiS iis
Le CSS Principe de séparation du contenu et de la mise en forme
DREAMWEAVER Partie 2.
BASE ELEVES PREMIER DEGRE
Alma - Analytics Formation avancée
Présentation de la maquette du projet
Création Et Modification De La Structure De La Base De Données
AJAX et JQuery
Informations vous concernant :
3- Nouvelles pages d’accueil
Package R Markdown: Un outil pour générer des pages html avec R Studio
Le jeu de la bière en réseau
Programmation Android Première application Android
Systèmes d ’Information : 6a
Utiliser PowerPoint dans le cadre des TPE
ASSED Recrutement des Assistants d’Education, des Accompagnants d’Elèves en Situation de Handicap et des Assistants Pédagogiques Version Diffusion.
Informatique de base Pr. Namar Ydriss Cours 1: Introduction
Dossier SARL Verdier Application No 8
Présentation du Portail Client
Support de formation Administrateur Notes de Frais
Configurations possibles
Système de gestion de contenu de sites web
Sur la base d’exemples, ce diaporama recense l’ensemble des
Questions / Réponses No 13
Support de formation Administrateur Portail RH
JQuery (Débutant) 24 Mars SUPINFO Orléans.
STS Web Services libres Gérer les services libres
STS Web Services libres Supprimer des services libres
Alimenter sa page perso automatiquement avec HAL
Site web, Ce qu’il faut savoir ?
Transcription de la présentation:

Plugin POSH

Introduction Plugin : mini application greffée sur Posh Objectif : changer le comportement du portail, sans modifier le cœur de l'outil. Exemples : Modifier une partie de la page d'accueil d'origine de POSH, Ajouter les lignes dans le menu, Faire apparaître le bouton « fermer » du menu, ...

Installation d'un plugin Répertoire placé dans /var/www/html/posh/includes/plugins Gestion des plugins dans : interface administration de Posh > configuration > gestion des plugins Activation d'un plugin : cocher la case à côté du plugin cliquer sur « enregistrer »

Les hooks Plugins basés sur les hooks Hook : instruction placée dans le code, déclenchant les actions définies dans les plugins. Hook est utilisable en PHP et Javascript La syntaxe des hooks : Hook dans un fichier PHP de POSH : launch_hook('userinterface_header') Hook dans un fichier Js de POSH : $p.plugin.hook.launch('app.openHome.end') Appel d'un hook PHP dans un plugin : register_hook('userinterface_header',function(),1,1) Appel d'un hook Js dans un plugin : $p.plugin.hook.register('app.openHome.end','addNewDiv()','1')

Réalisation du plugin « Accueil » (1/5)

Réalisation du plugin « Accueil » (2/5) Recherche de l'emplacement du code à impacter Utilisation de Firebug Recherche des éléments concernée par le plugin dans les fichiers de Posh : les div « homeheader » et « intromessage » Présence dans posh/includes/ajax.js Trouver le hook permettant d'agir sur le comportement du portail au niveau de la page d'accueil (où sont situés homeheader et intromessage) : $p.plugin.hook.launch('app.openHome.end')

Réalisation du plugin « Accueil » (3/5) Création du fichier de configuration du plugin « plugin_accueil.php) <? /* * name: plugin Accueil personnalisé * description: Modifie la page d'accueil * display: style="font-weight:bolder;" * dependencies: no * author: christelle le moine * url: http://eole.orion.education.gouv.fr */ register_hook("userinterface_header","LoadlinkAccueilJs",1,1); function LoadlinkAccueilJs() { echo "<script type='text/javascript' src='../includes/plugins/plugin_accueil/modifaccueil.js'></script>"; echo "<link href='../includes/plugins/plugin_accueil/styleaccueil.css' type='text/css' rel='stylesheet'>"; } ?>

Réalisation du plugin « Accueil » (4/5) Création du fichier « modifaccueil.js » qui ajoute du code au niveau du hook 'app.openHome.end' du fichier ajax.js //register hook action on widget create $p.plugin.hook.register('app.openHome.end','addNewDiv()','1'); $p.plugin.hook.register('app.openHome.end','hideOldDiv()','1'); //Fonction qui crée une nouvelle div « homeheader_aca_menu » dans laquelle on affiche au sein d'une iframe le contenu d'une page html function addNewDiv() { ... } // Fonction qui cache les div « homeheader » et « intromessage » function hideOldDiv ()

Réalisation du plugin « Accueil » (5/5) Création du fichier styleaccueil.css qui modifie l'aspect de la page d'accueil Résultat du plugin