SlideShare une entreprise Scribd logo
1  sur  10
projet web

          M1 Multimédia
Technologies, programmation et BDD
BLOG      PORTFOLIO      VITRINE
          Menu (toutes les pages) + présentation
ACCUEIL                + 1 page +
                lien admin + lien contact
                   Formulaire PHP > SQL
ADMIN       création/modification/suppression
                          page
             day 1        pic 1        prod 1
 PAGES       day 2        pic 2        prod 2
             day 3        pic 3        prod 3
CONTACT      Formulaire mail Javascript + PHP
ADMIN
                        ACCUEIL

              PAGES
               PAGES
                PAGES

   SQL



              CONTACT



back office
#header
               h1 a
#global      #menu
              ul li a

              accueil
               admin
              contact
               pages
#sidebar
 ul li a
right|left
  search
    rss
 widgets     #contenu
             requête
             #footer
              ul li a
               menu
             + plan +
             mentions
              légales
#header

  Fichier                         header.php
  parent                           #menu
                                  menu.php




 #sidebar
sidebar.php




<?php include(‘header.php’); ?>   #contenu



                                   #footer
                                  footer.php
styles.css   img


header.php                                              verification.js


menu.php


sidebar.php




index.php                    page.php           contact.php




footer.php


                                           <form
                                              action=verification.php>
                            front office
front office



connexion SQL
                             user.php
         bdd.php
                                      authentification

                            admin.php

                   ajouter.php

                   ajouter_verifier.php


                   modifier.php
                   modifier_verifier.php


                   supprimer.php
                   supprimer_verifier.php
BLOG     PORTFOLIO     VITRINE
      Billet     Photos      Produits
                  Num
SQL            Description
                  Date
                 Image
BLOG   PORTFOLIO   VITRINE
1 header.php
2 styles.css
3 img
4 menu.php
5 sidebar.php
6 index.php
7 page.php
8 contact.php
9 footer.php
10 verification.js
11 verification.php
12 user.php
13 admin.php
14 bdd.php
15 ajouter.php
16 ajouter_verifier.php
17 modifier.php
18 modifier_verifier.php
19 supprimer.php
20 supprimer_verifier.php
Répartition                  Recommandations                      Critères


                                              KISS                   les applis sont
                                                                     fonctionnelles,
  5 fichiers par personne            Keep It Simple, Stupid
                                                                   les documents sont
                                  « More is less, less is more »        structurés

                                             POSH
2 pers. en front / 3 pers.
                                   Plain Old Semantic HTML          respect des délais
         en back
                                       « Code is poetry »


                                     <!-- commentaires -->
  1 html, 2 php, 1 css+img            /* commentaires */              Collaboration
                                        // commentaires


                                       coder, c’est voler !
  collaboration & transfert                                        Design : ergonomie >
entre groupes (ex. : ligne 12)    Un bon développeur est un             graphisme
                                         bon voleur

Contenu connexe

En vedette

Designe et nettsted weboppg
Designe et nettsted   weboppgDesigne et nettsted   weboppg
Designe et nettsted weboppgheidicliick
 
我理解的教育技术 11103414131 许佩瑶
我理解的教育技术 11103414131 许佩瑶我理解的教育技术 11103414131 许佩瑶
我理解的教育技术 11103414131 许佩瑶wzet2011
 
Επιστημονική Υποστήριξη Νέων Αγροτών - Ηλεκτρονικές Καμπάνιες
Επιστημονική Υποστήριξη Νέων Αγροτών - Ηλεκτρονικές ΚαμπάνιεςΕπιστημονική Υποστήριξη Νέων Αγροτών - Ηλεκτρονικές Καμπάνιες
Επιστημονική Υποστήριξη Νέων Αγροτών - Ηλεκτρονικές ΚαμπάνιεςManolis Viennas
 
Presentación
PresentaciónPresentación
Presentación1Eliahna1
 
Seguranca informacaosped sc-02-02-2012
Seguranca informacaosped sc-02-02-2012Seguranca informacaosped sc-02-02-2012
Seguranca informacaosped sc-02-02-2012Ivanildo Marcelino
 
Aanpak Bezuinigingen OV
Aanpak Bezuinigingen OVAanpak Bezuinigingen OV
Aanpak Bezuinigingen OVottocazemier
 
Catalogo samsung ita_2009
Catalogo samsung ita_2009Catalogo samsung ita_2009
Catalogo samsung ita_2009GpsLazio
 
Fotografíassantateresita
FotografíassantateresitaFotografíassantateresita
FotografíassantateresitaLeonor Delgado
 
Butlleti clot 238
Butlleti clot 238Butlleti clot 238
Butlleti clot 238AVVCLOT
 
Flash ders
Flash dersFlash ders
Flash dersbehemi
 
Teatro de Italiano - CCI Joinville
Teatro de Italiano - CCI JoinvilleTeatro de Italiano - CCI Joinville
Teatro de Italiano - CCI JoinvilleEverton Ribeiro
 
系统抽样
系统抽样系统抽样
系统抽样dj870127
 
Vgrd 820 td
Vgrd 820 tdVgrd 820 td
Vgrd 820 tdGpsLazio
 

En vedette (20)

Naitou 20111015
Naitou 20111015Naitou 20111015
Naitou 20111015
 
Designe et nettsted weboppg
Designe et nettsted   weboppgDesigne et nettsted   weboppg
Designe et nettsted weboppg
 
MCR Event Sunum
MCR Event Sunum MCR Event Sunum
MCR Event Sunum
 
我理解的教育技术 11103414131 许佩瑶
我理解的教育技术 11103414131 许佩瑶我理解的教育技术 11103414131 许佩瑶
我理解的教育技术 11103414131 许佩瑶
 
Επιστημονική Υποστήριξη Νέων Αγροτών - Ηλεκτρονικές Καμπάνιες
Επιστημονική Υποστήριξη Νέων Αγροτών - Ηλεκτρονικές ΚαμπάνιεςΕπιστημονική Υποστήριξη Νέων Αγροτών - Ηλεκτρονικές Καμπάνιες
Επιστημονική Υποστήριξη Νέων Αγροτών - Ηλεκτρονικές Καμπάνιες
 
Presentación
PresentaciónPresentación
Presentación
 
Espais institut
Espais institutEspais institut
Espais institut
 
Seguranca informacaosped sc-02-02-2012
Seguranca informacaosped sc-02-02-2012Seguranca informacaosped sc-02-02-2012
Seguranca informacaosped sc-02-02-2012
 
Aanpak Bezuinigingen OV
Aanpak Bezuinigingen OVAanpak Bezuinigingen OV
Aanpak Bezuinigingen OV
 
Catalogo samsung ita_2009
Catalogo samsung ita_2009Catalogo samsung ita_2009
Catalogo samsung ita_2009
 
111006naturering
111006naturering111006naturering
111006naturering
 
Fotografíassantateresita
FotografíassantateresitaFotografíassantateresita
Fotografíassantateresita
 
Butlleti clot 238
Butlleti clot 238Butlleti clot 238
Butlleti clot 238
 
Flash ders
Flash dersFlash ders
Flash ders
 
öDexxxxxxx
öDexxxxxxxöDexxxxxxx
öDexxxxxxx
 
Practica de power
Practica de powerPractica de power
Practica de power
 
Guia segundo examen
Guia segundo examenGuia segundo examen
Guia segundo examen
 
Teatro de Italiano - CCI Joinville
Teatro de Italiano - CCI JoinvilleTeatro de Italiano - CCI Joinville
Teatro de Italiano - CCI Joinville
 
系统抽样
系统抽样系统抽样
系统抽样
 
Vgrd 820 td
Vgrd 820 tdVgrd 820 td
Vgrd 820 td
 

Similaire à Projet web

Optimiser les performances dans Wordpress
Optimiser les performances dans WordpressOptimiser les performances dans Wordpress
Optimiser les performances dans WordpressNicolas Juen
 
ASP.NET MVC, Web API & KnockoutJS
ASP.NET MVC, Web API & KnockoutJSASP.NET MVC, Web API & KnockoutJS
ASP.NET MVC, Web API & KnockoutJSRenaud Dumont
 
Pensez Web-Performances avec WordPress - Une conférence de Julien Oger et Pie...
Pensez Web-Performances avec WordPress - Une conférence de Julien Oger et Pie...Pensez Web-Performances avec WordPress - Une conférence de Julien Oger et Pie...
Pensez Web-Performances avec WordPress - Une conférence de Julien Oger et Pie...pierredargham
 
hassclic270.ppt
hassclic270.ppthassclic270.ppt
hassclic270.pptadiouf2
 
cours-gratuit.com--CoursPhp-id1055.ppt
cours-gratuit.com--CoursPhp-id1055.pptcours-gratuit.com--CoursPhp-id1055.ppt
cours-gratuit.com--CoursPhp-id1055.pptGroupeExcelMarrakech
 
Industrialiser le contrat dans un projet PHP
Industrialiser le contrat dans un projet PHPIndustrialiser le contrat dans un projet PHP
Industrialiser le contrat dans un projet PHPhalleck45
 
Les bases de Joomla 1.5
Les bases de Joomla 1.5Les bases de Joomla 1.5
Les bases de Joomla 1.5laurentber
 
Les bases de JOOMLA
Les bases de JOOMLALes bases de JOOMLA
Les bases de JOOMLAlaurentber
 
Meetup CakePHP Amiens / 25 mars 2015
Meetup CakePHP Amiens / 25 mars 2015Meetup CakePHP Amiens / 25 mars 2015
Meetup CakePHP Amiens / 25 mars 2015Benjamin Lampérier
 
Dotnet j2 ee
Dotnet j2 eeDotnet j2 ee
Dotnet j2 eechdalel
 
Mini projet individuel php
Mini projet individuel phpMini projet individuel php
Mini projet individuel phpKhadim Mbacké
 
dev et admin sys : une cohabitation simplifiée
dev et admin sys : une cohabitation simplifiéedev et admin sys : une cohabitation simplifiée
dev et admin sys : une cohabitation simplifiéeNicolas Silberman
 
#J2Code2018 - Mettez du feu à vos applications avec CodeIgniter
#J2Code2018 - Mettez du feu à vos applications avec CodeIgniter#J2Code2018 - Mettez du feu à vos applications avec CodeIgniter
#J2Code2018 - Mettez du feu à vos applications avec CodeIgniterAtsé François-Xavier KOBON
 
Un site de collectivité sur WordPress ? Méthodes et retours d'XP
Un site de collectivité sur WordPress ? Méthodes et retours d'XPUn site de collectivité sur WordPress ? Méthodes et retours d'XP
Un site de collectivité sur WordPress ? Méthodes et retours d'XPatelier111
 
Projet fin annee 2011 master min ISAMM
Projet fin annee 2011 master min ISAMMProjet fin annee 2011 master min ISAMM
Projet fin annee 2011 master min ISAMMAbdelmonem NAAMANE
 
Meetup angular rshop
Meetup angular rshopMeetup angular rshop
Meetup angular rshopCyril Balit
 
1-Introduction JQuery.pptx
1-Introduction JQuery.pptx1-Introduction JQuery.pptx
1-Introduction JQuery.pptxlaabid1
 
[RMLL2017] Templer, Git, Bootstrap, PHP : des outils libres pour concevoir le...
[RMLL2017] Templer, Git, Bootstrap, PHP : des outils libres pour concevoir le...[RMLL2017] Templer, Git, Bootstrap, PHP : des outils libres pour concevoir le...
[RMLL2017] Templer, Git, Bootstrap, PHP : des outils libres pour concevoir le...Clément OUDOT
 

Similaire à Projet web (20)

Optimiser les performances dans Wordpress
Optimiser les performances dans WordpressOptimiser les performances dans Wordpress
Optimiser les performances dans Wordpress
 
ASP.NET MVC, Web API & KnockoutJS
ASP.NET MVC, Web API & KnockoutJSASP.NET MVC, Web API & KnockoutJS
ASP.NET MVC, Web API & KnockoutJS
 
Pensez Web-Performances avec WordPress - Une conférence de Julien Oger et Pie...
Pensez Web-Performances avec WordPress - Une conférence de Julien Oger et Pie...Pensez Web-Performances avec WordPress - Une conférence de Julien Oger et Pie...
Pensez Web-Performances avec WordPress - Une conférence de Julien Oger et Pie...
 
hassclic270.ppt
hassclic270.ppthassclic270.ppt
hassclic270.ppt
 
cours-gratuit.com--CoursPhp-id1055.ppt
cours-gratuit.com--CoursPhp-id1055.pptcours-gratuit.com--CoursPhp-id1055.ppt
cours-gratuit.com--CoursPhp-id1055.ppt
 
Industrialiser le contrat dans un projet PHP
Industrialiser le contrat dans un projet PHPIndustrialiser le contrat dans un projet PHP
Industrialiser le contrat dans un projet PHP
 
Cv hassen benabdelhafidh
Cv hassen benabdelhafidhCv hassen benabdelhafidh
Cv hassen benabdelhafidh
 
Les bases de Joomla 1.5
Les bases de Joomla 1.5Les bases de Joomla 1.5
Les bases de Joomla 1.5
 
Les bases de JOOMLA
Les bases de JOOMLALes bases de JOOMLA
Les bases de JOOMLA
 
Meetup CakePHP Amiens / 25 mars 2015
Meetup CakePHP Amiens / 25 mars 2015Meetup CakePHP Amiens / 25 mars 2015
Meetup CakePHP Amiens / 25 mars 2015
 
Dotnet j2 ee
Dotnet j2 eeDotnet j2 ee
Dotnet j2 ee
 
Mini projet individuel php
Mini projet individuel phpMini projet individuel php
Mini projet individuel php
 
dev et admin sys : une cohabitation simplifiée
dev et admin sys : une cohabitation simplifiéedev et admin sys : une cohabitation simplifiée
dev et admin sys : une cohabitation simplifiée
 
#J2Code2018 - Mettez du feu à vos applications avec CodeIgniter
#J2Code2018 - Mettez du feu à vos applications avec CodeIgniter#J2Code2018 - Mettez du feu à vos applications avec CodeIgniter
#J2Code2018 - Mettez du feu à vos applications avec CodeIgniter
 
Un site de collectivité sur WordPress ? Méthodes et retours d'XP
Un site de collectivité sur WordPress ? Méthodes et retours d'XPUn site de collectivité sur WordPress ? Méthodes et retours d'XP
Un site de collectivité sur WordPress ? Méthodes et retours d'XP
 
Projet fin annee 2011 master min ISAMM
Projet fin annee 2011 master min ISAMMProjet fin annee 2011 master min ISAMM
Projet fin annee 2011 master min ISAMM
 
Les CMS basés sur framework - PHP Tour 2011
Les CMS basés sur framework - PHP Tour 2011Les CMS basés sur framework - PHP Tour 2011
Les CMS basés sur framework - PHP Tour 2011
 
Meetup angular rshop
Meetup angular rshopMeetup angular rshop
Meetup angular rshop
 
1-Introduction JQuery.pptx
1-Introduction JQuery.pptx1-Introduction JQuery.pptx
1-Introduction JQuery.pptx
 
[RMLL2017] Templer, Git, Bootstrap, PHP : des outils libres pour concevoir le...
[RMLL2017] Templer, Git, Bootstrap, PHP : des outils libres pour concevoir le...[RMLL2017] Templer, Git, Bootstrap, PHP : des outils libres pour concevoir le...
[RMLL2017] Templer, Git, Bootstrap, PHP : des outils libres pour concevoir le...
 

Plus de Julien PIERRE

Le design du web affectif : entre empathie et universalité. Retour sur les ph...
Le design du web affectif : entre empathie et universalité. Retour sur les ph...Le design du web affectif : entre empathie et universalité. Retour sur les ph...
Le design du web affectif : entre empathie et universalité. Retour sur les ph...Julien PIERRE
 
L'affectivité comme business model : le cas du pay-per-laugh
L'affectivité comme business model : le cas du pay-per-laughL'affectivité comme business model : le cas du pay-per-laugh
L'affectivité comme business model : le cas du pay-per-laughJulien PIERRE
 
EmotionsPlusDigital, l'atelier
EmotionsPlusDigital, l'atelierEmotionsPlusDigital, l'atelier
EmotionsPlusDigital, l'atelierJulien PIERRE
 
Affects numériques
Affects numériquesAffects numériques
Affects numériquesJulien PIERRE
 
Figures, mesures et futurs de l'influence
Figures, mesures et futurs de l'influenceFigures, mesures et futurs de l'influence
Figures, mesures et futurs de l'influenceJulien PIERRE
 
Histoire et sociologie du numérique, chapitre 4
Histoire et sociologie du numérique, chapitre 4Histoire et sociologie du numérique, chapitre 4
Histoire et sociologie du numérique, chapitre 4Julien PIERRE
 
Histoire et sociologie du numérique, chapitre 3
Histoire et sociologie du numérique, chapitre 3Histoire et sociologie du numérique, chapitre 3
Histoire et sociologie du numérique, chapitre 3Julien PIERRE
 
Histoire et sociologie du numérique, chapitre 1
Histoire et sociologie du numérique, chapitre 1Histoire et sociologie du numérique, chapitre 1
Histoire et sociologie du numérique, chapitre 1Julien PIERRE
 
Histoire et sociologie du numérique, chapitre 2
Histoire et sociologie du numérique, chapitre 2Histoire et sociologie du numérique, chapitre 2
Histoire et sociologie du numérique, chapitre 2Julien PIERRE
 
Socio économie du numérique
Socio économie du numériqueSocio économie du numérique
Socio économie du numériqueJulien PIERRE
 
Questionner le digital labor au prisme des émotions : le capitalisme affectif...
Questionner le digital labor au prisme des émotions : le capitalisme affectif...Questionner le digital labor au prisme des émotions : le capitalisme affectif...
Questionner le digital labor au prisme des émotions : le capitalisme affectif...Julien PIERRE
 
Résultats 2013 Chaire "Digital Natives" GEM/Orange
Résultats 2013 Chaire "Digital Natives" GEM/OrangeRésultats 2013 Chaire "Digital Natives" GEM/Orange
Résultats 2013 Chaire "Digital Natives" GEM/OrangeJulien PIERRE
 
Les technodiscours de la socialisation
Les technodiscours de la socialisationLes technodiscours de la socialisation
Les technodiscours de la socialisationJulien PIERRE
 
Socioéconomie du numérique
Socioéconomie du numériqueSocioéconomie du numérique
Socioéconomie du numériqueJulien PIERRE
 
Le document à l'ère des individus transmédiatiques
Le document à l'ère des individus transmédiatiquesLe document à l'ère des individus transmédiatiques
Le document à l'ère des individus transmédiatiquesJulien PIERRE
 
Une translittératie pour une vie transmédiatique
Une translittératie pour une vie transmédiatiqueUne translittératie pour une vie transmédiatique
Une translittératie pour une vie transmédiatiqueJulien PIERRE
 
Le régime d'indistinction des dispositifs identitaires
Le régime d'indistinction des dispositifs identitairesLe régime d'indistinction des dispositifs identitaires
Le régime d'indistinction des dispositifs identitairesJulien PIERRE
 
L'identité numérique du chercheur : problématique, enjeux et outils
L'identité numérique du chercheur : problématique, enjeux et outilsL'identité numérique du chercheur : problématique, enjeux et outils
L'identité numérique du chercheur : problématique, enjeux et outilsJulien PIERRE
 
L'identité un genre numérique
L'identité   un genre numériqueL'identité   un genre numérique
L'identité un genre numériqueJulien PIERRE
 

Plus de Julien PIERRE (20)

Le web affectif
Le web affectifLe web affectif
Le web affectif
 
Le design du web affectif : entre empathie et universalité. Retour sur les ph...
Le design du web affectif : entre empathie et universalité. Retour sur les ph...Le design du web affectif : entre empathie et universalité. Retour sur les ph...
Le design du web affectif : entre empathie et universalité. Retour sur les ph...
 
L'affectivité comme business model : le cas du pay-per-laugh
L'affectivité comme business model : le cas du pay-per-laughL'affectivité comme business model : le cas du pay-per-laugh
L'affectivité comme business model : le cas du pay-per-laugh
 
EmotionsPlusDigital, l'atelier
EmotionsPlusDigital, l'atelierEmotionsPlusDigital, l'atelier
EmotionsPlusDigital, l'atelier
 
Affects numériques
Affects numériquesAffects numériques
Affects numériques
 
Figures, mesures et futurs de l'influence
Figures, mesures et futurs de l'influenceFigures, mesures et futurs de l'influence
Figures, mesures et futurs de l'influence
 
Histoire et sociologie du numérique, chapitre 4
Histoire et sociologie du numérique, chapitre 4Histoire et sociologie du numérique, chapitre 4
Histoire et sociologie du numérique, chapitre 4
 
Histoire et sociologie du numérique, chapitre 3
Histoire et sociologie du numérique, chapitre 3Histoire et sociologie du numérique, chapitre 3
Histoire et sociologie du numérique, chapitre 3
 
Histoire et sociologie du numérique, chapitre 1
Histoire et sociologie du numérique, chapitre 1Histoire et sociologie du numérique, chapitre 1
Histoire et sociologie du numérique, chapitre 1
 
Histoire et sociologie du numérique, chapitre 2
Histoire et sociologie du numérique, chapitre 2Histoire et sociologie du numérique, chapitre 2
Histoire et sociologie du numérique, chapitre 2
 
Socio économie du numérique
Socio économie du numériqueSocio économie du numérique
Socio économie du numérique
 
Questionner le digital labor au prisme des émotions : le capitalisme affectif...
Questionner le digital labor au prisme des émotions : le capitalisme affectif...Questionner le digital labor au prisme des émotions : le capitalisme affectif...
Questionner le digital labor au prisme des émotions : le capitalisme affectif...
 
Résultats 2013 Chaire "Digital Natives" GEM/Orange
Résultats 2013 Chaire "Digital Natives" GEM/OrangeRésultats 2013 Chaire "Digital Natives" GEM/Orange
Résultats 2013 Chaire "Digital Natives" GEM/Orange
 
Les technodiscours de la socialisation
Les technodiscours de la socialisationLes technodiscours de la socialisation
Les technodiscours de la socialisation
 
Socioéconomie du numérique
Socioéconomie du numériqueSocioéconomie du numérique
Socioéconomie du numérique
 
Le document à l'ère des individus transmédiatiques
Le document à l'ère des individus transmédiatiquesLe document à l'ère des individus transmédiatiques
Le document à l'ère des individus transmédiatiques
 
Une translittératie pour une vie transmédiatique
Une translittératie pour une vie transmédiatiqueUne translittératie pour une vie transmédiatique
Une translittératie pour une vie transmédiatique
 
Le régime d'indistinction des dispositifs identitaires
Le régime d'indistinction des dispositifs identitairesLe régime d'indistinction des dispositifs identitaires
Le régime d'indistinction des dispositifs identitaires
 
L'identité numérique du chercheur : problématique, enjeux et outils
L'identité numérique du chercheur : problématique, enjeux et outilsL'identité numérique du chercheur : problématique, enjeux et outils
L'identité numérique du chercheur : problématique, enjeux et outils
 
L'identité un genre numérique
L'identité   un genre numériqueL'identité   un genre numérique
L'identité un genre numérique
 

Dernier

A3iFormations, organisme de formations certifié qualiopi.
A3iFormations, organisme de formations certifié qualiopi.A3iFormations, organisme de formations certifié qualiopi.
A3iFormations, organisme de formations certifié qualiopi.Franck Apolis
 
Cours SE Le système Linux : La ligne de commande bash - IG IPSET
Cours SE Le système Linux : La ligne de commande bash - IG IPSETCours SE Le système Linux : La ligne de commande bash - IG IPSET
Cours SE Le système Linux : La ligne de commande bash - IG IPSETMedBechir
 
666148532-Formation-Habilitation-ELECTRIQUE-ENTREPRISE-MARS-2017.pptx
666148532-Formation-Habilitation-ELECTRIQUE-ENTREPRISE-MARS-2017.pptx666148532-Formation-Habilitation-ELECTRIQUE-ENTREPRISE-MARS-2017.pptx
666148532-Formation-Habilitation-ELECTRIQUE-ENTREPRISE-MARS-2017.pptxSAID MASHATE
 
Présentation_ Didactique 1_SVT (S4) complet.pptx
Présentation_ Didactique 1_SVT (S4) complet.pptxPrésentation_ Didactique 1_SVT (S4) complet.pptx
Présentation_ Didactique 1_SVT (S4) complet.pptxrababouerdighi
 
Fondation Louis Vuitton. pptx
Fondation      Louis      Vuitton.   pptxFondation      Louis      Vuitton.   pptx
Fondation Louis Vuitton. pptxTxaruka
 
Saint Georges, martyr, et la lègend du dragon.pptx
Saint Georges, martyr, et la lègend du dragon.pptxSaint Georges, martyr, et la lègend du dragon.pptx
Saint Georges, martyr, et la lègend du dragon.pptxMartin M Flynn
 
Guide Final de rédaction de mémoire de fin d'étude
Guide Final de rédaction de mémoire de fin d'étudeGuide Final de rédaction de mémoire de fin d'étude
Guide Final de rédaction de mémoire de fin d'étudeBenamraneMarwa
 
Formation M2i - Comprendre les neurosciences pour développer son leadership
Formation M2i - Comprendre les neurosciences pour développer son leadershipFormation M2i - Comprendre les neurosciences pour développer son leadership
Formation M2i - Comprendre les neurosciences pour développer son leadershipM2i Formation
 
Evaluation du systeme d'Education. Marocpptx
Evaluation du systeme d'Education. MarocpptxEvaluation du systeme d'Education. Marocpptx
Evaluation du systeme d'Education. MarocpptxAsmaa105193
 
Cours SE Gestion des périphériques - IG IPSET
Cours SE Gestion des périphériques - IG IPSETCours SE Gestion des périphériques - IG IPSET
Cours SE Gestion des périphériques - IG IPSETMedBechir
 
Annie Ernaux Extérieurs. pptx. Exposition basée sur un livre .
Annie   Ernaux  Extérieurs. pptx. Exposition basée sur un livre .Annie   Ernaux  Extérieurs. pptx. Exposition basée sur un livre .
Annie Ernaux Extérieurs. pptx. Exposition basée sur un livre .Txaruka
 
systeme expert_systeme expert_systeme expert
systeme expert_systeme expert_systeme expertsysteme expert_systeme expert_systeme expert
systeme expert_systeme expert_systeme expertChristianMbip
 
7 PPT sue le project de fin d'étude.pptx
7 PPT sue le project de fin d'étude.pptx7 PPT sue le project de fin d'étude.pptx
7 PPT sue le project de fin d'étude.pptxrababouerdighi
 

Dernier (15)

A3iFormations, organisme de formations certifié qualiopi.
A3iFormations, organisme de formations certifié qualiopi.A3iFormations, organisme de formations certifié qualiopi.
A3iFormations, organisme de formations certifié qualiopi.
 
Cours SE Le système Linux : La ligne de commande bash - IG IPSET
Cours SE Le système Linux : La ligne de commande bash - IG IPSETCours SE Le système Linux : La ligne de commande bash - IG IPSET
Cours SE Le système Linux : La ligne de commande bash - IG IPSET
 
666148532-Formation-Habilitation-ELECTRIQUE-ENTREPRISE-MARS-2017.pptx
666148532-Formation-Habilitation-ELECTRIQUE-ENTREPRISE-MARS-2017.pptx666148532-Formation-Habilitation-ELECTRIQUE-ENTREPRISE-MARS-2017.pptx
666148532-Formation-Habilitation-ELECTRIQUE-ENTREPRISE-MARS-2017.pptx
 
Présentation_ Didactique 1_SVT (S4) complet.pptx
Présentation_ Didactique 1_SVT (S4) complet.pptxPrésentation_ Didactique 1_SVT (S4) complet.pptx
Présentation_ Didactique 1_SVT (S4) complet.pptx
 
Fondation Louis Vuitton. pptx
Fondation      Louis      Vuitton.   pptxFondation      Louis      Vuitton.   pptx
Fondation Louis Vuitton. pptx
 
Saint Georges, martyr, et la lègend du dragon.pptx
Saint Georges, martyr, et la lègend du dragon.pptxSaint Georges, martyr, et la lègend du dragon.pptx
Saint Georges, martyr, et la lègend du dragon.pptx
 
Guide Final de rédaction de mémoire de fin d'étude
Guide Final de rédaction de mémoire de fin d'étudeGuide Final de rédaction de mémoire de fin d'étude
Guide Final de rédaction de mémoire de fin d'étude
 
Evaluación Alumnos de Ecole Victor Hugo
Evaluación Alumnos de Ecole  Victor HugoEvaluación Alumnos de Ecole  Victor Hugo
Evaluación Alumnos de Ecole Victor Hugo
 
Formation M2i - Comprendre les neurosciences pour développer son leadership
Formation M2i - Comprendre les neurosciences pour développer son leadershipFormation M2i - Comprendre les neurosciences pour développer son leadership
Formation M2i - Comprendre les neurosciences pour développer son leadership
 
Evaluation du systeme d'Education. Marocpptx
Evaluation du systeme d'Education. MarocpptxEvaluation du systeme d'Education. Marocpptx
Evaluation du systeme d'Education. Marocpptx
 
Pâques de Sainte Marie-Euphrasie Pelletier
Pâques de Sainte Marie-Euphrasie PelletierPâques de Sainte Marie-Euphrasie Pelletier
Pâques de Sainte Marie-Euphrasie Pelletier
 
Cours SE Gestion des périphériques - IG IPSET
Cours SE Gestion des périphériques - IG IPSETCours SE Gestion des périphériques - IG IPSET
Cours SE Gestion des périphériques - IG IPSET
 
Annie Ernaux Extérieurs. pptx. Exposition basée sur un livre .
Annie   Ernaux  Extérieurs. pptx. Exposition basée sur un livre .Annie   Ernaux  Extérieurs. pptx. Exposition basée sur un livre .
Annie Ernaux Extérieurs. pptx. Exposition basée sur un livre .
 
systeme expert_systeme expert_systeme expert
systeme expert_systeme expert_systeme expertsysteme expert_systeme expert_systeme expert
systeme expert_systeme expert_systeme expert
 
7 PPT sue le project de fin d'étude.pptx
7 PPT sue le project de fin d'étude.pptx7 PPT sue le project de fin d'étude.pptx
7 PPT sue le project de fin d'étude.pptx
 

Projet web

  • 1. projet web M1 Multimédia Technologies, programmation et BDD
  • 2. BLOG PORTFOLIO VITRINE Menu (toutes les pages) + présentation ACCUEIL + 1 page + lien admin + lien contact Formulaire PHP > SQL ADMIN création/modification/suppression page day 1 pic 1 prod 1 PAGES day 2 pic 2 prod 2 day 3 pic 3 prod 3 CONTACT Formulaire mail Javascript + PHP
  • 3. ADMIN ACCUEIL PAGES PAGES PAGES SQL CONTACT back office
  • 4. #header h1 a #global #menu ul li a accueil admin contact pages #sidebar ul li a right|left search rss widgets #contenu requête #footer ul li a menu + plan + mentions légales
  • 5. #header Fichier header.php parent #menu menu.php #sidebar sidebar.php <?php include(‘header.php’); ?> #contenu #footer footer.php
  • 6. styles.css img header.php verification.js menu.php sidebar.php index.php page.php contact.php footer.php <form action=verification.php> front office
  • 7. front office connexion SQL user.php bdd.php authentification admin.php ajouter.php ajouter_verifier.php modifier.php modifier_verifier.php supprimer.php supprimer_verifier.php
  • 8. BLOG PORTFOLIO VITRINE Billet Photos Produits Num SQL Description Date Image
  • 9. BLOG PORTFOLIO VITRINE 1 header.php 2 styles.css 3 img 4 menu.php 5 sidebar.php 6 index.php 7 page.php 8 contact.php 9 footer.php 10 verification.js 11 verification.php 12 user.php 13 admin.php 14 bdd.php 15 ajouter.php 16 ajouter_verifier.php 17 modifier.php 18 modifier_verifier.php 19 supprimer.php 20 supprimer_verifier.php
  • 10. Répartition Recommandations Critères KISS les applis sont fonctionnelles, 5 fichiers par personne Keep It Simple, Stupid les documents sont « More is less, less is more » structurés POSH 2 pers. en front / 3 pers. Plain Old Semantic HTML respect des délais en back « Code is poetry » <!-- commentaires --> 1 html, 2 php, 1 css+img /* commentaires */ Collaboration // commentaires coder, c’est voler ! collaboration & transfert Design : ergonomie > entre groupes (ex. : ligne 12) Un bon développeur est un graphisme bon voleur