ORGANISATION DE L’ENSEIGNEMENT Informatique et Sciences du Numérique.

Slides:



Advertisements
Présentations similaires
HTML Abda Anne Plan Présentation Structure Texte Listes Images Liens Tableaux Formulaires.
Advertisements

Conception de Site Webs dynamiques Cours 6
Conception de Site Webs Interactifs Cours 3
Conception de Sites Web dynamiques
Internet : serveurs Web
Internet.
Formulaire HTML Introduction. Définition de formulaire.
DOSSIER TICE 2006 MASSON Wendy 1 ère année sciences du langage
Concevoir un site Web de A à Z Ce cours permet à létudiant de réaliser de façon professionnelle un site internet de A à Z.
Le Téléphone Russe Le Téléphone Russe. Le Téléphone Russe Le Téléphone Russe.
Web traditionnel
Applications Internet – cours 3 La page web
COME Bernard Comeau Commerce électronique Les éléments retrouvés dans une page Web. COME 2001.
Lycée Louis Vincent Séance 1
Les instructions PHP pour l'accès à une base de données MySql
Excel Introduction.
Introduction au langage PHP Réfs : Chap 3 p 49. Présentation PHP (Hypertext PreProcessor) est un langage de développement Web créé en 1994 par Rasmus.
PhP-MySQL Pagora 2012/2013 CTD 1 - Presentation de moi ^^
Cours n° 1 Le langage HTML Prof. : E. BAKKI
PHP & My SQL.
Le Web, création utilisation  Le nuage  Préparer chez soi  Exister en ligne  Retrouver son groupe  Notions de base  Outils de publication  vivreensemble.net.
Création d’un site internet en XHTML + L’hébergement By Reyne & Archinard.
Créer son site web Chapitre II. Les caractères spéciaux Les navigateurs ne reconnaissent pas les caractères spéciaux. Heureusement chaque caractère possède.
Internet WEB.
Formation Site Web Animation Pédagogique Ecole de Dommartin.
1 F o r m a t i o n A R S World Wide Web (WWW). 2 F o r m a t i o n A R S Contributions m Création: Claude Gross (UREC) m Modifications: Bernard Tuy,
Les réseaux - Internet Historique Réseau local Internet Les protocoles
Cours de programmation web
SSPT – CHOPIN module 2 Système de gestion de contenu de sites web Par Liette Pothier, Chargée de projet Nancy Dodier, technicienne en informatique.
Internet : serveurs Web  Clients et serveurs : le navigateur  Sites Web et urls  Fichier source d’une page  Langage HTML 1.
Architecture d’une application WEB Statique:
Internet, le Web etc… (II) Benjamin I. Levine Novembre 2002.
INTERNET heg eid Avril-juin 2001 A.Rezzonico.
SI 28 - Écriture interactive & multimédia Dreamweaver Séance 1 Petit Clara & Palfart Julien Printemps2008 Printemps 2008.
INTERNET Le langage HTML
 Formulaires HTML : traiter les entrées utilisateur
Initiation au JavaScript
INTERNET Le langage HTML
Html et css.
Conception des pages Web avec
ORGANISATION DE L’ENSEIGNEMENT
Informatique et Sciences du Numérique
D é veloppement de sites web statiques Par DRISS AIT EL HADJ Par DRISS AIT EL HADJ Avril 2012.
Language html Hyper Text Markup Language
Scénario Les scénarios permettent de modifier la position, taille … des calques au cours du temps. Son fonctionnement est très proche de celui de Macromedia.
Dreamweaver Séance 1.
SI28 Dreamweaver- Séance 1
1 Présentation de DREAMWEAVER (1) Gaël TREMEAU GI05 Printemps 2006.
Présentation de Dreamveawer
Dreamweaver MX Jauneau Marie Claude-Antoine Zarate.
Bloc 1 - UE 5 - Technologies de l’information et de la communication TIC Bachelier en immobilier T. SOUMAGNE.
Dreamweaver MX.
Présentation Dreamweaver 8 (1) Nina BOUAZIZ et Matthieu DI RUSSO SI28.
Guillaume MICHAUD – Yvan LECOMTE
DREAMWEAVER Première séance Villaron Audrey – Shibly Tarek.
Plan de la présentation Le langage HTML Dreamweaver MX Les premiers outils pour créer une page web :  Propriétés d’une page  Création de cadres  Création.
SI28 Malépart Céline Jérémy Palmier
On va découvrir la magie de ....
Formation.
Introduction au HTML Qu’est ce que le HTML ?
Dreamweaver 2 Feuilles de Style CSS Formulaires Calques Comportements
CPI/BTS 2 Programmation Web Introduction au HTML Prog Web CPI/BTS2 – M. Dravet – 18/09/2003 Dernière modification: 18/09/2003.
INF2005– Programmation web– A. Obaid Les cartes. INF2005– Programmation web– A. Obaid Images cliquables Outil permettant d'effectuer des liens à partir.
1 er séance SI28 A2004 YIN Lei Emmanuel Eugene. Plan de l’exposé  Introduction au HTML  Le HTML dans le bloc-notes (notepad)  Présentation de Dreamweaver.
Padlet, un mur collaboratif Mode d’emploi
Création d’un site WEB 1 – Un site WEB c’est quoi ? 2 – Questions à se poser avant la construction d’un site WEB 3 – Principes de fonctionnement d’un site.
APP-TSWD Apprentissage Par Problèmes Techniques des Sites Web Dynamiques Licence Professionnelle FNEPI Valérie Bellynck, Benjamin Brichet-Billet, Mazen.
Introduction au WIKI Par Marc Chevarie.
TP ISN-Terminale S Notion de code HTML. I) Visualisation du code source d’une page web Se mettre sur une page web quelconque : clic droit, Afficher la.
INITIATION A LA CREATION D’UNE PAGE WEB C-X. PROSPERINI A : COMMUNICATION ET SYNDICATS Afrique Francophone 20/04/2010.
Transcription de la présentation:

ORGANISATION DE L’ENSEIGNEMENT Informatique et Sciences du Numérique

Introduction Dans un protocole de recherche médicale : Dans un protocole de recherche médicale :  La prise de la température corporelles du sujet étudié doit être régulière.  L’utilisation des rats comme cobayes  Physiologie semblable à la nôtre  Faciles à manipuler et entretenir

Avant l’apparition des caméras thermiques : Avant l’apparition des caméras thermiques : Par le biais d’une sonde de température Par le biais d’une sonde de température implantée au niveau de la tête du rat implantée au niveau de la tête du rat Inconvénients : Inconvénients : Opération chirurgicale nécessaire pour implanter la sonde. Impossibilité d’avoir plusieurs zones des mesures (corps, queue … ) Depuis l’apparition des caméras thermiques : Depuis l’apparition des caméras thermiques : Prises des mesures sans contact avec les sujets Prises des mesures sans contact avec les sujets Possibilité d’avoir la température de plusieurs zones Possibilité d’avoir la température de plusieurs zones Possibilité d’automatiser les relevés Possibilité d’automatiser les relevés Prise de la température du Rat

Température Corporelle des Rats

Exemple d’image thermique et de son fichier Excel

Poste local de suivi Rappels : Présentation du Système existant

Objectifs mettre en œuvre un environnement de programmation en langage HTML/PHP Créer des pages WEB statiques Créer des pages WEB Dynamiques Etre capable de

Système de relevé de T° AMELIORATIONS DEMANDEES Internet Postes distants Ethernet Création d’un site Web dédié au suivi du système de relevé de T °

Système de relevé de T° AMELIORATIONS DEMANDEES Postes distants Ethernet Création d’un site Web dédié au suivi de la température Internet

Système de relevé de T° Architecture d’un site WEB Statique Internet Postes clients disque

… Langage HTML Hyper Text Markup Language

Architecture d’un site WEB Statique: Echanges entre les postes clients et le serveur Internet Postes clients Système d’exploitation (OS) Serveur WEB (HTTP) disque Température des Rats Température Corporelle des Rats

Langage HTML Le texte texte simple texte en gras texte en italique texte en gras et en italique texte en bleu

Langage HTML Les liens Html est un langage hypertexte qui vous permet en cliquant sur un mot, généralement souligné, ou sur une image de vous diriger; vers un autre fichier Html situé sur votre ordinateur. vers un autre ordinateur situé sur le Web. La syntaxe de ces liens entre plusieurs pages, est simple :... Le sigle URL (de l'anglais Uniform Resource Locator, littéralement « localisateur uniforme de ressource »), auquel se substitue le terme adresse websigleanglais

Les images GIF ou JPEG? Les deux formats d'image reconnus sur le Web, sont le format GIF et le format JPEG. L'ennemi sur le Web, c'est la taille des images! Plus l'image sera grande, plus le temps de chargement sera long... au risque de décourager vos visiteurs. Voici le code Html mis en place pour pouvoir afficher des images : Afficher l'image qui se trouve à l'adresse...

Langage HTML Les tableaux Un tableau est composé de lignes et de colonnes qui forment les cellules du tableau. Les balises de base sont : Définition du tableau[Table] Début et fin de tableau Définition d'une ligne[Table Row] Début et fin de ligne Définition d'une cellule[Table Data] Début et fin de cellule Les tableaux

Langage HTML Les frames Pour diviser l'écran en plusieurs fenêtres, les balises sont peu nombreuses : Zone avec des fenêtres Début de zone avec des fenêtres Fin de zone avec des fenêtres Agencement des fenêtres Fenêtres horizontales Fenêtres verticales

Langage HTML Les frames Attention! remplace L'attribut ROWS="hauteur1,hauteur2,...,hauteurN" définit la hauteur des différentes fenêtres en cas de division horizontale. La hauteur s'exprime en pixels ou en %. Dans ce cas, on veillera à ce que le total soit égal à100%; L'attribut COLS="largeur1,largeur2,...,largeurN" définit la largeur des différentes fenêtres en cas de division verticale.

La balise META doit se situer au début d’un document html, dans l’entête, entre les balises et. La balise META donne des méta-informations (de l’information sur l’information). Il est également possible d’effectuer une redirection automatique (refresh) au bout de n secondes, utilisation de balises META La balise META

Système de relevé de T° Architecture d’un site WEB Dynamique Internet Postes clients disque

Travaux Pratiques DEUXIEME PARTIE: PHP 1 ) Présentation du langage PHP ( balises, variables…) 2) Création de la première page WEB dynamique: Somme de deux entiers

Architecture d’un site WEB dynamique: Echanges entre les postes clients et le serveur Internet Postes clients Système d’exploitation (OS) Serveur WEB disque Moteur PHP <?php // Les entrées $a = $_POST['v1'] ; $b = $_POST['v2'] ; // Traitement $somme = $a+$b ; // Sortie echo " la somme de $a + $b = $somme "; } ?>

Les règles de base: Les règles de base: 1) Trouver l’expression exacte :"morphologie des pingouins " 2) Recherche dans le titre : intitle: cheval 3) Recherche dans le corps de la page : "appel téléphonique " intext: " pas cher " intext: " pas cher " 4) Opérateur OR :poulet " à la crème" OR " aux olives " 4) Opérateur OR :poulet " à la crème" OR " aux olives " 5) Opérateur * : "mille pattes a * pattes" 6) Formats de fichiers : " Lettre de motivation " filetype:doc (pdf,xls,ppt,rtf,txt,wri ……..) : Les alertes envoyées par mail : Spécialisé dans la recherche universitaire. : Le site interstices : Science Informatique au Lycée + Un site sur le langage de programmation utilisé ( Utilisation du moteur de recherche google