Faculté des Sciences Économiques et de Gestion de Nabeul
Mot de passe

Mastère Professionel Ingénierie des Systèmes d'Information et des Connaissances

Web 2.0 Programming Workshop

Pré-requis scientifiques

This teaching unit is addressed to students already having practical qualifications on static (HTML) and dynamic (PHP) web programming. Skills on JavaScript programming and relational data base management and deign (MySQL) are also needed to easily reach the AJAX framework. In addition, knowledge on W3C standards, XML and style sheets (CSS, XSL) are highly recommended.


The overarching objective of this teaching unit is to provide students with applied skills on Web 2.0 technologies. It is supposed to complement their technical knowledge on traditional dynamic web programming and give them a practical exercise on using an AJAX framework. The proposed trainings focus on implementing examples of web applications web applications that facilitate participatory information sharing, interoperability, user-centered design, and collaboration on the WWW.

The program of this teaching unit aims at increasing technical skills of students on what they are already able to do in “Web 1.0”. It provides them with new techniques to design and implement more user-interface, software, storage facilities and network platform computing solutions. The proposed training covers practical exercises on building dynamic web sites according to the concept of “Web-as-participation-platform” that offers the final user the complete freedom to contribute. On this issue, based on the jQuery library and the AJAX framework, some key features based on real cases studies (user registration, user authentication, instant discussions, news feeds, interactive management of data, on-line file management, etc.) will be treated in deep. According to the overall objectives of the master degree, a special attention will be also addressed to the implementation of dashboard interfaces (key performance indicators, charts, statistics, etc.) for enterprise decision makers.

Plan de cours

1. Building a Dynamic Web Site Framework
1. 1. Designing the general setting of the site pages
1. 2. HTML and CSS implementation of page settings
1. 3. Dynamic page content management
1. 4. Way forward: integrating a jQuery image slider
2. User registration/authentication
2. 1. Building a registration form
2. 2. Implementing of the registration process
2. 3. Checking user existence on the fly
2. 4. Building the basic authentication form
2. 5. Implementing of the authentication process
2. 6. Way forward: I forgot my password?
3. Interactive data table
3. 1. Designing and setting-up the database
3. 2. Building a tabular interface for data
3. 3. Using a tabular jQuery plug-in
3. 4. Creating, updating, and deleting data
3. 5. Using jQuery Modal Boxes and Forms plug-ins
3. 6. Way forward: grouped records treatment
4. Discussion thread
4. 1. Designing and setting-up the database
4. 2. Opening a thread discussion
4. 3. Posting a write-up
4. 4. Commenting the posted write-up
4. 5. Deleting the discussion thread
4. 6. Way forward: displaying user thumbnails in the thread
5. Event posting
5. 1. Designing and setting-up the database
5. 2. Implementing the event form
5. 3. Posting the event
5. 4. Commenting the posted event
5. 5. Using jQuery Calendar plug-in
5. 6. Way forward: displaying a date stamp
6. File management
6. 1. Designing and setting-up the database
6. 2. Basic downloading of file
6. 3. Using jQuery Downloading plug-in
6. 4. Commenting downloaded file
6. 5. Renaming, moving and deleting files
6. 6. Way forward: adding user rights on downloaded files
7. Data search engine
7. 1. Designing and setting-up a library database
7. 2. Implementing the advanced search form
7. 3. Implementing the dynamic SQL request
7. 4. Displaying the search result
7. 5. Way forward: adding book thumbnails in the result display
8. Key performance indicators
8. 1. Designing and setting-up the database
8. 2. Implementing the key targets
8. 3. Implementing the achievements
8. 4. Computing and displaying the key indicators
8. 5. Way forward: displaying light indicators
9. Data statistics
9. 1. Designing and setting-up the database
9. 2. Extracting and aggregate needed statistics
9. 3. Tabular view of extracted statistics
9. 4. Chart display of extracted statistics
9. 5. Using a jQuery Chart plug-in
9. 6. Way forward: using advanced jQuery Chart plug-in
10. Useful jQuery plug-ins
10. 1. Auto-complete text box list plug-in
10. 2. Image slider plug-in
10. 3. Auto-growth text box plug-in
10. 4. Date selector plug-in
10. 5. Drag and drop plug-in
10. 6. Instant chat plug-in
10. 7. Image cropper plug-in
10. 8. Accordion plug-in

Supports de cours

(Invisible au public)


  • jQuery 1.3 with PHP, Kae Verens, PACKT Publishing, 2009.
  • jQuery 1.4 Reference Guide, Karl Swedberg & Jonathan Chaffer, PACKT Publishing, 2010.


Organisation pédagogique

42 heures de travaux pratiques

Modalités d'évaluation

Contrôle continue

30% of students’ evaluation is accorded to their sessions’ attendance and participation in resolving exercises in class.

In addition, each pair of students (randomly affected) is supposed to develop a tentative of a Web 2.0 platform during the semester of the training. This mini-project home work should come out with a technical solution to requirement specifications circulated to students starting from the second week of the training. By the end of the semester, each pair of students is invited to give a 15 minutes presentation of the final product. The aim of this presentation is to give a quick demonstration of the proposed solution and convince final users by the efficiency of their technical approach. 70% of the evaluation is then accorded to the assessment of the latter mini-project.

Liens Internet utiles

Auteur de la page : M. Achref Khelil - Dernière mise à jour : 30 septembre 2012 à 02h23

Activités culturelles