Please enable JavaScript.

Coggle requires JavaScript to display documents.

Mise en ligne de pages Web dynamiques Travail 01 Portfolio…

- - - - Objectif
        
        Démontrer la maîtrise des méthodes performantes de développement, à partir d’interfaces esthétiques et ergonomiques, et de composantes multimédias adaptées.
        
        Réaliser la conception et le développement d’un premier prototype d’un site Web de type portfolio
      - Utiliser des transitions personnalisées, ainsi que des librairies tierces (ex. : Bootstrap).
      - Développé à l’aide des langages html5, CSS3, SQL et PHP
        
        À partir de maquettes produites au préalable
      - Choisir nos logiciels utilisés
      - Validation & Orientation
        
        Le professeur rencontrera individuellement les étudiants lors de périodes désignées durant tout le processus de production
    - - Les pages demandées constitueront un document 8½x11 en format PDF
      - Synthèse du projet
        
        Un document de quelques pages devra faire la démonstration :
        
        Objectifs de votre site, de son positionnement (portfolio, offres de services de compagnie) et sa clientèle cible
        
        Concept (idéation, axes, vision, thématique)
        
        Fonctionnalités principales (type de produit, navigation, interactivité, supports de diffusion)
      - Maquette filaire
      - Organigramme
      - Les fichiers
    - - Le site devra à être optimisé en fonction des médias ciblés .
      - Vos fichiers et dossiers ne doivent pas contenir ni caractères spéciaux, ni accents, ni aucun espace. De plus, tous les caractères devront être en minuscule.
      - Respect de l’accessibilité, des normes et standards du Web, en fonction des contraintes liées aux technologies utilisées.
      - Attention aux sources d’information .
      - Documentation adéquate des codes.
    - - Qualité du résultat
        
        Le site Web est entièrement fonctionnel
        
        Le site Web est entièrement fonctionnel
        
        Le site Web respecte les contraintes générales
      - Respect des contraintes
      - Esthétisme, qualité du visuel et de l’ergonomie
  - - - Intervention #1 – 4 oct. : Introduction au travail et début de la conception
        
        Présentation de l'énoncé et de son complément
        
        Conception : début
        
        a. Création d'un schéma heuristique de conception
        
        b. Inventaire des contenus à produire, modifier, intégrer, etc.
        
        i. Documents textuels
        
        ii. Documents iconographiques
        
        c. Rédaction de la synthèse du projet (début)
      - Intervention #2 – 11 oct. : Suite de la conception
        
        Conception : suite
        
        a. Rédaction de la synthèse du projet (fin)
        
        b. Rédaction des contenus (premier jet)
        
        c. Production de l'architecture de l'information (Visio / Visvocab)
        
        d. Production de la maquette basse-fidélité (avec Balsamiq)
      - Intervention #3 – 18 oct. : Fin de la conception et début de la production
        
        Rencontres individuelles - feedback sur les livrables et autres documents disponibles (remise provisoire)
        
        a. Schéma heuristique de conception
        
        b. Synthèse du projet
        
        c. Inventaire des contenus
        
        d. Architecture de l'information
        
        e. Maquette basse-fidélité
        
        Fin de la conception
        
        Début de la production du prototype
      - Intervention #4 – 25 oct. : Production
        
        Programmation du prototype : suite
      - 11 novembre 2019 (à confirmer) : Remise finale des livrables
        
        Remise des livrables dans le dossier _AGX_Mise-en-ligne-pages-web-dynamiques_REMISES_TRAV01_Portfolio_Proto\02_remises-finales
        
        Dossier nom_portfolio-proto
        
        Fichier 01_sh.pdf (Schéma heuristique - document graphique)
        
        Fichier 02_synthese.pdf (Synthèse du projet - document textuel)
        
        Fichier 03_ai.pdf (Architecture de l'information - document graphique)
        
        Fichier 04_mq-bf.pdf (Maquette basse-fidélité - document graphique)
        
        Dossier 04_proto
        
        Dossiers et fichiers du prototype
        
        Fichier index.html
      - Intervention #5 – 22 nov. : Production
        
        Programmation du site Web : rencontre de suivi
    - - Les documents de conception doivent être adéquatement identifiés (selon le cas, fournir une page couverture, une table des matières, une légende, un cartouche, etc.);
      - Le prototype ne doit pas nécessairement contenir tous les éléments relatifs au design graphique. En effet, la charte graphique, par exemple, ne constitue pas un livrable dans le cadre de la production du prototype. Cette aspect sera élaboré définitivement durant le développement du site Web proprement dit.
    - - Schéma heuristique
        
        a. Analyse de l'énoncé et de son complément
        
        b. Planification
        
        c. Méthodologie
        
        Voir Jesse James Garett
        
        d. Recherches et documentation
        
        i. Comparables
        
        ii. Compétiteurs
        
        e. Axe esthétique et métaphorique
      - Synthèse du projet
        
        Offre de service
      - Développer votre concept
        
        Stratégie (le pourquoi)
        
        Envergure (le quoi)
        
        Structure (le comment)
        
        Ossature
        
        Surface
      - Besoins de l'utilisateur et Objectifs du site Web
        
        Voir des comparables
        
        Source d'inspiration
      - Maquette basse-fidélité interactive
        
        Web & Mobile
        
        Faire test utilisateur
      - Utilisez les bons outils au bon moment
      - Programmer votre prototype avec Bootstrap 4
      - Livrables de qualité
    - - Compréhension du mandat
        
        Description du contexte dans lequel le site Web est produit
        
        Formation PMI
        
        Démarche de recherche d’emploi
        
        Type de site Web (portfolio, portfolio avec blogue, etc.)
        
        Portée géographique
        
        Langues
      - Objectifs du site Web
        
        Principaux
        
        Secondaires
      - Besoins du client
      - Besoins de l’utilisateur
      - Clientèle cible et personas
      - Fonctionnalités
      - Avenues de conception
        
        Axes esthétiques
        
        Stratégies marketing
      - Spécifications techniques
      - Échéancier global
      - Annexes
        
        Schéma heuristique (requis)
        
        Inventaire des contenus (facultatif)
        
        Architecture de l’information (requis)
        
        Maquettes basse-fidélité (requis)
        
        Moodboard, charte graphique, etc. (facultatifs)
- - - - Besoin utilisateur
        
        Pour voir ce que la personne a accompli comme projet.
      - Objectif du site
        
        Principal : Me faire connaître auprès des entreprises
        
        Secondaire : Faire connaître mes capacités aux entreprises
      - À qui s'adresse le site web ?
        
        Aux employeurs
      - Besoin client
        
        Principal : Me faire connaître auprès des entreprises
        
        Secondaire : Montrer mes capacités aux entreprises
    - - Fonctionnalités
        
        Boutons Facebook, Linkedin et Instagram
        
        Galerie photo sous forme de thumbnails
        
        Avoir un formulaire de contact ou comme ça
        
        Menu accessible en tout temps
    - - Architecture de l'information
    - - Design de navigation
      - Design de l'interface
- - - - Rendre le visuel dynamique
      - Avoir un style épuré
      - Reflète ma personnalité
    - - S’assurer d’une bonne sémantique et d’un bon référencement (SEO).
      - Mettre de l'avant mes oeuvres afin de me faire connaître.