Comment ça marche ?

Tous les cours et TP sont disponible sur mon compte Google Drive, pour chaque matière vous trouverez un lien vers un espace Google Docs partagé, vous y trouverez tous les supports qu’il suffit alors de télécharger (ou d’enregistrer dans votre propre compte Google Drive)

MDW 3 – SOA – Mini projet

Bonjour,

Lors de la dernière séance TP nous avons développé un script PHP qui fait appel au service web de openweathermap.org afin d’afficher les données météos concernant une ville fixée dans le script.

On demande de refaire le travail pour la séance TP du mercredi 09/11 en prenant en compte le gabarit ci-dessous (Il faut télécharger le gabarit, les données doivent bien sûr être dynamiques.)

Les énoncés du TP sont à télécharger ici.

soa-meteo

par Sami CHANGUEL Posté dans LMD3

MDW 2.1 – Design graphique – Mini projet #1

Lors du denier TP on avait commencé la création de la charte graphique d’un blog en utilisant Bootstrap. On demande de compléter le TP et d’héberger vos fichier sur un serveur web distant, ainsi votre travail sera accessible par toute personne connecté à internet.

Voici comment héberger un site web :

  1. Chercher un hébergeur web gratuit : sur google saisir « free web hosting » ou « hébergeur web  gratuit »
  2. Suivre les étapes pour créer un compte chez l’hébergeur
  3. L’hébergeur vous envoi les codes par mail (codes FTP et codes pour la base de données)
  4. Installer un client FTP grauit : WinSCP ou FileZilla
  5. Envoyer les fichiers depuis votre PC vers le serveur distant
  6. Tester le site

Travail à rendre

Une fois votre travail en ligne, il faudra saisir un nouveau commentaire et indiquer les données suivantes : 

  1. Nom & Prénom & E-mail
  2. URL de votre site en ligne (http://…)

ATTENTION : envoyez UN SEUL commentaire avec toutes les données !!

Date de dépôt

Le dernier délai pour déposer votre travail est le dimanche 06/11

Info 4 – Web avancé – Mini projet #2

Travail demandé

Ce projet consiste à compléter le développement du blog, voici les parties que vous devez développer :

  1. Admin / Gestion des articles : L’écran principal liste tous les articles existants sous forme d’un tableau (on affichera uniquemet l’id, le titre et la date), dans chaque ligne on trouvera un bouton « Supprimer » et un autre « Modifier ». Au début de la page on trouvera un bouton permettant d’ajouter un nouvel article
    Pour l’upload de l’image on vous fourni la classe Util.php, la méthode d’upload est bien commentée.
    Vous pouvez vous inspirer du code source suivant : https://github.com/changuelsami/e-commerce (dans l’admin il n’y a que la partie ‘Catégorie’ qui fonctionne bien)
  2. Admin / Page d’accueil : afficher les statistiques (nombre total d’articles ainsi que le nombre total des demandes de contact)
  3. Front office / Page d’accueil : On aura la liste des articles ordonnés par ordre antéchronologique. Le principe de cette page a été détaillé en cours.
  4. Front office / Fiche article : Cette page affiche le texte complet d’un article donné. Le principe a été détaillé en cours

On rappelle le dépôt Git du code source initial : https://github.com/changuelsami/bloggy_v1

Vous y trouverez la structure de la base de données (bloggy_v1.sql), il faut impérativement utiliser cette structure.

Travail à rendre

Une fois le site complet et fonctionnel vous devez mettre vos fichier sur un dépôt Github, ensuite créez un commentaire pour cet article en indiquant l’url de votre projet sur Github. Pour utiliser Github vous pouvez suivre ce guide rapide : https://guides.github.com/activities/hello-world/ (vous devez installer « git » sur votre PC, cherchez sur Google selon votre système d’exploitation)

Délais de livraison

Le projet est à rendre au plus tard mercredi 26/10/2016 à 23h59

Info 4 – Web avancé – Mini projet #1

On demande de compléter le 1er TP (bootstrap) en développant les gabarits demandé. Ensuite il faut héberger les fichiers (avec les JS et CSS nécessaires) sur un serveur en lign (chercher un hébergeur gratuit)

Enfin déposez un commentaire en indiquant les données suivantes :

  • Nom & Prénom
  • Adresse mail (valide)
  • URL de votre hébergement (bien tester avant d’envoyer) OU déposer tout sur Git et m’envoyer l’url de votre repository)

Dernier délais pour accepter le travail : Lundi 03/05/2016 à 08h00

Les Services Web

Tous les documents sont disponibes sur Google Drive

ATTENTION : les utilisateurs de WAMP 2.x sous Windows 64bits doivent mettre à jour l’extension cURL par défaut ! Si vous avez activé cURL et que la fonction curl_init() n’est pas reconnue, télécharger un fichier ZIP (depuis le dossier  »cURL fix pour 64bits », il y en a plusieurs, il faudra trouver le bon) et décompresser le fichier .DLL dans votre dossier « bin\php\php…\ext\ » en écrasant le fichier existant. Il faut avant tout arrêter le serveur pour pouvoir remplacer le DLL.

Atelier Web 2 : Javascript

Il s’agit d’une initiation à la programmation côté client en Javascript. On y détaille les variables, les types, les instructions de base, les fonctions (standards et anonymes), les tableaux, les objets…et ensuite on passe à jQuery.

Vous trouverez le support de cours version étudiant (avec des vider à compléter) ainsi que les différents TP.

Cours & TP disponible ici : https://docs.google.com/folder/d/0B5_NHnOk2LCfUjA2MXhWOVJibkE/edit