Structure de base d’une page HTML

Structure de base d’une page HTML

Les outils de web

Introduction 

Dans la tendance actuelle de la conception des sites Web, chaqu’un des composants joue son rôle, généralement chaque fichier Web véhicule trois éléments :
1. Une information : c’est l’essentiel du contenu que le visiteur est venu chercher sur Internet ; il est essentiel pour les Web master d’assurer qu’il le trouve dans tous les cas.
2. La mise en forme de toutes les informations.
3. Des comportements de la page Web comme des animations, la réponse à des actions du visiteur, etc.
Laravel est un Framework web open-source écrit en PHP respectant le principe modèle-vue-contrôleur et entièrement développé en programmation orientée objet, pour fonctionner Laravel a besoin d’un certain environnement :
 Heureusement il existe des solutions toutes prêtes, par exemple pour PHP + MySql : wampserver, xampp, easyphp.
 Composer
 Les éditeurs de code (Sublime Texte, Visual Studio Code).

Laravel

Laravel, créé par Taylor Otwel, initie une nouvelle façon de concevoir un framework en utilisant ce qui existe de mieux pour chaque fonctionnalité.Par exemple toute application web a besoin d’un système qui gère les requêtes HTTP. Plutôt que de réinventer quelque chose, le concepteur de Laravel a tout simplement utilisé celui de Symfony en l’étendant pour créer un système de routage efficace.De la même manière, l’envoi des emails se fait avec la bibliothèque SwiftMailer. En quelque sorte Otwel a fait son marché parmi toutes les bibliothèques disponibles. Nous verrons dans ce cours comment cela est réalisé. Mais Laravel ce n’est pas seulement le regroupement de bibliothèques existantes, c’est aussi de nombreux composants originaux et surtout une orchestration de tout ça.
Vous allez trouver dans Laravel :
 un système de routage (RESTFul et ressources),
 un créateur de requêtes SQL et un ORM,
 un moteur de template,
 un système d’authentification pour les connexions,
 un système de validation,
 un système de pagination,
 un système de migration pour les bases de données,
 un système d’envoi d’emails,
 un système de cache,
 un système de gestion des événements,
 un système d’autorisations,
 une gestion des sessions,
 un système de localisation,
 un système de notifications…
Laravel est un framework web open-source écrit en PHP respectant le principe modèle-vue-contrôleur et entièrement développé en programmation orientée objet. [1]

Installation et organisation

Composer fonctionne en ligne de commande. Vous avez donc besoin de la console (nommée Terminal ou Konsole sur OS X et Linux). Les utilisateurs de Linux sont très certainement habitués à l’utilisation de la console mais il en est généralement pas de même pour les adeptes de Windows. Pour trouver la console sur ce système il faut chercher l’invite de commande :
Téléchargez et exécutez Composer-Setup.exe. Il installera la dernière version de Composer et configurera votre PATH afin que vous puissiez appeler composer à partir de n’importe quel répertoire de votre ligne de commande[2].

Installation avec Laravel Installer

Une autre solution pour installer Laravel consiste à utiliser l’installeur. Il faut commencer par installer globalement l’installeur avec composer :
composer global require « Laravel/installer »
Il faut ensuite informer la variable d’environnement path de l’emplacement du dossier …/composer/vendor/bin.
Pour créer une application il suffit de taper :
laravel new monAppli
Laravel est équipé d’un serveur sommaire pour le développement qui se lance avec cette commande : php artisan serve
On y accède à cette adresse : http://localhost:8000. Mais évidemment pour que ça fonctionne il faut que vous ayez PHP installé.

Organisation de Laravel

Maintenant qu’on a un Laravel tout neuf et qui fonctionne voyons un peu ce qu’il contient…
Dossier app
Ce dossier contient les éléments essentiels de l’application :
 Console : toutes les commandes en mode console,
 Http : tout ce qui concerne la communication : contrôleurs, middlewares (il y a 4 middlewares de base qui servent à filtrer les requêtes HTTP) et le kernel,
 Providers : tous les fournisseurs de services (providers), il y en a déjà 5 au départ. Les providers servent à initialiser les composants.
 User : un modèle qui concerne les utilisateurs pour la base de données.
Évidemment tout cela doit vous paraître assez nébuleux pour le moment mais nous verrons en détail ces éléments au fil du cours. Et on verra d’ailleurs que seront créés bien d’autres dossiers selon nos besoins.
Autres dossiers
Voici une description du contenu des autres dossiers :
 bootstrap : scripts d’initialisation de Laravel pour le chargement automatique des classes, la fixation de l’environnement et des chemins, et pour le démarrage de l’application,
 public : tout ce qui doit apparaître dans le dossier public du site : images, CSS, scripts…
 config : toutes les configurations : application, authentification, cache, base de données, espaces de noms, emails, systèmes de fichier, session…
 database : migrations et populations,
 resources : vues, fichiers de langage et assets (par exemple les fichiers Sass),
 routes : la gestion des urls d’entrée de l’application,
 storage : données temporaires de l’application : vues compilées, caches, clés de session…
 tests : fichiers de tests,
 vendor : tous les composants de Laravel et de ses dépendances (créé par composer),
Fichiers de la racine
Il y a un certain nombre de fichiers dans la racine dont voici les principaux :
 artisan : outil en ligne de Laravel pour des tâches de gestion,
 composer.json : fichier de référence de composer,
 package.json : fichier de référence de npm pour les assets,
 phpunit.xml : fichier de configuration de phpunit (pour les tests unitaires),
 .env : fichier pour spécifier l’environnement d’exécution.
Accessibilité
Pour des raisons de sécurité sur le serveur seul le dossier public doit être accessible :
Cette configuration n’est pas toujours possible sur un serveur mutualisé, il faut alors modifier un peu Laravel pour que ça fonctionne; j’en parlerai dans le chapitre sur le déploiement.
Par défaut lorsque vous installez Laravel, celui-ci est en mode « debug » et vous aurez une description précise de toutes les erreurs. Par exemple ouvrez le fichier routes/web.php et changez ainsi le code : Environnement et messages d’erreur

Table des matières

Introduction générale
Chapitre I : Généralité laboratoire de recherche .
Introduction :
I.2 Disposition générales
I.3 Règles de création
I.4. Organisation et fonctionnement
I.5 Conclusion
Chapitre II : Les outils de web .
II. Introduction :
13 II.1 Laravel
II.1.1 Installation et organisation
15 II.1.1.1 Installation avec Laravel Installer
15 II. 1.1.2 Organisation de Laravel
16 II.1.2 MVC
20 II.1.2.1 Le routage(Routing)
II.1.2.2 Controller
II.1.2.3Migrations et modèles
II. 1.1.2.3.1 Les migrations
23 II.1.3.2 Les modèles
24 II.1.2.4 Les vues
II. 2. HTML (L’HypertextMarkupLanguage)
25 II. 2.1 Définition
II. 2.2 Les différentes Versions du langage HTML
II. 2.3 Les balises
II. 1.2.4 Les attributs
II. 2.5 Structure de base d’une page HTML
II. 3 CSS (Cascading Style Sheets)
II. 3.1 Définition
II. 3.2 Les versions de CSS
II. 3.3 Les avantages des feuilles de style
II. 1.4. Langages Script
II.4.1 Définition d’un langage script
II.4.2 PHP
II. 4.3 JSP
II.4.4 Le JavaScript
II..5 Système de gestion de base de données
II.5.1 MySQL
II. 5.2 Oracle
II.6. Les navigateurs
II.7. URL
II. Conclusion
Chapitre III : La conception .
III. Introduction :
III.1. Le langage UML
III.1.2 Définition
III.2. Modélisation
III.2.1 Diagramme de cas d’utilisation (Use case)
III. 2.2 Les acteurs et leurs rôles
III. 2. 3 Diagramme de classes
III. 2.4 Schéma relationnel
III. 2. 5 Diagrammes de séquences
III. 3. Maquettes (Design)
III. Conclusion :
Conclusion générale
Liste bibliographe

Télécharger le rapport complet