PROGRAMME DE PREMIÈRE

Thème 0 Rappel

Compétences : 

-Architecture matérielle et logiciel-Traitement de l’information

I-Architecture matérielle et logicielle d’un ordinateurA- Le hardware

-Principe de fonctionnement d’un ordinateur-Rôle des composants matériels de l’unité centrale-Exemple de périphérique

B- le software-Définitions (programme, logiciel ,)et typologie de logiciels-rôle et exemple de logiciels d’application-rôle et exemple de d’ un système d’exploitation

II-Traitement de l’informationA- Représentation de l’informatique

-rôle du codage et du décodage de l’information-différents codes de représentation de l’information (ASCII, EBCDIC)

B- Opérations arithmétiques dans les bases-Conversion dans les bases-opérations arithmétiques dans les bases

VOIR TERMINALE ET TROISIEME

THEME 1 : Introduction à l’algorithmiqueCompétences : 

- Énoncer les étapes de résolution d’un problème- Énoncer la structure d’un algorithme(déclaration des variables ; opérateurs ; fonction ;

structure de contrôle)- Exécuter à la main un algorithme (dérouler et décompter les instructions d’un algorithme)- Construire un organigramme simple.

THEME 2 : Programmation des pages Web statiques HTML

Compétences : 

- Les généralités sur le HTML : HTML , notion d’éditeur, navigateur, balise, serveur, URL, limites et avantages du HTML

- Structure de base et production d’un document HTML (test , édition)- Utilisation de quelques balises (mise en forme, mise en page, insertion tableaux, images, lien,

formulaire, son)- Organiser le dossier du site

1

THEME 3 : Production d’une feuille de style

Compétences : 

- Généralités sur les feuilles de style (feuille de style, syntaxe générale)- Ajouter un attribut style à une balise html (style pour changer le background, couleur de texte,

insertion des commentaires)- Créer un fichier de styles externe aux pages HTML- Appliquer le contenu d’une feuille de styles plusieurs pages html

THEME 4 : Infographie1 : création des boutons et texte avec effet : cas de Photoshop

Compétences : 

- Présentation et prise en main de Photoshop- Créer des boutons cliquables de pages Web- Créer des objets complexes (logos, décors)- Mise en forme et mise en page des textes (Transformer le texte, ajuster les angles et les

contours)- Ajouter et affiner des effets au texte- Améliorer la production des PAO (Billet d’invitation, carte de visite, de vœux etc.)

THEME 4 : Infographie2 : Animation et retouche des photos avec Photoshop

Compétences : 

- Présentation d’un logiciel d’animation : cas de Gifanimator- Insérer l’animation dans une page Web- Importer des photos à modifier dans le logiciel de traitement des photos- Quelques opérations de retouche de photos (créer un calque, recadrer, truquer extraire une

partie d’une photo, changer l’arrière plan d’un décor) - Fusionner plusieurs photos et ajouter le texte à une photo

THEME 5 : projet informatique : réaliser et publier un site Web statique

Compétences : 

TP

THEME 6 : traitement de l’information

Compétences : 

-

2

Chapitre Programmation web statique

Compétence :

- Les généralités sur le HTML : HTML , notion d’éditeur, navigateur, balise, serveur, URL, limites et avantages du HTML

- Structure de base et production d’un document HTML - Utilisation de quelques balises (mise en forme, mise en page, insertion tableaux, images, lien,

formulaire, son)- Organiser le dossier du site

IntroductionLe WEB n’est ni plus ni moins qu’un réseau d’ordinateurs communiquant via le protocole http

(HyperText Transfert protocole).De nous jours il se positionne comme le moyen de publication le plus moderne, d’où l’importance de l’étude des principes et élements qui le constitue. Nous limiterons notre étude aux généralités sur le HTML et nous verons par la suite comment se structure une page Web.

I. Généralité sur le HTML1. Définition

HTML :C’est un langage de balisage (description de document) qui permet d’écrire de l’hypertexte. Il signifie HyperText MarkupLanguage, c’est un ensemble de documents web formé de « tag » ou balises que le navigateur sait reconnaitre. Une balise est définie comme étant un caractère particulier, ou série de caractères, utilisé pour la mise en forme d’un document et qui sera invisible pour l’utilisateur final.

Autres définitionsa) Web : Méthode d’exploitation de l’internet par l’usage de l’hypertexte. Il s’agit du

World Wide Web ou « W3 »b) Une page Web est une ressource du World Wide Web ou W3 conçue pour être

consultée par des visiteurs à l'aide d'un navigateur Web. C’est un document au format HTML servi à travers le protocole http (Hypertext transfert Protocol) et étant la brique de base du web.

c) site internet : Ou site webest un ensemble de pages Web hyper liées entre elles et mises en ligne à une adresse Web.

d) Un hyperlien ou lien hypertexte ou simplement lien, est une référence dans un système hypertexte permettant de passer automatiquement d'un document consulté à un document lié.

e) Hypertexte : Liaison entre différents documents à l'aide de mots-clés qui sont généralement des liens.

2. Quelques outils pour débuter Éditeur : utilitaire permettant de créer ou de mettre à jour un fichier texte. Exemple d’éditeur standard : Bloc-notes, Notepad, simpletext, wordpad…

3

Navigateur : utilitaire permettant d’interpréter le code HTML et le code JavaScript. Quelques exemples de navigateurs dans la plate forme Windows : Internet explorer, firefox, Netscape, Chrome, Opéra, safari

II-Structure d’une page HTML

1-Structure d’une page HTML

<HTML><HEAD>

<TITLE>titre du document </TITLE></HEAD><BODY>

Contenu du document à présenter</ BODY>

</HTML>

Description de la structure

<HTML> Ceci est le début d'un document de type HTML.</HTML> Ceci est la fin d'un document de type HTML.<HEAD> Ceci est le début de la zone d'en-tête (prologue au document proprement dit contenant des

informations destinées au browser).</HEAD> Ceci est la fin de la zone d'en-tête.<TITLE> Ceci est le début du titre de la page.</TITLE> Ceci est la fin du titre de la page.<BODY> Ceci est le début du document proprement dit.</ BODY> Ceci est la fin du document proprement dit.

Vous aurez remarqué qu'à chaque balise de début d'une action, soit <...>, correspond (en toutelogique) une balise de fin d'une action </...>.Vous noterez aussi que les balises ne sont pas "case sensitive". Il est donc équivalent d'écrire<HTML>, <html>, <Html>, etc.Remarque :En faite il existe uneSimilitude entre la structure HTML et la structure d’un algorithme ceci parce que pour obtenir un code HTML il suffit de traduire l’algorithme en code html correspondant.

2-Procédure d’édition et de test d’une page HTML

- Ouvrir l'éditeur de texte.- Écrire les codes Html - Enregistrer le document avec l'extension .html ou .htm.- Ouvrir le navigateur.- Afficher le document via le menu File/Open file...- Admirer votre premier document Html.

Pour vos éventuelles modifications, il n'est pas nécessaire de rouvrir à chaque fois le navigateur.Retourner dans l'éditeur de texte (sans fermer le navigateur).Modifier les codes Html.Enregistrer le fichier.Utiliser la commande Reload du browser ou si celui-ci est paresseux cliquer dans la barre "Location"

et faire "Enter".NB : Vous n'avez pas besoind'être connecté pour écrire, voir et peaufiner vos pages Html.

III-UTILISATION DE QUELQUES BALISES

1-Mise en forme et mise en page des textes

4

Tout document Html contiendra en majorité du texte. Voyons comment l'agrémenter par quelques balisesélémentaires.

Gras [Bold] <B>...</B> Italique [Italic] <I>...</I>

Soulignement <U>...</U>Taille de caractère [Font size] <FONT SIZE=?>...</FONT>Couleur de caractère [Font color] <FONT COLOR="#$$$$$$"></FONT> A la ligne [Line break] <BR> Aller à la ligneCommentaires [Comments] <!-- *** --> Ne pas afficherCentrage [Center] <CENTER></CENTER> CentrerCouleur d'arrière-plan <BODY BGCOLOR="#$$$$$$">Voici les codes de quelques couleurs basiques.

Bleu #0000FF Vert #00FF00Blanc #FFFFFF Violet #8000FFRouge #FF0000 Jaune #FFFF00Gris clair #C0C0C0 Noir #000000

Exemple <HTML><HEAD><TITLE></TITLE></HEAD><BODY>texte simple<BR><B>texte en gras</B><BR><STRONG>texte en gras</STRONG><BR><I>texte en italique</I><BR><EM>texte en italique</EM><BR><U><B><I>texte en gras et en italique et souligné</I></B><BR></U><FONT SIZE=5>texte</FONT><FONT COLOR="#0000FF">en bleu</FONT><!--C'est fini--></BODY></HTML>

2-les entêtes et les titres

Tout document d'une certaine consistance se doit de présenter, par exemple dans la table des matières, lesdifférents niveaux de son exposé. Html a disposé dès son origine d'outils spécialement conçus à cet effet.

En-têtes [Heading] <Hn></Hn>avec n=1 à 6 :Afficher une en-tête de niveau n et sauter une ligneListe non-ordonnée [Bullet list] <UL></UL> Afficher le texte sous forme d'une liste non-ordonnée.Liste ordonnée [Numberedlist] <OL></OL> Afficher le texte sous forme d'une liste ordonnée.Elément de liste [List items] <LI> Voici un élément de la listeParagraphe [Paragraph] <P></P> Saut de ligne, insérer une ligne vierge et commencerun paragraphe

Exemple- On ouvre son petit éditeur de texte<H1>Les mois du printemps</H1><UL><LI>avril<LI>mai<LI>juin</UL><P><H3>Les mois d'automne</H3><OL><LI>octobre<LI>novembre<LI>d&eacute;cembre</OL>

5

- Et on ouvre son petit browser

Les mois du printempsavrilmaijuinLes mois d'automne1. octobre2. novembre3. décembre

3-Les liensHtml (Hyper TextMarkupLanguage) est un langage hypertexte (et hypergraphique) qui vous permet en cliquant sur un mot, généralement souligné (ou une image) de vous transporter;

vers un autre endroit du document.vers un autre fichier Html situé sur votre ordinateur.vers un autre ordinateur situé sur le Web.

Ce système d'hypertexte vous est familier car il est également utilisé par les fichiers d'aide de Windows. Ce sont ces liens qui vous permettent de surfer de page en page et qui constituent l'essence des documents Html.La syntaxe de ces liens entre plusieurs pages, est simple mais entraînera de nombreux commentaires :<A HREF="URL ou adresse">...</A>On distingue :

le Lien externeTout ordinateur situé sur le réseau Internet possède une adresse ou une URL (Universal Ressource Locator).Html permet d'accéder à toutes les machines et toutes les ressources du Net. Pour peu qu'Internet vous soit un peu familier, ce sont les adresses du type :

http://serveur/chemin.../fichierftp://serveur/chemin.../fichiermailto:utilisateur@hôte

Lien localL'organisation classique, et plus que conseillée, d'un site Web consiste à regrouper l'ensemble des éléments decelui-ci (fichiers htm, images, ...) dans un même répertoire. Vous pourrez ainsi "transporter" aisément votre sitepour le présenter sur un autre ordinateur et , but ultime, le charger sur un serveur. Cette façon de procéder est laplus aisée et vous évitera pas mal de problèmes. L'adresse du lien sera alors tout simplement :fichier.htm

Lien mixteNous entendons par là un lien vers un fichier situé à un autre endroit de votre ordinateur (et donc non situé dansle répertoire de votre site). Attention Danger! En effet, il est peu probable que le serveur Web qui hébergeravotre site, possède la même arborescence que votre disque local. L'adresse prendra la formefile:///lecteur:/répertoire/fichier.htm (en adressage absolu).../../../fichier.htm (en adressage relatif).Cette matière d'adressage absolu et relatif dépasse le cadre de cet exposé et je vous invite en cas d'utilisation àvous plonger dans la documentation relative à ce sujet.

4-Les images

Les deux formats d'image (maximum 256 couleurs) reconnus sur le Web, sont le format GIF (version 89a) etle format JPEG. Pour le format GIF

Le code Html est :<IMG SRC="Adresse de l'image"> Afficher l'image qui se trouve à l'adresse...La balise image possède de nombreux attributs.Texte alternatif alt="****" Pour les browsers n'ayant pas l'option "image" activéeDimensions width=? height=? Largeur et Hauteur (en pixels)border=? (en pixels) Bordurealign=topalign=middlealign=bottonalign=leftalign=right

6

En Html, l'image ne fait pas partie de votre document. Le browser va la chercher à l'adresse indiquée. Généralement, on place les images dans le même répertoire que les pages Html.On peut également faire des Liens sur image

Les balises sont :<A HREF="fichier.htm"><IMG SRC="image.gif"></A>

5-Les tableauxEn Html, les tableaux servent non seulement à aligner des chiffres mais surtout à placer des éléments à l'emplacement que vous souhaitez. L'usage des tableaux est donc très fréquent. Un tableau est composé de lignes et de colonnes qui forment les cellules du tableau. Les balises de base sont donc :

Définition du tableau [Table] <TABLE></TABLE> Début et fin de tableauDéfinition d'une ligne [Table Row] <TR></TR> Début et fin de ligneDéfinition d'une cellule [Table Data] <TD></TD> Début et fin de cellule

III- Créer votre site InternetUn site Internet est un ensemble de pages Html, reliées entre elles, généralement consacrées à un sujet déterminé,et qui sont portées à la libre connaissance de la communauté des internautes. Un site Internet constitue l'outil leplus moderne de communication et de publication. Voici ci-après les différentes procédures à suivre pour créerun site.

Etape1:Trouver un contenuEtape2 : Structurer le contenuEtape 3 : Communiquer avec votre public(Ergonomie)Etape4  Connaître le langage HtmlEtape 5 Avoir quelques connaissances graphiquesEtape 6 Avoir un espace disque chez un providerEtape 7 Avoir une adresse électroniqueEtape 8 Charger votre site: (déplacement de fichiers d'un répertoire à un autre répertoire dans l'Explorateur de Windows) Etape 10 Faire connaître votre site (référencement)Etape 11 Incorporer un compteur d'accès (l'indice de fréquentation de celui-ci.)

Faire des mises à jour

7

THEME 3 : Production d’une feuille de style

Compétences : 

- Généralités sur les feuilles de style (feuille de style, syntaxe générale)- Ajouter un attribut style à une balise html (style pour changer le background, couleur de texte,

insertion des commentaires)- Créer un fichier de styles externe aux pages HTML- Appliquer le contenu d’une feuille de styles plusieurs pages html

Comme le HTML décrit le contenu d'un document, le langage CSS décrit sa présentation. Pour « styler » sa page, il faut dans un premier temps définir les styles à l'aide de propriétés prédéfinies qui prennent une certaine valeur.

I-GÉNÉRALITÉ SUR LES FEUILLES DE STYLES

Notion de feuille de style

CSS Cascading Style Sheets –C’est l’application de mises en forme à des éléments de texte.L'intérêt de ce langage est qu'il sépare le contenu d’un fichier HTML de sa mise en forme, il est ainsi possible de modifier l'apparence des contenus sans avoir à modifier ceux-ci dans le code du document HTML.

II-Utilisation des feuilles de style

1-Mise en forme d’une page web

Application simpleLa syntaxe est la suivante : balise {propriété1 : valeur1; propriété2 : valeur2; ...}Exemple de code CSS :p { font-family: Arial, sans-serif; color: purple; }Tous les textes inclus entre les balises <p></p> (paragraphes) seront de police de caractère « Arial » et de couleur violette.ApplicationmultipleLa syntaxe est la suivante : balise1, balise2 {propriété1 : valeur1; propriété2 : valeur2; ...}Exemple de code CSS : h1, h2, h3 {font-family: Arial, sans-serif; font-style: italic;}Tous les titres de niveau 1, 2 et 3 seront de police de caractères « Arial » et en italique.

Où définir les feuilles de style ?Le programmeur dispose de trois possibilités lui permettant de définir les feuilles de style:

styles internes, dans le document HTML ; styles externes, dans un fichier séparé du document HTML ; style « en-ligne », dans le corps du document, avec l'attribut de balise style.

Styles internes

8

Les styles internes sont définis de manière groupés, entre les balises <style>et</style>, elles-mêmes à l'intérieur des balises <head>et </head>:

<head><style type="text/css">p { font-family: Arial, sans-serif; color: purple; }.monTitre {color:#red; text-align : center; }#monParagraphe {color:#green; font-style:italic;}</style>...</head>

Styles externesLes feuilles de style sont ici séparées du fichier HTML. Les définitions de style sontécrites dans un autre fichier dont l'extension est «.css ».Par exemple : « styles.css ».Pour créer un fichier de feuilles de style externe, il suffit de procéder comme pourla création d'une page Web, avec un bloc-notes. La syntaxe est toujours la même, sans lesbalises<style>et </style>. Il faudra ensuite enregistrer ce fichier de type texte enfichier de type « css » comme pour les fichiers « html ».La liaison entre ces deux fichiers se fait dans le document HTML avec la balise <link>:<head><link rel="stylesheet" type="text/css" href="styles.css">...</head>

L'attribut rel="stylesheet" renseigne sur la nature du fichier, l'attributtype="text/css", sur son format et href="styles.css" donne l'adresse du fichier à lier.(Ici styles.css est dans le même répertoire que le fichier HTML).

Styles « en-ligne », dans le corps du documentLe style est défini via l'attribut style à l'intérieur de la balise. Il ne s'appliquera ici,qu'à cette seule balise mais l'avantage de la séparation du contenu et de sa forme estperdu.<h1 style="font-family: Verdana; color: green ;">Titre</h1>

Quelquespropriétés

9

NOTION D’ALGORITHMECompétences :

- Énoncer les étapes de résolution d’un problème- Énoncer la structure d’un algorithme (déclaration des variables ; opérateurs ; fonction ; structure de

contrôle)- Exécuter à la main un algorithme (dérouler et décompter les instructions d’un algorithme)- Construire un organigramme simple

I. Généralité sur les algorithmesA. Définition d’un algorithmeC’est un ensemble de règles opératoires rigoureuses, ordonnant à un processeur d’exécuter

dans un ordre déterminé un nombre fini d’opérations élémentaires selon une syntaxe bien définie ; il oblige à un programme structuré.

Syntaxe: Règles d’écriture d’un langage donné.

Un algorithme est écrit en utilisant un langage de description d’algorithme (LDA). L’algorithme ne doit pas être confondu avec le langage proprement dit.

B. Étape de résolution d’un problème

Avant de commencer la construction d’un algorithme, il convient d’analyser d’abord en détail le problème posé. Cette analyse prend appui sur 3 questions de base qui sont les suivantes :

1. Quel est le résultat recherché ? 2. Comment obtenir ce résultat ? 3. Quelle sont les informations nécessaires à l’entrée ?

Exemple : On désire calculer et afficher à l’écran la circonférence C d’un cercle de rayon donné R.• Affichage à l’écran de la circonférence C d’un cercle. • Connaissances acquises en mathématiques et dans les autres domaines si possibles.

Ici il suffit donc pour nous d’exécuter l’instruction C= 2xπxR (si C la circonférence du cercle et R son rayon alors la formule mathématique me permettant de calculer C est C = 2πR)

• Dans la formule mathématique ci-dessus 2 et π sont des constantes seul R est l’inconnu qui constitue la seule information nécessaire donc à l’entrée.

10

C. Définition d’un algorigramme ou organigramme.C’est une représentation graphique d’algorithme. Pour le construire, on utilise des symboles normalisés.

II. L’algorithme :A. Langage de description d’algorithme LDA.Ce langage utilise un ensemble de mots clés et de structures permettant d’écrire de manière

complète, claire, l’ensemble des opérations à exécuter sur les données pour obtenir des résultats ; on n’hésitera pas à agrémenter l’algorithme de nombreux commentaires.

N.B. : l’avantage d’un tel langage est de pouvoir être facilement transcrit dans un langage de programmation structuré (Pascal ; C etc.…)

11

B. Structure d’un algorithme :Représentation.

1. l’en-tête : il permet tout simplement d’identifier l’algorithme2. les déclarations : c’est une liste exhaustive des objets, grandeurs utilisés et manipulés

dans le corps de l’algorithme. Cette liste est placée en début d’algorithme.3. le corps : dans cette partie de l’algorithme sont placées les tâches (instructions

opérations …) à exécuter.4. commentaires : Pour permettre une interprétation aisée de l’algorithme, l’utilisation des

commentaires est vivement conseillée. Tout texte placé entre ces caractères « ~ » ou « co …fco » sera considéré comme un commentaire.

C. ORGANISATION D’UN PROGRAMME.L’algorithme d’un programme est organisé en plusieurs parties : déclaration des constantes

déclaration des variables définition du programme principal définition des fonctions et procédures.

1. Déclaration des constantesElles représentent des chiffres, des nombres, des caractères, des chaînes de caractères, …

dont la valeur ne peut pas être modifiée pendant l’exécution de l’algorithme.

12

Mot clé : const ou constante (selon les ouvrages).Syntaxe : constNomConstante : [Type] = Valeur

Exemples : const Pi : Reel = 3.141559 ConstanteNombreLettres : Entier = 10

2. Déclaration des variablesUne variable est caractérisée par un identificateur, un type et une valeur. Les variables

peuvent stocker des chiffres, des nombres, des caractères, des chaînes de caractères, … dont la valeur peut être modifiée au cours de l’exécution de l’algorithme.

Mot clé : var ou variableSyntaxe : varNomVariable : [Type] Exemples : var Rayon : Reel

variable Compteur : Entier var Lettre : Caractère

3. Définition du programme principalLe programme principal (encore appelé ordonnancement) consiste en une suite d’opérations

élémentaires faisant souvent appel à des fonctions ou procédures. Le programme principal est délimité par les mots clefs Début et Fin .

Remarques      :   les constantes et les variables sont définies dans la partie déclarative par deux caractéristiques essentielles, à savoir :

l’indicateur : c’est le nom de la variable ou de la constante. Il est composé de lettres et/ou de chiffres.

Exemples :Conversion_BCD, Resultat, Lettre…

Le type : il détermine la nature de la variable ou de la constante (entier, réel, booléen, caractère, chaîne de caractères, …)Afin de pouvoir envisager des exemples d’utilisation, il est nécessaire d’introduire

l’instruction d’affectation ou d’assignation : elle s’écrit de la façon suivante :Indicateur de la variable ← valeur ;Son symbole d’affectation ou d’assignation :← :L’affectation se fait toujours en deux temps.

1. évaluation de l’expression située à droite du symbole ;2. affectation du résultat à l’indicateur de variable.

Ainsi, l’instruction suivante y ← 2*x + 3 doit s’interpréter par : on évalue 2*x +3 on l’affecte à y

4. structuresElles permettent de rassembler plusieurs variables et constantes sous le même

identificateur ; on parle aussi d’entités ou d’objets.Mot clé : struct

III. Déclaration des procédures et fonctions.1. procédures.

C’est un ensemble d’instructions référencées par un nom et dont l’exécution est provoqué par le simple appelle de son nom.

Mot clé : proc2. fonction.

Comme la procédure, l’exécution d’une fonction est provoquée par la simple invocation de son nom, à la seule différence qu’elle se voit assigner une valeur dont le type doit être défini.

13

Mot clé : foncRemarque      :   procédures et fonctions sont des groupes de tâches à exécuter. L’intérêt de

grouper ces tâches est de permettre : une lecture plus simple de l’algorithme principale (encore appelé ordonnancement). De développer de manière indépendante une partie d’algorithme dont l’emploi

multiple au sein de l’ordonnancement est ainsi rendu plus aisé.Pour fournir à une fonction ou une procédure les informations qui doivent être traitées, et

pour qu’elle puisse fournir un résultat, on utilise des paramètres.Syntaxe de la déclaration d’une procédure : ProcédureNomProcédure (NomEntrée1 : [Type], NomEntrée2 : [Type],…)

Constante ~ déclaration des constantes locales ~

Variable ~ déclaration des variables locales ~

Début

~ description des actions effectuées par la procédure ~

Fin

Syntaxe de l’appel d’une procédure : 

NomProcédure (NomEntrée1, NomEntrée2…)

Syntaxe de la déclaration d’une fonction : 

FonctionNomFonction (NomEntrée1 : [Type], NomEntrée2 : [Type],…) : [TypeDuRésultat] Constante ~ déclaration des constantes locales ~ Variable ~ déclaration des variables locales ~

Début~ description des actions effectuées par la fonction ~

Fin  Syntaxe de l’appel d’une fonction : Variable ← NomFonction (NomEntrée1, NomEntrée2…)

Exemples d’appels de fonctions et procédures :   

Procédure sans paramètre : ............................................................................Ex : Effacer_Ecran

Procédure avec un paramètre d’entrée : ............................................. Ex : Afficher (‘Bonjour’)

Fonction avec paramètres d’entrée et de sortie : ........................... Ex : Resultat ← Racine (69)

Exemple de déclaration de fonction : 

Fonction Moyenne (Note1 : Reel, Note2 : Reel) : Reel Variable Intermediaire : ReelDébut Intermediaire ← Note1 + Note2 Intermediaire ← Intermediaire / 2 Moyenne ← IntermediaireFin

14

Exemples d’utilisation de la fonction :

Afficher (Moyenne(10.5,15)) ou NouvelleNote ← Moyenne (10,5.5)

IV. Les types de base.Un programme peut être amené à manipuler différents types de données :

Nous avons vu que l’une des deux caractéristiques de la variable ou de la constante est le type. On peut citer cinq types de base ;

1. L’entier : Notation. 45 ; 50 ; 1 ; -567 ; … décimal ;4h ; ABh ; 0Fh ; 64h ; … hexadécimal ;

%1001101 ; %10 ; %111 ; … binaire.

Mot clé : entier

2. Le réel : Notation. -3.67 ; 4.23578 ; -567.08 ; 18.36 10 e-6Mot clé : réel

3. Le booléen : il ne peut prendre que deux états Vrai ou FauxMot clé : booléen

4. Le caractère : Notation. ‘a’ ; ‘A’ ; ‘*’ ; ‘Z’ ; ‘7’ ; ‘!’ ; …Mot clé : car

5. La chaîne de caractères. Notation. ‘électronique’ ; ‘cd-Rom de 80#’ ; ‘…’Mot clé : chaîne

On peut également ajouter le type

Tableau de données : ensemble de données de même type (exemple : tableau d’entiers, tableau de réels).

Toutes ces données sont codées sous forme d'octets en mémoire.

V. Les opérateurs :Les opérateurs permettent d’élaborer une expression en vue d’effectuer un calcul ou une

comparaison. L’usage des parenthèses est vivement conseillé dans le cas d’expressions complexes.

1. Opérateurs sur les entiers et les réels.

2. Opérateurs sur les entiers et les booléens.

15

3. Opérateurs sur les caractères et les chaînes de caractères

4.4.4.

priorité des opérateurs.Priorité à la multiplication.

5. AFFECTATION. Une affectation consiste à attribuer une valeur à une variable. La syntaxe générale est la

suivante : NomVariable ← Expression

« Expression » peut être :

une constante. ................................................................Ex : surface ← 40 une autre variable. ..................................................Ex :Donnee ← ValeurMemorisee le résultat d’une fonction. ..........................................Ex :resultat ← racine (nombre) un calcul portant sur ces différents éléments …………………………………… ….

……………………………………….Ex : surface ← (PI * Carre (Diametre)) / 4

VI. Structures fondamentales d’un algorithme.Les opérations élémentaires relatives à la résolution d’un problème peuvent, en fonction de

leur enchaînement être organisées suivant quatre familles de structures algorithmiques fondamentales.

Structures alternatives ; Structures de choix ; Structures itératives (ou répétitives).

A. Caractéristiques de la structure alternative.Elle n’offre que deux issues possibles à la poursuite

de l’algorithme et s’excluant mutuellement.

On peut rencontrer deux types de structure alternative

16

1. une structure alternative complète.Dans cette structure, l’exécution d’un des deux traitements distincts ne dépend que du

résultat d’un test effectué sur la condition qui peut être une variable ou un événement.

Si la condition est vérifiée, seule le premier traitement est exécuté ; Si la condition n’est pas vérifiée, seule est effectuée le deuxième traitement.

Exemple : Calcul d’une racine carrée Variables : x: réel ~ opérande ~

r: réel ~ résultat de la racine carrée ~ Début

Afficher (‘Saisir le nombre x‘) Saisir (x)

Si x < 0 Alors

afficher (‘x est négatif’) Sinon

r ← racine (x) afficher (r)

FinSiFin

2. une structure alternative réduite.La structure alternative réduite se distingue de la précédente par le fait que seule la situation

correspondant à la validation de la condition entraîne l’exécution du traitement, l’autre situation conduisant systématiquement à la sortie de la structure.

B. Caractéristiques de la structure de choix :La structure de choix permet en fonction de plusieurs conditions de type booléen d’effectuer

des actions différentes suivantes les valeurs que peut prendre une même variable.

17

Une donnée est comparée successivement à des valeurs constantes : la partie « ActionsDéfaut » peut ne pas exister.

Plusieurs valeurs différentes peuvent être regroupées sur une même ligne si les actions correspondantes sont identiques.

Exemple : Affichage de la nature d’un caractère

Variable. c: caractère ~ caractère saisi au clavier ~ Début

Afficher (‘Taper un caractère‘)Saisir (c) Cas Ouc Vaut

‘A’..’Z’ : afficher (‘Lettre majuscule’) ‘a’..’z’ : afficher (‘Lettre minuscule’) ‘0’..’9’ : afficher (‘Chiffre’) autre : afficher (‘Ni Lettre Ni Chiffre’)

FinCasFin

C. Caractéristique de la structure itérative.La structure itérative répète l’exécution d’une opération

ou d’un traitement.

On distingue deux cas :

Premier cas :le nombre de répétition n’est pas connu ou est variable.

On distingue ici deux structures de base :

1) structure REPETER … JUSQU'A … ;Dans cette structure, le traitement est exécuté une première fois puis sa répétition se

poursuit jusqu’à ce que la condition soit vérifiée.

Par traitement on entend

o soit un traitemento soit une succession d’instruction.

Remarque : la vérification de la condition s’effectue après les actions. Celles-ci sont donc exécutées au moins une fois.

Exemple : Exécution répétitive d’un programme Variables : a,b : réel ~ opérandes ~

p : réel ~ résultat du produit ~ c : caractère ~ réponse de l’utilisateur ~

Début Répéter

Afficher (‘Saisir le nombre a ‘)

18

Saisir (a) Afficher

(‘Saisir le nombre b ‘) Saisir (b) p ← a * b afficher (p)

afficher (‘encore un calcul ? Non touche N ; Oui autre touche’) saisir (c)

Jusqu'à c = ‘N’ Fin

2) structure TANT QUE … FAIRE.Dans cette structure on commence par tester la condition, si elle est vérifiée le traitement est

exécuté.Une action ou un groupe d’actions est exécuté répétitivement tout le temps où une condition est vraie.

Remarque : la vérification de la condition s’effectue avant les actions. Celles-ci peuvent

donc ne jamais être exécutées.

Exemple : Exécution répétitive d’une action Début

Tant Que Non (ToucheAppuyée) Faire

Afficher (‘Attente’) FinFaire

Fin

Deuxième cas : le nombre de répétition est connu ou est variable.

3) Structure POUR … DE … A … FAIRE … ou encore

POUR … ALLANT DE … A … FAIRE

Dans cette structure, la sortie de la boucle d’itération s’effectue lorsque le nombre souhaité de répétition est atteint.

On utilise donc une variable (ou indice) de contrôle d’itération, caractérisée par :

sa valeur initiale ; sa valeur finale ; son pas de variation.

19

Si la valeur finale de l’indice est inférieure à sa valeur initiale, le pas de variation est négatif, la structure est dite « pour décroissante » (figure 1) ; dans le cas contraire, le pas est positif et la structure est dite « pour croissante »(figure 2).

Ou encoreRemarque : les valeurs initiale (Valeur1) et finale (Valeur2) sont comprises. Il est éventuellement possible de spécifier un autre pas d’incrémentation (+2,+10,-1....)

Exemple : Affichage d’une ligne d’étoiles

Variable i : entier ~ compteur de boucles ~ Début

Pour i allant de 1 à 80 Faire

Afficher (‘*’) FinFaire

Fin

Remarque : cette structure algorithmique peut en fait être remplacée par une structure TANT QUE ... FAIRE …

Exemple : Affichage d’une ligne d’étoiles Variable i : entier ~ compteur de boucles ~

Débuti ← 1

Tant Que i < 80 Faire

Afficher (‘*’) i ← i +1

FinFaireFin

20

VII. Déroulement d’un algorithme

EXERCICES1. Dérouler l’algorithme suivant2. Définir

Algorithme ; algorigramme ; ordonnancement ; fonction ; procédure ; affectation.

3. Qu’est-ce qu’un LDA ? Et quel est son avantage ?4. Donner le symbole utilisé dans un algorigramme pour réaliser :

un sous-programme ; un renvoi ; une entrée-sortie ; le début, la fin ou l’interruption ; un branchement ; un commentaire.

5. Quel est le lien utilisé entre chaque symbole de l’algorithme ?6. Quel est le sens conventionnel des liaisons dans un algorithme ? Et que faut-il faire s’il n’est pas respecté ?7. Comment reconnaître un mot clé dans un algorithme ?8. Quelles sont les différentes parties d’un algorithme ?9. Quel est le rôle du commentaire dans un algorithme ?10. Quels différences faites vous entre une variable et une constante ?11. Quels sont les caractéristiques d’une variable ?12. Quel est l’avantage  de la structure par rapport à la variable et la constante ?13. Quel est différence entre la fonction et procédure ?14. Quels sont les différents types de base de variable ou constante utilisés dans le Langage Descriptif d’Algorithme ?15. Donner les différentes structures d’algorithme en précisant leur caractéristique.16. Reconnaître les algorigramme suivant en donnant le nom de la structure.

a°) b°)

c°)

17. Mise  en marche  d’un équipement

Avant de procéder à la mise en marche d’un équipement, il est nécessaire d’effectuer un certain nombre d’opérations indispensable à son bon fonctionnement :

montée en température : mise en route de l’accélérateur de chauffage AC ;21

distribution de l’air comprimé : ouverture de l’électrovanne d’admission EV ; mise en route du dispositif de lubrification : pompe d’arrosage P sous tension.

22