|
Les services d’aide aux étudiantes et étudiants Contacter les services psychosociaux par courriel |
|
PLAN DE COURS |
Session |
Année |
|
|
Hiver |
2026 |
||
|
420-2D7-LL |
Développement web |
Pondération |
|
|
2-5-4 |
|||
|
Département : |
55-Informatique |
Préalable(s) |
|
|
Programme : |
420.B2 Techniques de l'informatique (profil Développement d'applications) |
420-2C5-LL, 420-4C5-LL |
|
|
Coordination départementale |
Courriel |
Bureau |
Poste |
|
Guy Cloutier |
Local G204 |
5503 |
|
Professeur[e] |
Courriel |
||||||
|
Stéphane Mercier |
|||||||
|
Disponibilités : |
Lundi |
Mardi |
Mercredi |
Jeudi |
Vendredi |
Bureau |
Poste |
|
À venir en début de session |
|||||||
1. DESCRIPTION GÉNÉRALE DU COURS
1.1 Place du cours dans le programme
Session dans le programme : Session 4
Ce cours requiert les aptitudes acquis dans le cours de Programmation système et Bases de données et sécurité des applications. L’étudiant doit être à l’aise avec la programmation et les Base de données.
1.2 Préalable[s]
Ce cours est complémentaire et directement lié par sa compétence au cours :
· 420-4E8-LL Projet web transactionnel
· Intégration technologique en infrastructure et en développement d'applications
· Veille technologique en infrastructure et en développement d'applications
2. COMPÉTENCE(S) ET ÉLÉMENTS DE COMPÉTENCE
2.1 Principaux objets d’apprentissage et contexte de réalisation
|
Titre et numéro de la compétence |
Effectuer le développement d’applications Web transactionnelles 00SU |
|
|
Éléments de compétence |
Statut |
|
|
1. Programmer la logique applicative du côté client. |
Atteinte |
|
|
2. Participer au déploiement de l’application chez un hébergeur Web. |
Atteinte |
|
|
3. Préparer l’environnement de développement informatique. |
Atteinte |
|
|
4. Préparer la base de données. |
Atteinte |
|
|
5. Programmer l’interface Web. |
Atteinte |
|
|
6. Analyser le projet de développement de l’application. |
Partielle |
|
|
7. Programmer la logique applicative du côté serveur. |
Partielle |
|
|
8. Contrôler la qualité de l’application. |
Partielle |
|
|
9. Rédiger la documentation. |
Partielle |
|
3. CONTENUS ET CADRE PÉDAGOGIQUE
3.1 Information sur les contenus
Serveur Web, Développement Web, Transaction commerciale
3.2 Stratégies ou méthodes pédagogiques utilisées
1. Méthodologie : 2 heures de théorie et 5 heures de laboratoire obligatoires sont prévues à chaque semaine.
4 heures de travail personnel sont aussi prévues pour permettre à l’étudiant d’effectuer des lectures et des recherches ainsi que compléter les travaux.
3.3 Modalités de participation et travail attendu
1. Travail attendu des étudiants : Il est de la responsabilité de l’étudiant de compléter et remettre ses travaux pratiques dans les délais prescrits. Pour tout retard, une pénalité de 10% par jour de retard sera appliquée.
a. De plus, l’étudiant a la responsabilité de se présenter aux périodes prévues pour les évaluations. Le droit de reprise d'une évaluation pour un étudiant absent ne s'exerce pas automatiquement. L’étudiant a la responsabilité de prévenir le professeur de son absence et de discuter avec lui des modalités de reprise.
2. Évaluations : 4 Travaux pratiques 50 % (5%,10%,5% et 30% chaque)
2 Examens 50 % (25% et 25%)
3. Seuil de réussite :
Pour que la note finale cumulative soit calculée, l’étudiant doit obtenir une moyenne minimale de 60 % aux examens du cours (sans les autres évaluations).
Si ce seuil minimal est atteint, la note finale correspond à la note cumulée des examens et des autres évaluations sera appliquée, selon la pondération prévue au plan de cours.
À défaut d’atteindre la moyenne minimale de 60 % aux examens, l’étudiant sera considéré en situation d’échec, et la note finale correspondra à la moyenne obtenue des examens seulement (sans les autres évaluations).
3.4 Calendrier des activités
|
Semaine |
Théorie et contenus |
Laboratoire |
|
1 |
Introduction aux serveurs Web sous Linux § Expliquer le plan de cours § Connaître le vocabulaire propre à ce domaine § Architecture et historique Les modèles n-tier, motif de conception MVC et client/serveur |
Installation des outils |
|
2
|
Serveur Web sous Linux: Apache § Propriétés § Installation Configuration Apache § Environnement § Fichier apache2.conf et autres § serveur virtuel et principal commande § Virtualisation de serveur |
Exercice Configuration |
|
3 |
Développement Web arrière-plan (back end) PHP et environnement de travail amélioré § Installation et configuration module PHP § Programmation orientée objet sous PHP § Notions: Cookies, Session |
TP#1 (5%) PHP |
|
4 |
Système de gestion de base de données relationnelles: MySQL § Concept de SGBD relationnel § Installation, configuration MySQL § SQL § Sécurité des BD § Importation et exportation de BD § Interfaçage de MYSQL |
TP#2 (10%) Base de données |
|
5 |
Développement Web frontal (front end) Utilisation de composants logiciels organisés (Framework ) § Application web monopage - Single page application (SPA) § Présentation Angular § Angular_cli (gestion en ligne de commande) § Node JS § Installer et créer un projet |
TP#3(5%) Front end
|
|
6 |
Examen 1 (25%) |
Suite TP#3 |
|
7 8 9 10 |
Construire une application § Structurez avec les composants§ Gérez des données dynamiques§ Structurez le document avec des Directives§ Modifiez les données en temps réel avec les Pipes§ Structure du code avec les Services § Gérez la navigation avec le Routing |
TP#4 (30%) Projet Web |
|
11 |
Interagir avec un utilisateur et un serveur § Écoutez l'utilisateur avec les Forms - méthode template § Interagissez avec un serveur et HttpClient (AJAX) |
Suite TP#4 |
|
12 |
§ Formulaires § Nom de domaine § Infonuagique publique § Ajout et Publication |
Suite TP#4 |
|
13 14 |
Transaction commerciale en ligne et administration Transfert de fichier, fonction, librairie graphique et utile, éditeur de texte en ligne, gestion de panier virtuel, paiement en ligne |
Suite TP#4 |
|
15 |
Examen 2 (25%) |
Remise TP#4 |
4. ACTIVITÉS D’ÉVALUATION DES APPRENTISSAGES
4.1 Évaluations formatives
Installation des outils
Exercice Configuration
4.2 Évaluations sommatives
4 Travaux pratiques 50 % (5%,10%,5% et 30% chaque)
2 Examens 50 % (25% et 25%)
Évaluations formatives (F) et sommatives (S)
|
Activités d’évaluation |
Pondération |
F / S |
Semaine |
|
Installation des outils |
0 |
Formative |
1 |
|
Exercice Configuration |
0 |
Formative |
2 |
|
TP#1 PHP |
5% |
Sommative |
3 |
|
TP#2 Base de données |
10% |
Sommative |
4 |
|
TP#3 Front end |
5% |
Sommative |
5 |
|
TP#4 Projet Web |
30% |
Sommative |
7 |
|
Examen 1 |
25% |
Sommative |
6 |
|
Examen 2 |
25% |
Sommative |
15 |
5. POLITIQUES ET RÈGLEMENTS
5.1 Objectifs langagiers
Politique relative à la valorisation de la langue :
5.2 Révision de notes
De plus, l’étudiant a la responsabilité de se présenter aux périodes prévues pour les évaluations. Le droit de reprise d'une évaluation pour un étudiant absent ne s'exerce pas automatiquement. L’étudiant a la responsabilité de prévenir le professeur de son absence et de discuter avec lui des modalités de reprise.
6. MATÉRIEL
6.1 Matériel obligatoire
Notes de cours disponible en ligne
https://php.dinf.ca/cours/dweb/
7. MÉDIAGRAPHIE
Références Web
Disponible en cours de session dans les notes de cours.
|
SERVICES À L’ENSEMBLE DE LA COMMUNAUTÉ ÉTUDIANTE |
|
Ensemble de la communauté étudiante
Sensibles aux réalités uniques et défis supplémentaires auxquels font face l’ensemble de la communauté étudiante, les membres du département vous informent qu’il existe au cégep un service de première ligne. En effet, une personne ressource en éducation spécialisée, peut vous accompagner pour toutes questions au sujet de l’intégration académique, la gestion du stress, et l’organisation de vos études, etc. Vous pouvez la rencontrer au local A-218.
Carrefour d’aide à la réussite Local : A-218 Courriel : servicesetudiants@cegeplevis.ca
|
|
RÈGLES DE PROGRAMMATION |
|
Un programme qui FONCTIONNE n’est PAS NÉCESSAIREMENT un BON programme ! En plus de produire des résultats exacts, ce qui est la moindre des choses, un BON programme doit comporter les qualités suivantes : • • Bonne lisibilité générale • • Efficacité minimale…au moins ! • • Respect des normes d'entreprise
Des points pourront être enlevés en tout temps pour un programme de qualité insuffisante. Normes obligatoires du département d'informatique : • • Décalages significatifs ; • • Termes français pour tous les affichages (message et écran) ; • • Jamais de ligne de plus de 80 caractères ; • • Une seule instruction par ligne ; • • Prioriser un code lisible au détriment des commentaires ; • • Aucune variable globale (sauf exception justifiée par le professeur) ; • • Noms de variable et de méthode/fonction significatifs et comportant au besoin des lettres majuscules ; • Méthode/fonction simple : ne doit faire qu’une seule chose ;
|
|
Utilisation de l’IA (intelligence artificielle) |
|
À l’exception des conditions ci-bas mentionnées, le recours à une IA générative sera traité comme une tentative de fraude par l’étudiant(e) et sanctionné de la manière prévue par les articles 8.4 à 8.7 de la PIEA du Cégep de Lévis. » Dans le cadre de ce cours, le recours à une IA générative par l’étudiant(e) peut être autorisé pour les tâches, telles que: • Soutien à la réflexion et à la logique de programmation; • Soutien à la recherche de sources fiables; L’étudiant(e) est tenu(e) de déclarer son utilisation en spécifiant dans son travail les tâches pour lesquelles l’IA a été utilisée : « Dans le cadre de ce travail, j’ai utilisé (*IA génératives ayant été utilisées) pour me soutenir dans l’exécution des tâches suivantes : (*nommer les tâches). » Ou, mettre un commentaire dans le programme indiquant le code généré par l’IA dans le travail. L’étudiant(e) doit être en mesure d’expliquer le code fourni et son fonctionnement. Le code produit doit être conforme à la matière vue et/ou expliquée en classe.
|