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é…
Julien Vermette ( https://julienvermette.com )
Arthur Brousseau-Regaudie (https://www.arthurbr.ca)
Charles Patoine ( http://www.charlespatoine.com )
Laetitia Marzella ( https://www.lmarzella.dectim.ca )
Mathieu Perreault ( https://www.designperreault.com )
Alex Fillion (https://www.Alexfillion.com)
Rémi-Karl Larivière (http://www.rklariviere.com)
Charles Rouillard (charlesrouillard.com)
Élaine Pineault (https://www.epineault.dectim.ca/portfolio)
Stella Bilodeau (https://www.sbilodeau.dectim.ca/portfolio)
Devoir
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
Détails des forfaits http://sky-net-technologies.com/services/hebergement/
Code promo : DECTIM-18
Espace Web 5 GB
Bande passante ilimitée
Boite courriel 3
Base de données MySQL 1
Back-Up au 48h
59.40$/années – un code promos de 25% : Prix final à venir
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
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
Détails des forfaits
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
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
Laurianne Benoît
Nicolas Berthiaume
Nicolas Morissette
PINTEREST / 1012
Anabelle Langelier
Gabriel Brazeau
Gabrielle Martin
Samuel Desrosiers
PINTEREST / 1020
Anthony Lopez-Gagnon
Jérémy Molaison
Michael Contant-Holowatyj
Nicolas Bourg
Instagram / De la techniques TIM / @timedouard
Instagram / 1011
Laurianne Benoît
Nicolas Berthiaume
Nicolas Morissette
Instagram / 1012
Anabelle Langelier
Gabriel Brazeau
Gabrielle Martin
Samuel Desrosiers
Instagram / 1020
Anthony Lopez-Gagnon
Jérémy Molaison
Michael Contant-Holowatyj
Nicolas Bourg
Tatiana Titov
Vincent Barriault