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

Cours Préparation à l’ISO 27001 version 2022.pdf
Cours Préparation à l’ISO 27001 version 2022.pdfCours Préparation à l’ISO 27001 version 2022.pdf
Cours Préparation à l’ISO 27001 version 2022.pdfssuserc72852
 
gestion des conflits dans les entreprises
gestion des  conflits dans les entreprisesgestion des  conflits dans les entreprises
gestion des conflits dans les entreprisesMajdaKtiri2
 
L'ÉVOLUTION DE L'ÉDUCATION AU BRÉSIL À TRAVERS L'HISTOIRE ET LES EXIGENCES DE...
L'ÉVOLUTION DE L'ÉDUCATION AU BRÉSIL À TRAVERS L'HISTOIRE ET LES EXIGENCES DE...L'ÉVOLUTION DE L'ÉDUCATION AU BRÉSIL À TRAVERS L'HISTOIRE ET LES EXIGENCES DE...
L'ÉVOLUTION DE L'ÉDUCATION AU BRÉSIL À TRAVERS L'HISTOIRE ET LES EXIGENCES DE...Faga1939
 
La nouvelle femme . pptx Film français
La   nouvelle   femme  . pptx  Film françaisLa   nouvelle   femme  . pptx  Film français
La nouvelle femme . pptx Film françaisTxaruka
 
Sidonie au Japon . pptx Un film français
Sidonie    au   Japon  .  pptx  Un film françaisSidonie    au   Japon  .  pptx  Un film français
Sidonie au Japon . pptx Un film françaisTxaruka
 
Computer Parts in French - Les parties de l'ordinateur.pptx
Computer Parts in French - Les parties de l'ordinateur.pptxComputer Parts in French - Les parties de l'ordinateur.pptx
Computer Parts in French - Les parties de l'ordinateur.pptxRayane619450
 
Apolonia, Apolonia.pptx Film documentaire
Apolonia, Apolonia.pptx         Film documentaireApolonia, Apolonia.pptx         Film documentaire
Apolonia, Apolonia.pptx Film documentaireTxaruka
 
GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI DẠY BUỔI 2) - TIẾNG ANH 6, 7 GLOBAL SUCCESS (2...
GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI DẠY BUỔI 2) - TIẾNG ANH 6, 7 GLOBAL SUCCESS (2...GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI DẠY BUỔI 2) - TIẾNG ANH 6, 7 GLOBAL SUCCESS (2...
GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI DẠY BUỔI 2) - TIẾNG ANH 6, 7 GLOBAL SUCCESS (2...Nguyen Thanh Tu Collection
 
Bolero. pptx . Film de A nnne Fontaine
Bolero. pptx . Film   de  A nnne FontaineBolero. pptx . Film   de  A nnne Fontaine
Bolero. pptx . Film de A nnne FontaineTxaruka
 
Cours ofppt du Trade-Marketing-Présentation.pdf
Cours ofppt du Trade-Marketing-Présentation.pdfCours ofppt du Trade-Marketing-Présentation.pdf
Cours ofppt du Trade-Marketing-Présentation.pdfachrafbrahimi1
 
Boléro. pptx Film français réalisé par une femme.
Boléro.  pptx   Film   français   réalisé  par une  femme.Boléro.  pptx   Film   français   réalisé  par une  femme.
Boléro. pptx Film français réalisé par une femme.Txaruka
 
COURS SVT 3 EME ANNEE COLLEGE 2EME SEM.pdf
COURS SVT 3 EME ANNEE COLLEGE 2EME SEM.pdfCOURS SVT 3 EME ANNEE COLLEGE 2EME SEM.pdf
COURS SVT 3 EME ANNEE COLLEGE 2EME SEM.pdfabatanebureau
 

Dernier (13)

Cours Préparation à l’ISO 27001 version 2022.pdf
Cours Préparation à l’ISO 27001 version 2022.pdfCours Préparation à l’ISO 27001 version 2022.pdf
Cours Préparation à l’ISO 27001 version 2022.pdf
 
gestion des conflits dans les entreprises
gestion des  conflits dans les entreprisesgestion des  conflits dans les entreprises
gestion des conflits dans les entreprises
 
L'ÉVOLUTION DE L'ÉDUCATION AU BRÉSIL À TRAVERS L'HISTOIRE ET LES EXIGENCES DE...
L'ÉVOLUTION DE L'ÉDUCATION AU BRÉSIL À TRAVERS L'HISTOIRE ET LES EXIGENCES DE...L'ÉVOLUTION DE L'ÉDUCATION AU BRÉSIL À TRAVERS L'HISTOIRE ET LES EXIGENCES DE...
L'ÉVOLUTION DE L'ÉDUCATION AU BRÉSIL À TRAVERS L'HISTOIRE ET LES EXIGENCES DE...
 
La nouvelle femme . pptx Film français
La   nouvelle   femme  . pptx  Film françaisLa   nouvelle   femme  . pptx  Film français
La nouvelle femme . pptx Film français
 
Sidonie au Japon . pptx Un film français
Sidonie    au   Japon  .  pptx  Un film françaisSidonie    au   Japon  .  pptx  Un film français
Sidonie au Japon . pptx Un film français
 
Computer Parts in French - Les parties de l'ordinateur.pptx
Computer Parts in French - Les parties de l'ordinateur.pptxComputer Parts in French - Les parties de l'ordinateur.pptx
Computer Parts in French - Les parties de l'ordinateur.pptx
 
Apolonia, Apolonia.pptx Film documentaire
Apolonia, Apolonia.pptx         Film documentaireApolonia, Apolonia.pptx         Film documentaire
Apolonia, Apolonia.pptx Film documentaire
 
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
 
GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI DẠY BUỔI 2) - TIẾNG ANH 6, 7 GLOBAL SUCCESS (2...
GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI DẠY BUỔI 2) - TIẾNG ANH 6, 7 GLOBAL SUCCESS (2...GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI DẠY BUỔI 2) - TIẾNG ANH 6, 7 GLOBAL SUCCESS (2...
GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI DẠY BUỔI 2) - TIẾNG ANH 6, 7 GLOBAL SUCCESS (2...
 
Bolero. pptx . Film de A nnne Fontaine
Bolero. pptx . Film   de  A nnne FontaineBolero. pptx . Film   de  A nnne Fontaine
Bolero. pptx . Film de A nnne Fontaine
 
Cours ofppt du Trade-Marketing-Présentation.pdf
Cours ofppt du Trade-Marketing-Présentation.pdfCours ofppt du Trade-Marketing-Présentation.pdf
Cours ofppt du Trade-Marketing-Présentation.pdf
 
Boléro. pptx Film français réalisé par une femme.
Boléro.  pptx   Film   français   réalisé  par une  femme.Boléro.  pptx   Film   français   réalisé  par une  femme.
Boléro. pptx Film français réalisé par une femme.
 
COURS SVT 3 EME ANNEE COLLEGE 2EME SEM.pdf
COURS SVT 3 EME ANNEE COLLEGE 2EME SEM.pdfCOURS SVT 3 EME ANNEE COLLEGE 2EME SEM.pdf
COURS SVT 3 EME ANNEE COLLEGE 2EME SEM.pdf
 

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