I conducted various pedagogical activities at:

They took place mostly in Computer Science (Programming, Web Technologies, Multimedia).


Pedagogical activities at University of Haute-Alsace


Course: Web Integration (Intégration Web)

  • HTML
    • The Internet and the Web (inventors, context, history), Protocols, Web Browsers, HTML Editors W3.org, WHATWG;
    • The Web, Hypertext, (Hyper)link, concepts and definitions;
    • Basic HTML structure, HTML Comments, XHTML vs HTML(5), required elements; main tags (<html>, <head>, <body>, <footer>, <link>, <script>,...);
    • HTML Basic elements (<p>, <h>, <a>, <img>, <ul>, <ol>,...);
    • HTML Basic attributes (id, classes, meta tag);
    • HTML Formatting and Quotations Elements;
    • HTML Form Elements and Attributes, Input Types;
    • HTML Semantic Elements (<div>, <span> vs <nav>, <main>, <article>, <aside>,...);
    • HTML Media Elements and Attributes (<audio>, <video>, autoplay, controls, loop, preload, subtitles...);
    • HTML Graphics (SVG, Canvas) and animations;
    • HTML API: Geolocation, Drag/Drop, WebCache, WebStorage, File API;
    • Web Accessible Initiative - RIA (Accessibility API, Assistive Technologies, WAI-ARIA Roles, States and Properties).
  • CSS
    • Basics, syntax, basic selectors, basic rules, CSS comments;
    • Colors (text, background), color names or value specification: HEX, RGB(A), HSL(A);
    • Text formatting (color, font, alignement, decoration);
    • Box Model, Size, Border, Margin, Padding, Rounded corners;
    • Position, Display property and element behavior (e.g. inline, block, inline-block, flex);
    • Cascade (importance, specificity, source order) and inheritance (inheritance control: inherit, initial, unset, revert);
    • Combinators, Pseudo-class, Pseudo-element, Advanced Selectors;
    • Web Design Principles, User Experience, Responsive Design (static, liquid, adaptive, responsive), Viewport, Gridview, Media queries.
  • JavaScript
    • Grammar and types (syntax, comments, variables);
    • Expressions and operators (assignement, comparaisons, operators);
    • Control flow and error handling (if..else, switch, try/catch/throw);
    • Functions, conditions, loops and iterations, events;
    • Text, Numbers and Dates (String, Number, Math, Date)
    • Collections (arrays, Map, Set)
    • DOM API, DOM Elements, DOM Methods, Forms API;
    • Working with objects (object creation, methods, getters and setters);
    • AJAX, XMLHttpRequest Object, JSON Structure.
  • PHP
    • Syntax, comments, variables, constants;
    • Data types, operators;
    • Functions, loops (while, for), if..else, etc...;
    • Superglobals ($_SERVER, $_GET, $_POST, $_SESSION...);
    • Form handling (email and url validations, requirements);
    • Autentification, sessions, cookies (password_hash, password_verify);
    • CRUD (Create, Read, Update, Delete) implementation;
    • File operations (open, create, read, write, upload).
  • MySQL
    • General concepts: RDBMS (Relational Database Management Systems), Tables, Fields, Columns, Rows;
    • Language Elements, SQL Commands, Basic SQL Query Structure;
    • DDL - Data Definition Language (CREATE, ALTER, DROP);
    • DML - Data Manipulation Language (SELECT, INSERT, UPDATE, DELETE);
    • DCL - Data Control Language (GRANT, REVOKE);
    • Query clauses: Where, Group By, Having, Order By;
    • SQL Unique, Primary Key, Foreign Key, SQL Joins;
    • Database normalization (unnormalized form, First normal form, Second normal form, Third normal form).

Other pedagogical activities:

  • Internship student supervision (DUT 2e);
  • Apprentice supervision (L3 level);
  • Jury participation: intership and report students' presentations (DUT 2e, L3), semester and year validations (DUT 1re and DUT 2e).

Pedagogical activities at University of Franche-Comté

Course/Practical work(TP): Programming Introduction with Processing (Java)

  • Processing Development Environment(editors, sketch);
  • Syntax basics, Code elements, Data types, Variables, Constants;
  • 2D Primitives, Points, Shapes, Vertices, Lines, Curves;
  • Images, Colors (color models: RGB, HSB)
  • Functions, Arithmetic, Trigonometry, Random
  • Decisions, Repetition, Loop control;
  • Parameters, Coordinates (cartesian system, polar system);
  • 2D Transformations (Translate, Rotate, Scale, Matrices);
  • Events, Time, Date, Inputs (Mouse, Keyboard);
  • Classes, Objects, Inheritance

Course/Practical work(TP): Ubimedia

  • RDF(S) Basics
  • SPARQL Queries
  • Triplestores and Endpoints
  • RDF Graph creation (FOAF Profile using Protégé)

Course/Practical work(TP): RIA and Semantic Web


Various student supervision tasks

  • Mobility students (Leonardo program) supervision
  • Final year study projects (Master 2 Level)
  • Jury participation at final year project presentations (Master 2 Level)

References

Web Technologies