web:html3
Différences
Ci-dessous, les différences entre deux révisions de la page.
Prochaine révision | Révision précédente | ||
web:html3 [2014/05/14 02:48] – créée sgariepy | web:html3 [2022/02/02 00:42] (Version actuelle) – modification externe 127.0.0.1 | ||
---|---|---|---|
Ligne 1: | Ligne 1: | ||
- | ====== Techniques de déboguage ====== | + | < |
- | La gestion des erreurs joue un rôle important dans le développement de logiciels. L’effort à | + | |
- | fournir, en ressources humaines et financières, | + | |
- | contient peut être colossal. En général, plus une erreur fait du chemin | + | |
- | développement, | + | |
- | détecter et corriger une erreur le plus rapidement possible et ne pas la laisser se noyer dans la | + | |
- | complexité grandissante du logiciel. | + | |
- | Ce document commence par dresser les types d’erreurs qui existent en programmation. | + | ====== Introduction ====== |
- | Ensuite, il présente | + | L'// |
- | expose | + | |
- | ====== | + | ====== |
+ | * Toutes les instructions sont exprimées dans les balises (ou //tags//) | ||
+ | * Une balise est délimitée par les symboles ''<'' | ||
+ | * Exemple : ''< | ||
+ | * Presque toutes les balises doivent être ouvertes et fermées | ||
+ | * Exemple : ''< | ||
+ | * ou s'il n'y a pas de balise de fermeture : ''< | ||
+ | * Les balises ne doivent pas se chevaucher | ||
+ | * Incorrect -> ''< | ||
+ | * Correct -> ''< | ||
+ | * Dans les balises les majuscules sont équivalentes aux minuscules | ||
- | Il existe plusieurs catégories d’erreurs | + | ====== Structure générale ====== |
- | - Les erreurs lexico-syntaxiques : elles se produisent lorsque | + | Un document HTML est généralement divisé |
- | | + | <code html> |
- | | + | < |
- | | + | |
+ | < | ||
+ | | ||
+ | | ||
+ | </ | ||
+ | </ | ||
- | ===== Les erreurs lexico-syntaxiques ===== | ||
- | Ces erreurs se produisent lorsqu’on ne respecte pas une règle lexicale ou syntaxique du langage comme, par exemple, écrire mal un mot réservé, oublier une accolade ouvrante ou fermante ((Ce document aborde le déboguage indépendamment de tout langage de programmation. | ||
- | Cependant, les exemples se basent plutôt sur la syntaxe des langages C/C++ et Java. En | ||
- | Pascal/ | ||
- | pas sensible à la casse.)), imbriquer mal des accolades ou utiliser mal une structure de contrôle. | ||
- | |||
- | <code java> | ||
- | While (i>10) //le W doit être en minuscule | ||
- | | ||
- | </ | ||
- | <code java> | ||
- | int i; | ||
- | for (i=0 ;i<10 ;i++) | ||
- | | ||
- | } //où est l’accolade ouvrante? | ||
- | </ | ||
- | <code java> | ||
- | int i; | ||
- | if (i> | ||
- | | ||
- | | ||
- | else //ce else doit être après }. | ||
- | | ||
</ | </ | ||
+ | ====== Les commentaires ====== | ||
+ | Les commentaires est tout ce qui est ignoré par le navigateur. | ||
+ | <code html>< | ||
+ | ====== Les balises de base ====== | ||
- | ====== Tests logiciels ====== | ||
- | C’est bien de développer des logiciels, encore faut-il qu’ils soient de qualité. | ||
+ | ===== Niveaux de titres ===== | ||
+ | Il existe six niveaux de titres : ''< | ||
+ | ===== Paragraphes ===== | ||
+ | * La balise ''< | ||
+ | * La balise ''< | ||
- | ====== Normes et standards ====== | + | ===== Lignes horizontales |
+ | On peut insérer des lignes qui délimites des sections à l'aide d'une ligne horizontale. | ||
+ | <code html>< | ||
- | L’organisation internationale des standards (ISO – International Standard Organization) élabore des normes et standards dans différents domaines. | + | ===== Alignement |
- | | + | |
- | - D’éviter | + | |
- | - D’offrir les meilleures pratiques | + | |
- | | + | * '' |
- | | + | * Exemple : ''< |
- | - D’économiser temps et argent. | + | |
- | Les standards internationaux sont élaborés par des experts du domaine reconnus et désignés, organisés | + | ===== Mise en forme ===== |
+ | * ''< | ||
+ | * ''< | ||
+ | * ''< | ||
+ | * ''< | ||
+ | * ''< | ||
+ | * ''< | ||
+ | * ''< | ||
+ | * ''< | ||
+ | * ''< | ||
- | Les guides standards IEEE sont numérotés selon une nomenclature spécifique : | + | ===== Les polices |
- | IEEE std numéro. année | + | Il faut utiliser |
- | En adhérant à des standards et en suivant des normes, les entreprises acquièrent | + | |
- | des gages en ce qui a trait : | + | |
- | - au respect des délais | + | |
- | - à la pertinence des développements effectués par rapport aux objectifs fixés. | + | |
- | - à l’intégration de la qualité dans leur fonctionnement. | + | |
- | - à la mise en oeuvre de méthodes de travail adaptées. | + | |
- | Pour obtenir la certification, | + | ===== Les liens ===== |
- | + | ||
- | L’ISO a désigné l’IEEE pour élaborer des normes et standards relatifs aux technologies de l’information. Dans ce domaine, trois normes sont particulièrement intéressantes : | + | |
- | - ISO 9000 qui est une norme qualité relative à l'organisation du travail ; | + | On utilise la balise |
- | | + | |
+ | * liens internes à un site | ||
+ | * liens externes | ||
- | Le but est de déterminer une façon de faire et un langage uniformes dans le développement des logiciels, et de proposer des guides pour effectuer et documenter de manière quasi-complète les tâches inhérentes. | + | ==== Lien externe ==== |
+ | Fait référence à un site se trouvant sur un autre site. Exemple : | ||
+ | <a href=" | ||
- | La qualité concerne trois aspects de l' | + | ==== Lien interne au site ==== |
- | | + | Fait référence à un document se trouvant sur le site dans lequel on se trouve. |
- | | + | <a href=" |
- | | + | |
+ | Il faut utiliser des URL relatifs : | ||
+ | * '' | ||
+ | * '' | ||
| | ||
- | Liste de standards utiles | + | Il faut __absolument__ éviter les URL absolus comme dans l' |
- | * ISO 9000 : organisation du travail. | + | |
- | | + | ==== Lien interne à une page ==== |
- | * ISO 12207 : moyens de réalisation | + | Fait référence à un emplacement se trouvant dans la page courante. On utilise |
- | * IEEE std 829 : documentation des tests. | + | |
- | + | ||
- | Conduire des tests pour évaluer | + | |
- | ====== Déroulement des tests ====== | + | Définition |
- | + | | |
- | ===== Phases | + | |
- | + | ||
- | Les tests que subit une application pendant son cycle de développement se réalisent en plusieurs phases | + | |
- | | + | |
- | - **Test d’intégration** : vise à s’assurer que les modules de l’application communiquent et interagissent de manière correcte, stable et cohérente. | + | |
- | - **Test système** : vise à s’assurer que l’application sera acceptée par ses futurs utilisateurs. | + | |
- | - **Test d’intégration système** : vise à s’assurer que l’application va inter-opérer avec les autres systèmes et que son fonctionnement ne nuira pas aux autres systèmes en place dans l’environnement d’exploitation, | + | |
- | - **Test de recette** (ou de réception) : vise à s’assurer de la conformité de l’application avec ses spécifications et donner confiance en son fonctionnement correct avant sa livraison officielle aux utilisateurs. Il se divise en test de recette utilisateur, | + | |
- | Lorsque | + | Lien vers l'ancre : |
+ | <a href="# | ||
- | ===== Arrêt de tests ===== | + | Lien vers l' |
- | Les coûts impliqués par les activités de test (25 à 30% du coût total du développement) et l’impossibilité de réaliser des tests exhaustifs font de la décision | + | <a href=" |
- | Avec l’expérience, | ||
- | - le degré de conformité aux exigences de test permet de savoir si toutes les exigences, ou au moins celles correspondant aux risques les plus élevés, ont été testées. | ||
- | - La couverture de test du code permet de savoir si toutes les parties du code, y compris le code de gestion d’erreurs et d’exceptions, | ||
- | - Le nombre de jeux d’essais prévus, conçus, mis en oeuvre, réussis ou ratés informe sur l’état d’avancement du processus de test. | ||
- | - Le taux de détection d’erreurs et la stabilisation de ce critère donne une idée raisonnable sur la détection de la plupart des erreurs. | ||
- | ===== Planification des test ===== | ||
- | |||
- | Dans l’approche procédurale : | ||
+ | ==== Lien de courriel ==== | ||
+ | Permet d' | ||
+ | <a href=" | ||
- | ===== Démarche de test ===== | + | ===== Images |
- | Un test est toujours réalisé selon les 3 étapes : | + | |
- | - Élaboration des jeux d’essais. | + | |
- | - Réalisation du test. | + | |
- | - Analyse des résultats. | + | |
- | ===== Approches de test ===== | + | |
- | Il existe 3 approches pour conduire un test : | + | |
- | - Approche ascendante. | + | |
- | - Approche descendante. | + | |
- | - Approche incrémentale. | + | |
+ | On utilise la balise ''< | ||
+ | * '' | ||
+ | * '' | ||
+ | * '' | ||
+ | * '' | ||
+ | * '' | ||
+ | * '' | ||
+ | * '' | ||
+ | Exemple : | ||
+ | <code html>< | ||
+ | === Images réactives === | ||
+ | Une seule et même image peut avoir différentes zones qui mèneront alors à différentes ressources. | ||
+ | <code html> | ||
+ | <img border=" | ||
+ | <map name=" | ||
+ | <area SHAPE=" | ||
+ | <area SHAPE=" | ||
+ | <area SHAPE=" | ||
+ | </ | ||
+ | </ | ||
- | ====== Techniques de tests ====== | ||
- | Les tests effectués dans les différentes phases sont réalisés en utilisant différentes techniques. Ces techniques peuvent être réparties en 3 catégories : techniques générales, | ||
+ | ====== Entête ====== | ||
+ | L' | ||
+ | ===== Meta tags ===== | ||
+ | * ''< | ||
+ | ===== Lien CSS ===== | ||
+ | Pour un lien externe à un fichier CSS : | ||
+ | <code html> | ||
+ | <link rel=" | ||
+ | </ | ||
- | ===== Techniques générales ===== | ||
- | |||
- | ==== Test par affirmation/ | ||
- | |||
- | Ce sont 2 techniques complémentaires. Le test par affirmation vise à vérifier la conformité de l’application aux exigences formulées. Les jeux de test sont habituellement conçus en analysant la spécification des exigences. C’est une des techniques utilisées pour s’assurer que l’application a atteint les objectifs fixés. | ||
- | Le test par négation vise à démontrer que l’application n’agit pas comme elle n’est pas censée le faire. Pour cela, on étudie le comportement de l’application en dehors du cadre fixé par les spécifications. C’est une technique utilisée pour examiner les aspects de l’application non décrits, manquants ou mal formulés. | + | ====== Éléments plus avancés ====== |
- | ==== Test de boite blanche/ | ||
- | |||
- | Ce sont également 2 techniques complémentaires. Le choix de l’une ou l’autre des techniques dépend du niveau de connaissance de la structure interne de l’application par l’analyste de test. | ||
- | Le test de boite blanche, appelé aussi test structurel, s’appuie sur des informations portant sur la structure interne de l’application ou du composant à tester. | + | ===== Caractères spéciaux ===== |
- | Le test de boite noire, appelé aussi test comportemental, | + | ^ Punctuation ^ HTML Entity ^ ISO Latin-1 code ^ name or meaning ^ |
+ | | – | & | ||
+ | | — | & | ||
+ | | ¡ | & | ||
+ | | ¿ | & | ||
+ | | ' | ||
+ | | " | ||
+ | | ‘ | & | ||
+ | | ’ | & | ||
+ | | “ | & | ||
+ | | ” | & | ||
+ | | „ | & | ||
+ | | « » | « & | ||
+ | | (espace) | ||
+ | ^ Symboles ^ HTML Entity ^ ISO Latin-1 code ^ name or meaning ^ | ||
+ | | & | & | ||
+ | | ¢ | & | ||
+ | | © | & | ||
+ | | ÷ | & | ||
+ | | > | & | ||
+ | | < | & | ||
+ | | µ | & | ||
+ | | · | & | ||
+ | | ¶ | & | ||
+ | | ± | & | ||
+ | | € | & | ||
+ | | £ | & | ||
+ | | ® | & | ||
+ | | § | & | ||
+ | | ¥ | & | ||
+ | ^ Diacritics ^^^^ | ||
+ | | á Á | & | ||
+ | | à À | & | ||
+ | | â Â | â & | ||
+ | | å Å | å & | ||
+ | | ã Ã | & | ||
+ | | ä Ä | ä & | ||
+ | | æ Æ | æ & | ||
+ | | ç Ç | & | ||
+ | | é É | & | ||
+ | | è È | & | ||
+ | | ê Ê | ê & | ||
+ | | ë Ë | ë & | ||
+ | | í Í | & | ||
+ | | ì Ì | & | ||
+ | | î Î | î & | ||
+ | | ï Ï | ï & | ||
+ | | ñ Ñ | & | ||
+ | | ó Ó | & | ||
+ | | ò Ò | & | ||
+ | | ô Ô | ô & | ||
+ | | ø Ø | & | ||
+ | | õ Õ | & | ||
+ | | ö Ö | ö & | ||
+ | | ß | & | ||
+ | | ú Ú | & | ||
+ | | ù Ù | & | ||
+ | | û Û | û & | ||
+ | | ü Ü | ü & | ||
+ | | ÿ | & | ||
- | Le test de boite blanche est souvent utilisé par le programmeur lors de test unitaires des composants qu’il construit. | + | * [[http:// |
- | Le test de boite noire est souvent utilisé par l’analyste de test lors de phases ultérieures, comme le test système ; l’analyste de test n’ayant pas accès aux informations structurelles car les composants sont écrit par une équipe tierce. | + | ===== Tableaux ===== |
+ | Permet tout d' | ||
- | Souvent, l’analyste mélange | + | On utilise les balises ''< |
+ | Exemple de table avec un '' | ||
+ | <code html> | ||
+ | <table width=" | ||
+ | <tr> | ||
+ | <td colspan=" | ||
+ | <td rowspan=" | ||
+ | </tr> | ||
+ | <tr> | ||
+ | < | ||
+ | < | ||
+ | </tr> | ||
+ | <tr> | ||
+ | < | ||
+ | < | ||
+ | </tr> | ||
+ | <tr> | ||
+ | < | ||
+ | < | ||
+ | </tr> | ||
+ | <tr> | ||
+ | < | ||
+ | < | ||
+ | </tr> | ||
+ | </ | ||
+ | </ | ||
- | ===== Techniques fonctionnelles ===== | + | < |
- | + | <table width=" | |
- | ==== Analyse partitionnelle ==== | + | < |
- | + | < | |
- | Il s’agit de répartir, lorsque c’est possible, les entrées et les sorties en catégories cohérentes constituant des classes (pas au sens de l’orienté objet). On choisit ensuite un représentant de chaque classe. On émet ainsi l’hypothèse selon | + | <td rowspan=" |
- | laquelle la réussite du test sur un représentant équivaut à sa réussite sur tous les éléments de la classe. | + | </ |
+ | < | ||
+ | < | ||
+ | < | ||
+ | </ | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | </ | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | </ | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | </ | ||
+ | </ | ||
+ | </ | ||
- | Le secret de la réussite de cette technique réside dans l’identification des classes, du choix des représentants et dans le choix du nombre d’éléments à examiner. | + | ==== Attributs ==== |
+ | * BORDER | ||
+ | * BGCOLOR | ||
+ | * BACKGROUND | ||
- | ==== Test aux limites | + | ===== Cadres ===== |
- | + | Les cadres sont utilisés pour séparer une page en différentes sections. | |
- | Cette technique | + | |
- | L’analyse partitionnelle et le test aux limites | + | ===== Formulaires ===== |
+ | * Permet | ||
+ | * La balise ''< | ||
+ | * Les attributs | ||
+ | * '' | ||
+ | * '' | ||
+ | * '' | ||
- | ==== Test intrusif ==== | + | Exemple : |
- | + | <code html>< | |
- | Il s’agit de modifier délibérément l’application pour les besoins du test. C’est ce qu’on fait en introduisant le fameux System.out.println (ou équivalent) afin de visualiser les valeurs de certaines variables à l’exécution. | + | |
- | On peut aussi utiliser un débogueur pour modifier les valeurs de variables à l’exécution pour étudier le comportement de l’application. | + | ==== Éléments du formulaire ==== |
- | Le risque avec cette technique est d’oublier de supprimer les modifications introduites et de livrer ainsi au client un produit altéré. | + | La balise < |
- | ==== Test de transition d’état ==== | + | Attributs |
- | + | * NAME | |
- | Cette technique consiste à représenter les différents états possibles de l’application (ou du composant à tester), les transitions entre ces états, les événements déclenchant les transitions et les actions résultant de ces transitions. | + | * MAXLENTGTH |
- | + | * VALUE | |
- | Les jeux d’essais sont extraits de la spécification de l’application et des diagrammes de transition d’états (utilisés en UML). | + | * TYPE |
- | + | * TEXT | |
- | Les jeux d’essais | + | * BUTTON |
- | * l’état de départ, | + | * PASSWORD |
- | * les entrées dans l’application, | + | * CHECKBOX |
- | * les résultats attendus, | + | * RADIO -> Les boutons radio sont regroupés par le nom qui doit être identique. |
- | * l’état final attendu. | + | * HIDDEN |
- | Cette technique | + | * FILE -> Exemple : '' |
+ | * SUBMIT | ||
+ | * RESET | ||
+ | * CHECKED -> dans le cas que le type est CHECKBOX | ||
+ | Les zones de texte : < | ||
+ | * ROWS, COLS, READONLY | ||
- | ==== Test statique ==== | + | Listes de choix : < |
- | Dans ce test, l’application n’est pas exécutée. Il s’agit de vérifier l’application en situation isolée. Plusieurs méthodes et outils sont utilisés : | + | * NAME |
- | * revue et vérification du code | + | * SIZE |
- | * exécution manuelle (avec un papier et un crayon) | + | * MULTIPLE |
- | * outils d’analyse syntaxiques | + | * Les choix sont décrits par la balise < |
- | * outils d’estimation de complexité. | + | * VALUE |
- | Cette technique est souvent utilisée lors du test unitaire. | + | * SELECTED |
- | ==== Test de navigation ==== | ||
- | |||
- | Cette technique, appelée aussi test d’exécution, | ||
- | | ||
+ | ====== Inclure des styles CSS dans le code HTML ====== | ||
+ | <code html> | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | <style type=" | ||
+ | body { | ||
+ | color: purple; | ||
+ | background-color: | ||
+ | </ | ||
+ | </ | ||
+ | < | ||
+ | </ | ||
- | ====== Tests unitaires ====== | + | ===== Inline styles |
- | + | <code html> | |
- | ===== Exemple de jeu de tests ===== | + | <font style="font-family: Arial,Helvetica,sans-serif; font-size:22px; color:red; text-decoration: |
- | + | </code> | |
- | + | ||
- | ^ # ^ a ^ b ^ c ^ Description | + | |
- | | 1 | 0 | 0 | 0 | a,b,c = 0 | Infinité | + | |
- | | 2 | 0 | 0 | -3 | a,b=0, c!=0 | Pas de solution | + | |
- | | 3 | 0 | 0 | 5 | a,b=0, c!=0 | Pas de solution | + | |
- | | 4 | 0 | 2 | 0 | 1< | + | |
- | | 5 | 0 | -4 | 0 | 1< | + | |
- | | 6 | 0 | 3 | 3 | 1< | + | |
- | | 7 | 0 | -7 | 5 | 1< | + | |
- | | 8 | 0 | 5 | -1 | 1<sup>er</ | + | |
- | | 9 | 0 | -1 | -2 | 1< | + | |
- | | 0 | 0 | 1 | 4 | D < 0 | Pas de solution | + | |
- | | 1 | 5 | 0 | 1 | D < 0 | Pas de solution | + | |
- | | 2 | 1 | 1 | 0 | D > 0 | Deux solutions x=0, x=1 | | | | + | |
- | | 3 | 1 | 2 | 1 | D = 0 |Une solution | | | | + | |
- | | 4 | 4 | 12 | 9 | D = 0 |Une solution | | | | + | |
- | + | ||
- | + | ||
- | [[http:// | + | |
- | + | ||
+ | ====== Exemples de codes ====== | ||
+ | ===== nofollow ===== | ||
+ | <code html> | ||
+ | <a href=" | ||
+ | </ | ||
- | Source : A. Toudeft. |
web/html3.1400028513.txt.gz · Dernière modification : 2022/02/02 00:43 (modification externe)