rapport de projetok - prsentation

Download Rapport de projetOK -   Prsentation

Post on 17-Mar-2018

223 views

Category:

Documents

5 download

Embed Size (px)

TRANSCRIPT

  • Rapportdeprojet AgenceImagine____________________________________________________________________________________________

    -1-

    RapportdeprojettuteurPremireanne

    AtelierArchitecture

    IUTdeTroyesDpartementSRC

    ___________________________________________________________________

    AgenceImagine: CRESPINKevinSCHERMANNJulienTHIEBAUTJeanPhilipp

  • Rapportdeprojet AgenceImagine____________________________________________________________________________________________

    - 2 -

    Remerciements

    Nous tenons remercier lensemble de lquipe enseignante pourleurs conseils utiles et aviss, notammentMme. FORD pour son aide surnotreLookandFeeletM.CHIBOUTpourlasoutenanceetlerapportfinal.

    Merci aussi la commanditaire pour les renseignements et lesinformations quelle nous a fourni sur latelier architecture.

  • Rapportdeprojet AgenceImagine____________________________________________________________________________________________

    -3-

    Tabledesmatires

    Remerciements.2

    Tabledesmatires..3

    Introduction4

    PrsentationdelAgence.4Quesontlesprojetstuteurs?....4Prsentationduprojet..........4

    I)Conceptionduproduit...6

    1.quelsbesoinsdoitrpondreleproduit?.6 2.Organisationdutravail....6 3.Analysedelexistant......8 a.Lessitesprsentantdespointsfaibles.....8 b.Lessitesprsentantdespointsforts..10 4.MaquettesetLook&Feel12 a.prsentationdestroismaquettes.....13 b.Evolutiondelamaquetteretenue.18

    II)Ralisation..19

    1.Arborescencedusiteetmenu......19 2.Evolutiondeslmentsgraphiquesdusite..20 a.Logo.....20 b.Banniresdusite.21 c.Carteinteractive...21 d.Banniredepromotion...22 3.Gestionducontenu..22 a.Imag..22 b.Textuel...24 4.Perspectivedhbergement25

    Conclusion.26

    Perspectivespourlesite...26 Apportspersonnelles..26

    Webographie...27

  • Rapportdeprojet AgenceImagine____________________________________________________________________________________________

    -4-

    Introduction

    PrsentationdelAgence

    Nous sommes lagence Imagine, nous avons choisi ce nom car ilsymboliselerveetlenviedallerdelavant,cetteagenceestcomposedetroismembres:

    KvinCrespin:JulienSchermannJeanPhilippeThiebautChefdelagence

    Nousavionschoisidetravaillerensemblesurpratiquementtouteslespartiesetdesaiderdsquelundenoustaitbloqudoncnousnepouvonspasvraimentdirequenousavionschacununrledistinct,nousavonsttouslafoisprogrammeur,designeretinfographiste.

    Quesontlesprojetstuteurs?

    Les projets tuteurs sont un moyen de nous plonger dans la vieprprofessionnelleennouspermettantdedcouvrircequest letravaildegroupe, limplication dautrui sur notre travail comme par exemple desconseilsoudesremarquessurunebannireouunemiseenforme,leschoixdu commanditaire et ses attentes et surtout de devoir livrer un produitdansuntempsimparti.

    Prsentationduprojet

    Nous avions le choix parmi trois projets proposs: les passeurs defresque, lamaisonde lascienceet latelierarchitecturedulyceChrestiende Troyes qui nexiste plus aujourdhui. Nous avons choisi latelierarchitectureprsentparDominiqueSabroux car lateliertait avant toutunclubde lycencequenoustions ilnyapassi longtemps,nousavonsdoncpenserquectait le thme leplusappropripournousetquenouspouvionsrpondreaumieuxauxattentes.

  • Rapportdeprojet AgenceImagine____________________________________________________________________________________________

    -5-

    Pour ce projet nous devions crer un siteweb statique, accueillant,avec un nombre de rubriques prdtermines, et des rubriques sur lesdiffrentsvoyagesetunerubriquegalerie.

    Nousdevionsgalement crerunebannireanimepouvanttremisesurdessitesetquirenverraiverslesitedelatelierarchitecture.

  • Rapportdeprojet AgenceImagine____________________________________________________________________________________________

    -6-

    I)Conceptionduproduit

    1.quelsbesoinsdoitrpondreleproduit?

    Notre produit doit rpondre un manque, en effet latelierarchitectureduLycechrestiendeTroyesneprsentaitpasdesiteinternet.Aussiceluicisubitbeaucoupdechangementdestatuts,cestpourquoilesiteestunbonmoyenpourrendrehommagecetatelier.Deplusunsiteddiuniquement larchitecturedansles lycespeutfairesedveloppercegenredactivitdanslemilieuscolaire.Notrecommanditaire,enfaisantla demandedun support accessiblepar lemonde entier, dsir avant toutfaireconnatresonactivitetpartagersapassiondelarchitecture.

    2.Organisationdutravail

    Voicilesdiffrentestchesquenousavonseffectues:

    Prparationduprojet Analysedelexistant Maquettes RflexionssurlesongletsRalisationducontenu Synthseducontenutextueloffertparlecommanditaire RedimensionnementducontenuimagRalisationdeslmentsgraphiques Logo Bannires CarteCliquableDveloppement CodageHTML+CSS IntgrationduJavaScript intgrationducontenu ValidationW3Cetcorrectiondeserreurs

  • Rapportdeprojet AgenceImagine____________________________________________________________________________________________

    -7-

    DiagrammedeGANTT

    Afinderalisercestchesnousavionsdisposition:

    LestroismembresdelagenceDeuxmacbookDessallesquipsdePCdisponiblespendantlesprojets

    Aussi,nousavonsutilisleslogicielssuivant:DreamweaverCS3PhotoshopCS3FlashCS3Word2008pourmacPowerPoint2008pourmac.

  • Rapportdeprojet AgenceImagine____________________________________________________________________________________________

    -8-

    3.Analysedelexistant

    Nous avions 3maquettes diffrentes raliser, cest pourquoi nousavons fait une tude de lexistant pour en tirer les points faibles ou lespoints fortsde sitesexistantsetqui traitentdumme thme, afinde seninspirer.

    a.Lessitesprsentantdespointsfaibles

    SiteN1:http://byc.ch/hga/art/index.htm

    Pointsfaibles:

    Ce site utilise une palette de couleur qui ne correspond pas avecnotresujet,eneffetnousnepensonspaslarchitectureentantsurunsitebeige/violet/jaune.

    Ilnyapasunassezfortcontrasteentrelesongletsetlacouleurdefondcequifaitquelesongletssontpeinevisible.

    Ilyatropdongletscelapeutfairetropchercherlinternauteavantdetrouvercequilcherchesurlesite.

  • Rapportdeprojet AgenceImagine____________________________________________________________________________________________

    -9-

    SiteN2:http://www.clubarchi.com/

    Nousneretrouvonspasdanscesitelathmatiquedelarchitecturepartunlogoquilfautregarderattentivementpourledchiffrer.

    Lecontenuesttropspcialisdansledomainedelarchitecture,lesinternautes qui ne sintressent pas plus larchitecture mais qui sontcurieux,nepeuventcomprendre,oucomprendreavecdifficultlecontenudecesite.

  • Rapportdeprojet AgenceImagine____________________________________________________________________________________________

    -10-

    b.Lessitesprsentantdespointsforts

    SiteN1:http://www.architecturestudio.fr

    Nousavonsrepritledesigndesongletsaveclacouleurdefondquichangelorsquelonsurvoleceluiciaveclasouris,ainsiquelacouleurdelapolicedelonglet.

    Nousavonsrepritaussilesystmedenavigationaveconglets/sousonglets.

    Nous nous sommes aussi inspir de la structure carre et de lasobritdusite.

  • Rapportdeprojet AgenceImagine____________________________________________________________________________________________

    -11-

    SiteN2:http://www.histoiredelart.net

    Surcesitenousavonssimplementrepris, lidede labannirequichangechaqueonglet.

  • Rapportdeprojet AgenceImagine____________________________________________________________________________________________

    -12-

    4.Maquettesetlookandfeel

    Aprs ltude de lexistant prsent cidessus nous avons pumettreenuvreunlook&feelquinousapermisdedirigernosidesdansunseulsensafindemettreenformelestroismaquettesdemandes.

    Look&Feel

  • Rapportdeprojet AgenceImagine____________________________________________________________________________________________

    -13-

    a.Prsentationdestroismaquettes

    MaquetteN1:

    Structure:Tailledelapage:Lalargeurdusiteestfixe800pixelsenviron.La

    hauteur est ajuste en fonction du contenu de la pages ou une barre dedfilementseraprsentesurlecotdroitducontenu.

    Navigation : La navigation principale est situ en dessous de labannire,lorsdusurvoledulien,celuicipasseengrasavecunchangementdecouleurs(exemple:levertdegense).

    Pourlesousmenuquiestsitusurlagauche: sionprend lexemple1et2, lorsdusurvolde la casedu liencelleci sedplaceversladroitelgrement(Onpassedelacase1lacase2). Si on prend lexemple 3 et 4, lors du survol de la case du lien, cellecidevientplusfonce(Onpassedelacase3la4).

  • Rapportdeprojet AgenceImagine____________________________________________________________________________________________

    -14-

    Couleurs:Palettegraphique:BleucielmarronbriquevertmentheAgencementdescouleurs:Lescouleurssonttiresdesbtimentsen

    haut,lebleurappellesvitres,leciel;lemarronrappellemurenbrique;levertrappel lafficheet laverdure.Le fondbleucieldonneune lgretausite.

    Texte&Images:Texte : La police utilise pour les onglets est PrestigeElite Std et

    Arialpour lecontenu,cettepoliceestacceptpar tous lesutilisateursdfautdautrestypographiesplusoriginales.

    Images:Lesimagesserontajustesenpoidsafindenepasfavoriserles internautes avec un gros dbit. Et places dans lemplacement ducontenuetexte.

  • Rapportdeprojet AgenceImagine____________________________________________________________________________________________

    -15-

    MaquetteN2:

    Structure:Tailledelapage:Lalargeurdusiteestfixe400pixelsenviron.La

    hauteur est ajuste en fonction du contenu de la pages ou une barre dedfilementseraprsentesurlecotdroitducontenu.

    Navigation:Louverturedusiteferaarriverlinternautesurunepageavecunlogoplacaucentre,enhautdelapageetserafixe,tandisquunebannir

Recommended

View more >