SlideShare una empresa de Scribd logo
1 de 11
Descargar para leer sin conexión
WonderPicture
Gestionnaire Open-Source
d’albums photo en ligne
NGUYEN Hong Nogc - PATOIS Thibault - ROLLOT Quentin, SCALA Mathieu
Présentation
● Gestionnaire Open-source d’album photo en
ligne
● Aucun Framework
● Installation sur son propre serveur Apache
● Technologie moderne
○ PHP 5.4
○ CSS3
● Interface Moderne, Responsive design
Fonctionnalité - Gestion des photos
● Ajouter
● Supprimer
● Éditer
● Création des miniatures
● Rangement dans des albums
● Gestion de visibilité
Fonctionnalité - Gestion des albums
● Créer
● Supprimer
● Éditer
Fonctionnalité - Gestion utilisateur
● Inscription
● Validation des inscriptions
● Bannissement
● Statuts particuliers :
○ Accès aux photos privées
○ Laisser des commentaires
○ Noter une photo
Architecture
● Architecture multi-HMVC :
○ 3 applications : Frontend, Backend, User
○ 1 Applications = 1 HMVC
● Choix de l’application = Configuration Apache ( htacess )
● Construction HMVC :
○ Routeur principal
○ Controleur avec vue
○ Ensemble de modèles
Lancement de l’application
Exemple avec la page d’accueil :
1. Lancement de l’application Frontend
2. Récupération de l’URL client
3. Instanciation du Routeur ( Associe l’URL à une route )
4. Instanciation du Contrôleur associé à la route
5. Instanciation des Managers par le contrôleur
6. Envoi des résultats à la classe Page
7. Classe Page construit la page ( Association du Layout + Menu + Vue controleur )
8. Envoi du résultat à la classe HTTPResponse
9. HTTPResponse envoit le résultat au client
Architecture Flexible
● Contrôleur indépendant
● Création d’une nouvelle page/vue/fonctionnalité :
○ Ajout du contrôleur et de sa vue
○ Ajout de la route dans un fichier de configuration
✓ Très simple à rajouter !
✓ Travail d’équipe simplifier : Une personne = Un module ( Contrôleur + vue )
Difficultés rencontrées
● Remise en question de la base de donnés :
○ Note associée aux images
● Ajout de fonctionnalités gênantes :
○ Distinction membre/visiteur
● Configuration de Apache
○ Module rewrite
○ htacess
Conclusion
● Application complète et fonctionnelle
● Nombreuses heures de travail ( Bibliothèque et Contrôleur )
● Travail d’équipe bien réparti
● Fonctionnalités futures :
○ Gestion des cookies
○ Mise en place d’un Flux RSS
Démonstration

Más contenido relacionado

La actualidad más candente

20091006 Dev Forum Fr 001Introduction à GWT en utilisant AppCase SDK
20091006 Dev Forum Fr 001Introduction à GWT en utilisant AppCase SDK20091006 Dev Forum Fr 001Introduction à GWT en utilisant AppCase SDK
20091006 Dev Forum Fr 001Introduction à GWT en utilisant AppCase SDKGreenIvory
 
01 presentation MkFramework AFUP janv 2017
01 presentation MkFramework AFUP janv 201701 presentation MkFramework AFUP janv 2017
01 presentation MkFramework AFUP janv 2017Michael Bertocchi
 
Trouver le chemin des bonnes pratiques
Trouver le chemin des bonnes pratiquesTrouver le chemin des bonnes pratiques
Trouver le chemin des bonnes pratiquesGauthier Delamarre
 
Zend Framework - Simplicity Meet Power
Zend Framework - Simplicity Meet PowerZend Framework - Simplicity Meet Power
Zend Framework - Simplicity Meet PowerALTAIDE
 
Agenda formation OpenAM
Agenda formation OpenAMAgenda formation OpenAM
Agenda formation OpenAMPascal Flamand
 
Automatisation des gestionnaires de contenus (CMS)
Automatisation des gestionnaires de contenus (CMS)Automatisation des gestionnaires de contenus (CMS)
Automatisation des gestionnaires de contenus (CMS)Christophe Villeneuve
 

La actualidad más candente (7)

20091006 Dev Forum Fr 001Introduction à GWT en utilisant AppCase SDK
20091006 Dev Forum Fr 001Introduction à GWT en utilisant AppCase SDK20091006 Dev Forum Fr 001Introduction à GWT en utilisant AppCase SDK
20091006 Dev Forum Fr 001Introduction à GWT en utilisant AppCase SDK
 
Jquery Mobile vs Twitter Bootstrap
Jquery Mobile vs Twitter BootstrapJquery Mobile vs Twitter Bootstrap
Jquery Mobile vs Twitter Bootstrap
 
01 presentation MkFramework AFUP janv 2017
01 presentation MkFramework AFUP janv 201701 presentation MkFramework AFUP janv 2017
01 presentation MkFramework AFUP janv 2017
 
Trouver le chemin des bonnes pratiques
Trouver le chemin des bonnes pratiquesTrouver le chemin des bonnes pratiques
Trouver le chemin des bonnes pratiques
 
Zend Framework - Simplicity Meet Power
Zend Framework - Simplicity Meet PowerZend Framework - Simplicity Meet Power
Zend Framework - Simplicity Meet Power
 
Agenda formation OpenAM
Agenda formation OpenAMAgenda formation OpenAM
Agenda formation OpenAM
 
Automatisation des gestionnaires de contenus (CMS)
Automatisation des gestionnaires de contenus (CMS)Automatisation des gestionnaires de contenus (CMS)
Automatisation des gestionnaires de contenus (CMS)
 

Destacado (18)

Evaluer les compétences critiques
Evaluer les compétences critiquesEvaluer les compétences critiques
Evaluer les compétences critiques
 
Japanese club 2
Japanese club 2Japanese club 2
Japanese club 2
 
PMF 2013 | Mobile World Capital Barcelona
PMF 2013 | Mobile World Capital BarcelonaPMF 2013 | Mobile World Capital Barcelona
PMF 2013 | Mobile World Capital Barcelona
 
WonderPicture
WonderPictureWonderPicture
WonderPicture
 
Questionnaires
QuestionnairesQuestionnaires
Questionnaires
 
Mon futur profesionel
Mon futur profesionelMon futur profesionel
Mon futur profesionel
 
Is carrieres
Is carrieres Is carrieres
Is carrieres
 
Insurance
InsuranceInsurance
Insurance
 
Nb plénière cjd 92 février 2015
Nb plénière cjd 92 février 2015Nb plénière cjd 92 février 2015
Nb plénière cjd 92 février 2015
 
Pourquoi Innover - David LE GLANAER - SYD Conseil
Pourquoi Innover - David LE GLANAER - SYD ConseilPourquoi Innover - David LE GLANAER - SYD Conseil
Pourquoi Innover - David LE GLANAER - SYD Conseil
 
Diaporama EGTS 31 janvier 14 Marseille
Diaporama EGTS 31 janvier 14 MarseilleDiaporama EGTS 31 janvier 14 Marseille
Diaporama EGTS 31 janvier 14 Marseille
 
Cv012015
Cv012015Cv012015
Cv012015
 
PMF 2013 | Office de Tourisme de Montréal | Précurseur du e-marketing éditori...
PMF 2013 | Office de Tourisme de Montréal | Précurseur du e-marketing éditori...PMF 2013 | Office de Tourisme de Montréal | Précurseur du e-marketing éditori...
PMF 2013 | Office de Tourisme de Montréal | Précurseur du e-marketing éditori...
 
Journee d'info 29.03.2014
Journee d'info 29.03.2014Journee d'info 29.03.2014
Journee d'info 29.03.2014
 
Achu
AchuAchu
Achu
 
Les misérables
Les misérablesLes misérables
Les misérables
 
Les misérables
Les misérablesLes misérables
Les misérables
 
Grossesses a risque
Grossesses a risqueGrossesses a risque
Grossesses a risque
 

Similar a Wonder_picture_nguyen_patois_rollot_scala

Introduction à CakePHP
Introduction à CakePHPIntroduction à CakePHP
Introduction à CakePHPPierre MARTIN
 
XebiCon'17 : Entrevue avec Vue.js - Thomas Champion et Ludovic Ladeu
XebiCon'17 : Entrevue avec Vue.js - Thomas Champion et Ludovic LadeuXebiCon'17 : Entrevue avec Vue.js - Thomas Champion et Ludovic Ladeu
XebiCon'17 : Entrevue avec Vue.js - Thomas Champion et Ludovic LadeuPublicis Sapient Engineering
 
"WP Super Cache Rocket Reloaded…" – WordCamp Bordeaux 2019
"WP Super Cache Rocket Reloaded…" – WordCamp Bordeaux 2019"WP Super Cache Rocket Reloaded…" – WordCamp Bordeaux 2019
"WP Super Cache Rocket Reloaded…" – WordCamp Bordeaux 2019Boris SCHAPIRA
 
Vivez Une Mise À Jour SAP BI 4.3 En Direct
Vivez Une Mise À Jour SAP BI 4.3 En DirectVivez Une Mise À Jour SAP BI 4.3 En Direct
Vivez Une Mise À Jour SAP BI 4.3 En DirectWiiisdom
 
Un exemple élémentaire d'application MVC en PHP
Un exemple élémentaire d'application MVC en PHPUn exemple élémentaire d'application MVC en PHP
Un exemple élémentaire d'application MVC en PHPKristen Le Liboux
 
Angular : Un aperçu du framework de développement d’applications Web
Angular : Un aperçu du framework de développement d’applications WebAngular : Un aperçu du framework de développement d’applications Web
Angular : Un aperçu du framework de développement d’applications WebDekeltv1
 
ENIB 2015 2016 - CAI Web S02E01- Côté Navigateur 2/3 - HTML5 / CSS3 / Twitter...
ENIB 2015 2016 - CAI Web S02E01- Côté Navigateur 2/3 - HTML5 / CSS3 / Twitter...ENIB 2015 2016 - CAI Web S02E01- Côté Navigateur 2/3 - HTML5 / CSS3 / Twitter...
ENIB 2015 2016 - CAI Web S02E01- Côté Navigateur 2/3 - HTML5 / CSS3 / Twitter...Horacio Gonzalez
 
Meilleures pratiques pour construire un site web Drupal
Meilleures pratiques pour construire un site web DrupalMeilleures pratiques pour construire un site web Drupal
Meilleures pratiques pour construire un site web DrupalSuzanne Dergacheva
 
Projet Confluence - Une base de données de type Wiki
Projet Confluence - Une base de données de type WikiProjet Confluence - Une base de données de type Wiki
Projet Confluence - Une base de données de type WikiMylneRoffi
 
Saas Libre
Saas LibreSaas Libre
Saas Libregrolland
 
Morning tech #2 - Démarche performance slides
Morning tech #2 - Démarche performance slidesMorning tech #2 - Démarche performance slides
Morning tech #2 - Démarche performance slidesOxalide
 
Oxalide Morning tech #2 - démarche performance
Oxalide Morning tech #2 - démarche performanceOxalide Morning tech #2 - démarche performance
Oxalide Morning tech #2 - démarche performanceLudovic Piot
 
Café Numérique Arlon S03#02: Je code mon blog (EU code week Arlon)
Café Numérique Arlon S03#02: Je code mon blog (EU code week Arlon)Café Numérique Arlon S03#02: Je code mon blog (EU code week Arlon)
Café Numérique Arlon S03#02: Je code mon blog (EU code week Arlon)Café Numérique Arlon
 
Méthodes agiles, frameworks javascript: optimisez votre time to market
Méthodes agiles, frameworks javascript: optimisez votre time to marketMéthodes agiles, frameworks javascript: optimisez votre time to market
Méthodes agiles, frameworks javascript: optimisez votre time to marketmichael_bailly
 
Améliorer l’expérience utilisateur en passant aux Progressive Web App
Améliorer l’expérience utilisateur en passant aux Progressive Web App Améliorer l’expérience utilisateur en passant aux Progressive Web App
Améliorer l’expérience utilisateur en passant aux Progressive Web App RESONEO
 
Drupal7 - Bonnes Pratiques (Partie 1)
Drupal7 - Bonnes Pratiques (Partie 1)Drupal7 - Bonnes Pratiques (Partie 1)
Drupal7 - Bonnes Pratiques (Partie 1)Alexandre Marie
 
Solutions Web « prêtes à porter » avec WordPress
Solutions Web « prêtes à porter » avec WordPressSolutions Web « prêtes à porter » avec WordPress
Solutions Web « prêtes à porter » avec WordPressStéphane Plante
 

Similar a Wonder_picture_nguyen_patois_rollot_scala (20)

Introduction à CakePHP
Introduction à CakePHPIntroduction à CakePHP
Introduction à CakePHP
 
Prezentare ASP.Net.pptx
Prezentare ASP.Net.pptxPrezentare ASP.Net.pptx
Prezentare ASP.Net.pptx
 
XebiCon'17 : Entrevue avec Vue.js - Thomas Champion et Ludovic Ladeu
XebiCon'17 : Entrevue avec Vue.js - Thomas Champion et Ludovic LadeuXebiCon'17 : Entrevue avec Vue.js - Thomas Champion et Ludovic Ladeu
XebiCon'17 : Entrevue avec Vue.js - Thomas Champion et Ludovic Ladeu
 
"WP Super Cache Rocket Reloaded…" – WordCamp Bordeaux 2019
"WP Super Cache Rocket Reloaded…" – WordCamp Bordeaux 2019"WP Super Cache Rocket Reloaded…" – WordCamp Bordeaux 2019
"WP Super Cache Rocket Reloaded…" – WordCamp Bordeaux 2019
 
Vivez Une Mise À Jour SAP BI 4.3 En Direct
Vivez Une Mise À Jour SAP BI 4.3 En DirectVivez Une Mise À Jour SAP BI 4.3 En Direct
Vivez Une Mise À Jour SAP BI 4.3 En Direct
 
Un exemple élémentaire d'application MVC en PHP
Un exemple élémentaire d'application MVC en PHPUn exemple élémentaire d'application MVC en PHP
Un exemple élémentaire d'application MVC en PHP
 
Angular : Un aperçu du framework de développement d’applications Web
Angular : Un aperçu du framework de développement d’applications WebAngular : Un aperçu du framework de développement d’applications Web
Angular : Un aperçu du framework de développement d’applications Web
 
TYPO3 : quelles nouveautés en 2018 ?
TYPO3 : quelles nouveautés en 2018 ? TYPO3 : quelles nouveautés en 2018 ?
TYPO3 : quelles nouveautés en 2018 ?
 
ENIB 2015 2016 - CAI Web S02E01- Côté Navigateur 2/3 - HTML5 / CSS3 / Twitter...
ENIB 2015 2016 - CAI Web S02E01- Côté Navigateur 2/3 - HTML5 / CSS3 / Twitter...ENIB 2015 2016 - CAI Web S02E01- Côté Navigateur 2/3 - HTML5 / CSS3 / Twitter...
ENIB 2015 2016 - CAI Web S02E01- Côté Navigateur 2/3 - HTML5 / CSS3 / Twitter...
 
Meilleures pratiques pour construire un site web Drupal
Meilleures pratiques pour construire un site web DrupalMeilleures pratiques pour construire un site web Drupal
Meilleures pratiques pour construire un site web Drupal
 
Projet Confluence - Une base de données de type Wiki
Projet Confluence - Une base de données de type WikiProjet Confluence - Une base de données de type Wiki
Projet Confluence - Une base de données de type Wiki
 
Saas Libre
Saas LibreSaas Libre
Saas Libre
 
Christophe Tricot et Raphaël Velt (infoviz)
Christophe Tricot et Raphaël Velt (infoviz)Christophe Tricot et Raphaël Velt (infoviz)
Christophe Tricot et Raphaël Velt (infoviz)
 
Morning tech #2 - Démarche performance slides
Morning tech #2 - Démarche performance slidesMorning tech #2 - Démarche performance slides
Morning tech #2 - Démarche performance slides
 
Oxalide Morning tech #2 - démarche performance
Oxalide Morning tech #2 - démarche performanceOxalide Morning tech #2 - démarche performance
Oxalide Morning tech #2 - démarche performance
 
Café Numérique Arlon S03#02: Je code mon blog (EU code week Arlon)
Café Numérique Arlon S03#02: Je code mon blog (EU code week Arlon)Café Numérique Arlon S03#02: Je code mon blog (EU code week Arlon)
Café Numérique Arlon S03#02: Je code mon blog (EU code week Arlon)
 
Méthodes agiles, frameworks javascript: optimisez votre time to market
Méthodes agiles, frameworks javascript: optimisez votre time to marketMéthodes agiles, frameworks javascript: optimisez votre time to market
Méthodes agiles, frameworks javascript: optimisez votre time to market
 
Améliorer l’expérience utilisateur en passant aux Progressive Web App
Améliorer l’expérience utilisateur en passant aux Progressive Web App Améliorer l’expérience utilisateur en passant aux Progressive Web App
Améliorer l’expérience utilisateur en passant aux Progressive Web App
 
Drupal7 - Bonnes Pratiques (Partie 1)
Drupal7 - Bonnes Pratiques (Partie 1)Drupal7 - Bonnes Pratiques (Partie 1)
Drupal7 - Bonnes Pratiques (Partie 1)
 
Solutions Web « prêtes à porter » avec WordPress
Solutions Web « prêtes à porter » avec WordPressSolutions Web « prêtes à porter » avec WordPress
Solutions Web « prêtes à porter » avec WordPress
 

Último

conception d'un batiment r+4 comparative de defferente ariante de plancher
conception d'un  batiment  r+4 comparative de defferente ariante de plancherconception d'un  batiment  r+4 comparative de defferente ariante de plancher
conception d'un batiment r+4 comparative de defferente ariante de planchermansouriahlam
 
optimisation logistique MLT_231102_155827.pdf
optimisation logistique  MLT_231102_155827.pdfoptimisation logistique  MLT_231102_155827.pdf
optimisation logistique MLT_231102_155827.pdfSoukainaMounawir
 
firefly algoriyhm sac a dos step by step .pdf
firefly algoriyhm sac a dos step by step .pdffirefly algoriyhm sac a dos step by step .pdf
firefly algoriyhm sac a dos step by step .pdffirstjob4
 
Présentation_Soirée-Information_ Surverse_Thibert _30 avril 2024
Présentation_Soirée-Information_ Surverse_Thibert _30 avril 2024Présentation_Soirée-Information_ Surverse_Thibert _30 avril 2024
Présentation_Soirée-Information_ Surverse_Thibert _30 avril 2024Ville de Châteauguay
 
comprehension de DDMRP dans le domaine de gestion
comprehension de DDMRP dans le domaine de gestioncomprehension de DDMRP dans le domaine de gestion
comprehension de DDMRP dans le domaine de gestionyakinekaidouchi1
 
Algo II: les files cours + exercices corrigés
Algo II: les files cours + exercices corrigésAlgo II: les files cours + exercices corrigés
Algo II: les files cours + exercices corrigésSana REFAI
 

Último (7)

conception d'un batiment r+4 comparative de defferente ariante de plancher
conception d'un  batiment  r+4 comparative de defferente ariante de plancherconception d'un  batiment  r+4 comparative de defferente ariante de plancher
conception d'un batiment r+4 comparative de defferente ariante de plancher
 
JTC 2024 Bâtiment et Photovoltaïque.pdf
JTC 2024  Bâtiment et Photovoltaïque.pdfJTC 2024  Bâtiment et Photovoltaïque.pdf
JTC 2024 Bâtiment et Photovoltaïque.pdf
 
optimisation logistique MLT_231102_155827.pdf
optimisation logistique  MLT_231102_155827.pdfoptimisation logistique  MLT_231102_155827.pdf
optimisation logistique MLT_231102_155827.pdf
 
firefly algoriyhm sac a dos step by step .pdf
firefly algoriyhm sac a dos step by step .pdffirefly algoriyhm sac a dos step by step .pdf
firefly algoriyhm sac a dos step by step .pdf
 
Présentation_Soirée-Information_ Surverse_Thibert _30 avril 2024
Présentation_Soirée-Information_ Surverse_Thibert _30 avril 2024Présentation_Soirée-Information_ Surverse_Thibert _30 avril 2024
Présentation_Soirée-Information_ Surverse_Thibert _30 avril 2024
 
comprehension de DDMRP dans le domaine de gestion
comprehension de DDMRP dans le domaine de gestioncomprehension de DDMRP dans le domaine de gestion
comprehension de DDMRP dans le domaine de gestion
 
Algo II: les files cours + exercices corrigés
Algo II: les files cours + exercices corrigésAlgo II: les files cours + exercices corrigés
Algo II: les files cours + exercices corrigés
 

Wonder_picture_nguyen_patois_rollot_scala

  • 1. WonderPicture Gestionnaire Open-Source d’albums photo en ligne NGUYEN Hong Nogc - PATOIS Thibault - ROLLOT Quentin, SCALA Mathieu
  • 2. Présentation ● Gestionnaire Open-source d’album photo en ligne ● Aucun Framework ● Installation sur son propre serveur Apache ● Technologie moderne ○ PHP 5.4 ○ CSS3 ● Interface Moderne, Responsive design
  • 3. Fonctionnalité - Gestion des photos ● Ajouter ● Supprimer ● Éditer ● Création des miniatures ● Rangement dans des albums ● Gestion de visibilité
  • 4. Fonctionnalité - Gestion des albums ● Créer ● Supprimer ● Éditer
  • 5. Fonctionnalité - Gestion utilisateur ● Inscription ● Validation des inscriptions ● Bannissement ● Statuts particuliers : ○ Accès aux photos privées ○ Laisser des commentaires ○ Noter une photo
  • 6. Architecture ● Architecture multi-HMVC : ○ 3 applications : Frontend, Backend, User ○ 1 Applications = 1 HMVC ● Choix de l’application = Configuration Apache ( htacess ) ● Construction HMVC : ○ Routeur principal ○ Controleur avec vue ○ Ensemble de modèles
  • 7. Lancement de l’application Exemple avec la page d’accueil : 1. Lancement de l’application Frontend 2. Récupération de l’URL client 3. Instanciation du Routeur ( Associe l’URL à une route ) 4. Instanciation du Contrôleur associé à la route 5. Instanciation des Managers par le contrôleur 6. Envoi des résultats à la classe Page 7. Classe Page construit la page ( Association du Layout + Menu + Vue controleur ) 8. Envoi du résultat à la classe HTTPResponse 9. HTTPResponse envoit le résultat au client
  • 8. Architecture Flexible ● Contrôleur indépendant ● Création d’une nouvelle page/vue/fonctionnalité : ○ Ajout du contrôleur et de sa vue ○ Ajout de la route dans un fichier de configuration ✓ Très simple à rajouter ! ✓ Travail d’équipe simplifier : Une personne = Un module ( Contrôleur + vue )
  • 9. Difficultés rencontrées ● Remise en question de la base de donnés : ○ Note associée aux images ● Ajout de fonctionnalités gênantes : ○ Distinction membre/visiteur ● Configuration de Apache ○ Module rewrite ○ htacess
  • 10. Conclusion ● Application complète et fonctionnelle ● Nombreuses heures de travail ( Bibliothèque et Contrôleur ) ● Travail d’équipe bien réparti ● Fonctionnalités futures : ○ Gestion des cookies ○ Mise en place d’un Flux RSS