Développement et Intégration de Modules et de CSS Mobile sur un. Extranet Existant

Transcription

1 Développement et Intégration de Modules et de CSS Mobile sur un 1 Extranet Existant Conseil Général de la Somme Secteur TIC Educatives, Direction des Collèges

2 2 TABLE DES MATIÈRES INTRODUCTION LE CONSEIL GÉNÉRAL DE LA SOMME CAHIER DES CHARGES DÉVELOPPEMENT Environnement Technique et Matériel Environnement matériel Environnement technique Etudes et Réalisations des Missions Développement d un module de gestion de logs Développement d un CSS pour appareil mobile Développement d un connecteur SSO CONCLUSION

3 3 CONSEIL GÉNÉRAL DE LA SOMME Président : Christian MANABLE, 62 ème président de l assemblée Siège social : 43 Rue de la République, B.P, Amiens Cedex 1 Assemblée : Constitué de 13 vice-présidents Corps exécutif Commissions (Secteurs) : Finances, Planification et Administration Générale Solidarités Aménagement Durable du Territoire, Habitat, Environnement Ruralité Infrastructures, Communications, Transports et Sécurité Education, Culture et Sport Développement Economie Durable

4 4 CONSEIL GÉNÉRAL DE LA SOMME Direction des Collèges Commission : Education, Culture et Sport TIC Educatives Directeur et maître de stage : Hughes DESCURE Second maître de stage : Nicolas WATEL Itinéraire de la Gare SNCF d Amiens jusqu au «4 Rue Evrard de Fouilloy»

5 5 CONSEIL GÉNÉRAL DE LA SOMME Environnement de travail partagé

6 6 CAHIER DES CHARGES Sur un extranet existant et fonctionnel : Développement de sous-module complétant un module de gestion graphique et statistiques de logs : Normes PHP, MySQL Développement d un CSS pour Mobile : Respect des standards CSS, JavaScript de la W3C Développement / Intégration d un connecteur SSO : Respect et intégration des normes définies par le partenaire ITOP Education

7 7 DÉVELOPPEMENT Environnement Technique et Matériel Environnement matériel Environnement technique Etudes et Réalisations des Missions Développement d un module de gestion de logs Développement d un CSS pour appareil mobile Développement d un connecteur SSO

8 8 ENVIRONNEMENT TECHNIQUE ET MATÉRIEL Environnement matériel Il est composé de : Un serveur de test Hébergeur : Secteur TICEs Architecture : Serveur virtuel (VMware) Un serveur de production Hébergeur : Somme Numérique Architecture : Serveur mutualisé

9 9 ENVIRONNEMENT TECHNIQUE ET MATÉRIEL Environnement technique Cet environnement est constitué des langages, Framework et classes suivants : WAMP PHP MySQL HTML CSS JavaScript Twitter Bootstrap Jquery ( + Jquery UI) JpGraph FPDF

10 10 Développement du module de gestion de logs : Analyse de l existant Déjà créé : Page de listing des logs Possibilité de filtrer par établissement Possibilité de trier par : nom d utilisateur, IP, nom d ordinateur, etc.

11 11 Développement du module de gestion de logs : Réalisations (1/4) Moteur de recherches Langages : PHP, (My)SQL, Jquery Possibilités offertes : Recherche par nom d utilisateur Recherche par nom de machine ou numéro d inventaire Recherche par adresse IP

12 12 Développement du module de gestion de logs : Réalisations (1/4) Type de recherche Expression régulière Nom d utilisateur /^[a-za-z0-9_-]{3,}$/ Adresse IP /^((25[0-5] 2[0-4][0-9] [01]?[0-9][0-9]?)\.){3}(25[0-5] 2[0-4][0-9] [01]?[0-9][0-9]?)$/ Nom Machine /^[a-za-z0-9_-]{3,}$/ Expressions régulières du moteur

13 13 Développement du module de gestion de logs : Réalisations (2/4) Statistiques par utilisateurs / ordinateurs Langages : PHP, (My)SQL, JQuery, Twitter Bootstrap (Plugin Modal), JpGraph Possibilités offertes : Afficher statistiques totales de l établissement sélectionné Afficher statistiques d un utilisateur Afficher statistiques d usage d un ordinateur

14 14 Développement du module de gestion de logs : Réalisations (2/4) Moteur de recherche dont la barre de saisie est invisible si aucune sélection Trigger pour modal de total des connexions Intégration du moteur de recherche et des boutons de statistiques connexions utilisateurs Trigger pour modal de total des connexions de l ordinateur

15 15 Développement du module de gestion de logs : Réalisations (2/4) Trigger (clic) du modal «Total des connexions» activé. Les logs sont passés à un script lié au Plugin Modal qui se charge du regroupement par mois et du comptage

16 16 Développement du module de gestion de logs : Réalisations (2/4) Trigger (clic) du modal «utilisateur» activé. Fonctionne sur le même principe que le modal «Total». Il en va de même pour le modal «Ordinateur».

17 17 Développement du module de gestion de logs : Réalisations (3/4) Statistiques par collèges Langages : PHP, (My)SQL, JQuery, JpGraph, FPDF Possibilités offertes : Présentation du nombre de connexions de l année scolaire en cours et précédente Détermination de l ordinateur le plus utilisé sur chaque période Exemple de récapitulatif de statistiques par années et par collèges

18 18 Développement du module de gestion de logs : Réalisations (3/4) Critère de recherche Si mois courant entre janvier et août Si mois courant entre septembre et décembre Année scolaire en cours Du (N-1) au N Du (N) au (N+1) Année scolaire précédente Du (N-2) au (N-1) Du (N-1) au N Critères du script de détermination de l année scolaire courante et précédente

19 19 Développement du module de gestion de logs : Réalisations (4/4) Statistiques détaillées par collèges Langages : PHP, (My)SQL, JQuery, JpGraph, FPDF Possibilités offertes : Choix de la période de traitement des données Affichage des statistiques par salle (Multimédia, Technologie, Espace Langue, CDI) Listes déroulantes permettant le changement de la période de recherche

20 20 Développement du module de gestion de logs : Réalisations (4/4) Nombre de connexions sur la période «Année Scolaire» courante (par défaut) en Salle Multimédia du Collège de Ponthieu.

21 21 Développement d un CSS pour appareil mobile : Analyse de l existant Déjà créé : Fonctions de passage à la version mobile

22 22 Développement d un CSS pour appareil mobile : Réalisations Moteur de recherches Langages : HTML5, CSS3, JavaScript, Jquery, Boostrap, CSSPanelMenu Apports : Squelette du site rendu «Responsive» Allègement graphique de l extranet

23 23 Développement d un connecteur SSO : Analyse de l existant Déjà créé : Rien à créer, A faire : Adaptation de la base de données au standard d ITOP Education Adaptation du script de connexion au standard d ITOP Education Spécificité : En binôme avec Walyd TRAI

24 24 CONCLUSION Stage bénéfique et formateur Environnement de travail et encadrement très précis Travail en autonomie Intégration et découverte de nouvelles classes PHP Projet s inscrivant dans ma logique de poursuite d études