Cours 2 - Semaine 1

ThéoriE

  • Étapes de réalisation et contenu du portfolio

  • Rédaction de contenu

  • Théorie : Contenu PDF

  • Gabarit pour rédiger PDF

  • Gabarit réalisation PDF

  • Choisir son URL et hébergement

Laboratoire

  • Répertorier vos projets pour les intégrer dans votre site web

  • Rencontres individuelles

  • Rédaction de contenu

  • Moodboards

  • Wireframes lo-fi

  • 1 x wireframe (Figma)

  • Après fait le wireframe et débuter les maquettes préliminaires fait à 20% qui sera présenter au professeur lors de rencontre préliminaire au prochain laboratoire. Il s’agit d’un début. Je m’attends pas à la perfection. Donc, vous pouvez commencer à faire des tests de typographie, couleurs, etc. Débutez à explorer le UI.

ÉCHÉANCIER

  • Cours 3 : Début du cours 3

    • 1 x Wireframe fait dans FIGMA - Fait dans un # «frame » nommé : wireframe

    • 2 x Moodboard

    • 5 fiches fait à partir du gabarit pour rédiger PDF

  • À venir:

    • Débuter les interfaces dans FIGMA

  • Utiliser FIGMA MIRROR pour voir votre projet sur le mobile. Télécharger l’application sur l’App Store ou Google PLAY STORE

Références

Aide mémoire pour le prof

Exemples de projet d’étudiants réalisés l’an passé…

Devoir

  • Moodboard (Figma)t : thème, couleur, icône, éléments graphiques et typographie.

  • Gabarit pour rédiger PDF

  • Gabarit réalisation PDF

  • Wireframes lo-fi fait dans Figma.

Hébergement + Nom de domaine

Option 1 - Hébergement sur le serveur du collège

  • Gratuit

  • Espace Web 3 GB

  • Bande passante ilimitée

  • Base de données MySQL 1

  • Durée début septembre 2019

Option 2 - Hébergement SKY NET

Nom de domaine

  • .com Prix final à venir

  • .ca Prix final à venir

  • + protection ID Prix final à venir

Prix total

  • Pour un forfait débutant, un .com avec le protection ID : Prix final à venir

  • Pour un forfait débutant, un .ca avec le protection ID :Prix final à venir

Option 3 - Hébergement 514

  • Espace Web ilimitée

  • Bande passante ilimitée

  • Boite courriel 3

  • Base de données MySQL 2

  • Back-Up au 24h, 48h, 7 jours, 1 mois, 2 mois

  • PERSO à 10$/mois @ 50% = 60$/an

  • Voici le formulaire à remplir avec le code promo CEM2018

    http://www.514hebergement.com/commander/?id=1

Nom de domaine

  • .com 11.25$

  • .ca 17.25$

Prix total : Hébergement + Nom de domaine

  • .com 71.25$

  • .ca 77.25$

Option 4 - Hébergement web Canada

Nom de domaine

  • .com 12,99$

  • .ca 9,99$

  • + protection ID 9.95$

La protection ID de domaine c'est quoi?

Lorsque vous enregistrez un domaine, votre nom, adresse, adresse électronique et numéro de téléphone sont disponibles pour quiconque veut les voir. La seule façon de prévenir les factures frauduleuses et le pourriel (spam), est d'activer la protection ID. La protection ID cache vos informations. Si vous avez acheté un domaine chez Novahoster la protection ID est offerte en option pour votre domaine. Si vous désirez vérifier si cette protection est activée sur votre compte, branchez-vous sur votre compte.

COURS 1 - SEMAINE 1

/ étape: Analyse et planification

THÉORIE

  • Présentation du professeur

  • Objectifs du cours

  • Présentation du calendrier de travail

  • Communication par Léa

  • Disponibilités et mon bureau E-201

  • Planification du professeur PDF

  • Plan de cours PDF

  • Résumé des objectifs PDF / Pour le professeur

  • Projet sportif


LABORATOIRE

  • Répondre au sondage (Identifier son profil de stagiaire) DOC ou en ligne

  • Objectifs/public cible

  • Adresse courriel professionnelle et nom de domaine

  • Comptes professionnels (Instagram, Pinterest, LinkedIn)

  • Répertorier 5 meilleurs projets ( Objectifs du cours et les différents outils promotionnels à réaliser pendant le cours)

  • Recherche et analyse de portfolios

  • Inspiration: https://creativemarket.com

  • Recherche de 5 portfolios inspirants

  • Votre site web (portfolio) : Arborescence et fonctionnalités requises

À FAIRE

  • Création de votre Pinterest

  • Création de votre Instagram

  • Dans Pinterest, créer 3 tableaux : 10 x Thèmes, 10 x UI (couleurs, boutons, style graphique...) et 10 x UX (expérience utilisateur)

PINTEREST / 1011

PINTEREST / 1012

PINTEREST / 1020

Instagram / De la techniques TIM / @timedouard

Instagram / 1011

Instagram / 1012


Instagram / 1020