IMAGES

Année académique : 2024-2025
Département : Sciences et techniques
Domaine d'étude : Sciences
Cursus : Informatique - orientation technologies de l’informatique
Volume horaire : 30 périodes
Nombre de crédits : 3
Implantation(s) : Londres
Quadrimestre(s) : Q1
Niveau du cadre francophone de certification : 6

Intitulé U.E. : Conception de sites web B3Q1 Code U.E. : IN314 / INFO0070
Pondération : 60 pts Cycle : 1 Obligatoire : oui Bloc : Bloc 3 Langue d'enseignement : Français

Activités d'apprentissage composant l'UE :

Titre : Titulaire(s) de l'AA : Nombre d'heures :
Conception d'un site web interactif (laboratoire)Öngün Nazmi, 18
Conception d'un site web interactif (théorie)Öngün Nazmi, 12

Coordonnées du responsable de l'UE :

Öngün Nazmi (Nazmi.ONGUN@hel.be) 

Coordonnées des intervenants de l'UE :

Öngün Nazmi (Nazmi.ONGUN@hel.be),

Prérequis :

Corequis :
Compétences visées

Collaborer à la conception, à l’amélioration et au développement de projets techniques.

- Analyser une situation donnée sous ses aspects techniques et scientifiques.
- Elaborer une méthodologie de travail.
- Planifier des activités.
- Proposer des solutions qui tiennent compte des contraintes.
- Rechercher et utiliser les ressources adéquates.

Collaborer à l'analyse et à la mise en œuvre d'un système informatique.

- En choisissant une méthode d’analyse adaptée, exprimer une solution avec les formalismes appropriés.
- Sur base de spécifications issues d’une analyse : développer une solution logicielle | mettre en œuvre une architecture matérielle.

Communiquer et informer.

- Présenter des prototypes de solution et d’application techniques.
- Utiliser le vocabulaire adéquat.

Intégrer et faire communiquer différents composants software et hardware dans un environnement hétérogène.

- Analyser le schéma, installer et exploiter une base de données informatisée.
- Réaliser une application informatique à l'aide d'un langage de programmation procédural ou orienté objet, dans différents environnements de développement.

S’engager dans une démarche de développement professionnel.

- Développer une pensée critique.
- S’informer et s’inscrire dans une démarche de formation permanente.
- Travailler tant en autonomie qu’en équipe dans le respect de la structure de l’environnement professionnel.

S’inscrire dans une démarche de respect des réglementations

- Intégrer les différents aspects du développement durable.
Description du contenu des activités d'apprentissage (AA) :

1 : Conception d'un site web interactif (laboratoire)

Savoir

Mêmes connaissances que pour la partie théorique.

Savoir faire

Réaliser des applications qui s'exécutent correctement ; qu'elles soient efficaces et réutilisables.

Présenter des listings clairs, bien documentés.

Savoir être

Maîtriser les bases des thèmes abordés dans l'activité théorique associée et faire preuve d'autodidactisme et de proactivité.

Etre ponctuel et respecter les consignes.

L'autonomie est le savoir-être central de cette activité d'apprentissage, les solutions étant construites par l'étudiant sous la direction de l'enseignant qui joue le rôle du demandeur et du conseiller technique en posant requêtes, critiques et conseils.



2 : Conception d'un site web interactif (théorie)

Savoir

Rappels :
Notion d'architecture réseau à 3 niveaux
Installation de Apache / MySQL / phpMyAdmin
Notion de page web statique
Langage SQL

Architecture d'un serveur web :

Apache : multi-thread
NodeJS : mono-thread

Javascript , JQuery :

Eléments de base des langages

php :

Histoire, définition et mise en oeuvre de PHP
Notion de page web dynamique et de flux HTML
Eléments du langage
Création d'une page PHP
Validation de données provenant d'un formulaire
Connexion à une base de données
Enregistrements d'une table : accès ,ajout, modification, supression   

NodeJS :

Installation de NodeJS
Installation de modules
Utilitaire npm

Savoir faire

Maîtriser les concepts techniques généraux attachés au développement d'applications Web en php, d'une part hébergées sur un serveur web Apache et connectées au serveur de bases de données MySQL, d'autre part, implémentant une application NodeJS.

Savoir être

Maîtriser les bases des thèmes abordés et faire preuve d'autodidactisme et de proactivité dans l'activité d'apprentissage (laboratoire) associée.
Description des méthodes d'enseignement :

1 : Conception d'un site web interactif (laboratoire)

Il s'agit d'amener l'étudiant à maîtriser les concepts techniques généraux attachés au développement d'applications Web implémentant les techniques abordées au cours théorique.

L'étude de nombreux exemples préparera l'étudiant à présenter deux travaux de programmation de longue haleine (épreuve intégrée) au cours de cette activité. Cette activité est en liaison étroite avec la partie Théorie de l'UE.

Cette activité consistera à présenter aux étudiants une/des solution(s) réalisées par d'autres étudiants. Le respect des cahiers charge sera exigé, tout en encourageant les étudiants à proposer des « plus » à la solution demandée.

Chacun avance sur son propre chemin. L'enseignant sera là pour aiguiller et guider chaque étudiant.



2 : Conception d'un site web interactif (théorie)

Il s'agit d'amener l'étudiant à maîtriser les concepts "théoriques/techniques" généraux attachés au développement d'applications Web en php, d'une part, hébergées sur un serveur Apache et connectées au serveur de bases de données MySQL, d'autre part, implémentant une application NodeJS.

L'étude de nombreux exemples préparera l'étudiant à présenter deux applications basées sur les deux thèmes ci-dessus.

Exposés théoriques de base accompagnés de la mise à la disposition des étudiants d'une documentation technique aussi large et complète que possible (recours fréquent à Internet).
Modalités et critères d'évaluation :

1 : Conception d'un site web interactif (laboratoire)

Epreuve intégrée :

L'épreuve consiste en un examen oral de défense de deux applications web réalisées, chacune sur base d'un cahier des charges précis distribué dès le début du cursus.

Chacune des application compte pour 30 points ; soit total pour l'UE : 60 points

L'évaluation de chaque application se fera selon les critères suivants :

  • la connaissance des concepts théoriques indispensables à l'implémentation d'une application de longue haleine,
  • l'exactitude de l'application  (fonctionnement correct et respect des spécifications),
  • la défense orale qui amènera l'étudiant à prouver, d'une part sa connaissance du langage et de la programmation web en environnement intra et internet (on et off line le cas échéant), et d'autre part, qu'il maîtrise le code qu'il présente ;
  • l'efficacité du  code,
  • la qualité de l'architecture de l'application,
  • la précision des commentaires des listings,
  • la lisibilité générale de ceux-ci,
  • la créativité et le design de l'application.

2 : Conception d'un site web interactif (théorie)

Epreuve intégrée :

L'épreuve consiste en un examen oral de défense de deux applications web réalisées, chacune sur base d'un cahier des charges précis distribué dès le début du cursus.

Chacune des application compte pour 30 points ; soit total pour l'UE : 60 points

L'évaluation de chaque application se fera selon les critères suivants :

  • la connaissance des concepts théoriques indispensables à l'implémentation d'une application de longue haleine,
  • l'exactitude de l'application  (fonctionnement correct et respect des spécifications),
  • la défense orale qui amènera l'étudiant à prouver, d'une part sa connaissance du langage et de la programmation web en environnement intra et internet (on et off line le cas échéant), et d'autre part, qu'il maîtrise le code qu'il présente ;
  • l'efficacité du  code,
  • la qualité de l'architecture de l'application,
  • la précision des commentaires des listings,
  • la lisibilité générale de ceux-ci,
  • la créativité et le design de l'application.
  • Les modalités d’évaluation restent identiques quelle que soit la situation, seuls changent les « moyens » utilisés pour que se tiennent ces évaluations.
Pondération A.A. :

1 : Conception d'un site web interactif (laboratoire)

Epreuve intégrée: 60 points

2 : Conception d'un site web interactif (théorie)

Epreuve intégrée: 60 points
Dispositions spéciales COVID-19 :

1 : Conception d'un site web interactif (laboratoire)

2 : Conception d'un site web interactif (théorie)
Dispositions spéciales COVID-19 (session août/septembre 2020) :

1 : Conception d'un site web interactif (laboratoire)

2 : Conception d'un site web interactif (théorie)
Sources, références et supports éventuels :

1 : Conception d'un site web interactif (laboratoire)

Internet

Des tutos en ligne via teams

Mon site :www.ong-info.be « mise à jour de l’ensemble des notes de cours et des exercices

via un site de e-learning »



2 : Conception d'un site web interactif (théorie)

Internet

Mon site :www.ong-info.be « mise à jour de l’ensemble des notes de cours et des exercices

via un site de e-learning »
Pondération U.E. :

Epreuve intégrée: 60 points
Pour les unités optionnelles de langues de du département économique, veuillez vous référer à la fiche de langue correspondante (en cours obligatoire).
Toute modification éventuelle de cette fiche en cours d’année ne peut se faire qu’exceptionnellement et avec l’accord de la direction départementale conformément à l’article 77 du décret du 7/11/2013 (force majeure touchant les enseignants responsables).
Dans le courant de l’année académique 2024-2025, la HEL basculera la gestion informatique des études qu’elle organise et de ses étudiants sur un nouveau logiciel et un nouveau portail.
En ce qui concerne les évaluations, dans certains cas, l’évaluation finale d’une Unité d’enseignement s’exprime sous la forme d’une note spéciale (qui n’est pas une note numérique) qui se retrouve sur le bulletin. La présence d’une de ces notes entraîne automatiquement la non-validation de l’Unité d’enseignement.
Le tableau de correspondance ci-dessous reprend l’ensemble des « notes spéciales », leur signification ainsi que leur transcription dans le logiciel actuel et le nouveau logiciel.
Explication de la note spéciale Logiciel actuel (Proeco) Nouveau logiciel
Absence pour maladie ou autre motif légitime (l’étudiant a prévenu dans les formes et délais de son absence à l’examen conformément à l’article 57 a) du RGEE et le motif a été retenu par le président du jury) CM (certificat médical) ou ML (motif légitime) E (excusé)
Note de présence (l’étudiant a prévenu qu’il ne passerait pas l’examen conformément à l’article 58 du RGEE) PR P
Absence injustifiée (l’étudiant n’a pas justifié son absence par un certificat médical ou un motif légitime ou l’absence n’a pas été annoncée ou encore le motif légitime n’a pas été retenu par le président du jury) PP (pas présenté) A (absent)
Fraude (annulation de la note pour sanction disciplinaire) FR (fraude) F (fraude)