Cours 12 - Semaine 6

AVANT LE COURS

  • Apporter votre argent pour payer vos cartes d’affaires - DERNIÈRE CHANCE

ThéoriE + LABORATOIRE

  • Document technique pour rédiger votre lettre PDF

Pendant le cours

  • Travailler sur la lettre de motivation

AU PROCHAIN COURS

  • Remise de la lettre de motivation


Cours 11 - Semaine 6

AVANT LE COURS

  • Remise de votre CV en version préliminaire

  • Apporter votre argent pour payer vos cartes d’affaires

ThéoriE + LABORATOIRE

  • Grille pour vous permettre de bien rédiger votre CV PDF

  • Remise du CV


Cours 10 - Semaine 5

AVANT LE COURS

  • Site web fonctionnel à 100%

  • Apporter votre CV si vous en avez un

  • pporter votre argent pour payer vos cartes d’affaires

ThéoriE + LABORATOIRE

  • Note de cours PDF

  • Grille pour vous permettre de bien rédiger votre CV PDF

  • Critique du CV

Pendant le cours

  • Travailler sur le CV


Cours 9 - Semaine 5

AVANT LE COURS

  • Site web fonctionnel à 80%

Pendant le cours

  • Évaluation. de votre portfolio par les pairs

  • Travailler sur Intégration du site web


Cours 8 - Semaine 4

AVANT LE COURS

  • Confirmation du nom de domaine / URL fonctionnel

  • Confirmation de l’hébergeur (Externe ou Cégep) / Hébergement fonctionnel - page d’accueil

  • Votre carte d’affaires RECTO et VERSO en version PDF

  • Hébergement 514 Voici le formulaire à remplir avec le code promo CEM2018

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

ThéoriE + LABORATOIRE

Correction de votre carte d’affaires +Intégration du Portfolio

  1. Rencontre individuelle pour le suivi de votre portfolio

  2. Modifier s’il y a lieu votre carte d’affaires RECTO et VERSO

  3. Poursuivre l’intégration de votre portfolio (CMS, Wordpress, programmation, etc.)

NOM DE DOMAINE / 1011

NOM DE DOMAINE / 1012


Cours 7 - Semaine 4

AVANT LE COURS

  • Remise de 2 versions différentes de vos cartes d’affaires fait dans Illustrator ou Photoshop

  • Versions finales de vos interfaces avant l’intégration

INSPIRATION CARTES D’AFFAIRES

ThéoriE + LABORATOIRE

Carte d’affaires + Correction de vos interfaces de Portfolio

  1. Rencontre individuelle pour le suivi de votre portfolio

  2. Choisir votre carte d’affaires RECTO et VERSO dans vos propositions

  3. Modifier otre carte d’affaires avant la remise finale qui aura lieu au prochain cours

  4. Achat du nom de domaine

  5. Planifier l’hébergement de votre portfolio à l’externe ou utiliser le serveur du Cégep

  6. Poursuivre l’intégration de votre portfolio (CMS, Wordpress, programmation, etc.)

AU PROCHAIN COURS

  • Confirmation du nom de domaine / URL fonctionnel

  • Confirmation de l’hébergeur (Externe ou Cégep) / Hébergement fonctionnel - page d’accueil

  • Votre carte d’affaires RECTO et VERSO en version PDF


Cours 6 - Semaine 3

AVANT LE COURS

  • Interfaces de portfolio avec des hotspot dans Marvelapp https://marvelapp.com

ThéoriE + LABORATOIRE

Carte d’affaires + Intégration de vos interfaces

  1. Produire 3 esquisses papiers de vos cartes d’affaires RECTO et VERSO avant de travailler dans Illustrator

  2. Réaliser 2 versions différentes de vos cartes d’affaires fait dans Illustrator ou Photoshop

  3. Format 2" x 3.5" + 1/8" de bleed tout le tour = 2.25" x 3.75" PAS BESOIN des marque de coupes.

  4. Corriger vos maquettes graphiques fait dans Illustrator ou Photoshop suite aux commentaires

  5. Débuter l’intégration de votre portfolio

INSPIRATION CARTES D’AFFAIRES

AU PROCHAIN COURS

  • Remise de 2 versions différentes de vos cartes d’affaires fait dans Illustrator ou Photoshop

  • Versions finales de vos interfaces avant l’intégration

site web - Marvelapp / 1011

site web - Marvelapp / 1011

  • Alex Fillion https://marvelapp.com/9eajgc4

  • Anthony Ménard https://marvelapp.com/9e47484

  • Arnaud Bérubé-Duval  https://marvelapp.com/437e040

  • Caroline Blais https://marvelapp.com/5hg3eij

  • Charles-Bilodeau-Houle https://marvelapp.com/4i1ic0d

  • Charles Rouillard : https://marvelapp.com/772a2a8/screen/47787170

  • Élaine Pineault : https://marvelapp.com/198j9c0g

  • Jean-Sébastien Rondeau

  • Nicolas Boisvert https://marvelapp.com/358h4ci

  • Rémi-Karl Larivière : https://marvelapp.com/5gd43j9

  • Renaud Boucher : https://marvelapp.com/434e7gj/

  • Samuel Favreau : https://marvelapp.com/9e4ci87

  • Savannah Dubreuil : https://marvelapp.com/4h56d6a

  • Stella Bilodeau :  https://marvelapp.com/5gac54f

  • Valentine Sénégas : https://marvelapp.com/34ehac6


Cours 5 - Semaine 3

AVANT LE COURS

  • Travailler sur les maquettes graphiques fait dans Illustrator ou Photoshop à 50%

ThéoriE + LABORATOIRE

AU PROCHAIN COURS

  • Interfaces de portfolio avec des hotspot dans Marvelapp https://marvelapp.com

RAPPEL : 26 septembre site web fonctionnel au cours 10


 

Cours 4 - Semaine 2

AVANT LE COURS

  • Terminer les wireframes hi-fi dans Illustrator

  • Prototype de votre wireframe avec des hotspot dans Marvelapp https://marvelapp.com

Remise au début du cours

  • Préparer l'URL de votre Portfolio

ThéoriE + LABORATOIRE

  • Théorie : Rédaction PDF

  • Travailler sur les interfaces de votre portfolio (esquisses) soit dans Illustrator ou Photoshop

  • Rencontre individuelle

AU PROCHAIN COURS

  • Travailler sur les maquettes graphiques fait dans Illustrator ou Photoshop à 50%


Cours 3 - Semaine 2

AVANT LE COURS

  • Choisir votre nom de domaine (.ca ou .com ou .co ou autre)

  • Gabarit pour rédiger

  • Gabarit réalisation

Remise au début du cours

  • Moodboard (Synthèse dans un format 8 1/2 x 11 pouces au format PDF

  • 1 x wireframe sur papier

ThéoriE + LABORATOIRE

  • Théorie : Rédaction PDF

  • Rencontre individuelle (Projets à mettre dans le portfolio + wireframe lo-fi)

  • Nom de domaine

  • Hébergement

  • Prototype wireframe HI-fi fait dans Illustrator

  • Prototype de votre wireframe dans Marvelapp https://marvelapp.com

AU PROCHAIN COURS

  • Critiques par les pairs dans le but d'améliorer votre portfolio

  • Travailler sur les maquettes graphiques fait dans Illustrator ou Photoshop à 25%

  • Remise du URL de votre prototype de votre wireframe dans Marvelapp https://marvelapp.com

OUTIL POUR VÉRIFIER LA DISPONIBILITÉ DU NOM DE DOMAINE SUR FUNIO

NOM DE DOMAINE / 1011

  • Alexandre Houle ( https://www.alexhoule.com )

  • Alexandre Stang ( https://www.alexandrestang.com )

  • Andrea Dufresne ( https://www.anduf.ca )

  • Arthur Brousseau-Regaudie (https://www.arthurbr.com )

  • Charles Patoine ( https://www.charlespatoine.com )

  • Francis-Olivier Théorêt (https://www.francisoliviertheoret.com)

  • François Laflamme ( https://www.francoislaflamme.com )

  • Gabriel Dupont-Pelletier ( https://www.gabrieldp.com )

  • Guillaume Grondin ( https://www.guillaumeg.com )

  • Julien Vermette ( https://julienvermette.com )

  • Laetitia Marzella ( https://www.laetitiamarzella.com )

  • Mathieu Perreault ( https://www.designperreault.com )

  • Nathan Barry ( https://www.nathanbarry.ca )

  • Samuel Marchesseault ( https://www.samuelmarchesseault.com )

  • Julien Pouliot (https://www.pencherarthur.io)

NOM DE DOMAINE / 1012

  • Alex Fillion (https://www. Alefil.com)

  • Anthony Ménard (https://www.anthony-menard.com)

  • Arnaud Bérubé-Duval (https://www.arnaudbd.com)

  • Caroline Blais

  • Charles-Bilodeau-Houle (https://www.cbilodeauhoule.com)

  • Charles Rouillard (https://www. charlesr.com)

  • Élaine Pineault (https://www. elainepineault.com)

  • Jean-Sébastien Rondeau ( https://www. à venir)

  • Nicolas Boisvert (https://www.nicolasboisvert.com)

  • Rémi-Karl Larivière (https://www.rklariviere.com)

  • Renaud Boucher (https://www.RenaudBoucher.ca)

  • Samuel Favreau (https://www.samuelfavreau.com)

  • Savannah Dubreuil (https://www.savannahdubreuil.com)

  • Stella Bilodeau (https://www.stellabilodeau.com)

  • Valentine Sénégas ( https://www.valentinesenegas.com )

MARVELAPP (PROT0TYPE) / 1011

  • Alexandre Houle

  • Alexandre Stang

  • Andrea Dufresne

  • Arthur Brousseau-Regaudie

  • Charles Patoine

  • Francis-Olivier Théorêt

  • François Laflamme

  • Gabriel Dupont-Pelletier

  • Guillaume Grondin

  • Julien Vermette

  • Laetitia Marzella

  • Mathieu Perreault

  • Nathan Barry

  • Samuel Marchesseault

MARVELAPP (PROT0TYPE) / 1012

  • Alex Fillion

  • Anthony Ménard

  • Arnaud Bérubé-Duval

  • Caroline Blais

  • Charles-Bilodeau-Houle

  • Charles Rouillard

  • Élaine Pineault

  • Jean-Sébastien Rondeau

  • Nicolas Boisvert

  • Rémi-Karl Larivière

  • Renaud Boucher

  • Samuel Favreau

  • Savannah Dubreuil

  • Stella Bilodeau

  • Valentine Sénégas


Cours 2 - Semaine 1

ThéoriE + LABORATOIRE

  • É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

  • 2 x zoning (papier)

  • 1 x wireframe (ordinateur) la meilleure piste dans vos 2 zonings

  • 1 x maquettes préliminaires différentes à 50% remis soit en PDF ou JPG ou PNG au prochain laboratoire

 

Le zoning permet de schématiser “grossièrement” une page web grâce à l’utilisation de blocs. L’objectif est de présenter l’emplacement des zones de contenu et grandes fonctionnalités.

Capture-d’écran-2017-08-28-à-18.10.37.jpg

Les maquettes de fer «wireframes» exploitent les zoning réalisés juste avant pour préciser chaque bloc en introduisant les contenus présents (images, textes, vidéos, etc…). Les contenus sont parfois fictifs pour mieux se projeter, car un client n’a que rarement, à ce stade, produit les contenus définitifs.

Une wireframe a pour objectif de définir l’organisation précise, la structure des éléments, les formes (de façon sommaire) et les contenus présents, sans aucune notion graphique. Cependant, à ce stade, les interfaces sont conçues en prenant en compte les standards et souhaits ergonomiques.

Capture-d’écran-2017-08-28-à-18.10.44.jpg

RÉFÉRENCES

Devoir

  • Moodboard (Synthèse dans un format 8 1/2 x 11 pouces au format PDF contenant : thème, couleur, icône, éléments graphiques et typographie.

  • Gabarit pour rédiger PDF

  • Gabarit réalisation PDF

  • Wireframes lo-fi fait à la main. Ensuite, vous pourrez plus tard les faire dans Illustrator ou autres application numérique.


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 15.75$

  • .ca 23.50$

  • + protection ID 9.95$

Prix total

  • Pour un forfait débutant, un .com avec le protection ID : 70.25$

  • Pour un forfait débutant, un .ca avec le protection ID : 78.00$


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$


Cours 1 - Semaine 1

Théorie

  • Présentation du professeur

  • But du cours

  • Présentation du calendrier de travail

  • Communication par Léa

  • Disponibilités et mon bureau E-201

  • Planification des activités PDF

  • Plan de cours PDF

Laboratoire

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

  • Objectifs/public cible

  • Adresse courriel professionnelle et nom de domaine

  • Courriel et Pinterest

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

  • Recherche et analyse de portfolios

  • Recherche de 2 templates Wordpress ou autre... Exemple: https://www.squarespace.com

  • Exemple: https://creativemarket.com/themes/wordpress

  • Recherche de portfolios inspirants

  • Arborescence

  • Fonctionnalités requises

  • À venir... Joindre le groupe LinkedIn de la Techniques d'Intégration Multimédia

À faire

  • Création de votre Pinterest

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

PINTEREST / 1011

PINTEREST / 1012