<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="fr">
	<id>http://wikisn.rascol.net/api.php?action=feedcontributions&amp;feedformat=atom&amp;user=Vergnes-fiol+dorian</id>
	<title>WIKI SN RASCOL - Contributions [fr]</title>
	<link rel="self" type="application/atom+xml" href="http://wikisn.rascol.net/api.php?action=feedcontributions&amp;feedformat=atom&amp;user=Vergnes-fiol+dorian"/>
	<link rel="alternate" type="text/html" href="http://wikisn.rascol.net/index.php/Sp%C3%A9cial:Contributions/Vergnes-fiol_dorian"/>
	<updated>2026-11-03T02:45:48Z</updated>
	<subtitle>Contributions</subtitle>
	<generator>MediaWiki 1.38.4</generator>
	<entry>
		<id>http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1240</id>
		<title>Comment créé une application web</title>
		<link rel="alternate" type="text/html" href="http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1240"/>
		<updated>2024-06-01T12:44:53Z</updated>

		<summary type="html">&lt;p&gt;Vergnes-fiol dorian : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;===== pour illustré mes information je vais utilisé l'application web que j'ai faite Duran un stage a la SAFRA =====&lt;br /&gt;
&lt;br /&gt;
l'objectif était de créer un &amp;lt;big&amp;gt;outil pratique et dynamique&amp;lt;/big&amp;gt; pour montre en temp et en heure l'état des différent service de la SAFRA (&amp;lt;span style=&amp;quot;color:#228B22&amp;quot;&amp;gt;en ligne&amp;lt;/span&amp;gt; /  &amp;lt;span style=&amp;quot;color:#FF0000&amp;quot;&amp;gt;hors ligne&amp;lt;/span&amp;gt; / &amp;lt;span style=&amp;quot;color:#DAA520&amp;quot;&amp;gt;en maintenance&amp;lt;/span&amp;gt;)&lt;br /&gt;
Pour cela, j'ai donc eu besoin de créer une application web.&lt;br /&gt;
&lt;br /&gt;
== mais c’est quoi une application web? il y a quoi de différent avec un site web? ==&lt;br /&gt;
&lt;br /&gt;
Une application web est un programme informatique accessible via un navigateur web, offrant une expérience interactive et dynamique aux utilisateurs. Contrairement à un site web qui présente des informations statiques, une application web permet des interactions avancées comme la manipulation de données en temps réel, la personnalisation, et des fonctionnalités complexes.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;strong&amp;gt;Exemple :&amp;lt;/strong&amp;gt; À la SAFRA, j'ai développé une application web pour suivre l'état des différents services (en ligne, hors ligne, en maintenance) en temps réel. &lt;br /&gt;
&lt;br /&gt;
En résumé, un site web est plus axé sur la présentation de contenu, tandis qu'une application web offre une expérience utilisateur plus dynamique et interactive.&lt;br /&gt;
&lt;br /&gt;
== quel logiciel faut-il installé? ==&lt;br /&gt;
&lt;br /&gt;
===== Éditeur de texte =====&lt;br /&gt;
&lt;br /&gt;
Pour créer notre application web on va avoir besoin d’un éditeur de texte comme: &lt;br /&gt;
&lt;br /&gt;
* Notepad++ &lt;br /&gt;
* Visual studio code (VScode) &lt;br /&gt;
* bloc note par&lt;br /&gt;
&lt;br /&gt;
(il en existe d’autre mais voici quelque exemple)&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Logiciel_co_web.png| image des logiciel&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
==== mais c’est quoi VS code? ====&lt;br /&gt;
&lt;br /&gt;
VS Code est un éditeur de code puissant, gratuit et open-source, populaire auprès des développeurs pour son interface conviviale et ses fonctionnalités avancées.&lt;br /&gt;
&lt;br /&gt;
===== Serveur local et base de données =====&lt;br /&gt;
&lt;br /&gt;
Pour tester et développer votre application web localement, vous aurez besoin d'un serveur web et d'une base de données. Voici deux solutions populaires :&lt;br /&gt;
&lt;br /&gt;
* XAMPP&lt;br /&gt;
* WAMP&lt;br /&gt;
&lt;br /&gt;
(il en existe d’autre mais voici quelque exemple)&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;logiciel_co_web2.png|image des logiciel&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
(la suite des instruction on été réalisé avec le logiciel WAMP)&lt;br /&gt;
&lt;br /&gt;
==== mais c’est quoi WAMP? ====&lt;br /&gt;
&lt;br /&gt;
Wamp (Windows, Apache, MySQL, PHP) est un ensemble de logiciels open-source permettant de créer un environnement de développement web sur des systèmes Windows.&lt;br /&gt;
 &lt;br /&gt;
Il est utilisé par les développeurs pour créer et tester des sites web et des applications web en utilisant les technologies PHP, MySQL et Apache. &lt;br /&gt;
&lt;br /&gt;
Wamp offre un moyen pratique d'installer et de configurer ces logiciels sur un seul système, facilitant ainsi le développement local de projets web avant de les déployer sur des serveurs en ligne. &lt;br /&gt;
&lt;br /&gt;
En résumé, Wamp est utile pour créer un environnement de développement web complet sur Windows, permettant aux développeurs de travailler efficacement sur leurs projets locaux.&lt;br /&gt;
&lt;br /&gt;
== les différent langages de programmation ==&lt;br /&gt;
&lt;br /&gt;
Pour créer une application web, plusieurs langages de programmation sont utilisés, chacun ayant un rôle spécifique. &amp;lt;big&amp;gt;(HTML CSS JAVASCRIPT PHP SQL)&amp;lt;/big&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===== c’est quoi l’HTML CSS JAVASCRIPT PHP et SQL ? =====&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;HTML (HyperText Markup Language)&amp;lt;/strong&amp;gt; est utilisé pour structurer et organiser le contenu d'une page web basiquement c’est le “squelette” de la page.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_html.png|exemple de code HTML&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;CSS (Cascading Style Sheets)&amp;lt;/strong&amp;gt; permet de styliser et de mettre en forme le contenu HTML, rendant la page web plus attractive. il permet de “décorer” la page web.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_css.png|exemple de code CSS&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;JavaScript&amp;lt;/strong&amp;gt; rend la page interactive en ajoutant des fonctionnalités dynamiques comme des menus déroulants, des animations, et des formulaires interactifs.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_js.png|exemple de code JS&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;PHP&amp;lt;/strong&amp;gt; est un langage de programmation côté serveur utilisé pour générer du contenu dynamique et interagir avec les bases de données. &lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_php.png|exemple de code PHP&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;SQL&amp;lt;/strong&amp;gt; est un langage de requête utilisé pour gérer et manipuler les données stockées dans une base de données.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_sql.png|exemple de code SQL&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Création d'une base de données avec phpMyAdmin ==&lt;br /&gt;
&lt;br /&gt;
===== Qu'est-ce que phpMyAdmin ? =====&lt;br /&gt;
&lt;br /&gt;
phpMyAdmin est un outil de gestion de base de données MySQL/MariaDB basé sur le web. Il permet de créer, modifier et gérer des bases de données de manière simple et intuitive.&lt;br /&gt;
&lt;br /&gt;
===== Étapes pour créer une base de données =====&lt;br /&gt;
&lt;br /&gt;
Accéder à phpMyAdmin :&lt;br /&gt;
&lt;br /&gt;
Ouvrez votre navigateur web et allez à &amp;lt;strong&amp;gt;http://localhost/phpmyadmin.&amp;lt;/strong&amp;gt;&lt;br /&gt;
Connectez-vous avec l'utilisateur root (par défaut) et le mot de passe que vous avez défini lors de l'installation de WAMP.(par défaut il n'y a pas de mots de passe)&lt;br /&gt;
&lt;br /&gt;
===== Créer une nouvelle base de données : =====&lt;br /&gt;
&lt;br /&gt;
Dans l'interface phpMyAdmin, cliquez sur &amp;quot;Bases de données&amp;quot; dans le menu en haut.&lt;br /&gt;
Entrez le nom de votre base de données, par exemple safra_services, et cliquez sur &amp;quot;Créer&amp;quot;.&lt;br /&gt;
&lt;br /&gt;
===== Créer une table : =====&lt;br /&gt;
&lt;br /&gt;
Cliquez sur la base de données que vous venez de créer dans la colonne de gauche.&lt;br /&gt;
Cliquez sur &amp;quot;Nouvelle table&amp;quot; et entrez le nom de la table, par exemple services, et le nombre de colonnes.&lt;br /&gt;
&lt;br /&gt;
===== Définissez les colonnes nécessaires, par exemple : =====&lt;br /&gt;
&lt;br /&gt;
* id (INT, AUTO_INCREMENT, PRIMARY KEY)&lt;br /&gt;
* service_name (VARCHAR(255))&lt;br /&gt;
* status (VARCHAR(50))&lt;br /&gt;
&lt;br /&gt;
Cliquez sur &amp;quot;Enregistrer&amp;quot; pour créer la table avec les colonnes définies.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_page_phpmyadmin.png|Exemple d'interface phpMyAdmin&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Déploiement de l'application web ==&lt;br /&gt;
&lt;br /&gt;
=== Hébergement sur un serveur distant ===&lt;br /&gt;
&lt;br /&gt;
Pour rendre votre application web &amp;lt;strong&amp;gt;accessible en ligne&amp;lt;/strong&amp;gt;, vous devez la déployer sur un serveur web. Voici les étapes pour le faire :&lt;br /&gt;
&lt;br /&gt;
===== Choisir un fournisseur d'hébergement web : =====&lt;br /&gt;
&lt;br /&gt;
Il existe de nombreux fournisseurs, comme: &lt;br /&gt;
&lt;br /&gt;
* Bluehost &lt;br /&gt;
* HostGator &lt;br /&gt;
* SiteGround&lt;br /&gt;
* etc.&lt;br /&gt;
&lt;br /&gt;
Choisissez un plan d'hébergement qui correspond à vos besoins.&lt;br /&gt;
&lt;br /&gt;
===== Configurer le serveur web : =====&lt;br /&gt;
&lt;br /&gt;
Connectez-vous à votre compte d'hébergement et accédez au Panel ou à l'interface de gestion de votre serveur.&lt;br /&gt;
Créez une base de données sur le serveur, similaire à ce que vous avez fait avec phpMyAdmin localement.&lt;br /&gt;
&lt;br /&gt;
===== Transférer les fichiers de l'application : =====&lt;br /&gt;
&lt;br /&gt;
Utilisez un client FTP comme &amp;lt;strong&amp;gt;FileZilla&amp;lt;/strong&amp;gt; pour transférer les fichiers de votre application web depuis votre ordinateur local vers le serveur web.&lt;br /&gt;
Connectez-vous avec les informations FTP fournies par votre hébergeur et transférez tous les fichiers et dossiers de votre projet.&lt;br /&gt;
&lt;br /&gt;
===== Configurer les fichiers de configuration : =====&lt;br /&gt;
&lt;br /&gt;
Modifiez les fichiers de configuration de votre application &amp;lt;strong&amp;gt;(par exemple, les fichiers de connexion à la base de données)&amp;lt;/strong&amp;gt; pour qu'ils utilisent les informations de la base de données de votre serveur web.&lt;br /&gt;
&lt;br /&gt;
===== Tester l'application en ligne : =====&lt;br /&gt;
&lt;br /&gt;
Accédez à votre domaine pour vérifier que l'application fonctionne correctement en ligne.&lt;br /&gt;
Testez toutes les fonctionnalités et corrigez les éventuels problèmes.&lt;br /&gt;
&lt;br /&gt;
=== Hébergement sur un serveur local ===&lt;br /&gt;
&lt;br /&gt;
Vous pouvez également héberger votre application web vous-même en utilisant un serveur local. Voici les avantages et inconvénients de cette méthode :&lt;br /&gt;
&lt;br /&gt;
===== Avantages : =====&lt;br /&gt;
&lt;br /&gt;
* Contrôle total : Vous avez un contrôle total sur la configuration du serveur et les données.&lt;br /&gt;
* Pas de frais d'hébergement : Vous n'avez pas à payer pour un service d'hébergement.&lt;br /&gt;
* Flexibilité : Vous pouvez personnaliser l'environnement de développement selon vos besoins spécifiques.&lt;br /&gt;
&lt;br /&gt;
===== Inconvénients : =====&lt;br /&gt;
&lt;br /&gt;
* Maintenance : Vous êtes responsable de la maintenance et de la sécurité du serveur.&lt;br /&gt;
* Disponibilité : Votre serveur doit être en ligne en permanence pour que l'application soit accessible.&lt;br /&gt;
* Bande passante : La capacité de votre connexion internet peut limiter le nombre d'utilisateurs pouvant accéder à l'application simultanément.&lt;br /&gt;
&lt;br /&gt;
==== Étapes pour héberger une application web sur un serveur local ====&lt;br /&gt;
&lt;br /&gt;
===== Installer un serveur web local : =====&lt;br /&gt;
&lt;br /&gt;
Vous pouvez utiliser WAMP (Windows) ou MAMP (Mac) pour configurer un serveur local.&lt;br /&gt;
Installez le logiciel et démarrez les services Apache et MySQL.&lt;br /&gt;
&lt;br /&gt;
===== Déployer l'application localement : =====&lt;br /&gt;
&lt;br /&gt;
Placez les fichiers de votre application dans le répertoire www (WAMP) ou htdocs (MAMP).&lt;br /&gt;
Par exemple, pour WAMP, copiez votre projet dans C:\wamp\www\mon_application.&lt;br /&gt;
&lt;br /&gt;
===== Configurer la base de données : =====&lt;br /&gt;
&lt;br /&gt;
Utilisez phpMyAdmin pour créer une base de données localement, comme expliqué précédemment.&lt;br /&gt;
Modifiez les fichiers de configuration de votre application pour utiliser les informations de la base de données locale.&lt;br /&gt;
&lt;br /&gt;
===== Accéder à l'application : =====&lt;br /&gt;
&lt;br /&gt;
Ouvrez votre navigateur web et allez à http://localhost/mon_application pour accéder à votre application localement.&lt;br /&gt;
&lt;br /&gt;
===== Configurer un accès externe (optionnel) : =====&lt;br /&gt;
&lt;br /&gt;
Si vous souhaitez que d'autres utilisateurs accèdent à votre application via internet, configurez votre routeur pour rediriger le trafic vers votre serveur local (NAT/PAT).&lt;br /&gt;
Assurez-vous que votre connexion internet a une adresse IP fixe ou utilisez un service de DNS dynamique.&lt;br /&gt;
&lt;br /&gt;
== Conclusion ==&lt;br /&gt;
&lt;br /&gt;
Créer une application web est un processus qui implique plusieurs étapes et technologies. En suivant ce guide, vous pouvez développer une application web fonctionnelle et interactive. Vous pouvez choisir de déployer votre application sur un serveur distant pour une accessibilité en ligne, ou l'héberger vous-même pour un contrôle total et des coûts réduits. Chaque option a ses avantages et inconvénients, et le choix dépendra de vos besoins spécifiques et de vos ressources.&lt;/div&gt;</summary>
		<author><name>Vergnes-fiol dorian</name></author>
	</entry>
	<entry>
		<id>http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1239</id>
		<title>Comment créé une application web</title>
		<link rel="alternate" type="text/html" href="http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1239"/>
		<updated>2024-06-01T12:42:44Z</updated>

		<summary type="html">&lt;p&gt;Vergnes-fiol dorian : /* Installer un serveur web local : */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;===== pour illustré mes information je vais utilisé l'application web que j'ai faite Duran un stage a la SAFRA =====&lt;br /&gt;
&lt;br /&gt;
l'objectif était de créer un &amp;lt;big&amp;gt;outil pratique et dynamique&amp;lt;/big&amp;gt; pour montre en temp et en heure l'état des différent service de la SAFRA (&amp;lt;span style=&amp;quot;color:#228B22&amp;quot;&amp;gt;en ligne&amp;lt;/span&amp;gt; /  &amp;lt;span style=&amp;quot;color:#FF0000&amp;quot;&amp;gt;hors ligne&amp;lt;/span&amp;gt; / &amp;lt;span style=&amp;quot;color:#DAA520&amp;quot;&amp;gt;en maintenance&amp;lt;/span&amp;gt;)&lt;br /&gt;
Pour cela, j'ai donc eu besoin de créer une application web.&lt;br /&gt;
&lt;br /&gt;
== mais c’est quoi une application web? il y a quoi de différent avec un site web? ==&lt;br /&gt;
&lt;br /&gt;
Une application web est un programme informatique accessible via un navigateur web, offrant une expérience interactive et dynamique aux utilisateurs. Contrairement à un site web qui présente des informations statiques, une application web permet des interactions avancées comme la manipulation de données en temps réel, la personnalisation, et des fonctionnalités complexes.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;strong&amp;gt;Exemple :&amp;lt;/strong&amp;gt; À la SAFRA, j'ai développé une application web pour suivre l'état des différents services (en ligne, hors ligne, en maintenance) en temps réel. &lt;br /&gt;
&lt;br /&gt;
En résumé, un site web est plus axé sur la présentation de contenu, tandis qu'une application web offre une expérience utilisateur plus dynamique et interactive.&lt;br /&gt;
&lt;br /&gt;
== quel logiciel faut-il installé? ==&lt;br /&gt;
&lt;br /&gt;
===== Éditeur de texte =====&lt;br /&gt;
&lt;br /&gt;
Pour créer notre application web on va avoir besoin d’un éditeur de texte comme: &lt;br /&gt;
&lt;br /&gt;
* Notepad++ &lt;br /&gt;
* Visual studio code (VScode) &lt;br /&gt;
* bloc note par&lt;br /&gt;
&lt;br /&gt;
(il en existe d’autre mais voici quelque exemple)&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Logiciel_co_web.png| image des logiciel&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
==== mais c’est quoi VS code? ====&lt;br /&gt;
&lt;br /&gt;
VS Code est un éditeur de code puissant, gratuit et open-source, populaire auprès des développeurs pour son interface conviviale et ses fonctionnalités avancées.&lt;br /&gt;
&lt;br /&gt;
===== Serveur local et base de données =====&lt;br /&gt;
&lt;br /&gt;
Pour tester et développer votre application web localement, vous aurez besoin d'un serveur web et d'une base de données. Voici deux solutions populaires :&lt;br /&gt;
&lt;br /&gt;
* XAMPP&lt;br /&gt;
* WAMP&lt;br /&gt;
&lt;br /&gt;
(il en existe d’autre mais voici quelque exemple)&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;logiciel_co_web2.png|image des logiciel&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
(la suite des instruction on été réalisé avec le logiciel WAMP)&lt;br /&gt;
&lt;br /&gt;
==== mais c’est quoi WAMP? ====&lt;br /&gt;
&lt;br /&gt;
Wamp (Windows, Apache, MySQL, PHP) est un ensemble de logiciels open-source permettant de créer un environnement de développement web sur des systèmes Windows.&lt;br /&gt;
 &lt;br /&gt;
Il est utilisé par les développeurs pour créer et tester des sites web et des applications web en utilisant les technologies PHP, MySQL et Apache. &lt;br /&gt;
&lt;br /&gt;
Wamp offre un moyen pratique d'installer et de configurer ces logiciels sur un seul système, facilitant ainsi le développement local de projets web avant de les déployer sur des serveurs en ligne. &lt;br /&gt;
&lt;br /&gt;
En résumé, Wamp est utile pour créer un environnement de développement web complet sur Windows, permettant aux développeurs de travailler efficacement sur leurs projets locaux.&lt;br /&gt;
&lt;br /&gt;
== les différent langages de programmation ==&lt;br /&gt;
&lt;br /&gt;
Pour créer une application web, plusieurs langages de programmation sont utilisés, chacun ayant un rôle spécifique. &amp;lt;big&amp;gt;(HTML CSS JAVASCRIPT PHP SQL)&amp;lt;/big&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===== c’est quoi l’HTML CSS JAVASCRIPT PHP et SQL ? =====&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;HTML (HyperText Markup Language)&amp;lt;/strong&amp;gt; est utilisé pour structurer et organiser le contenu d'une page web basiquement c’est le “squelette” de la page.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_html.png|exemple de code HTML&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;CSS (Cascading Style Sheets)&amp;lt;/strong&amp;gt; permet de styliser et de mettre en forme le contenu HTML, rendant la page web plus attractive. il permet de “décorer” la page web.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_css.png|exemple de code CSS&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;JavaScript&amp;lt;/strong&amp;gt; rend la page interactive en ajoutant des fonctionnalités dynamiques comme des menus déroulants, des animations, et des formulaires interactifs.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_js.png|exemple de code JS&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;PHP&amp;lt;/strong&amp;gt; est un langage de programmation côté serveur utilisé pour générer du contenu dynamique et interagir avec les bases de données. &lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_php.png|exemple de code PHP&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;SQL&amp;lt;/strong&amp;gt; est un langage de requête utilisé pour gérer et manipuler les données stockées dans une base de données.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_sql.png|exemple de code SQL&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Création d'une base de données avec phpMyAdmin ==&lt;br /&gt;
&lt;br /&gt;
===== Qu'est-ce que phpMyAdmin ? =====&lt;br /&gt;
&lt;br /&gt;
phpMyAdmin est un outil de gestion de base de données MySQL/MariaDB basé sur le web. Il permet de créer, modifier et gérer des bases de données de manière simple et intuitive.&lt;br /&gt;
&lt;br /&gt;
===== Étapes pour créer une base de données =====&lt;br /&gt;
&lt;br /&gt;
Accéder à phpMyAdmin :&lt;br /&gt;
&lt;br /&gt;
Ouvrez votre navigateur web et allez à &amp;lt;strong&amp;gt;http://localhost/phpmyadmin.&amp;lt;/strong&amp;gt;&lt;br /&gt;
Connectez-vous avec l'utilisateur root (par défaut) et le mot de passe que vous avez défini lors de l'installation de WAMP.(par défaut il n'y a pas de mots de passe)&lt;br /&gt;
&lt;br /&gt;
===== Créer une nouvelle base de données : =====&lt;br /&gt;
&lt;br /&gt;
Dans l'interface phpMyAdmin, cliquez sur &amp;quot;Bases de données&amp;quot; dans le menu en haut.&lt;br /&gt;
Entrez le nom de votre base de données, par exemple safra_services, et cliquez sur &amp;quot;Créer&amp;quot;.&lt;br /&gt;
&lt;br /&gt;
===== Créer une table : =====&lt;br /&gt;
&lt;br /&gt;
Cliquez sur la base de données que vous venez de créer dans la colonne de gauche.&lt;br /&gt;
Cliquez sur &amp;quot;Nouvelle table&amp;quot; et entrez le nom de la table, par exemple services, et le nombre de colonnes.&lt;br /&gt;
&lt;br /&gt;
===== Définissez les colonnes nécessaires, par exemple : =====&lt;br /&gt;
&lt;br /&gt;
* id (INT, AUTO_INCREMENT, PRIMARY KEY)&lt;br /&gt;
* service_name (VARCHAR(255))&lt;br /&gt;
* status (VARCHAR(50))&lt;br /&gt;
&lt;br /&gt;
Cliquez sur &amp;quot;Enregistrer&amp;quot; pour créer la table avec les colonnes définies.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_page_phpmyadmin.png|Exemple d'interface phpMyAdmin&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Déploiement de l'application web ==&lt;br /&gt;
&lt;br /&gt;
=== Hébergement sur un serveur distant ===&lt;br /&gt;
&lt;br /&gt;
Pour rendre votre application web &amp;lt;strong&amp;gt;accessible en ligne&amp;lt;/strong&amp;gt;, vous devez la déployer sur un serveur web. Voici les étapes pour le faire :&lt;br /&gt;
&lt;br /&gt;
===== Choisir un fournisseur d'hébergement web : =====&lt;br /&gt;
&lt;br /&gt;
Il existe de nombreux fournisseurs, comme: &lt;br /&gt;
&lt;br /&gt;
* Bluehost &lt;br /&gt;
* HostGator &lt;br /&gt;
* SiteGround&lt;br /&gt;
* etc.&lt;br /&gt;
&lt;br /&gt;
Choisissez un plan d'hébergement qui correspond à vos besoins.&lt;br /&gt;
&lt;br /&gt;
===== Configurer le serveur web : =====&lt;br /&gt;
&lt;br /&gt;
Connectez-vous à votre compte d'hébergement et accédez au Panel ou à l'interface de gestion de votre serveur.&lt;br /&gt;
Créez une base de données sur le serveur, similaire à ce que vous avez fait avec phpMyAdmin localement.&lt;br /&gt;
&lt;br /&gt;
===== Transférer les fichiers de l'application : =====&lt;br /&gt;
&lt;br /&gt;
Utilisez un client FTP comme &amp;lt;strong&amp;gt;FileZilla&amp;lt;/strong&amp;gt; pour transférer les fichiers de votre application web depuis votre ordinateur local vers le serveur web.&lt;br /&gt;
Connectez-vous avec les informations FTP fournies par votre hébergeur et transférez tous les fichiers et dossiers de votre projet.&lt;br /&gt;
&lt;br /&gt;
===== Configurer les fichiers de configuration : =====&lt;br /&gt;
&lt;br /&gt;
Modifiez les fichiers de configuration de votre application &amp;lt;strong&amp;gt;(par exemple, les fichiers de connexion à la base de données)&amp;lt;/strong&amp;gt; pour qu'ils utilisent les informations de la base de données de votre serveur web.&lt;br /&gt;
&lt;br /&gt;
===== Tester l'application en ligne : =====&lt;br /&gt;
&lt;br /&gt;
Accédez à votre domaine pour vérifier que l'application fonctionne correctement en ligne.&lt;br /&gt;
Testez toutes les fonctionnalités et corrigez les éventuels problèmes.&lt;br /&gt;
&lt;br /&gt;
=== Hébergement sur un serveur local ===&lt;br /&gt;
&lt;br /&gt;
Vous pouvez également héberger votre application web vous-même en utilisant un serveur local. Voici les avantages et inconvénients de cette méthode :&lt;br /&gt;
&lt;br /&gt;
===== Avantages : =====&lt;br /&gt;
&lt;br /&gt;
* Contrôle total : Vous avez un contrôle total sur la configuration du serveur et les données.&lt;br /&gt;
* Pas de frais d'hébergement : Vous n'avez pas à payer pour un service d'hébergement.&lt;br /&gt;
* Flexibilité : Vous pouvez personnaliser l'environnement de développement selon vos besoins spécifiques.&lt;br /&gt;
&lt;br /&gt;
===== Inconvénients : =====&lt;br /&gt;
&lt;br /&gt;
* Maintenance : Vous êtes responsable de la maintenance et de la sécurité du serveur.&lt;br /&gt;
* Disponibilité : Votre serveur doit être en ligne en permanence pour que l'application soit accessible.&lt;br /&gt;
* Bande passante : La capacité de votre connexion internet peut limiter le nombre d'utilisateurs pouvant accéder à l'application simultanément.&lt;br /&gt;
&lt;br /&gt;
==== Étapes pour héberger une application web sur un serveur local ====&lt;br /&gt;
&lt;br /&gt;
===== Installer un serveur web local : =====&lt;br /&gt;
&lt;br /&gt;
Vous pouvez utiliser WAMP (Windows) ou MAMP (Mac) pour configurer un serveur local.&lt;br /&gt;
Installez le logiciel et démarrez les services Apache et MySQL.&lt;br /&gt;
&lt;br /&gt;
===== Déployer l'application localement : =====&lt;br /&gt;
&lt;br /&gt;
Placez les fichiers de votre application dans le répertoire www (WAMP) ou htdocs (MAMP).&lt;br /&gt;
Par exemple, pour WAMP, copiez votre projet dans C:\wamp\www\mon_application.&lt;br /&gt;
&lt;br /&gt;
===== Configurer la base de données : =====&lt;br /&gt;
&lt;br /&gt;
Utilisez phpMyAdmin pour créer une base de données localement, comme expliqué précédemment.&lt;br /&gt;
Modifiez les fichiers de configuration de votre application pour utiliser les informations de la base de données locale.&lt;br /&gt;
&lt;br /&gt;
===== Accéder à l'application : =====&lt;br /&gt;
&lt;br /&gt;
Ouvrez votre navigateur web et allez à http://localhost/mon_application pour accéder à votre application localement.&lt;br /&gt;
&lt;br /&gt;
===== Configurer un accès externe (optionnel) : =====&lt;br /&gt;
&lt;br /&gt;
Si vous souhaitez que d'autres utilisateurs accèdent à votre application via internet, configurez votre routeur pour rediriger le trafic vers votre serveur local (NAT/PAT).&lt;br /&gt;
Assurez-vous que votre connexion internet a une adresse IP fixe ou utilisez un service de DNS dynamique.&lt;/div&gt;</summary>
		<author><name>Vergnes-fiol dorian</name></author>
	</entry>
	<entry>
		<id>http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1238</id>
		<title>Comment créé une application web</title>
		<link rel="alternate" type="text/html" href="http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1238"/>
		<updated>2024-06-01T12:41:20Z</updated>

		<summary type="html">&lt;p&gt;Vergnes-fiol dorian : /* Hébergement sur un serveur local */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;===== pour illustré mes information je vais utilisé l'application web que j'ai faite Duran un stage a la SAFRA =====&lt;br /&gt;
&lt;br /&gt;
l'objectif était de créer un &amp;lt;big&amp;gt;outil pratique et dynamique&amp;lt;/big&amp;gt; pour montre en temp et en heure l'état des différent service de la SAFRA (&amp;lt;span style=&amp;quot;color:#228B22&amp;quot;&amp;gt;en ligne&amp;lt;/span&amp;gt; /  &amp;lt;span style=&amp;quot;color:#FF0000&amp;quot;&amp;gt;hors ligne&amp;lt;/span&amp;gt; / &amp;lt;span style=&amp;quot;color:#DAA520&amp;quot;&amp;gt;en maintenance&amp;lt;/span&amp;gt;)&lt;br /&gt;
Pour cela, j'ai donc eu besoin de créer une application web.&lt;br /&gt;
&lt;br /&gt;
== mais c’est quoi une application web? il y a quoi de différent avec un site web? ==&lt;br /&gt;
&lt;br /&gt;
Une application web est un programme informatique accessible via un navigateur web, offrant une expérience interactive et dynamique aux utilisateurs. Contrairement à un site web qui présente des informations statiques, une application web permet des interactions avancées comme la manipulation de données en temps réel, la personnalisation, et des fonctionnalités complexes.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;strong&amp;gt;Exemple :&amp;lt;/strong&amp;gt; À la SAFRA, j'ai développé une application web pour suivre l'état des différents services (en ligne, hors ligne, en maintenance) en temps réel. &lt;br /&gt;
&lt;br /&gt;
En résumé, un site web est plus axé sur la présentation de contenu, tandis qu'une application web offre une expérience utilisateur plus dynamique et interactive.&lt;br /&gt;
&lt;br /&gt;
== quel logiciel faut-il installé? ==&lt;br /&gt;
&lt;br /&gt;
===== Éditeur de texte =====&lt;br /&gt;
&lt;br /&gt;
Pour créer notre application web on va avoir besoin d’un éditeur de texte comme: &lt;br /&gt;
&lt;br /&gt;
* Notepad++ &lt;br /&gt;
* Visual studio code (VScode) &lt;br /&gt;
* bloc note par&lt;br /&gt;
&lt;br /&gt;
(il en existe d’autre mais voici quelque exemple)&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Logiciel_co_web.png| image des logiciel&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
==== mais c’est quoi VS code? ====&lt;br /&gt;
&lt;br /&gt;
VS Code est un éditeur de code puissant, gratuit et open-source, populaire auprès des développeurs pour son interface conviviale et ses fonctionnalités avancées.&lt;br /&gt;
&lt;br /&gt;
===== Serveur local et base de données =====&lt;br /&gt;
&lt;br /&gt;
Pour tester et développer votre application web localement, vous aurez besoin d'un serveur web et d'une base de données. Voici deux solutions populaires :&lt;br /&gt;
&lt;br /&gt;
* XAMPP&lt;br /&gt;
* WAMP&lt;br /&gt;
&lt;br /&gt;
(il en existe d’autre mais voici quelque exemple)&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;logiciel_co_web2.png|image des logiciel&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
(la suite des instruction on été réalisé avec le logiciel WAMP)&lt;br /&gt;
&lt;br /&gt;
==== mais c’est quoi WAMP? ====&lt;br /&gt;
&lt;br /&gt;
Wamp (Windows, Apache, MySQL, PHP) est un ensemble de logiciels open-source permettant de créer un environnement de développement web sur des systèmes Windows.&lt;br /&gt;
 &lt;br /&gt;
Il est utilisé par les développeurs pour créer et tester des sites web et des applications web en utilisant les technologies PHP, MySQL et Apache. &lt;br /&gt;
&lt;br /&gt;
Wamp offre un moyen pratique d'installer et de configurer ces logiciels sur un seul système, facilitant ainsi le développement local de projets web avant de les déployer sur des serveurs en ligne. &lt;br /&gt;
&lt;br /&gt;
En résumé, Wamp est utile pour créer un environnement de développement web complet sur Windows, permettant aux développeurs de travailler efficacement sur leurs projets locaux.&lt;br /&gt;
&lt;br /&gt;
== les différent langages de programmation ==&lt;br /&gt;
&lt;br /&gt;
Pour créer une application web, plusieurs langages de programmation sont utilisés, chacun ayant un rôle spécifique. &amp;lt;big&amp;gt;(HTML CSS JAVASCRIPT PHP SQL)&amp;lt;/big&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===== c’est quoi l’HTML CSS JAVASCRIPT PHP et SQL ? =====&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;HTML (HyperText Markup Language)&amp;lt;/strong&amp;gt; est utilisé pour structurer et organiser le contenu d'une page web basiquement c’est le “squelette” de la page.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_html.png|exemple de code HTML&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;CSS (Cascading Style Sheets)&amp;lt;/strong&amp;gt; permet de styliser et de mettre en forme le contenu HTML, rendant la page web plus attractive. il permet de “décorer” la page web.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_css.png|exemple de code CSS&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;JavaScript&amp;lt;/strong&amp;gt; rend la page interactive en ajoutant des fonctionnalités dynamiques comme des menus déroulants, des animations, et des formulaires interactifs.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_js.png|exemple de code JS&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;PHP&amp;lt;/strong&amp;gt; est un langage de programmation côté serveur utilisé pour générer du contenu dynamique et interagir avec les bases de données. &lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_php.png|exemple de code PHP&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;SQL&amp;lt;/strong&amp;gt; est un langage de requête utilisé pour gérer et manipuler les données stockées dans une base de données.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_sql.png|exemple de code SQL&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Création d'une base de données avec phpMyAdmin ==&lt;br /&gt;
&lt;br /&gt;
===== Qu'est-ce que phpMyAdmin ? =====&lt;br /&gt;
&lt;br /&gt;
phpMyAdmin est un outil de gestion de base de données MySQL/MariaDB basé sur le web. Il permet de créer, modifier et gérer des bases de données de manière simple et intuitive.&lt;br /&gt;
&lt;br /&gt;
===== Étapes pour créer une base de données =====&lt;br /&gt;
&lt;br /&gt;
Accéder à phpMyAdmin :&lt;br /&gt;
&lt;br /&gt;
Ouvrez votre navigateur web et allez à &amp;lt;strong&amp;gt;http://localhost/phpmyadmin.&amp;lt;/strong&amp;gt;&lt;br /&gt;
Connectez-vous avec l'utilisateur root (par défaut) et le mot de passe que vous avez défini lors de l'installation de WAMP.(par défaut il n'y a pas de mots de passe)&lt;br /&gt;
&lt;br /&gt;
===== Créer une nouvelle base de données : =====&lt;br /&gt;
&lt;br /&gt;
Dans l'interface phpMyAdmin, cliquez sur &amp;quot;Bases de données&amp;quot; dans le menu en haut.&lt;br /&gt;
Entrez le nom de votre base de données, par exemple safra_services, et cliquez sur &amp;quot;Créer&amp;quot;.&lt;br /&gt;
&lt;br /&gt;
===== Créer une table : =====&lt;br /&gt;
&lt;br /&gt;
Cliquez sur la base de données que vous venez de créer dans la colonne de gauche.&lt;br /&gt;
Cliquez sur &amp;quot;Nouvelle table&amp;quot; et entrez le nom de la table, par exemple services, et le nombre de colonnes.&lt;br /&gt;
&lt;br /&gt;
===== Définissez les colonnes nécessaires, par exemple : =====&lt;br /&gt;
&lt;br /&gt;
* id (INT, AUTO_INCREMENT, PRIMARY KEY)&lt;br /&gt;
* service_name (VARCHAR(255))&lt;br /&gt;
* status (VARCHAR(50))&lt;br /&gt;
&lt;br /&gt;
Cliquez sur &amp;quot;Enregistrer&amp;quot; pour créer la table avec les colonnes définies.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_page_phpmyadmin.png|Exemple d'interface phpMyAdmin&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Déploiement de l'application web ==&lt;br /&gt;
&lt;br /&gt;
=== Hébergement sur un serveur distant ===&lt;br /&gt;
&lt;br /&gt;
Pour rendre votre application web &amp;lt;strong&amp;gt;accessible en ligne&amp;lt;/strong&amp;gt;, vous devez la déployer sur un serveur web. Voici les étapes pour le faire :&lt;br /&gt;
&lt;br /&gt;
===== Choisir un fournisseur d'hébergement web : =====&lt;br /&gt;
&lt;br /&gt;
Il existe de nombreux fournisseurs, comme: &lt;br /&gt;
&lt;br /&gt;
* Bluehost &lt;br /&gt;
* HostGator &lt;br /&gt;
* SiteGround&lt;br /&gt;
* etc.&lt;br /&gt;
&lt;br /&gt;
Choisissez un plan d'hébergement qui correspond à vos besoins.&lt;br /&gt;
&lt;br /&gt;
===== Configurer le serveur web : =====&lt;br /&gt;
&lt;br /&gt;
Connectez-vous à votre compte d'hébergement et accédez au Panel ou à l'interface de gestion de votre serveur.&lt;br /&gt;
Créez une base de données sur le serveur, similaire à ce que vous avez fait avec phpMyAdmin localement.&lt;br /&gt;
&lt;br /&gt;
===== Transférer les fichiers de l'application : =====&lt;br /&gt;
&lt;br /&gt;
Utilisez un client FTP comme &amp;lt;strong&amp;gt;FileZilla&amp;lt;/strong&amp;gt; pour transférer les fichiers de votre application web depuis votre ordinateur local vers le serveur web.&lt;br /&gt;
Connectez-vous avec les informations FTP fournies par votre hébergeur et transférez tous les fichiers et dossiers de votre projet.&lt;br /&gt;
&lt;br /&gt;
===== Configurer les fichiers de configuration : =====&lt;br /&gt;
&lt;br /&gt;
Modifiez les fichiers de configuration de votre application &amp;lt;strong&amp;gt;(par exemple, les fichiers de connexion à la base de données)&amp;lt;/strong&amp;gt; pour qu'ils utilisent les informations de la base de données de votre serveur web.&lt;br /&gt;
&lt;br /&gt;
===== Tester l'application en ligne : =====&lt;br /&gt;
&lt;br /&gt;
Accédez à votre domaine pour vérifier que l'application fonctionne correctement en ligne.&lt;br /&gt;
Testez toutes les fonctionnalités et corrigez les éventuels problèmes.&lt;br /&gt;
&lt;br /&gt;
=== Hébergement sur un serveur local ===&lt;br /&gt;
&lt;br /&gt;
Vous pouvez également héberger votre application web vous-même en utilisant un serveur local. Voici les avantages et inconvénients de cette méthode :&lt;br /&gt;
&lt;br /&gt;
===== Avantages : =====&lt;br /&gt;
&lt;br /&gt;
* Contrôle total : Vous avez un contrôle total sur la configuration du serveur et les données.&lt;br /&gt;
* Pas de frais d'hébergement : Vous n'avez pas à payer pour un service d'hébergement.&lt;br /&gt;
* Flexibilité : Vous pouvez personnaliser l'environnement de développement selon vos besoins spécifiques.&lt;br /&gt;
&lt;br /&gt;
===== Inconvénients : =====&lt;br /&gt;
&lt;br /&gt;
* Maintenance : Vous êtes responsable de la maintenance et de la sécurité du serveur.&lt;br /&gt;
* Disponibilité : Votre serveur doit être en ligne en permanence pour que l'application soit accessible.&lt;br /&gt;
* Bande passante : La capacité de votre connexion internet peut limiter le nombre d'utilisateurs pouvant accéder à l'application simultanément.&lt;br /&gt;
&lt;br /&gt;
==== Étapes pour héberger une application web sur un serveur local ====&lt;br /&gt;
&lt;br /&gt;
==== Installer un serveur web local : ====&lt;br /&gt;
Vous pouvez utiliser WAMP (Windows) ou MAMP (Mac) pour configurer un serveur local.&lt;br /&gt;
Installez le logiciel et démarrez les services Apache et MySQL.&lt;br /&gt;
Déployer l'application localement :&lt;br /&gt;
&lt;br /&gt;
Placez les fichiers de votre application dans le répertoire www (WAMP) ou htdocs (MAMP).&lt;br /&gt;
Par exemple, pour WAMP, copiez votre projet dans C:\wamp\www\mon_application.&lt;br /&gt;
Configurer la base de données :&lt;br /&gt;
&lt;br /&gt;
Utilisez phpMyAdmin pour créer une base de données localement, comme expliqué précédemment.&lt;br /&gt;
Modifiez les fichiers de configuration de votre application pour utiliser les informations de la base de données locale.&lt;br /&gt;
Accéder à l'application :&lt;br /&gt;
&lt;br /&gt;
Ouvrez votre navigateur web et allez à http://localhost/mon_application pour accéder à votre application localement.&lt;br /&gt;
Configurer un accès externe (optionnel) :&lt;br /&gt;
&lt;br /&gt;
Si vous souhaitez que d'autres utilisateurs accèdent à votre application via internet, configurez votre routeur pour rediriger le trafic vers votre serveur local (NAT/PAT).&lt;br /&gt;
Assurez-vous que votre connexion internet a une adresse IP fixe ou utilisez un service de DNS dynamique.&lt;/div&gt;</summary>
		<author><name>Vergnes-fiol dorian</name></author>
	</entry>
	<entry>
		<id>http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1237</id>
		<title>Comment créé une application web</title>
		<link rel="alternate" type="text/html" href="http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1237"/>
		<updated>2024-06-01T12:40:23Z</updated>

		<summary type="html">&lt;p&gt;Vergnes-fiol dorian : /* Hébergement sur un serveur local */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;===== pour illustré mes information je vais utilisé l'application web que j'ai faite Duran un stage a la SAFRA =====&lt;br /&gt;
&lt;br /&gt;
l'objectif était de créer un &amp;lt;big&amp;gt;outil pratique et dynamique&amp;lt;/big&amp;gt; pour montre en temp et en heure l'état des différent service de la SAFRA (&amp;lt;span style=&amp;quot;color:#228B22&amp;quot;&amp;gt;en ligne&amp;lt;/span&amp;gt; /  &amp;lt;span style=&amp;quot;color:#FF0000&amp;quot;&amp;gt;hors ligne&amp;lt;/span&amp;gt; / &amp;lt;span style=&amp;quot;color:#DAA520&amp;quot;&amp;gt;en maintenance&amp;lt;/span&amp;gt;)&lt;br /&gt;
Pour cela, j'ai donc eu besoin de créer une application web.&lt;br /&gt;
&lt;br /&gt;
== mais c’est quoi une application web? il y a quoi de différent avec un site web? ==&lt;br /&gt;
&lt;br /&gt;
Une application web est un programme informatique accessible via un navigateur web, offrant une expérience interactive et dynamique aux utilisateurs. Contrairement à un site web qui présente des informations statiques, une application web permet des interactions avancées comme la manipulation de données en temps réel, la personnalisation, et des fonctionnalités complexes.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;strong&amp;gt;Exemple :&amp;lt;/strong&amp;gt; À la SAFRA, j'ai développé une application web pour suivre l'état des différents services (en ligne, hors ligne, en maintenance) en temps réel. &lt;br /&gt;
&lt;br /&gt;
En résumé, un site web est plus axé sur la présentation de contenu, tandis qu'une application web offre une expérience utilisateur plus dynamique et interactive.&lt;br /&gt;
&lt;br /&gt;
== quel logiciel faut-il installé? ==&lt;br /&gt;
&lt;br /&gt;
===== Éditeur de texte =====&lt;br /&gt;
&lt;br /&gt;
Pour créer notre application web on va avoir besoin d’un éditeur de texte comme: &lt;br /&gt;
&lt;br /&gt;
* Notepad++ &lt;br /&gt;
* Visual studio code (VScode) &lt;br /&gt;
* bloc note par&lt;br /&gt;
&lt;br /&gt;
(il en existe d’autre mais voici quelque exemple)&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Logiciel_co_web.png| image des logiciel&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
==== mais c’est quoi VS code? ====&lt;br /&gt;
&lt;br /&gt;
VS Code est un éditeur de code puissant, gratuit et open-source, populaire auprès des développeurs pour son interface conviviale et ses fonctionnalités avancées.&lt;br /&gt;
&lt;br /&gt;
===== Serveur local et base de données =====&lt;br /&gt;
&lt;br /&gt;
Pour tester et développer votre application web localement, vous aurez besoin d'un serveur web et d'une base de données. Voici deux solutions populaires :&lt;br /&gt;
&lt;br /&gt;
* XAMPP&lt;br /&gt;
* WAMP&lt;br /&gt;
&lt;br /&gt;
(il en existe d’autre mais voici quelque exemple)&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;logiciel_co_web2.png|image des logiciel&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
(la suite des instruction on été réalisé avec le logiciel WAMP)&lt;br /&gt;
&lt;br /&gt;
==== mais c’est quoi WAMP? ====&lt;br /&gt;
&lt;br /&gt;
Wamp (Windows, Apache, MySQL, PHP) est un ensemble de logiciels open-source permettant de créer un environnement de développement web sur des systèmes Windows.&lt;br /&gt;
 &lt;br /&gt;
Il est utilisé par les développeurs pour créer et tester des sites web et des applications web en utilisant les technologies PHP, MySQL et Apache. &lt;br /&gt;
&lt;br /&gt;
Wamp offre un moyen pratique d'installer et de configurer ces logiciels sur un seul système, facilitant ainsi le développement local de projets web avant de les déployer sur des serveurs en ligne. &lt;br /&gt;
&lt;br /&gt;
En résumé, Wamp est utile pour créer un environnement de développement web complet sur Windows, permettant aux développeurs de travailler efficacement sur leurs projets locaux.&lt;br /&gt;
&lt;br /&gt;
== les différent langages de programmation ==&lt;br /&gt;
&lt;br /&gt;
Pour créer une application web, plusieurs langages de programmation sont utilisés, chacun ayant un rôle spécifique. &amp;lt;big&amp;gt;(HTML CSS JAVASCRIPT PHP SQL)&amp;lt;/big&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===== c’est quoi l’HTML CSS JAVASCRIPT PHP et SQL ? =====&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;HTML (HyperText Markup Language)&amp;lt;/strong&amp;gt; est utilisé pour structurer et organiser le contenu d'une page web basiquement c’est le “squelette” de la page.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_html.png|exemple de code HTML&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;CSS (Cascading Style Sheets)&amp;lt;/strong&amp;gt; permet de styliser et de mettre en forme le contenu HTML, rendant la page web plus attractive. il permet de “décorer” la page web.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_css.png|exemple de code CSS&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;JavaScript&amp;lt;/strong&amp;gt; rend la page interactive en ajoutant des fonctionnalités dynamiques comme des menus déroulants, des animations, et des formulaires interactifs.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_js.png|exemple de code JS&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;PHP&amp;lt;/strong&amp;gt; est un langage de programmation côté serveur utilisé pour générer du contenu dynamique et interagir avec les bases de données. &lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_php.png|exemple de code PHP&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;SQL&amp;lt;/strong&amp;gt; est un langage de requête utilisé pour gérer et manipuler les données stockées dans une base de données.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_sql.png|exemple de code SQL&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Création d'une base de données avec phpMyAdmin ==&lt;br /&gt;
&lt;br /&gt;
===== Qu'est-ce que phpMyAdmin ? =====&lt;br /&gt;
&lt;br /&gt;
phpMyAdmin est un outil de gestion de base de données MySQL/MariaDB basé sur le web. Il permet de créer, modifier et gérer des bases de données de manière simple et intuitive.&lt;br /&gt;
&lt;br /&gt;
===== Étapes pour créer une base de données =====&lt;br /&gt;
&lt;br /&gt;
Accéder à phpMyAdmin :&lt;br /&gt;
&lt;br /&gt;
Ouvrez votre navigateur web et allez à &amp;lt;strong&amp;gt;http://localhost/phpmyadmin.&amp;lt;/strong&amp;gt;&lt;br /&gt;
Connectez-vous avec l'utilisateur root (par défaut) et le mot de passe que vous avez défini lors de l'installation de WAMP.(par défaut il n'y a pas de mots de passe)&lt;br /&gt;
&lt;br /&gt;
===== Créer une nouvelle base de données : =====&lt;br /&gt;
&lt;br /&gt;
Dans l'interface phpMyAdmin, cliquez sur &amp;quot;Bases de données&amp;quot; dans le menu en haut.&lt;br /&gt;
Entrez le nom de votre base de données, par exemple safra_services, et cliquez sur &amp;quot;Créer&amp;quot;.&lt;br /&gt;
&lt;br /&gt;
===== Créer une table : =====&lt;br /&gt;
&lt;br /&gt;
Cliquez sur la base de données que vous venez de créer dans la colonne de gauche.&lt;br /&gt;
Cliquez sur &amp;quot;Nouvelle table&amp;quot; et entrez le nom de la table, par exemple services, et le nombre de colonnes.&lt;br /&gt;
&lt;br /&gt;
===== Définissez les colonnes nécessaires, par exemple : =====&lt;br /&gt;
&lt;br /&gt;
* id (INT, AUTO_INCREMENT, PRIMARY KEY)&lt;br /&gt;
* service_name (VARCHAR(255))&lt;br /&gt;
* status (VARCHAR(50))&lt;br /&gt;
&lt;br /&gt;
Cliquez sur &amp;quot;Enregistrer&amp;quot; pour créer la table avec les colonnes définies.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_page_phpmyadmin.png|Exemple d'interface phpMyAdmin&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Déploiement de l'application web ==&lt;br /&gt;
&lt;br /&gt;
=== Hébergement sur un serveur distant ===&lt;br /&gt;
&lt;br /&gt;
Pour rendre votre application web &amp;lt;strong&amp;gt;accessible en ligne&amp;lt;/strong&amp;gt;, vous devez la déployer sur un serveur web. Voici les étapes pour le faire :&lt;br /&gt;
&lt;br /&gt;
===== Choisir un fournisseur d'hébergement web : =====&lt;br /&gt;
&lt;br /&gt;
Il existe de nombreux fournisseurs, comme: &lt;br /&gt;
&lt;br /&gt;
* Bluehost &lt;br /&gt;
* HostGator &lt;br /&gt;
* SiteGround&lt;br /&gt;
* etc.&lt;br /&gt;
&lt;br /&gt;
Choisissez un plan d'hébergement qui correspond à vos besoins.&lt;br /&gt;
&lt;br /&gt;
===== Configurer le serveur web : =====&lt;br /&gt;
&lt;br /&gt;
Connectez-vous à votre compte d'hébergement et accédez au Panel ou à l'interface de gestion de votre serveur.&lt;br /&gt;
Créez une base de données sur le serveur, similaire à ce que vous avez fait avec phpMyAdmin localement.&lt;br /&gt;
&lt;br /&gt;
===== Transférer les fichiers de l'application : =====&lt;br /&gt;
&lt;br /&gt;
Utilisez un client FTP comme &amp;lt;strong&amp;gt;FileZilla&amp;lt;/strong&amp;gt; pour transférer les fichiers de votre application web depuis votre ordinateur local vers le serveur web.&lt;br /&gt;
Connectez-vous avec les informations FTP fournies par votre hébergeur et transférez tous les fichiers et dossiers de votre projet.&lt;br /&gt;
&lt;br /&gt;
===== Configurer les fichiers de configuration : =====&lt;br /&gt;
&lt;br /&gt;
Modifiez les fichiers de configuration de votre application &amp;lt;strong&amp;gt;(par exemple, les fichiers de connexion à la base de données)&amp;lt;/strong&amp;gt; pour qu'ils utilisent les informations de la base de données de votre serveur web.&lt;br /&gt;
&lt;br /&gt;
===== Tester l'application en ligne : =====&lt;br /&gt;
&lt;br /&gt;
Accédez à votre domaine pour vérifier que l'application fonctionne correctement en ligne.&lt;br /&gt;
Testez toutes les fonctionnalités et corrigez les éventuels problèmes.&lt;br /&gt;
&lt;br /&gt;
=== Hébergement sur un serveur local ===&lt;br /&gt;
&lt;br /&gt;
Vous pouvez également héberger votre application web vous-même en utilisant un serveur local. Voici les avantages et inconvénients de cette méthode :&lt;br /&gt;
&lt;br /&gt;
===== Avantages : =====&lt;br /&gt;
&lt;br /&gt;
* Contrôle total : Vous avez un contrôle total sur la configuration du serveur et les données.&lt;br /&gt;
* Pas de frais d'hébergement : Vous n'avez pas à payer pour un service d'hébergement.&lt;br /&gt;
* Flexibilité : Vous pouvez personnaliser l'environnement de développement selon vos besoins spécifiques.&lt;br /&gt;
&lt;br /&gt;
===== Inconvénients : =====&lt;br /&gt;
&lt;br /&gt;
* Maintenance : Vous êtes responsable de la maintenance et de la sécurité du serveur.&lt;br /&gt;
* Disponibilité : Votre serveur doit être en ligne en permanence pour que l'application soit accessible.&lt;br /&gt;
* Bande passante : La capacité de votre connexion internet peut limiter le nombre d'utilisateurs pouvant accéder à l'application simultanément.&lt;br /&gt;
&lt;br /&gt;
==== Étapes pour héberger une application web sur un serveur local ====&lt;br /&gt;
Installer un serveur web local :&lt;br /&gt;
&lt;br /&gt;
Vous pouvez utiliser WAMP (Windows) ou MAMP (Mac) pour configurer un serveur local.&lt;br /&gt;
Installez le logiciel et démarrez les services Apache et MySQL.&lt;br /&gt;
Déployer l'application localement :&lt;br /&gt;
&lt;br /&gt;
Placez les fichiers de votre application dans le répertoire www (WAMP) ou htdocs (MAMP).&lt;br /&gt;
Par exemple, pour WAMP, copiez votre projet dans C:\wamp\www\mon_application.&lt;br /&gt;
Configurer la base de données :&lt;br /&gt;
&lt;br /&gt;
Utilisez phpMyAdmin pour créer une base de données localement, comme expliqué précédemment.&lt;br /&gt;
Modifiez les fichiers de configuration de votre application pour utiliser les informations de la base de données locale.&lt;br /&gt;
Accéder à l'application :&lt;br /&gt;
&lt;br /&gt;
Ouvrez votre navigateur web et allez à http://localhost/mon_application pour accéder à votre application localement.&lt;br /&gt;
Configurer un accès externe (optionnel) :&lt;br /&gt;
&lt;br /&gt;
Si vous souhaitez que d'autres utilisateurs accèdent à votre application via internet, configurez votre routeur pour rediriger le trafic vers votre serveur local (NAT/PAT).&lt;br /&gt;
Assurez-vous que votre connexion internet a une adresse IP fixe ou utilisez un service de DNS dynamique.&lt;/div&gt;</summary>
		<author><name>Vergnes-fiol dorian</name></author>
	</entry>
	<entry>
		<id>http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1236</id>
		<title>Comment créé une application web</title>
		<link rel="alternate" type="text/html" href="http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1236"/>
		<updated>2024-06-01T12:39:05Z</updated>

		<summary type="html">&lt;p&gt;Vergnes-fiol dorian : /* Déploiement de l'application web */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;===== pour illustré mes information je vais utilisé l'application web que j'ai faite Duran un stage a la SAFRA =====&lt;br /&gt;
&lt;br /&gt;
l'objectif était de créer un &amp;lt;big&amp;gt;outil pratique et dynamique&amp;lt;/big&amp;gt; pour montre en temp et en heure l'état des différent service de la SAFRA (&amp;lt;span style=&amp;quot;color:#228B22&amp;quot;&amp;gt;en ligne&amp;lt;/span&amp;gt; /  &amp;lt;span style=&amp;quot;color:#FF0000&amp;quot;&amp;gt;hors ligne&amp;lt;/span&amp;gt; / &amp;lt;span style=&amp;quot;color:#DAA520&amp;quot;&amp;gt;en maintenance&amp;lt;/span&amp;gt;)&lt;br /&gt;
Pour cela, j'ai donc eu besoin de créer une application web.&lt;br /&gt;
&lt;br /&gt;
== mais c’est quoi une application web? il y a quoi de différent avec un site web? ==&lt;br /&gt;
&lt;br /&gt;
Une application web est un programme informatique accessible via un navigateur web, offrant une expérience interactive et dynamique aux utilisateurs. Contrairement à un site web qui présente des informations statiques, une application web permet des interactions avancées comme la manipulation de données en temps réel, la personnalisation, et des fonctionnalités complexes.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;strong&amp;gt;Exemple :&amp;lt;/strong&amp;gt; À la SAFRA, j'ai développé une application web pour suivre l'état des différents services (en ligne, hors ligne, en maintenance) en temps réel. &lt;br /&gt;
&lt;br /&gt;
En résumé, un site web est plus axé sur la présentation de contenu, tandis qu'une application web offre une expérience utilisateur plus dynamique et interactive.&lt;br /&gt;
&lt;br /&gt;
== quel logiciel faut-il installé? ==&lt;br /&gt;
&lt;br /&gt;
===== Éditeur de texte =====&lt;br /&gt;
&lt;br /&gt;
Pour créer notre application web on va avoir besoin d’un éditeur de texte comme: &lt;br /&gt;
&lt;br /&gt;
* Notepad++ &lt;br /&gt;
* Visual studio code (VScode) &lt;br /&gt;
* bloc note par&lt;br /&gt;
&lt;br /&gt;
(il en existe d’autre mais voici quelque exemple)&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Logiciel_co_web.png| image des logiciel&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
==== mais c’est quoi VS code? ====&lt;br /&gt;
&lt;br /&gt;
VS Code est un éditeur de code puissant, gratuit et open-source, populaire auprès des développeurs pour son interface conviviale et ses fonctionnalités avancées.&lt;br /&gt;
&lt;br /&gt;
===== Serveur local et base de données =====&lt;br /&gt;
&lt;br /&gt;
Pour tester et développer votre application web localement, vous aurez besoin d'un serveur web et d'une base de données. Voici deux solutions populaires :&lt;br /&gt;
&lt;br /&gt;
* XAMPP&lt;br /&gt;
* WAMP&lt;br /&gt;
&lt;br /&gt;
(il en existe d’autre mais voici quelque exemple)&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;logiciel_co_web2.png|image des logiciel&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
(la suite des instruction on été réalisé avec le logiciel WAMP)&lt;br /&gt;
&lt;br /&gt;
==== mais c’est quoi WAMP? ====&lt;br /&gt;
&lt;br /&gt;
Wamp (Windows, Apache, MySQL, PHP) est un ensemble de logiciels open-source permettant de créer un environnement de développement web sur des systèmes Windows.&lt;br /&gt;
 &lt;br /&gt;
Il est utilisé par les développeurs pour créer et tester des sites web et des applications web en utilisant les technologies PHP, MySQL et Apache. &lt;br /&gt;
&lt;br /&gt;
Wamp offre un moyen pratique d'installer et de configurer ces logiciels sur un seul système, facilitant ainsi le développement local de projets web avant de les déployer sur des serveurs en ligne. &lt;br /&gt;
&lt;br /&gt;
En résumé, Wamp est utile pour créer un environnement de développement web complet sur Windows, permettant aux développeurs de travailler efficacement sur leurs projets locaux.&lt;br /&gt;
&lt;br /&gt;
== les différent langages de programmation ==&lt;br /&gt;
&lt;br /&gt;
Pour créer une application web, plusieurs langages de programmation sont utilisés, chacun ayant un rôle spécifique. &amp;lt;big&amp;gt;(HTML CSS JAVASCRIPT PHP SQL)&amp;lt;/big&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===== c’est quoi l’HTML CSS JAVASCRIPT PHP et SQL ? =====&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;HTML (HyperText Markup Language)&amp;lt;/strong&amp;gt; est utilisé pour structurer et organiser le contenu d'une page web basiquement c’est le “squelette” de la page.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_html.png|exemple de code HTML&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;CSS (Cascading Style Sheets)&amp;lt;/strong&amp;gt; permet de styliser et de mettre en forme le contenu HTML, rendant la page web plus attractive. il permet de “décorer” la page web.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_css.png|exemple de code CSS&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;JavaScript&amp;lt;/strong&amp;gt; rend la page interactive en ajoutant des fonctionnalités dynamiques comme des menus déroulants, des animations, et des formulaires interactifs.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_js.png|exemple de code JS&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;PHP&amp;lt;/strong&amp;gt; est un langage de programmation côté serveur utilisé pour générer du contenu dynamique et interagir avec les bases de données. &lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_php.png|exemple de code PHP&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;SQL&amp;lt;/strong&amp;gt; est un langage de requête utilisé pour gérer et manipuler les données stockées dans une base de données.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_sql.png|exemple de code SQL&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Création d'une base de données avec phpMyAdmin ==&lt;br /&gt;
&lt;br /&gt;
===== Qu'est-ce que phpMyAdmin ? =====&lt;br /&gt;
&lt;br /&gt;
phpMyAdmin est un outil de gestion de base de données MySQL/MariaDB basé sur le web. Il permet de créer, modifier et gérer des bases de données de manière simple et intuitive.&lt;br /&gt;
&lt;br /&gt;
===== Étapes pour créer une base de données =====&lt;br /&gt;
&lt;br /&gt;
Accéder à phpMyAdmin :&lt;br /&gt;
&lt;br /&gt;
Ouvrez votre navigateur web et allez à &amp;lt;strong&amp;gt;http://localhost/phpmyadmin.&amp;lt;/strong&amp;gt;&lt;br /&gt;
Connectez-vous avec l'utilisateur root (par défaut) et le mot de passe que vous avez défini lors de l'installation de WAMP.(par défaut il n'y a pas de mots de passe)&lt;br /&gt;
&lt;br /&gt;
===== Créer une nouvelle base de données : =====&lt;br /&gt;
&lt;br /&gt;
Dans l'interface phpMyAdmin, cliquez sur &amp;quot;Bases de données&amp;quot; dans le menu en haut.&lt;br /&gt;
Entrez le nom de votre base de données, par exemple safra_services, et cliquez sur &amp;quot;Créer&amp;quot;.&lt;br /&gt;
&lt;br /&gt;
===== Créer une table : =====&lt;br /&gt;
&lt;br /&gt;
Cliquez sur la base de données que vous venez de créer dans la colonne de gauche.&lt;br /&gt;
Cliquez sur &amp;quot;Nouvelle table&amp;quot; et entrez le nom de la table, par exemple services, et le nombre de colonnes.&lt;br /&gt;
&lt;br /&gt;
===== Définissez les colonnes nécessaires, par exemple : =====&lt;br /&gt;
&lt;br /&gt;
* id (INT, AUTO_INCREMENT, PRIMARY KEY)&lt;br /&gt;
* service_name (VARCHAR(255))&lt;br /&gt;
* status (VARCHAR(50))&lt;br /&gt;
&lt;br /&gt;
Cliquez sur &amp;quot;Enregistrer&amp;quot; pour créer la table avec les colonnes définies.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_page_phpmyadmin.png|Exemple d'interface phpMyAdmin&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Déploiement de l'application web ==&lt;br /&gt;
&lt;br /&gt;
=== Hébergement sur un serveur distant ===&lt;br /&gt;
&lt;br /&gt;
Pour rendre votre application web &amp;lt;strong&amp;gt;accessible en ligne&amp;lt;/strong&amp;gt;, vous devez la déployer sur un serveur web. Voici les étapes pour le faire :&lt;br /&gt;
&lt;br /&gt;
===== Choisir un fournisseur d'hébergement web : =====&lt;br /&gt;
&lt;br /&gt;
Il existe de nombreux fournisseurs, comme: &lt;br /&gt;
&lt;br /&gt;
* Bluehost &lt;br /&gt;
* HostGator &lt;br /&gt;
* SiteGround&lt;br /&gt;
* etc.&lt;br /&gt;
&lt;br /&gt;
Choisissez un plan d'hébergement qui correspond à vos besoins.&lt;br /&gt;
&lt;br /&gt;
===== Configurer le serveur web : =====&lt;br /&gt;
&lt;br /&gt;
Connectez-vous à votre compte d'hébergement et accédez au Panel ou à l'interface de gestion de votre serveur.&lt;br /&gt;
Créez une base de données sur le serveur, similaire à ce que vous avez fait avec phpMyAdmin localement.&lt;br /&gt;
&lt;br /&gt;
===== Transférer les fichiers de l'application : =====&lt;br /&gt;
&lt;br /&gt;
Utilisez un client FTP comme &amp;lt;strong&amp;gt;FileZilla&amp;lt;/strong&amp;gt; pour transférer les fichiers de votre application web depuis votre ordinateur local vers le serveur web.&lt;br /&gt;
Connectez-vous avec les informations FTP fournies par votre hébergeur et transférez tous les fichiers et dossiers de votre projet.&lt;br /&gt;
&lt;br /&gt;
===== Configurer les fichiers de configuration : =====&lt;br /&gt;
&lt;br /&gt;
Modifiez les fichiers de configuration de votre application &amp;lt;strong&amp;gt;(par exemple, les fichiers de connexion à la base de données)&amp;lt;/strong&amp;gt; pour qu'ils utilisent les informations de la base de données de votre serveur web.&lt;br /&gt;
&lt;br /&gt;
===== Tester l'application en ligne : =====&lt;br /&gt;
&lt;br /&gt;
Accédez à votre domaine pour vérifier que l'application fonctionne correctement en ligne.&lt;br /&gt;
Testez toutes les fonctionnalités et corrigez les éventuels problèmes.&lt;br /&gt;
&lt;br /&gt;
=== Hébergement sur un serveur local ===&lt;/div&gt;</summary>
		<author><name>Vergnes-fiol dorian</name></author>
	</entry>
	<entry>
		<id>http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1235</id>
		<title>Comment créé une application web</title>
		<link rel="alternate" type="text/html" href="http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1235"/>
		<updated>2024-06-01T12:37:59Z</updated>

		<summary type="html">&lt;p&gt;Vergnes-fiol dorian : /* Déploiement de l'application web */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;===== pour illustré mes information je vais utilisé l'application web que j'ai faite Duran un stage a la SAFRA =====&lt;br /&gt;
&lt;br /&gt;
l'objectif était de créer un &amp;lt;big&amp;gt;outil pratique et dynamique&amp;lt;/big&amp;gt; pour montre en temp et en heure l'état des différent service de la SAFRA (&amp;lt;span style=&amp;quot;color:#228B22&amp;quot;&amp;gt;en ligne&amp;lt;/span&amp;gt; /  &amp;lt;span style=&amp;quot;color:#FF0000&amp;quot;&amp;gt;hors ligne&amp;lt;/span&amp;gt; / &amp;lt;span style=&amp;quot;color:#DAA520&amp;quot;&amp;gt;en maintenance&amp;lt;/span&amp;gt;)&lt;br /&gt;
Pour cela, j'ai donc eu besoin de créer une application web.&lt;br /&gt;
&lt;br /&gt;
== mais c’est quoi une application web? il y a quoi de différent avec un site web? ==&lt;br /&gt;
&lt;br /&gt;
Une application web est un programme informatique accessible via un navigateur web, offrant une expérience interactive et dynamique aux utilisateurs. Contrairement à un site web qui présente des informations statiques, une application web permet des interactions avancées comme la manipulation de données en temps réel, la personnalisation, et des fonctionnalités complexes.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;strong&amp;gt;Exemple :&amp;lt;/strong&amp;gt; À la SAFRA, j'ai développé une application web pour suivre l'état des différents services (en ligne, hors ligne, en maintenance) en temps réel. &lt;br /&gt;
&lt;br /&gt;
En résumé, un site web est plus axé sur la présentation de contenu, tandis qu'une application web offre une expérience utilisateur plus dynamique et interactive.&lt;br /&gt;
&lt;br /&gt;
== quel logiciel faut-il installé? ==&lt;br /&gt;
&lt;br /&gt;
===== Éditeur de texte =====&lt;br /&gt;
&lt;br /&gt;
Pour créer notre application web on va avoir besoin d’un éditeur de texte comme: &lt;br /&gt;
&lt;br /&gt;
* Notepad++ &lt;br /&gt;
* Visual studio code (VScode) &lt;br /&gt;
* bloc note par&lt;br /&gt;
&lt;br /&gt;
(il en existe d’autre mais voici quelque exemple)&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Logiciel_co_web.png| image des logiciel&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
==== mais c’est quoi VS code? ====&lt;br /&gt;
&lt;br /&gt;
VS Code est un éditeur de code puissant, gratuit et open-source, populaire auprès des développeurs pour son interface conviviale et ses fonctionnalités avancées.&lt;br /&gt;
&lt;br /&gt;
===== Serveur local et base de données =====&lt;br /&gt;
&lt;br /&gt;
Pour tester et développer votre application web localement, vous aurez besoin d'un serveur web et d'une base de données. Voici deux solutions populaires :&lt;br /&gt;
&lt;br /&gt;
* XAMPP&lt;br /&gt;
* WAMP&lt;br /&gt;
&lt;br /&gt;
(il en existe d’autre mais voici quelque exemple)&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;logiciel_co_web2.png|image des logiciel&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
(la suite des instruction on été réalisé avec le logiciel WAMP)&lt;br /&gt;
&lt;br /&gt;
==== mais c’est quoi WAMP? ====&lt;br /&gt;
&lt;br /&gt;
Wamp (Windows, Apache, MySQL, PHP) est un ensemble de logiciels open-source permettant de créer un environnement de développement web sur des systèmes Windows.&lt;br /&gt;
 &lt;br /&gt;
Il est utilisé par les développeurs pour créer et tester des sites web et des applications web en utilisant les technologies PHP, MySQL et Apache. &lt;br /&gt;
&lt;br /&gt;
Wamp offre un moyen pratique d'installer et de configurer ces logiciels sur un seul système, facilitant ainsi le développement local de projets web avant de les déployer sur des serveurs en ligne. &lt;br /&gt;
&lt;br /&gt;
En résumé, Wamp est utile pour créer un environnement de développement web complet sur Windows, permettant aux développeurs de travailler efficacement sur leurs projets locaux.&lt;br /&gt;
&lt;br /&gt;
== les différent langages de programmation ==&lt;br /&gt;
&lt;br /&gt;
Pour créer une application web, plusieurs langages de programmation sont utilisés, chacun ayant un rôle spécifique. &amp;lt;big&amp;gt;(HTML CSS JAVASCRIPT PHP SQL)&amp;lt;/big&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===== c’est quoi l’HTML CSS JAVASCRIPT PHP et SQL ? =====&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;HTML (HyperText Markup Language)&amp;lt;/strong&amp;gt; est utilisé pour structurer et organiser le contenu d'une page web basiquement c’est le “squelette” de la page.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_html.png|exemple de code HTML&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;CSS (Cascading Style Sheets)&amp;lt;/strong&amp;gt; permet de styliser et de mettre en forme le contenu HTML, rendant la page web plus attractive. il permet de “décorer” la page web.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_css.png|exemple de code CSS&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;JavaScript&amp;lt;/strong&amp;gt; rend la page interactive en ajoutant des fonctionnalités dynamiques comme des menus déroulants, des animations, et des formulaires interactifs.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_js.png|exemple de code JS&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;PHP&amp;lt;/strong&amp;gt; est un langage de programmation côté serveur utilisé pour générer du contenu dynamique et interagir avec les bases de données. &lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_php.png|exemple de code PHP&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;SQL&amp;lt;/strong&amp;gt; est un langage de requête utilisé pour gérer et manipuler les données stockées dans une base de données.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_sql.png|exemple de code SQL&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Création d'une base de données avec phpMyAdmin ==&lt;br /&gt;
&lt;br /&gt;
===== Qu'est-ce que phpMyAdmin ? =====&lt;br /&gt;
&lt;br /&gt;
phpMyAdmin est un outil de gestion de base de données MySQL/MariaDB basé sur le web. Il permet de créer, modifier et gérer des bases de données de manière simple et intuitive.&lt;br /&gt;
&lt;br /&gt;
===== Étapes pour créer une base de données =====&lt;br /&gt;
&lt;br /&gt;
Accéder à phpMyAdmin :&lt;br /&gt;
&lt;br /&gt;
Ouvrez votre navigateur web et allez à &amp;lt;strong&amp;gt;http://localhost/phpmyadmin.&amp;lt;/strong&amp;gt;&lt;br /&gt;
Connectez-vous avec l'utilisateur root (par défaut) et le mot de passe que vous avez défini lors de l'installation de WAMP.(par défaut il n'y a pas de mots de passe)&lt;br /&gt;
&lt;br /&gt;
===== Créer une nouvelle base de données : =====&lt;br /&gt;
&lt;br /&gt;
Dans l'interface phpMyAdmin, cliquez sur &amp;quot;Bases de données&amp;quot; dans le menu en haut.&lt;br /&gt;
Entrez le nom de votre base de données, par exemple safra_services, et cliquez sur &amp;quot;Créer&amp;quot;.&lt;br /&gt;
&lt;br /&gt;
===== Créer une table : =====&lt;br /&gt;
&lt;br /&gt;
Cliquez sur la base de données que vous venez de créer dans la colonne de gauche.&lt;br /&gt;
Cliquez sur &amp;quot;Nouvelle table&amp;quot; et entrez le nom de la table, par exemple services, et le nombre de colonnes.&lt;br /&gt;
&lt;br /&gt;
===== Définissez les colonnes nécessaires, par exemple : =====&lt;br /&gt;
&lt;br /&gt;
* id (INT, AUTO_INCREMENT, PRIMARY KEY)&lt;br /&gt;
* service_name (VARCHAR(255))&lt;br /&gt;
* status (VARCHAR(50))&lt;br /&gt;
&lt;br /&gt;
Cliquez sur &amp;quot;Enregistrer&amp;quot; pour créer la table avec les colonnes définies.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_page_phpmyadmin.png|Exemple d'interface phpMyAdmin&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Déploiement de l'application web ==&lt;br /&gt;
&lt;br /&gt;
=== Hébergement sur un serveur distant ===&lt;br /&gt;
&lt;br /&gt;
Pour rendre votre application web &amp;lt;strong&amp;gt;accessible en ligne&amp;lt;/strong&amp;gt;, vous devez la déployer sur un serveur web. Voici les étapes pour le faire :&lt;br /&gt;
&lt;br /&gt;
===== Choisir un fournisseur d'hébergement web : =====&lt;br /&gt;
&lt;br /&gt;
Il existe de nombreux fournisseurs, comme: &lt;br /&gt;
&lt;br /&gt;
* Bluehost &lt;br /&gt;
* HostGator &lt;br /&gt;
* SiteGround&lt;br /&gt;
* etc.&lt;br /&gt;
&lt;br /&gt;
Choisissez un plan d'hébergement qui correspond à vos besoins.&lt;br /&gt;
&lt;br /&gt;
===== Configurer le serveur web : =====&lt;br /&gt;
&lt;br /&gt;
Connectez-vous à votre compte d'hébergement et accédez au Panel ou à l'interface de gestion de votre serveur.&lt;br /&gt;
Créez une base de données sur le serveur, similaire à ce que vous avez fait avec phpMyAdmin localement.&lt;br /&gt;
&lt;br /&gt;
===== Transférer les fichiers de l'application : =====&lt;br /&gt;
&lt;br /&gt;
Utilisez un client FTP comme &amp;lt;strong&amp;gt;FileZilla&amp;lt;/strong&amp;gt; pour transférer les fichiers de votre application web depuis votre ordinateur local vers le serveur web.&lt;br /&gt;
Connectez-vous avec les informations FTP fournies par votre hébergeur et transférez tous les fichiers et dossiers de votre projet.&lt;br /&gt;
&lt;br /&gt;
===== Configurer les fichiers de configuration : =====&lt;br /&gt;
&lt;br /&gt;
Modifiez les fichiers de configuration de votre application &amp;lt;strong&amp;gt;(par exemple, les fichiers de connexion à la base de données)&amp;lt;/strong&amp;gt; pour qu'ils utilisent les informations de la base de données de votre serveur web.&lt;br /&gt;
&lt;br /&gt;
===== Tester l'application en ligne : =====&lt;br /&gt;
&lt;br /&gt;
Accédez à votre domaine pour vérifier que l'application fonctionne correctement en ligne.&lt;br /&gt;
Testez toutes les fonctionnalités et corrigez les éventuels problèmes.&lt;/div&gt;</summary>
		<author><name>Vergnes-fiol dorian</name></author>
	</entry>
	<entry>
		<id>http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1233</id>
		<title>Comment créé une application web</title>
		<link rel="alternate" type="text/html" href="http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1233"/>
		<updated>2024-06-01T12:33:03Z</updated>

		<summary type="html">&lt;p&gt;Vergnes-fiol dorian : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;===== pour illustré mes information je vais utilisé l'application web que j'ai faite Duran un stage a la SAFRA =====&lt;br /&gt;
&lt;br /&gt;
l'objectif était de créer un &amp;lt;big&amp;gt;outil pratique et dynamique&amp;lt;/big&amp;gt; pour montre en temp et en heure l'état des différent service de la SAFRA (&amp;lt;span style=&amp;quot;color:#228B22&amp;quot;&amp;gt;en ligne&amp;lt;/span&amp;gt; /  &amp;lt;span style=&amp;quot;color:#FF0000&amp;quot;&amp;gt;hors ligne&amp;lt;/span&amp;gt; / &amp;lt;span style=&amp;quot;color:#DAA520&amp;quot;&amp;gt;en maintenance&amp;lt;/span&amp;gt;)&lt;br /&gt;
Pour cela, j'ai donc eu besoin de créer une application web.&lt;br /&gt;
&lt;br /&gt;
== mais c’est quoi une application web? il y a quoi de différent avec un site web? ==&lt;br /&gt;
&lt;br /&gt;
Une application web est un programme informatique accessible via un navigateur web, offrant une expérience interactive et dynamique aux utilisateurs. Contrairement à un site web qui présente des informations statiques, une application web permet des interactions avancées comme la manipulation de données en temps réel, la personnalisation, et des fonctionnalités complexes.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;strong&amp;gt;Exemple :&amp;lt;/strong&amp;gt; À la SAFRA, j'ai développé une application web pour suivre l'état des différents services (en ligne, hors ligne, en maintenance) en temps réel. &lt;br /&gt;
&lt;br /&gt;
En résumé, un site web est plus axé sur la présentation de contenu, tandis qu'une application web offre une expérience utilisateur plus dynamique et interactive.&lt;br /&gt;
&lt;br /&gt;
== quel logiciel faut-il installé? ==&lt;br /&gt;
&lt;br /&gt;
===== Éditeur de texte =====&lt;br /&gt;
&lt;br /&gt;
Pour créer notre application web on va avoir besoin d’un éditeur de texte comme: &lt;br /&gt;
&lt;br /&gt;
* Notepad++ &lt;br /&gt;
* Visual studio code (VScode) &lt;br /&gt;
* bloc note par&lt;br /&gt;
&lt;br /&gt;
(il en existe d’autre mais voici quelque exemple)&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Logiciel_co_web.png| image des logiciel&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
==== mais c’est quoi VS code? ====&lt;br /&gt;
&lt;br /&gt;
VS Code est un éditeur de code puissant, gratuit et open-source, populaire auprès des développeurs pour son interface conviviale et ses fonctionnalités avancées.&lt;br /&gt;
&lt;br /&gt;
===== Serveur local et base de données =====&lt;br /&gt;
&lt;br /&gt;
Pour tester et développer votre application web localement, vous aurez besoin d'un serveur web et d'une base de données. Voici deux solutions populaires :&lt;br /&gt;
&lt;br /&gt;
* XAMPP&lt;br /&gt;
* WAMP&lt;br /&gt;
&lt;br /&gt;
(il en existe d’autre mais voici quelque exemple)&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;logiciel_co_web2.png|image des logiciel&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
(la suite des instruction on été réalisé avec le logiciel WAMP)&lt;br /&gt;
&lt;br /&gt;
==== mais c’est quoi WAMP? ====&lt;br /&gt;
&lt;br /&gt;
Wamp (Windows, Apache, MySQL, PHP) est un ensemble de logiciels open-source permettant de créer un environnement de développement web sur des systèmes Windows.&lt;br /&gt;
 &lt;br /&gt;
Il est utilisé par les développeurs pour créer et tester des sites web et des applications web en utilisant les technologies PHP, MySQL et Apache. &lt;br /&gt;
&lt;br /&gt;
Wamp offre un moyen pratique d'installer et de configurer ces logiciels sur un seul système, facilitant ainsi le développement local de projets web avant de les déployer sur des serveurs en ligne. &lt;br /&gt;
&lt;br /&gt;
En résumé, Wamp est utile pour créer un environnement de développement web complet sur Windows, permettant aux développeurs de travailler efficacement sur leurs projets locaux.&lt;br /&gt;
&lt;br /&gt;
== les différent langages de programmation ==&lt;br /&gt;
&lt;br /&gt;
Pour créer une application web, plusieurs langages de programmation sont utilisés, chacun ayant un rôle spécifique. &amp;lt;big&amp;gt;(HTML CSS JAVASCRIPT PHP SQL)&amp;lt;/big&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===== c’est quoi l’HTML CSS JAVASCRIPT PHP et SQL ? =====&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;HTML (HyperText Markup Language)&amp;lt;/strong&amp;gt; est utilisé pour structurer et organiser le contenu d'une page web basiquement c’est le “squelette” de la page.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_html.png|exemple de code HTML&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;CSS (Cascading Style Sheets)&amp;lt;/strong&amp;gt; permet de styliser et de mettre en forme le contenu HTML, rendant la page web plus attractive. il permet de “décorer” la page web.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_css.png|exemple de code CSS&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;JavaScript&amp;lt;/strong&amp;gt; rend la page interactive en ajoutant des fonctionnalités dynamiques comme des menus déroulants, des animations, et des formulaires interactifs.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_js.png|exemple de code JS&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;PHP&amp;lt;/strong&amp;gt; est un langage de programmation côté serveur utilisé pour générer du contenu dynamique et interagir avec les bases de données. &lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_php.png|exemple de code PHP&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;SQL&amp;lt;/strong&amp;gt; est un langage de requête utilisé pour gérer et manipuler les données stockées dans une base de données.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_sql.png|exemple de code SQL&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Création d'une base de données avec phpMyAdmin ==&lt;br /&gt;
&lt;br /&gt;
===== Qu'est-ce que phpMyAdmin ? =====&lt;br /&gt;
&lt;br /&gt;
phpMyAdmin est un outil de gestion de base de données MySQL/MariaDB basé sur le web. Il permet de créer, modifier et gérer des bases de données de manière simple et intuitive.&lt;br /&gt;
&lt;br /&gt;
===== Étapes pour créer une base de données =====&lt;br /&gt;
&lt;br /&gt;
Accéder à phpMyAdmin :&lt;br /&gt;
&lt;br /&gt;
Ouvrez votre navigateur web et allez à &amp;lt;strong&amp;gt;http://localhost/phpmyadmin.&amp;lt;/strong&amp;gt;&lt;br /&gt;
Connectez-vous avec l'utilisateur root (par défaut) et le mot de passe que vous avez défini lors de l'installation de WAMP.(par défaut il n'y a pas de mots de passe)&lt;br /&gt;
&lt;br /&gt;
===== Créer une nouvelle base de données : =====&lt;br /&gt;
&lt;br /&gt;
Dans l'interface phpMyAdmin, cliquez sur &amp;quot;Bases de données&amp;quot; dans le menu en haut.&lt;br /&gt;
Entrez le nom de votre base de données, par exemple safra_services, et cliquez sur &amp;quot;Créer&amp;quot;.&lt;br /&gt;
&lt;br /&gt;
===== Créer une table : =====&lt;br /&gt;
&lt;br /&gt;
Cliquez sur la base de données que vous venez de créer dans la colonne de gauche.&lt;br /&gt;
Cliquez sur &amp;quot;Nouvelle table&amp;quot; et entrez le nom de la table, par exemple services, et le nombre de colonnes.&lt;br /&gt;
&lt;br /&gt;
===== Définissez les colonnes nécessaires, par exemple : =====&lt;br /&gt;
&lt;br /&gt;
* id (INT, AUTO_INCREMENT, PRIMARY KEY)&lt;br /&gt;
* service_name (VARCHAR(255))&lt;br /&gt;
* status (VARCHAR(50))&lt;br /&gt;
&lt;br /&gt;
Cliquez sur &amp;quot;Enregistrer&amp;quot; pour créer la table avec les colonnes définies.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_page_phpmyadmin.png|Exemple d'interface phpMyAdmin&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Déploiement de l'application web ==&lt;/div&gt;</summary>
		<author><name>Vergnes-fiol dorian</name></author>
	</entry>
	<entry>
		<id>http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1232</id>
		<title>Comment créé une application web</title>
		<link rel="alternate" type="text/html" href="http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1232"/>
		<updated>2024-06-01T12:29:47Z</updated>

		<summary type="html">&lt;p&gt;Vergnes-fiol dorian : /* Définissez les colonnes nécessaires, par exemple : */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;===== pour illustré mes information je vais utilisé l'application web que j'ai faite Duran un stage a la SAFRA =====&lt;br /&gt;
&lt;br /&gt;
l'objectif était de créer un &amp;lt;big&amp;gt;outil pratique et dynamique&amp;lt;/big&amp;gt; pour montre en temp et en heure l'état des différent service de la SAFRA (&amp;lt;span style=&amp;quot;color:#228B22&amp;quot;&amp;gt;en ligne&amp;lt;/span&amp;gt; /  &amp;lt;span style=&amp;quot;color:#FF0000&amp;quot;&amp;gt;hors ligne&amp;lt;/span&amp;gt; / &amp;lt;span style=&amp;quot;color:#DAA520&amp;quot;&amp;gt;en maintenance&amp;lt;/span&amp;gt;)&lt;br /&gt;
Pour cela, j'ai donc eu besoin de créer une application web.&lt;br /&gt;
&lt;br /&gt;
== mais c’est quoi une application web? il y a quoi de différent avec un site web? ==&lt;br /&gt;
&lt;br /&gt;
Une application web est un programme informatique accessible via un navigateur web, offrant une expérience interactive et dynamique aux utilisateurs. Contrairement à un site web qui présente des informations statiques, une application web permet des interactions avancées comme la manipulation de données en temps réel, la personnalisation, et des fonctionnalités complexes.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;strong&amp;gt;Exemple :&amp;lt;/strong&amp;gt; À la SAFRA, j'ai développé une application web pour suivre l'état des différents services (en ligne, hors ligne, en maintenance) en temps réel. &lt;br /&gt;
&lt;br /&gt;
En résumé, un site web est plus axé sur la présentation de contenu, tandis qu'une application web offre une expérience utilisateur plus dynamique et interactive.&lt;br /&gt;
&lt;br /&gt;
== quel logiciel faut-il installé? ==&lt;br /&gt;
&lt;br /&gt;
===== Éditeur de texte =====&lt;br /&gt;
&lt;br /&gt;
Pour créer notre application web on va avoir besoin d’un éditeur de texte comme: &lt;br /&gt;
&lt;br /&gt;
* Notepad++ &lt;br /&gt;
* Visual studio code (VScode) &lt;br /&gt;
* bloc note par&lt;br /&gt;
&lt;br /&gt;
(il en existe d’autre mais voici quelque exemple)&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Logiciel_co_web.png| image des logiciel&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
==== mais c’est quoi VS code? ====&lt;br /&gt;
&lt;br /&gt;
VS Code est un éditeur de code puissant, gratuit et open-source, populaire auprès des développeurs pour son interface conviviale et ses fonctionnalités avancées.&lt;br /&gt;
&lt;br /&gt;
===== Serveur local et base de données =====&lt;br /&gt;
&lt;br /&gt;
Pour tester et développer votre application web localement, vous aurez besoin d'un serveur web et d'une base de données. Voici deux solutions populaires :&lt;br /&gt;
&lt;br /&gt;
* XAMPP&lt;br /&gt;
* WAMP&lt;br /&gt;
&lt;br /&gt;
(il en existe d’autre mais voici quelque exemple)&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;logiciel_co_web2.png|image des logiciel&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
(la suite des instruction on été réalisé avec le logiciel WAMP)&lt;br /&gt;
&lt;br /&gt;
==== mais c’est quoi WAMP? ====&lt;br /&gt;
&lt;br /&gt;
Wamp (Windows, Apache, MySQL, PHP) est un ensemble de logiciels open-source permettant de créer un environnement de développement web sur des systèmes Windows.&lt;br /&gt;
 &lt;br /&gt;
Il est utilisé par les développeurs pour créer et tester des sites web et des applications web en utilisant les technologies PHP, MySQL et Apache. &lt;br /&gt;
&lt;br /&gt;
Wamp offre un moyen pratique d'installer et de configurer ces logiciels sur un seul système, facilitant ainsi le développement local de projets web avant de les déployer sur des serveurs en ligne. &lt;br /&gt;
&lt;br /&gt;
En résumé, Wamp est utile pour créer un environnement de développement web complet sur Windows, permettant aux développeurs de travailler efficacement sur leurs projets locaux.&lt;br /&gt;
&lt;br /&gt;
== les différent langages de programmation ==&lt;br /&gt;
&lt;br /&gt;
Pour créer une application web, plusieurs langages de programmation sont utilisés, chacun ayant un rôle spécifique. &amp;lt;big&amp;gt;(HTML CSS JAVASCRIPT PHP SQL)&amp;lt;/big&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===== c’est quoi l’HTML CSS JAVASCRIPT PHP et SQL ? =====&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;HTML (HyperText Markup Language)&amp;lt;/strong&amp;gt; est utilisé pour structurer et organiser le contenu d'une page web basiquement c’est le “squelette” de la page.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_html.png|exemple de code HTML&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;CSS (Cascading Style Sheets)&amp;lt;/strong&amp;gt; permet de styliser et de mettre en forme le contenu HTML, rendant la page web plus attractive. il permet de “décorer” la page web.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_css.png|exemple de code CSS&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;JavaScript&amp;lt;/strong&amp;gt; rend la page interactive en ajoutant des fonctionnalités dynamiques comme des menus déroulants, des animations, et des formulaires interactifs.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_js.png|exemple de code JS&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;PHP&amp;lt;/strong&amp;gt; est un langage de programmation côté serveur utilisé pour générer du contenu dynamique et interagir avec les bases de données. &lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_php.png|exemple de code PHP&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;SQL&amp;lt;/strong&amp;gt; est un langage de requête utilisé pour gérer et manipuler les données stockées dans une base de données.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_sql.png|exemple de code SQL&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Création d'une base de données avec phpMyAdmin ==&lt;br /&gt;
&lt;br /&gt;
===== Qu'est-ce que phpMyAdmin ? =====&lt;br /&gt;
&lt;br /&gt;
phpMyAdmin est un outil de gestion de base de données MySQL/MariaDB basé sur le web. Il permet de créer, modifier et gérer des bases de données de manière simple et intuitive.&lt;br /&gt;
&lt;br /&gt;
===== Étapes pour créer une base de données =====&lt;br /&gt;
&lt;br /&gt;
Accéder à phpMyAdmin :&lt;br /&gt;
&lt;br /&gt;
Ouvrez votre navigateur web et allez à &amp;lt;strong&amp;gt;http://localhost/phpmyadmin.&amp;lt;/strong&amp;gt;&lt;br /&gt;
Connectez-vous avec l'utilisateur root (par défaut) et le mot de passe que vous avez défini lors de l'installation de WAMP.(par défaut il n'y a pas de mots de passe)&lt;br /&gt;
&lt;br /&gt;
===== Créer une nouvelle base de données : =====&lt;br /&gt;
&lt;br /&gt;
Dans l'interface phpMyAdmin, cliquez sur &amp;quot;Bases de données&amp;quot; dans le menu en haut.&lt;br /&gt;
Entrez le nom de votre base de données, par exemple safra_services, et cliquez sur &amp;quot;Créer&amp;quot;.&lt;br /&gt;
&lt;br /&gt;
===== Créer une table : =====&lt;br /&gt;
&lt;br /&gt;
Cliquez sur la base de données que vous venez de créer dans la colonne de gauche.&lt;br /&gt;
Cliquez sur &amp;quot;Nouvelle table&amp;quot; et entrez le nom de la table, par exemple services, et le nombre de colonnes.&lt;br /&gt;
&lt;br /&gt;
===== Définissez les colonnes nécessaires, par exemple : =====&lt;br /&gt;
&lt;br /&gt;
* id (INT, AUTO_INCREMENT, PRIMARY KEY)&lt;br /&gt;
* service_name (VARCHAR(255))&lt;br /&gt;
* status (VARCHAR(50))&lt;br /&gt;
&lt;br /&gt;
Cliquez sur &amp;quot;Enregistrer&amp;quot; pour créer la table avec les colonnes définies.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_page_phpmyadmin.png|Exemple d'interface phpMyAdmin&amp;lt;/gallery&amp;gt;&lt;/div&gt;</summary>
		<author><name>Vergnes-fiol dorian</name></author>
	</entry>
	<entry>
		<id>http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1231</id>
		<title>Comment créé une application web</title>
		<link rel="alternate" type="text/html" href="http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1231"/>
		<updated>2024-06-01T12:28:55Z</updated>

		<summary type="html">&lt;p&gt;Vergnes-fiol dorian : /* Définissez les colonnes nécessaires, par exemple : */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;===== pour illustré mes information je vais utilisé l'application web que j'ai faite Duran un stage a la SAFRA =====&lt;br /&gt;
&lt;br /&gt;
l'objectif était de créer un &amp;lt;big&amp;gt;outil pratique et dynamique&amp;lt;/big&amp;gt; pour montre en temp et en heure l'état des différent service de la SAFRA (&amp;lt;span style=&amp;quot;color:#228B22&amp;quot;&amp;gt;en ligne&amp;lt;/span&amp;gt; /  &amp;lt;span style=&amp;quot;color:#FF0000&amp;quot;&amp;gt;hors ligne&amp;lt;/span&amp;gt; / &amp;lt;span style=&amp;quot;color:#DAA520&amp;quot;&amp;gt;en maintenance&amp;lt;/span&amp;gt;)&lt;br /&gt;
Pour cela, j'ai donc eu besoin de créer une application web.&lt;br /&gt;
&lt;br /&gt;
== mais c’est quoi une application web? il y a quoi de différent avec un site web? ==&lt;br /&gt;
&lt;br /&gt;
Une application web est un programme informatique accessible via un navigateur web, offrant une expérience interactive et dynamique aux utilisateurs. Contrairement à un site web qui présente des informations statiques, une application web permet des interactions avancées comme la manipulation de données en temps réel, la personnalisation, et des fonctionnalités complexes.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;strong&amp;gt;Exemple :&amp;lt;/strong&amp;gt; À la SAFRA, j'ai développé une application web pour suivre l'état des différents services (en ligne, hors ligne, en maintenance) en temps réel. &lt;br /&gt;
&lt;br /&gt;
En résumé, un site web est plus axé sur la présentation de contenu, tandis qu'une application web offre une expérience utilisateur plus dynamique et interactive.&lt;br /&gt;
&lt;br /&gt;
== quel logiciel faut-il installé? ==&lt;br /&gt;
&lt;br /&gt;
===== Éditeur de texte =====&lt;br /&gt;
&lt;br /&gt;
Pour créer notre application web on va avoir besoin d’un éditeur de texte comme: &lt;br /&gt;
&lt;br /&gt;
* Notepad++ &lt;br /&gt;
* Visual studio code (VScode) &lt;br /&gt;
* bloc note par&lt;br /&gt;
&lt;br /&gt;
(il en existe d’autre mais voici quelque exemple)&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Logiciel_co_web.png| image des logiciel&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
==== mais c’est quoi VS code? ====&lt;br /&gt;
&lt;br /&gt;
VS Code est un éditeur de code puissant, gratuit et open-source, populaire auprès des développeurs pour son interface conviviale et ses fonctionnalités avancées.&lt;br /&gt;
&lt;br /&gt;
===== Serveur local et base de données =====&lt;br /&gt;
&lt;br /&gt;
Pour tester et développer votre application web localement, vous aurez besoin d'un serveur web et d'une base de données. Voici deux solutions populaires :&lt;br /&gt;
&lt;br /&gt;
* XAMPP&lt;br /&gt;
* WAMP&lt;br /&gt;
&lt;br /&gt;
(il en existe d’autre mais voici quelque exemple)&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;logiciel_co_web2.png|image des logiciel&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
(la suite des instruction on été réalisé avec le logiciel WAMP)&lt;br /&gt;
&lt;br /&gt;
==== mais c’est quoi WAMP? ====&lt;br /&gt;
&lt;br /&gt;
Wamp (Windows, Apache, MySQL, PHP) est un ensemble de logiciels open-source permettant de créer un environnement de développement web sur des systèmes Windows.&lt;br /&gt;
 &lt;br /&gt;
Il est utilisé par les développeurs pour créer et tester des sites web et des applications web en utilisant les technologies PHP, MySQL et Apache. &lt;br /&gt;
&lt;br /&gt;
Wamp offre un moyen pratique d'installer et de configurer ces logiciels sur un seul système, facilitant ainsi le développement local de projets web avant de les déployer sur des serveurs en ligne. &lt;br /&gt;
&lt;br /&gt;
En résumé, Wamp est utile pour créer un environnement de développement web complet sur Windows, permettant aux développeurs de travailler efficacement sur leurs projets locaux.&lt;br /&gt;
&lt;br /&gt;
== les différent langages de programmation ==&lt;br /&gt;
&lt;br /&gt;
Pour créer une application web, plusieurs langages de programmation sont utilisés, chacun ayant un rôle spécifique. &amp;lt;big&amp;gt;(HTML CSS JAVASCRIPT PHP SQL)&amp;lt;/big&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===== c’est quoi l’HTML CSS JAVASCRIPT PHP et SQL ? =====&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;HTML (HyperText Markup Language)&amp;lt;/strong&amp;gt; est utilisé pour structurer et organiser le contenu d'une page web basiquement c’est le “squelette” de la page.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_html.png|exemple de code HTML&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;CSS (Cascading Style Sheets)&amp;lt;/strong&amp;gt; permet de styliser et de mettre en forme le contenu HTML, rendant la page web plus attractive. il permet de “décorer” la page web.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_css.png|exemple de code CSS&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;JavaScript&amp;lt;/strong&amp;gt; rend la page interactive en ajoutant des fonctionnalités dynamiques comme des menus déroulants, des animations, et des formulaires interactifs.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_js.png|exemple de code JS&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;PHP&amp;lt;/strong&amp;gt; est un langage de programmation côté serveur utilisé pour générer du contenu dynamique et interagir avec les bases de données. &lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_php.png|exemple de code PHP&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;SQL&amp;lt;/strong&amp;gt; est un langage de requête utilisé pour gérer et manipuler les données stockées dans une base de données.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_sql.png|exemple de code SQL&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Création d'une base de données avec phpMyAdmin ==&lt;br /&gt;
&lt;br /&gt;
===== Qu'est-ce que phpMyAdmin ? =====&lt;br /&gt;
&lt;br /&gt;
phpMyAdmin est un outil de gestion de base de données MySQL/MariaDB basé sur le web. Il permet de créer, modifier et gérer des bases de données de manière simple et intuitive.&lt;br /&gt;
&lt;br /&gt;
===== Étapes pour créer une base de données =====&lt;br /&gt;
&lt;br /&gt;
Accéder à phpMyAdmin :&lt;br /&gt;
&lt;br /&gt;
Ouvrez votre navigateur web et allez à &amp;lt;strong&amp;gt;http://localhost/phpmyadmin.&amp;lt;/strong&amp;gt;&lt;br /&gt;
Connectez-vous avec l'utilisateur root (par défaut) et le mot de passe que vous avez défini lors de l'installation de WAMP.(par défaut il n'y a pas de mots de passe)&lt;br /&gt;
&lt;br /&gt;
===== Créer une nouvelle base de données : =====&lt;br /&gt;
&lt;br /&gt;
Dans l'interface phpMyAdmin, cliquez sur &amp;quot;Bases de données&amp;quot; dans le menu en haut.&lt;br /&gt;
Entrez le nom de votre base de données, par exemple safra_services, et cliquez sur &amp;quot;Créer&amp;quot;.&lt;br /&gt;
&lt;br /&gt;
===== Créer une table : =====&lt;br /&gt;
&lt;br /&gt;
Cliquez sur la base de données que vous venez de créer dans la colonne de gauche.&lt;br /&gt;
Cliquez sur &amp;quot;Nouvelle table&amp;quot; et entrez le nom de la table, par exemple services, et le nombre de colonnes.&lt;br /&gt;
&lt;br /&gt;
===== Définissez les colonnes nécessaires, par exemple : =====&lt;br /&gt;
&lt;br /&gt;
* id (INT, AUTO_INCREMENT, PRIMARY KEY)&lt;br /&gt;
* service_name (VARCHAR(255))&lt;br /&gt;
* status (VARCHAR(50))&lt;br /&gt;
&lt;br /&gt;
Cliquez sur &amp;quot;Enregistrer&amp;quot; pour créer la table avec les colonnes définies.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_page_phpmyadmin.png|Exmpl page phpmyadmin&amp;lt;/gallery&amp;gt;&lt;/div&gt;</summary>
		<author><name>Vergnes-fiol dorian</name></author>
	</entry>
	<entry>
		<id>http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1230</id>
		<title>Comment créé une application web</title>
		<link rel="alternate" type="text/html" href="http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1230"/>
		<updated>2024-06-01T12:28:42Z</updated>

		<summary type="html">&lt;p&gt;Vergnes-fiol dorian : /* Définissez les colonnes nécessaires, par exemple : */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;===== pour illustré mes information je vais utilisé l'application web que j'ai faite Duran un stage a la SAFRA =====&lt;br /&gt;
&lt;br /&gt;
l'objectif était de créer un &amp;lt;big&amp;gt;outil pratique et dynamique&amp;lt;/big&amp;gt; pour montre en temp et en heure l'état des différent service de la SAFRA (&amp;lt;span style=&amp;quot;color:#228B22&amp;quot;&amp;gt;en ligne&amp;lt;/span&amp;gt; /  &amp;lt;span style=&amp;quot;color:#FF0000&amp;quot;&amp;gt;hors ligne&amp;lt;/span&amp;gt; / &amp;lt;span style=&amp;quot;color:#DAA520&amp;quot;&amp;gt;en maintenance&amp;lt;/span&amp;gt;)&lt;br /&gt;
Pour cela, j'ai donc eu besoin de créer une application web.&lt;br /&gt;
&lt;br /&gt;
== mais c’est quoi une application web? il y a quoi de différent avec un site web? ==&lt;br /&gt;
&lt;br /&gt;
Une application web est un programme informatique accessible via un navigateur web, offrant une expérience interactive et dynamique aux utilisateurs. Contrairement à un site web qui présente des informations statiques, une application web permet des interactions avancées comme la manipulation de données en temps réel, la personnalisation, et des fonctionnalités complexes.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;strong&amp;gt;Exemple :&amp;lt;/strong&amp;gt; À la SAFRA, j'ai développé une application web pour suivre l'état des différents services (en ligne, hors ligne, en maintenance) en temps réel. &lt;br /&gt;
&lt;br /&gt;
En résumé, un site web est plus axé sur la présentation de contenu, tandis qu'une application web offre une expérience utilisateur plus dynamique et interactive.&lt;br /&gt;
&lt;br /&gt;
== quel logiciel faut-il installé? ==&lt;br /&gt;
&lt;br /&gt;
===== Éditeur de texte =====&lt;br /&gt;
&lt;br /&gt;
Pour créer notre application web on va avoir besoin d’un éditeur de texte comme: &lt;br /&gt;
&lt;br /&gt;
* Notepad++ &lt;br /&gt;
* Visual studio code (VScode) &lt;br /&gt;
* bloc note par&lt;br /&gt;
&lt;br /&gt;
(il en existe d’autre mais voici quelque exemple)&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Logiciel_co_web.png| image des logiciel&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
==== mais c’est quoi VS code? ====&lt;br /&gt;
&lt;br /&gt;
VS Code est un éditeur de code puissant, gratuit et open-source, populaire auprès des développeurs pour son interface conviviale et ses fonctionnalités avancées.&lt;br /&gt;
&lt;br /&gt;
===== Serveur local et base de données =====&lt;br /&gt;
&lt;br /&gt;
Pour tester et développer votre application web localement, vous aurez besoin d'un serveur web et d'une base de données. Voici deux solutions populaires :&lt;br /&gt;
&lt;br /&gt;
* XAMPP&lt;br /&gt;
* WAMP&lt;br /&gt;
&lt;br /&gt;
(il en existe d’autre mais voici quelque exemple)&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;logiciel_co_web2.png|image des logiciel&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
(la suite des instruction on été réalisé avec le logiciel WAMP)&lt;br /&gt;
&lt;br /&gt;
==== mais c’est quoi WAMP? ====&lt;br /&gt;
&lt;br /&gt;
Wamp (Windows, Apache, MySQL, PHP) est un ensemble de logiciels open-source permettant de créer un environnement de développement web sur des systèmes Windows.&lt;br /&gt;
 &lt;br /&gt;
Il est utilisé par les développeurs pour créer et tester des sites web et des applications web en utilisant les technologies PHP, MySQL et Apache. &lt;br /&gt;
&lt;br /&gt;
Wamp offre un moyen pratique d'installer et de configurer ces logiciels sur un seul système, facilitant ainsi le développement local de projets web avant de les déployer sur des serveurs en ligne. &lt;br /&gt;
&lt;br /&gt;
En résumé, Wamp est utile pour créer un environnement de développement web complet sur Windows, permettant aux développeurs de travailler efficacement sur leurs projets locaux.&lt;br /&gt;
&lt;br /&gt;
== les différent langages de programmation ==&lt;br /&gt;
&lt;br /&gt;
Pour créer une application web, plusieurs langages de programmation sont utilisés, chacun ayant un rôle spécifique. &amp;lt;big&amp;gt;(HTML CSS JAVASCRIPT PHP SQL)&amp;lt;/big&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===== c’est quoi l’HTML CSS JAVASCRIPT PHP et SQL ? =====&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;HTML (HyperText Markup Language)&amp;lt;/strong&amp;gt; est utilisé pour structurer et organiser le contenu d'une page web basiquement c’est le “squelette” de la page.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_html.png|exemple de code HTML&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;CSS (Cascading Style Sheets)&amp;lt;/strong&amp;gt; permet de styliser et de mettre en forme le contenu HTML, rendant la page web plus attractive. il permet de “décorer” la page web.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_css.png|exemple de code CSS&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;JavaScript&amp;lt;/strong&amp;gt; rend la page interactive en ajoutant des fonctionnalités dynamiques comme des menus déroulants, des animations, et des formulaires interactifs.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_js.png|exemple de code JS&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;PHP&amp;lt;/strong&amp;gt; est un langage de programmation côté serveur utilisé pour générer du contenu dynamique et interagir avec les bases de données. &lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_php.png|exemple de code PHP&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;SQL&amp;lt;/strong&amp;gt; est un langage de requête utilisé pour gérer et manipuler les données stockées dans une base de données.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_sql.png|exemple de code SQL&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Création d'une base de données avec phpMyAdmin ==&lt;br /&gt;
&lt;br /&gt;
===== Qu'est-ce que phpMyAdmin ? =====&lt;br /&gt;
&lt;br /&gt;
phpMyAdmin est un outil de gestion de base de données MySQL/MariaDB basé sur le web. Il permet de créer, modifier et gérer des bases de données de manière simple et intuitive.&lt;br /&gt;
&lt;br /&gt;
===== Étapes pour créer une base de données =====&lt;br /&gt;
&lt;br /&gt;
Accéder à phpMyAdmin :&lt;br /&gt;
&lt;br /&gt;
Ouvrez votre navigateur web et allez à &amp;lt;strong&amp;gt;http://localhost/phpmyadmin.&amp;lt;/strong&amp;gt;&lt;br /&gt;
Connectez-vous avec l'utilisateur root (par défaut) et le mot de passe que vous avez défini lors de l'installation de WAMP.(par défaut il n'y a pas de mots de passe)&lt;br /&gt;
&lt;br /&gt;
===== Créer une nouvelle base de données : =====&lt;br /&gt;
&lt;br /&gt;
Dans l'interface phpMyAdmin, cliquez sur &amp;quot;Bases de données&amp;quot; dans le menu en haut.&lt;br /&gt;
Entrez le nom de votre base de données, par exemple safra_services, et cliquez sur &amp;quot;Créer&amp;quot;.&lt;br /&gt;
&lt;br /&gt;
===== Créer une table : =====&lt;br /&gt;
&lt;br /&gt;
Cliquez sur la base de données que vous venez de créer dans la colonne de gauche.&lt;br /&gt;
Cliquez sur &amp;quot;Nouvelle table&amp;quot; et entrez le nom de la table, par exemple services, et le nombre de colonnes.&lt;br /&gt;
&lt;br /&gt;
===== Définissez les colonnes nécessaires, par exemple : =====&lt;br /&gt;
&lt;br /&gt;
* id (INT, AUTO_INCREMENT, PRIMARY KEY)&lt;br /&gt;
* service_name (VARCHAR(255))&lt;br /&gt;
* status (VARCHAR(50))&lt;br /&gt;
&lt;br /&gt;
Cliquez sur &amp;quot;Enregistrer&amp;quot; pour créer la table avec les colonnes définies.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_page_phpmyadmin.png|Exmpl page phpmyadmin.png&amp;lt;/gallery&amp;gt;&lt;/div&gt;</summary>
		<author><name>Vergnes-fiol dorian</name></author>
	</entry>
	<entry>
		<id>http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1229</id>
		<title>Comment créé une application web</title>
		<link rel="alternate" type="text/html" href="http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1229"/>
		<updated>2024-06-01T12:28:15Z</updated>

		<summary type="html">&lt;p&gt;Vergnes-fiol dorian : /* Définissez les colonnes nécessaires, par exemple : */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;===== pour illustré mes information je vais utilisé l'application web que j'ai faite Duran un stage a la SAFRA =====&lt;br /&gt;
&lt;br /&gt;
l'objectif était de créer un &amp;lt;big&amp;gt;outil pratique et dynamique&amp;lt;/big&amp;gt; pour montre en temp et en heure l'état des différent service de la SAFRA (&amp;lt;span style=&amp;quot;color:#228B22&amp;quot;&amp;gt;en ligne&amp;lt;/span&amp;gt; /  &amp;lt;span style=&amp;quot;color:#FF0000&amp;quot;&amp;gt;hors ligne&amp;lt;/span&amp;gt; / &amp;lt;span style=&amp;quot;color:#DAA520&amp;quot;&amp;gt;en maintenance&amp;lt;/span&amp;gt;)&lt;br /&gt;
Pour cela, j'ai donc eu besoin de créer une application web.&lt;br /&gt;
&lt;br /&gt;
== mais c’est quoi une application web? il y a quoi de différent avec un site web? ==&lt;br /&gt;
&lt;br /&gt;
Une application web est un programme informatique accessible via un navigateur web, offrant une expérience interactive et dynamique aux utilisateurs. Contrairement à un site web qui présente des informations statiques, une application web permet des interactions avancées comme la manipulation de données en temps réel, la personnalisation, et des fonctionnalités complexes.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;strong&amp;gt;Exemple :&amp;lt;/strong&amp;gt; À la SAFRA, j'ai développé une application web pour suivre l'état des différents services (en ligne, hors ligne, en maintenance) en temps réel. &lt;br /&gt;
&lt;br /&gt;
En résumé, un site web est plus axé sur la présentation de contenu, tandis qu'une application web offre une expérience utilisateur plus dynamique et interactive.&lt;br /&gt;
&lt;br /&gt;
== quel logiciel faut-il installé? ==&lt;br /&gt;
&lt;br /&gt;
===== Éditeur de texte =====&lt;br /&gt;
&lt;br /&gt;
Pour créer notre application web on va avoir besoin d’un éditeur de texte comme: &lt;br /&gt;
&lt;br /&gt;
* Notepad++ &lt;br /&gt;
* Visual studio code (VScode) &lt;br /&gt;
* bloc note par&lt;br /&gt;
&lt;br /&gt;
(il en existe d’autre mais voici quelque exemple)&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Logiciel_co_web.png| image des logiciel&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
==== mais c’est quoi VS code? ====&lt;br /&gt;
&lt;br /&gt;
VS Code est un éditeur de code puissant, gratuit et open-source, populaire auprès des développeurs pour son interface conviviale et ses fonctionnalités avancées.&lt;br /&gt;
&lt;br /&gt;
===== Serveur local et base de données =====&lt;br /&gt;
&lt;br /&gt;
Pour tester et développer votre application web localement, vous aurez besoin d'un serveur web et d'une base de données. Voici deux solutions populaires :&lt;br /&gt;
&lt;br /&gt;
* XAMPP&lt;br /&gt;
* WAMP&lt;br /&gt;
&lt;br /&gt;
(il en existe d’autre mais voici quelque exemple)&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;logiciel_co_web2.png|image des logiciel&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
(la suite des instruction on été réalisé avec le logiciel WAMP)&lt;br /&gt;
&lt;br /&gt;
==== mais c’est quoi WAMP? ====&lt;br /&gt;
&lt;br /&gt;
Wamp (Windows, Apache, MySQL, PHP) est un ensemble de logiciels open-source permettant de créer un environnement de développement web sur des systèmes Windows.&lt;br /&gt;
 &lt;br /&gt;
Il est utilisé par les développeurs pour créer et tester des sites web et des applications web en utilisant les technologies PHP, MySQL et Apache. &lt;br /&gt;
&lt;br /&gt;
Wamp offre un moyen pratique d'installer et de configurer ces logiciels sur un seul système, facilitant ainsi le développement local de projets web avant de les déployer sur des serveurs en ligne. &lt;br /&gt;
&lt;br /&gt;
En résumé, Wamp est utile pour créer un environnement de développement web complet sur Windows, permettant aux développeurs de travailler efficacement sur leurs projets locaux.&lt;br /&gt;
&lt;br /&gt;
== les différent langages de programmation ==&lt;br /&gt;
&lt;br /&gt;
Pour créer une application web, plusieurs langages de programmation sont utilisés, chacun ayant un rôle spécifique. &amp;lt;big&amp;gt;(HTML CSS JAVASCRIPT PHP SQL)&amp;lt;/big&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===== c’est quoi l’HTML CSS JAVASCRIPT PHP et SQL ? =====&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;HTML (HyperText Markup Language)&amp;lt;/strong&amp;gt; est utilisé pour structurer et organiser le contenu d'une page web basiquement c’est le “squelette” de la page.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_html.png|exemple de code HTML&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;CSS (Cascading Style Sheets)&amp;lt;/strong&amp;gt; permet de styliser et de mettre en forme le contenu HTML, rendant la page web plus attractive. il permet de “décorer” la page web.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_css.png|exemple de code CSS&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;JavaScript&amp;lt;/strong&amp;gt; rend la page interactive en ajoutant des fonctionnalités dynamiques comme des menus déroulants, des animations, et des formulaires interactifs.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_js.png|exemple de code JS&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;PHP&amp;lt;/strong&amp;gt; est un langage de programmation côté serveur utilisé pour générer du contenu dynamique et interagir avec les bases de données. &lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_php.png|exemple de code PHP&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;SQL&amp;lt;/strong&amp;gt; est un langage de requête utilisé pour gérer et manipuler les données stockées dans une base de données.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_sql.png|exemple de code SQL&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Création d'une base de données avec phpMyAdmin ==&lt;br /&gt;
&lt;br /&gt;
===== Qu'est-ce que phpMyAdmin ? =====&lt;br /&gt;
&lt;br /&gt;
phpMyAdmin est un outil de gestion de base de données MySQL/MariaDB basé sur le web. Il permet de créer, modifier et gérer des bases de données de manière simple et intuitive.&lt;br /&gt;
&lt;br /&gt;
===== Étapes pour créer une base de données =====&lt;br /&gt;
&lt;br /&gt;
Accéder à phpMyAdmin :&lt;br /&gt;
&lt;br /&gt;
Ouvrez votre navigateur web et allez à &amp;lt;strong&amp;gt;http://localhost/phpmyadmin.&amp;lt;/strong&amp;gt;&lt;br /&gt;
Connectez-vous avec l'utilisateur root (par défaut) et le mot de passe que vous avez défini lors de l'installation de WAMP.(par défaut il n'y a pas de mots de passe)&lt;br /&gt;
&lt;br /&gt;
===== Créer une nouvelle base de données : =====&lt;br /&gt;
&lt;br /&gt;
Dans l'interface phpMyAdmin, cliquez sur &amp;quot;Bases de données&amp;quot; dans le menu en haut.&lt;br /&gt;
Entrez le nom de votre base de données, par exemple safra_services, et cliquez sur &amp;quot;Créer&amp;quot;.&lt;br /&gt;
&lt;br /&gt;
===== Créer une table : =====&lt;br /&gt;
&lt;br /&gt;
Cliquez sur la base de données que vous venez de créer dans la colonne de gauche.&lt;br /&gt;
Cliquez sur &amp;quot;Nouvelle table&amp;quot; et entrez le nom de la table, par exemple services, et le nombre de colonnes.&lt;br /&gt;
&lt;br /&gt;
===== Définissez les colonnes nécessaires, par exemple : =====&lt;br /&gt;
&lt;br /&gt;
* id (INT, AUTO_INCREMENT, PRIMARY KEY)&lt;br /&gt;
* service_name (VARCHAR(255))&lt;br /&gt;
* status (VARCHAR(50))&lt;br /&gt;
&lt;br /&gt;
Cliquez sur &amp;quot;Enregistrer&amp;quot; pour créer la table avec les colonnes définies.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_page_phpmyadmin.jpg|Description 1&amp;lt;/gallery&amp;gt;&lt;/div&gt;</summary>
		<author><name>Vergnes-fiol dorian</name></author>
	</entry>
	<entry>
		<id>http://wikisn.rascol.net/index.php?title=Fichier:Exmpl_page_phpmyadmin.png&amp;diff=1228</id>
		<title>Fichier:Exmpl page phpmyadmin.png</title>
		<link rel="alternate" type="text/html" href="http://wikisn.rascol.net/index.php?title=Fichier:Exmpl_page_phpmyadmin.png&amp;diff=1228"/>
		<updated>2024-06-01T12:27:29Z</updated>

		<summary type="html">&lt;p&gt;Vergnes-fiol dorian : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Vergnes-fiol dorian</name></author>
	</entry>
	<entry>
		<id>http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1225</id>
		<title>Comment créé une application web</title>
		<link rel="alternate" type="text/html" href="http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1225"/>
		<updated>2024-06-01T12:21:07Z</updated>

		<summary type="html">&lt;p&gt;Vergnes-fiol dorian : /* Création d'une base de données avec phpMyAdmin */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;===== pour illustré mes information je vais utilisé l'application web que j'ai faite Duran un stage a la SAFRA =====&lt;br /&gt;
&lt;br /&gt;
l'objectif était de créer un &amp;lt;big&amp;gt;outil pratique et dynamique&amp;lt;/big&amp;gt; pour montre en temp et en heure l'état des différent service de la SAFRA (&amp;lt;span style=&amp;quot;color:#228B22&amp;quot;&amp;gt;en ligne&amp;lt;/span&amp;gt; /  &amp;lt;span style=&amp;quot;color:#FF0000&amp;quot;&amp;gt;hors ligne&amp;lt;/span&amp;gt; / &amp;lt;span style=&amp;quot;color:#DAA520&amp;quot;&amp;gt;en maintenance&amp;lt;/span&amp;gt;)&lt;br /&gt;
Pour cela, j'ai donc eu besoin de créer une application web.&lt;br /&gt;
&lt;br /&gt;
== mais c’est quoi une application web? il y a quoi de différent avec un site web? ==&lt;br /&gt;
&lt;br /&gt;
Une application web est un programme informatique accessible via un navigateur web, offrant une expérience interactive et dynamique aux utilisateurs. Contrairement à un site web qui présente des informations statiques, une application web permet des interactions avancées comme la manipulation de données en temps réel, la personnalisation, et des fonctionnalités complexes.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;strong&amp;gt;Exemple :&amp;lt;/strong&amp;gt; À la SAFRA, j'ai développé une application web pour suivre l'état des différents services (en ligne, hors ligne, en maintenance) en temps réel. &lt;br /&gt;
&lt;br /&gt;
En résumé, un site web est plus axé sur la présentation de contenu, tandis qu'une application web offre une expérience utilisateur plus dynamique et interactive.&lt;br /&gt;
&lt;br /&gt;
== quel logiciel faut-il installé? ==&lt;br /&gt;
&lt;br /&gt;
===== Éditeur de texte =====&lt;br /&gt;
&lt;br /&gt;
Pour créer notre application web on va avoir besoin d’un éditeur de texte comme: &lt;br /&gt;
&lt;br /&gt;
* Notepad++ &lt;br /&gt;
* Visual studio code (VScode) &lt;br /&gt;
* bloc note par&lt;br /&gt;
&lt;br /&gt;
(il en existe d’autre mais voici quelque exemple)&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Logiciel_co_web.png| image des logiciel&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
==== mais c’est quoi VS code? ====&lt;br /&gt;
&lt;br /&gt;
VS Code est un éditeur de code puissant, gratuit et open-source, populaire auprès des développeurs pour son interface conviviale et ses fonctionnalités avancées.&lt;br /&gt;
&lt;br /&gt;
===== Serveur local et base de données =====&lt;br /&gt;
&lt;br /&gt;
Pour tester et développer votre application web localement, vous aurez besoin d'un serveur web et d'une base de données. Voici deux solutions populaires :&lt;br /&gt;
&lt;br /&gt;
* XAMPP&lt;br /&gt;
* WAMP&lt;br /&gt;
&lt;br /&gt;
(il en existe d’autre mais voici quelque exemple)&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;logiciel_co_web2.png|image des logiciel&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
(la suite des instruction on été réalisé avec le logiciel WAMP)&lt;br /&gt;
&lt;br /&gt;
==== mais c’est quoi WAMP? ====&lt;br /&gt;
&lt;br /&gt;
Wamp (Windows, Apache, MySQL, PHP) est un ensemble de logiciels open-source permettant de créer un environnement de développement web sur des systèmes Windows.&lt;br /&gt;
 &lt;br /&gt;
Il est utilisé par les développeurs pour créer et tester des sites web et des applications web en utilisant les technologies PHP, MySQL et Apache. &lt;br /&gt;
&lt;br /&gt;
Wamp offre un moyen pratique d'installer et de configurer ces logiciels sur un seul système, facilitant ainsi le développement local de projets web avant de les déployer sur des serveurs en ligne. &lt;br /&gt;
&lt;br /&gt;
En résumé, Wamp est utile pour créer un environnement de développement web complet sur Windows, permettant aux développeurs de travailler efficacement sur leurs projets locaux.&lt;br /&gt;
&lt;br /&gt;
== les différent langages de programmation ==&lt;br /&gt;
&lt;br /&gt;
Pour créer une application web, plusieurs langages de programmation sont utilisés, chacun ayant un rôle spécifique. &amp;lt;big&amp;gt;(HTML CSS JAVASCRIPT PHP SQL)&amp;lt;/big&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===== c’est quoi l’HTML CSS JAVASCRIPT PHP et SQL ? =====&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;HTML (HyperText Markup Language)&amp;lt;/strong&amp;gt; est utilisé pour structurer et organiser le contenu d'une page web basiquement c’est le “squelette” de la page.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_html.png|exemple de code HTML&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;CSS (Cascading Style Sheets)&amp;lt;/strong&amp;gt; permet de styliser et de mettre en forme le contenu HTML, rendant la page web plus attractive. il permet de “décorer” la page web.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_css.png|exemple de code CSS&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;JavaScript&amp;lt;/strong&amp;gt; rend la page interactive en ajoutant des fonctionnalités dynamiques comme des menus déroulants, des animations, et des formulaires interactifs.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_js.png|exemple de code JS&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;PHP&amp;lt;/strong&amp;gt; est un langage de programmation côté serveur utilisé pour générer du contenu dynamique et interagir avec les bases de données. &lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_php.png|exemple de code PHP&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;SQL&amp;lt;/strong&amp;gt; est un langage de requête utilisé pour gérer et manipuler les données stockées dans une base de données.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_sql.png|exemple de code SQL&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Création d'une base de données avec phpMyAdmin ==&lt;br /&gt;
&lt;br /&gt;
===== Qu'est-ce que phpMyAdmin ? =====&lt;br /&gt;
&lt;br /&gt;
phpMyAdmin est un outil de gestion de base de données MySQL/MariaDB basé sur le web. Il permet de créer, modifier et gérer des bases de données de manière simple et intuitive.&lt;br /&gt;
&lt;br /&gt;
===== Étapes pour créer une base de données =====&lt;br /&gt;
&lt;br /&gt;
Accéder à phpMyAdmin :&lt;br /&gt;
&lt;br /&gt;
Ouvrez votre navigateur web et allez à &amp;lt;strong&amp;gt;http://localhost/phpmyadmin.&amp;lt;/strong&amp;gt;&lt;br /&gt;
Connectez-vous avec l'utilisateur root (par défaut) et le mot de passe que vous avez défini lors de l'installation de WAMP.(par défaut il n'y a pas de mots de passe)&lt;br /&gt;
&lt;br /&gt;
===== Créer une nouvelle base de données : =====&lt;br /&gt;
&lt;br /&gt;
Dans l'interface phpMyAdmin, cliquez sur &amp;quot;Bases de données&amp;quot; dans le menu en haut.&lt;br /&gt;
Entrez le nom de votre base de données, par exemple safra_services, et cliquez sur &amp;quot;Créer&amp;quot;.&lt;br /&gt;
&lt;br /&gt;
===== Créer une table : =====&lt;br /&gt;
&lt;br /&gt;
Cliquez sur la base de données que vous venez de créer dans la colonne de gauche.&lt;br /&gt;
Cliquez sur &amp;quot;Nouvelle table&amp;quot; et entrez le nom de la table, par exemple services, et le nombre de colonnes.&lt;br /&gt;
&lt;br /&gt;
===== Définissez les colonnes nécessaires, par exemple : =====&lt;br /&gt;
&lt;br /&gt;
* id (INT, AUTO_INCREMENT, PRIMARY KEY)&lt;br /&gt;
* service_name (VARCHAR(255))&lt;br /&gt;
* status (VARCHAR(50))&lt;br /&gt;
&lt;br /&gt;
Cliquez sur &amp;quot;Enregistrer&amp;quot; pour créer la table avec les colonnes définies.&lt;/div&gt;</summary>
		<author><name>Vergnes-fiol dorian</name></author>
	</entry>
	<entry>
		<id>http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1223</id>
		<title>Comment créé une application web</title>
		<link rel="alternate" type="text/html" href="http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1223"/>
		<updated>2024-06-01T12:16:41Z</updated>

		<summary type="html">&lt;p&gt;Vergnes-fiol dorian : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;===== pour illustré mes information je vais utilisé l'application web que j'ai faite Duran un stage a la SAFRA =====&lt;br /&gt;
&lt;br /&gt;
l'objectif était de créer un &amp;lt;big&amp;gt;outil pratique et dynamique&amp;lt;/big&amp;gt; pour montre en temp et en heure l'état des différent service de la SAFRA (&amp;lt;span style=&amp;quot;color:#228B22&amp;quot;&amp;gt;en ligne&amp;lt;/span&amp;gt; /  &amp;lt;span style=&amp;quot;color:#FF0000&amp;quot;&amp;gt;hors ligne&amp;lt;/span&amp;gt; / &amp;lt;span style=&amp;quot;color:#DAA520&amp;quot;&amp;gt;en maintenance&amp;lt;/span&amp;gt;)&lt;br /&gt;
Pour cela, j'ai donc eu besoin de créer une application web.&lt;br /&gt;
&lt;br /&gt;
== mais c’est quoi une application web? il y a quoi de différent avec un site web? ==&lt;br /&gt;
&lt;br /&gt;
Une application web est un programme informatique accessible via un navigateur web, offrant une expérience interactive et dynamique aux utilisateurs. Contrairement à un site web qui présente des informations statiques, une application web permet des interactions avancées comme la manipulation de données en temps réel, la personnalisation, et des fonctionnalités complexes.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;strong&amp;gt;Exemple :&amp;lt;/strong&amp;gt; À la SAFRA, j'ai développé une application web pour suivre l'état des différents services (en ligne, hors ligne, en maintenance) en temps réel. &lt;br /&gt;
&lt;br /&gt;
En résumé, un site web est plus axé sur la présentation de contenu, tandis qu'une application web offre une expérience utilisateur plus dynamique et interactive.&lt;br /&gt;
&lt;br /&gt;
== quel logiciel faut-il installé? ==&lt;br /&gt;
&lt;br /&gt;
===== Éditeur de texte =====&lt;br /&gt;
&lt;br /&gt;
Pour créer notre application web on va avoir besoin d’un éditeur de texte comme: &lt;br /&gt;
&lt;br /&gt;
* Notepad++ &lt;br /&gt;
* Visual studio code (VScode) &lt;br /&gt;
* bloc note par&lt;br /&gt;
&lt;br /&gt;
(il en existe d’autre mais voici quelque exemple)&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Logiciel_co_web.png| image des logiciel&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
==== mais c’est quoi VS code? ====&lt;br /&gt;
&lt;br /&gt;
VS Code est un éditeur de code puissant, gratuit et open-source, populaire auprès des développeurs pour son interface conviviale et ses fonctionnalités avancées.&lt;br /&gt;
&lt;br /&gt;
===== Serveur local et base de données =====&lt;br /&gt;
&lt;br /&gt;
Pour tester et développer votre application web localement, vous aurez besoin d'un serveur web et d'une base de données. Voici deux solutions populaires :&lt;br /&gt;
&lt;br /&gt;
* XAMPP&lt;br /&gt;
* WAMP&lt;br /&gt;
&lt;br /&gt;
(il en existe d’autre mais voici quelque exemple)&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;logiciel_co_web2.png|image des logiciel&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
(la suite des instruction on été réalisé avec le logiciel WAMP)&lt;br /&gt;
&lt;br /&gt;
==== mais c’est quoi WAMP? ====&lt;br /&gt;
&lt;br /&gt;
Wamp (Windows, Apache, MySQL, PHP) est un ensemble de logiciels open-source permettant de créer un environnement de développement web sur des systèmes Windows.&lt;br /&gt;
 &lt;br /&gt;
Il est utilisé par les développeurs pour créer et tester des sites web et des applications web en utilisant les technologies PHP, MySQL et Apache. &lt;br /&gt;
&lt;br /&gt;
Wamp offre un moyen pratique d'installer et de configurer ces logiciels sur un seul système, facilitant ainsi le développement local de projets web avant de les déployer sur des serveurs en ligne. &lt;br /&gt;
&lt;br /&gt;
En résumé, Wamp est utile pour créer un environnement de développement web complet sur Windows, permettant aux développeurs de travailler efficacement sur leurs projets locaux.&lt;br /&gt;
&lt;br /&gt;
== les différent langages de programmation ==&lt;br /&gt;
&lt;br /&gt;
Pour créer une application web, plusieurs langages de programmation sont utilisés, chacun ayant un rôle spécifique. &amp;lt;big&amp;gt;(HTML CSS JAVASCRIPT PHP SQL)&amp;lt;/big&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===== c’est quoi l’HTML CSS JAVASCRIPT PHP et SQL ? =====&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;HTML (HyperText Markup Language)&amp;lt;/strong&amp;gt; est utilisé pour structurer et organiser le contenu d'une page web basiquement c’est le “squelette” de la page.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_html.png|exemple de code HTML&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;CSS (Cascading Style Sheets)&amp;lt;/strong&amp;gt; permet de styliser et de mettre en forme le contenu HTML, rendant la page web plus attractive. il permet de “décorer” la page web.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_css.png|exemple de code CSS&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;JavaScript&amp;lt;/strong&amp;gt; rend la page interactive en ajoutant des fonctionnalités dynamiques comme des menus déroulants, des animations, et des formulaires interactifs.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_js.png|exemple de code JS&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;PHP&amp;lt;/strong&amp;gt; est un langage de programmation côté serveur utilisé pour générer du contenu dynamique et interagir avec les bases de données. &lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_php.png|exemple de code PHP&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;SQL&amp;lt;/strong&amp;gt; est un langage de requête utilisé pour gérer et manipuler les données stockées dans une base de données.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_sql.png|exemple de code SQL&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Création d'une base de données avec phpMyAdmin ==&lt;/div&gt;</summary>
		<author><name>Vergnes-fiol dorian</name></author>
	</entry>
	<entry>
		<id>http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1222</id>
		<title>Comment créé une application web</title>
		<link rel="alternate" type="text/html" href="http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1222"/>
		<updated>2024-06-01T12:15:57Z</updated>

		<summary type="html">&lt;p&gt;Vergnes-fiol dorian : /* c’est quoi l’HTML CSS JAVASCRIPT PHP et SQL ? */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;===== pour illustré mes information je vais utilisé l'application web que j'ai faite Duran un stage a la SAFRA =====&lt;br /&gt;
&lt;br /&gt;
l'objectif était de créer un &amp;lt;big&amp;gt;outil pratique et dynamique&amp;lt;/big&amp;gt; pour montre en temp et en heure l'état des différent service de la SAFRA (&amp;lt;span style=&amp;quot;color:#228B22&amp;quot;&amp;gt;en ligne&amp;lt;/span&amp;gt; /  &amp;lt;span style=&amp;quot;color:#FF0000&amp;quot;&amp;gt;hors ligne&amp;lt;/span&amp;gt; / &amp;lt;span style=&amp;quot;color:#DAA520&amp;quot;&amp;gt;en maintenance&amp;lt;/span&amp;gt;)&lt;br /&gt;
Pour cela, j'ai donc eu besoin de créer une application web.&lt;br /&gt;
&lt;br /&gt;
== mais c’est quoi une application web? il y a quoi de différent avec un site web? ==&lt;br /&gt;
&lt;br /&gt;
Une application web est un programme informatique accessible via un navigateur web, offrant une expérience interactive et dynamique aux utilisateurs. Contrairement à un site web qui présente des informations statiques, une application web permet des interactions avancées comme la manipulation de données en temps réel, la personnalisation, et des fonctionnalités complexes.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;strong&amp;gt;Exemple :&amp;lt;/strong&amp;gt; À la SAFRA, j'ai développé une application web pour suivre l'état des différents services (en ligne, hors ligne, en maintenance) en temps réel. &lt;br /&gt;
&lt;br /&gt;
En résumé, un site web est plus axé sur la présentation de contenu, tandis qu'une application web offre une expérience utilisateur plus dynamique et interactive.&lt;br /&gt;
&lt;br /&gt;
== quel logiciel faut-il installé? ==&lt;br /&gt;
&lt;br /&gt;
===== Éditeur de texte =====&lt;br /&gt;
&lt;br /&gt;
Pour créer notre application web on va avoir besoin d’un éditeur de texte comme: &lt;br /&gt;
&lt;br /&gt;
* Notepad++ &lt;br /&gt;
* Visual studio code (VScode) &lt;br /&gt;
* bloc note par&lt;br /&gt;
&lt;br /&gt;
(il en existe d’autre mais voici quelque exemple)&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Logiciel_co_web.png| image des logiciel&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
==== mais c’est quoi VS code? ====&lt;br /&gt;
&lt;br /&gt;
VS Code est un éditeur de code puissant, gratuit et open-source, populaire auprès des développeurs pour son interface conviviale et ses fonctionnalités avancées.&lt;br /&gt;
&lt;br /&gt;
===== Serveur local et base de données =====&lt;br /&gt;
&lt;br /&gt;
Pour tester et développer votre application web localement, vous aurez besoin d'un serveur web et d'une base de données. Voici deux solutions populaires :&lt;br /&gt;
&lt;br /&gt;
* XAMPP&lt;br /&gt;
* WAMP&lt;br /&gt;
&lt;br /&gt;
(il en existe d’autre mais voici quelque exemple)&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;logiciel_co_web2.png|image des logiciel&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
(la suite des instruction on été réalisé avec le logiciel WAMP)&lt;br /&gt;
&lt;br /&gt;
==== mais c’est quoi WAMP? ====&lt;br /&gt;
&lt;br /&gt;
Wamp (Windows, Apache, MySQL, PHP) est un ensemble de logiciels open-source permettant de créer un environnement de développement web sur des systèmes Windows.&lt;br /&gt;
 &lt;br /&gt;
Il est utilisé par les développeurs pour créer et tester des sites web et des applications web en utilisant les technologies PHP, MySQL et Apache. &lt;br /&gt;
&lt;br /&gt;
Wamp offre un moyen pratique d'installer et de configurer ces logiciels sur un seul système, facilitant ainsi le développement local de projets web avant de les déployer sur des serveurs en ligne. &lt;br /&gt;
&lt;br /&gt;
En résumé, Wamp est utile pour créer un environnement de développement web complet sur Windows, permettant aux développeurs de travailler efficacement sur leurs projets locaux.&lt;br /&gt;
&lt;br /&gt;
== les différent langages de programmation ==&lt;br /&gt;
&lt;br /&gt;
Pour créer une application web, plusieurs langages de programmation sont utilisés, chacun ayant un rôle spécifique. &amp;lt;big&amp;gt;(HTML CSS JAVASCRIPT PHP SQL)&amp;lt;/big&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===== c’est quoi l’HTML CSS JAVASCRIPT PHP et SQL ? =====&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;HTML (HyperText Markup Language)&amp;lt;/strong&amp;gt; est utilisé pour structurer et organiser le contenu d'une page web basiquement c’est le “squelette” de la page.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_html.png|exemple de code HTML&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;CSS (Cascading Style Sheets)&amp;lt;/strong&amp;gt; permet de styliser et de mettre en forme le contenu HTML, rendant la page web plus attractive. il permet de “décorer” la page web.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_css.png|exemple de code CSS&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;JavaScript&amp;lt;/strong&amp;gt; rend la page interactive en ajoutant des fonctionnalités dynamiques comme des menus déroulants, des animations, et des formulaires interactifs.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_js.png|exemple de code JS&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;PHP&amp;lt;/strong&amp;gt; est un langage de programmation côté serveur utilisé pour générer du contenu dynamique et interagir avec les bases de données. &lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_php.png|exemple de code PHP&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;SQL&amp;lt;/strong&amp;gt; est un langage de requête utilisé pour gérer et manipuler les données stockées dans une base de données.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_sql.png|exemple de code SQL&amp;lt;/gallery&amp;gt;&lt;/div&gt;</summary>
		<author><name>Vergnes-fiol dorian</name></author>
	</entry>
	<entry>
		<id>http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1221</id>
		<title>Comment créé une application web</title>
		<link rel="alternate" type="text/html" href="http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1221"/>
		<updated>2024-06-01T12:15:25Z</updated>

		<summary type="html">&lt;p&gt;Vergnes-fiol dorian : /* c’est quoi l’HTML CSS JAVASCRIPT PHP et SQL ? */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;===== pour illustré mes information je vais utilisé l'application web que j'ai faite Duran un stage a la SAFRA =====&lt;br /&gt;
&lt;br /&gt;
l'objectif était de créer un &amp;lt;big&amp;gt;outil pratique et dynamique&amp;lt;/big&amp;gt; pour montre en temp et en heure l'état des différent service de la SAFRA (&amp;lt;span style=&amp;quot;color:#228B22&amp;quot;&amp;gt;en ligne&amp;lt;/span&amp;gt; /  &amp;lt;span style=&amp;quot;color:#FF0000&amp;quot;&amp;gt;hors ligne&amp;lt;/span&amp;gt; / &amp;lt;span style=&amp;quot;color:#DAA520&amp;quot;&amp;gt;en maintenance&amp;lt;/span&amp;gt;)&lt;br /&gt;
Pour cela, j'ai donc eu besoin de créer une application web.&lt;br /&gt;
&lt;br /&gt;
== mais c’est quoi une application web? il y a quoi de différent avec un site web? ==&lt;br /&gt;
&lt;br /&gt;
Une application web est un programme informatique accessible via un navigateur web, offrant une expérience interactive et dynamique aux utilisateurs. Contrairement à un site web qui présente des informations statiques, une application web permet des interactions avancées comme la manipulation de données en temps réel, la personnalisation, et des fonctionnalités complexes.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;strong&amp;gt;Exemple :&amp;lt;/strong&amp;gt; À la SAFRA, j'ai développé une application web pour suivre l'état des différents services (en ligne, hors ligne, en maintenance) en temps réel. &lt;br /&gt;
&lt;br /&gt;
En résumé, un site web est plus axé sur la présentation de contenu, tandis qu'une application web offre une expérience utilisateur plus dynamique et interactive.&lt;br /&gt;
&lt;br /&gt;
== quel logiciel faut-il installé? ==&lt;br /&gt;
&lt;br /&gt;
===== Éditeur de texte =====&lt;br /&gt;
&lt;br /&gt;
Pour créer notre application web on va avoir besoin d’un éditeur de texte comme: &lt;br /&gt;
&lt;br /&gt;
* Notepad++ &lt;br /&gt;
* Visual studio code (VScode) &lt;br /&gt;
* bloc note par&lt;br /&gt;
&lt;br /&gt;
(il en existe d’autre mais voici quelque exemple)&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Logiciel_co_web.png| image des logiciel&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
==== mais c’est quoi VS code? ====&lt;br /&gt;
&lt;br /&gt;
VS Code est un éditeur de code puissant, gratuit et open-source, populaire auprès des développeurs pour son interface conviviale et ses fonctionnalités avancées.&lt;br /&gt;
&lt;br /&gt;
===== Serveur local et base de données =====&lt;br /&gt;
&lt;br /&gt;
Pour tester et développer votre application web localement, vous aurez besoin d'un serveur web et d'une base de données. Voici deux solutions populaires :&lt;br /&gt;
&lt;br /&gt;
* XAMPP&lt;br /&gt;
* WAMP&lt;br /&gt;
&lt;br /&gt;
(il en existe d’autre mais voici quelque exemple)&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;logiciel_co_web2.png|image des logiciel&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
(la suite des instruction on été réalisé avec le logiciel WAMP)&lt;br /&gt;
&lt;br /&gt;
==== mais c’est quoi WAMP? ====&lt;br /&gt;
&lt;br /&gt;
Wamp (Windows, Apache, MySQL, PHP) est un ensemble de logiciels open-source permettant de créer un environnement de développement web sur des systèmes Windows.&lt;br /&gt;
 &lt;br /&gt;
Il est utilisé par les développeurs pour créer et tester des sites web et des applications web en utilisant les technologies PHP, MySQL et Apache. &lt;br /&gt;
&lt;br /&gt;
Wamp offre un moyen pratique d'installer et de configurer ces logiciels sur un seul système, facilitant ainsi le développement local de projets web avant de les déployer sur des serveurs en ligne. &lt;br /&gt;
&lt;br /&gt;
En résumé, Wamp est utile pour créer un environnement de développement web complet sur Windows, permettant aux développeurs de travailler efficacement sur leurs projets locaux.&lt;br /&gt;
&lt;br /&gt;
== les différent langages de programmation ==&lt;br /&gt;
&lt;br /&gt;
Pour créer une application web, plusieurs langages de programmation sont utilisés, chacun ayant un rôle spécifique. &amp;lt;big&amp;gt;(HTML CSS JAVASCRIPT PHP SQL)&amp;lt;/big&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===== c’est quoi l’HTML CSS JAVASCRIPT PHP et SQL ? =====&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;HTML (HyperText Markup Language)&amp;lt;/strong&amp;gt; est utilisé pour structurer et organiser le contenu d'une page web basiquement c’est le “squelette” de la page.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_html.png|exemple de code HTML&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;CSS (Cascading Style Sheets)&amp;lt;/strong&amp;gt; permet de styliser et de mettre en forme le contenu HTML, rendant la page web plus attractive. il permet de “décorer” la page web.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_css.png|exemple de code CSS&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;JavaScript&amp;lt;/strong&amp;gt; rend la page interactive en ajoutant des fonctionnalités dynamiques comme des menus déroulants, des animations, et des formulaires interactifs.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_js.png|exemple de code CSS&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;PHP&amp;lt;/strong&amp;gt; est un langage de programmation côté serveur utilisé pour générer du contenu dynamique et interagir avec les bases de données. &lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_php.png|exemple de code CSS&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;SQL&amp;lt;/strong&amp;gt; est un langage de requête utilisé pour gérer et manipuler les données stockées dans une base de données.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_sql.png|exemple de code CSS&amp;lt;/gallery&amp;gt;&lt;/div&gt;</summary>
		<author><name>Vergnes-fiol dorian</name></author>
	</entry>
	<entry>
		<id>http://wikisn.rascol.net/index.php?title=Fichier:Exmpl_code_sql.png&amp;diff=1220</id>
		<title>Fichier:Exmpl code sql.png</title>
		<link rel="alternate" type="text/html" href="http://wikisn.rascol.net/index.php?title=Fichier:Exmpl_code_sql.png&amp;diff=1220"/>
		<updated>2024-06-01T12:14:47Z</updated>

		<summary type="html">&lt;p&gt;Vergnes-fiol dorian : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Vergnes-fiol dorian</name></author>
	</entry>
	<entry>
		<id>http://wikisn.rascol.net/index.php?title=Fichier:Exmpl_code_php.png&amp;diff=1219</id>
		<title>Fichier:Exmpl code php.png</title>
		<link rel="alternate" type="text/html" href="http://wikisn.rascol.net/index.php?title=Fichier:Exmpl_code_php.png&amp;diff=1219"/>
		<updated>2024-06-01T12:12:37Z</updated>

		<summary type="html">&lt;p&gt;Vergnes-fiol dorian : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Vergnes-fiol dorian</name></author>
	</entry>
	<entry>
		<id>http://wikisn.rascol.net/index.php?title=Fichier:Exmpl_code_js.png&amp;diff=1218</id>
		<title>Fichier:Exmpl code js.png</title>
		<link rel="alternate" type="text/html" href="http://wikisn.rascol.net/index.php?title=Fichier:Exmpl_code_js.png&amp;diff=1218"/>
		<updated>2024-06-01T12:10:43Z</updated>

		<summary type="html">&lt;p&gt;Vergnes-fiol dorian : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Vergnes-fiol dorian</name></author>
	</entry>
	<entry>
		<id>http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1217</id>
		<title>Comment créé une application web</title>
		<link rel="alternate" type="text/html" href="http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1217"/>
		<updated>2024-06-01T12:05:05Z</updated>

		<summary type="html">&lt;p&gt;Vergnes-fiol dorian : /* c’est quoi l’HTML CSS JAVASCRIPT PHP et SQL ? */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;===== pour illustré mes information je vais utilisé l'application web que j'ai faite Duran un stage a la SAFRA =====&lt;br /&gt;
&lt;br /&gt;
l'objectif était de créer un &amp;lt;big&amp;gt;outil pratique et dynamique&amp;lt;/big&amp;gt; pour montre en temp et en heure l'état des différent service de la SAFRA (&amp;lt;span style=&amp;quot;color:#228B22&amp;quot;&amp;gt;en ligne&amp;lt;/span&amp;gt; /  &amp;lt;span style=&amp;quot;color:#FF0000&amp;quot;&amp;gt;hors ligne&amp;lt;/span&amp;gt; / &amp;lt;span style=&amp;quot;color:#DAA520&amp;quot;&amp;gt;en maintenance&amp;lt;/span&amp;gt;)&lt;br /&gt;
Pour cela, j'ai donc eu besoin de créer une application web.&lt;br /&gt;
&lt;br /&gt;
== mais c’est quoi une application web? il y a quoi de différent avec un site web? ==&lt;br /&gt;
&lt;br /&gt;
Une application web est un programme informatique accessible via un navigateur web, offrant une expérience interactive et dynamique aux utilisateurs. Contrairement à un site web qui présente des informations statiques, une application web permet des interactions avancées comme la manipulation de données en temps réel, la personnalisation, et des fonctionnalités complexes.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;strong&amp;gt;Exemple :&amp;lt;/strong&amp;gt; À la SAFRA, j'ai développé une application web pour suivre l'état des différents services (en ligne, hors ligne, en maintenance) en temps réel. &lt;br /&gt;
&lt;br /&gt;
En résumé, un site web est plus axé sur la présentation de contenu, tandis qu'une application web offre une expérience utilisateur plus dynamique et interactive.&lt;br /&gt;
&lt;br /&gt;
== quel logiciel faut-il installé? ==&lt;br /&gt;
&lt;br /&gt;
===== Éditeur de texte =====&lt;br /&gt;
&lt;br /&gt;
Pour créer notre application web on va avoir besoin d’un éditeur de texte comme: &lt;br /&gt;
&lt;br /&gt;
* Notepad++ &lt;br /&gt;
* Visual studio code (VScode) &lt;br /&gt;
* bloc note par&lt;br /&gt;
&lt;br /&gt;
(il en existe d’autre mais voici quelque exemple)&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Logiciel_co_web.png| image des logiciel&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
==== mais c’est quoi VS code? ====&lt;br /&gt;
&lt;br /&gt;
VS Code est un éditeur de code puissant, gratuit et open-source, populaire auprès des développeurs pour son interface conviviale et ses fonctionnalités avancées.&lt;br /&gt;
&lt;br /&gt;
===== Serveur local et base de données =====&lt;br /&gt;
&lt;br /&gt;
Pour tester et développer votre application web localement, vous aurez besoin d'un serveur web et d'une base de données. Voici deux solutions populaires :&lt;br /&gt;
&lt;br /&gt;
* XAMPP&lt;br /&gt;
* WAMP&lt;br /&gt;
&lt;br /&gt;
(il en existe d’autre mais voici quelque exemple)&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;logiciel_co_web2.png|image des logiciel&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
(la suite des instruction on été réalisé avec le logiciel WAMP)&lt;br /&gt;
&lt;br /&gt;
==== mais c’est quoi WAMP? ====&lt;br /&gt;
&lt;br /&gt;
Wamp (Windows, Apache, MySQL, PHP) est un ensemble de logiciels open-source permettant de créer un environnement de développement web sur des systèmes Windows.&lt;br /&gt;
 &lt;br /&gt;
Il est utilisé par les développeurs pour créer et tester des sites web et des applications web en utilisant les technologies PHP, MySQL et Apache. &lt;br /&gt;
&lt;br /&gt;
Wamp offre un moyen pratique d'installer et de configurer ces logiciels sur un seul système, facilitant ainsi le développement local de projets web avant de les déployer sur des serveurs en ligne. &lt;br /&gt;
&lt;br /&gt;
En résumé, Wamp est utile pour créer un environnement de développement web complet sur Windows, permettant aux développeurs de travailler efficacement sur leurs projets locaux.&lt;br /&gt;
&lt;br /&gt;
== les différent langages de programmation ==&lt;br /&gt;
&lt;br /&gt;
Pour créer une application web, plusieurs langages de programmation sont utilisés, chacun ayant un rôle spécifique. &amp;lt;big&amp;gt;(HTML CSS JAVASCRIPT PHP SQL)&amp;lt;/big&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===== c’est quoi l’HTML CSS JAVASCRIPT PHP et SQL ? =====&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;HTML (HyperText Markup Language)&amp;lt;/strong&amp;gt; est utilisé pour structurer et organiser le contenu d'une page web basiquement c’est le “squelette” de la page.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_html.png|exemple de code HTML&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;CSS (Cascading Style Sheets)&amp;lt;/strong&amp;gt; permet de styliser et de mettre en forme le contenu HTML, rendant la page web plus attractive. il permet de “décorer” la page web.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_css.png|exemple de code CSS&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;JavaScript&amp;lt;/strong&amp;gt; rend la page interactive en ajoutant des fonctionnalités dynamiques comme des menus déroulants, des animations, et des formulaires interactifs.&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;PHP&amp;lt;/strong&amp;gt; est un langage de programmation côté serveur utilisé pour générer du contenu dynamique et interagir avec les bases de données. &lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;SQL&amp;lt;/strong&amp;gt; est un langage de requête utilisé pour gérer et manipuler les données stockées dans une base de données.&lt;/div&gt;</summary>
		<author><name>Vergnes-fiol dorian</name></author>
	</entry>
	<entry>
		<id>http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1216</id>
		<title>Comment créé une application web</title>
		<link rel="alternate" type="text/html" href="http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1216"/>
		<updated>2024-06-01T12:01:37Z</updated>

		<summary type="html">&lt;p&gt;Vergnes-fiol dorian : /* c’est quoi l’HTML CSS JAVASCRIPT PHP et SQL ? */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;===== pour illustré mes information je vais utilisé l'application web que j'ai faite Duran un stage a la SAFRA =====&lt;br /&gt;
&lt;br /&gt;
l'objectif était de créer un &amp;lt;big&amp;gt;outil pratique et dynamique&amp;lt;/big&amp;gt; pour montre en temp et en heure l'état des différent service de la SAFRA (&amp;lt;span style=&amp;quot;color:#228B22&amp;quot;&amp;gt;en ligne&amp;lt;/span&amp;gt; /  &amp;lt;span style=&amp;quot;color:#FF0000&amp;quot;&amp;gt;hors ligne&amp;lt;/span&amp;gt; / &amp;lt;span style=&amp;quot;color:#DAA520&amp;quot;&amp;gt;en maintenance&amp;lt;/span&amp;gt;)&lt;br /&gt;
Pour cela, j'ai donc eu besoin de créer une application web.&lt;br /&gt;
&lt;br /&gt;
== mais c’est quoi une application web? il y a quoi de différent avec un site web? ==&lt;br /&gt;
&lt;br /&gt;
Une application web est un programme informatique accessible via un navigateur web, offrant une expérience interactive et dynamique aux utilisateurs. Contrairement à un site web qui présente des informations statiques, une application web permet des interactions avancées comme la manipulation de données en temps réel, la personnalisation, et des fonctionnalités complexes.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;strong&amp;gt;Exemple :&amp;lt;/strong&amp;gt; À la SAFRA, j'ai développé une application web pour suivre l'état des différents services (en ligne, hors ligne, en maintenance) en temps réel. &lt;br /&gt;
&lt;br /&gt;
En résumé, un site web est plus axé sur la présentation de contenu, tandis qu'une application web offre une expérience utilisateur plus dynamique et interactive.&lt;br /&gt;
&lt;br /&gt;
== quel logiciel faut-il installé? ==&lt;br /&gt;
&lt;br /&gt;
===== Éditeur de texte =====&lt;br /&gt;
&lt;br /&gt;
Pour créer notre application web on va avoir besoin d’un éditeur de texte comme: &lt;br /&gt;
&lt;br /&gt;
* Notepad++ &lt;br /&gt;
* Visual studio code (VScode) &lt;br /&gt;
* bloc note par&lt;br /&gt;
&lt;br /&gt;
(il en existe d’autre mais voici quelque exemple)&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Logiciel_co_web.png| image des logiciel&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
==== mais c’est quoi VS code? ====&lt;br /&gt;
&lt;br /&gt;
VS Code est un éditeur de code puissant, gratuit et open-source, populaire auprès des développeurs pour son interface conviviale et ses fonctionnalités avancées.&lt;br /&gt;
&lt;br /&gt;
===== Serveur local et base de données =====&lt;br /&gt;
&lt;br /&gt;
Pour tester et développer votre application web localement, vous aurez besoin d'un serveur web et d'une base de données. Voici deux solutions populaires :&lt;br /&gt;
&lt;br /&gt;
* XAMPP&lt;br /&gt;
* WAMP&lt;br /&gt;
&lt;br /&gt;
(il en existe d’autre mais voici quelque exemple)&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;logiciel_co_web2.png|image des logiciel&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
(la suite des instruction on été réalisé avec le logiciel WAMP)&lt;br /&gt;
&lt;br /&gt;
==== mais c’est quoi WAMP? ====&lt;br /&gt;
&lt;br /&gt;
Wamp (Windows, Apache, MySQL, PHP) est un ensemble de logiciels open-source permettant de créer un environnement de développement web sur des systèmes Windows.&lt;br /&gt;
 &lt;br /&gt;
Il est utilisé par les développeurs pour créer et tester des sites web et des applications web en utilisant les technologies PHP, MySQL et Apache. &lt;br /&gt;
&lt;br /&gt;
Wamp offre un moyen pratique d'installer et de configurer ces logiciels sur un seul système, facilitant ainsi le développement local de projets web avant de les déployer sur des serveurs en ligne. &lt;br /&gt;
&lt;br /&gt;
En résumé, Wamp est utile pour créer un environnement de développement web complet sur Windows, permettant aux développeurs de travailler efficacement sur leurs projets locaux.&lt;br /&gt;
&lt;br /&gt;
== les différent langages de programmation ==&lt;br /&gt;
&lt;br /&gt;
Pour créer une application web, plusieurs langages de programmation sont utilisés, chacun ayant un rôle spécifique. &amp;lt;big&amp;gt;(HTML CSS JAVASCRIPT PHP SQL)&amp;lt;/big&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===== c’est quoi l’HTML CSS JAVASCRIPT PHP et SQL ? =====&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;HTML (HyperText Markup Language)&amp;lt;/strong&amp;gt; est utilisé pour structurer et organiser le contenu d'une page web basiquement c’est le “squelette” de la page.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_html.png|exemple de code HTML&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
* &amp;lt;strong&amp;gt;CSS (Cascading Style Sheets)&amp;lt;/strong&amp;gt; permet de styliser et de mettre en forme le contenu HTML, rendant la page web plus attractive. il permet de “décorer” la page web.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_css.png|exemple de code CSS&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Le JavaScript permet de rendre la page interactive en ajoutant des fonctionnalités dynamiques comme un menu déroulant par exemple.&lt;br /&gt;
&lt;br /&gt;
PHP est un langage de programmation côté serveur utilisé pour générer du contenu dynamique et interagir avec les bases de données. &lt;br /&gt;
&lt;br /&gt;
SQL est un langage de requête utilisé pour gérer et manipuler les données stockées dans une base de données.&lt;/div&gt;</summary>
		<author><name>Vergnes-fiol dorian</name></author>
	</entry>
	<entry>
		<id>http://wikisn.rascol.net/index.php?title=Fichier:Exmpl_code_css.png&amp;diff=1215</id>
		<title>Fichier:Exmpl code css.png</title>
		<link rel="alternate" type="text/html" href="http://wikisn.rascol.net/index.php?title=Fichier:Exmpl_code_css.png&amp;diff=1215"/>
		<updated>2024-06-01T12:00:53Z</updated>

		<summary type="html">&lt;p&gt;Vergnes-fiol dorian : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Vergnes-fiol dorian</name></author>
	</entry>
	<entry>
		<id>http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1213</id>
		<title>Comment créé une application web</title>
		<link rel="alternate" type="text/html" href="http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1213"/>
		<updated>2024-06-01T11:58:45Z</updated>

		<summary type="html">&lt;p&gt;Vergnes-fiol dorian : /* les différent langages de programmation */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;===== pour illustré mes information je vais utilisé l'application web que j'ai faite Duran un stage a la SAFRA =====&lt;br /&gt;
&lt;br /&gt;
l'objectif était de créer un &amp;lt;big&amp;gt;outil pratique et dynamique&amp;lt;/big&amp;gt; pour montre en temp et en heure l'état des différent service de la SAFRA (&amp;lt;span style=&amp;quot;color:#228B22&amp;quot;&amp;gt;en ligne&amp;lt;/span&amp;gt; /  &amp;lt;span style=&amp;quot;color:#FF0000&amp;quot;&amp;gt;hors ligne&amp;lt;/span&amp;gt; / &amp;lt;span style=&amp;quot;color:#DAA520&amp;quot;&amp;gt;en maintenance&amp;lt;/span&amp;gt;)&lt;br /&gt;
Pour cela, j'ai donc eu besoin de créer une application web.&lt;br /&gt;
&lt;br /&gt;
== mais c’est quoi une application web? il y a quoi de différent avec un site web? ==&lt;br /&gt;
&lt;br /&gt;
Une application web est un programme informatique accessible via un navigateur web, offrant une expérience interactive et dynamique aux utilisateurs. Contrairement à un site web qui présente des informations statiques, une application web permet des interactions avancées comme la manipulation de données en temps réel, la personnalisation, et des fonctionnalités complexes.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;strong&amp;gt;Exemple :&amp;lt;/strong&amp;gt; À la SAFRA, j'ai développé une application web pour suivre l'état des différents services (en ligne, hors ligne, en maintenance) en temps réel. &lt;br /&gt;
&lt;br /&gt;
En résumé, un site web est plus axé sur la présentation de contenu, tandis qu'une application web offre une expérience utilisateur plus dynamique et interactive.&lt;br /&gt;
&lt;br /&gt;
== quel logiciel faut-il installé? ==&lt;br /&gt;
&lt;br /&gt;
===== Éditeur de texte =====&lt;br /&gt;
&lt;br /&gt;
Pour créer notre application web on va avoir besoin d’un éditeur de texte comme: &lt;br /&gt;
&lt;br /&gt;
* Notepad++ &lt;br /&gt;
* Visual studio code (VScode) &lt;br /&gt;
* bloc note par&lt;br /&gt;
&lt;br /&gt;
(il en existe d’autre mais voici quelque exemple)&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Logiciel_co_web.png| image des logiciel&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
==== mais c’est quoi VS code? ====&lt;br /&gt;
&lt;br /&gt;
VS Code est un éditeur de code puissant, gratuit et open-source, populaire auprès des développeurs pour son interface conviviale et ses fonctionnalités avancées.&lt;br /&gt;
&lt;br /&gt;
===== Serveur local et base de données =====&lt;br /&gt;
&lt;br /&gt;
Pour tester et développer votre application web localement, vous aurez besoin d'un serveur web et d'une base de données. Voici deux solutions populaires :&lt;br /&gt;
&lt;br /&gt;
* XAMPP&lt;br /&gt;
* WAMP&lt;br /&gt;
&lt;br /&gt;
(il en existe d’autre mais voici quelque exemple)&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;logiciel_co_web2.png|image des logiciel&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
(la suite des instruction on été réalisé avec le logiciel WAMP)&lt;br /&gt;
&lt;br /&gt;
==== mais c’est quoi WAMP? ====&lt;br /&gt;
&lt;br /&gt;
Wamp (Windows, Apache, MySQL, PHP) est un ensemble de logiciels open-source permettant de créer un environnement de développement web sur des systèmes Windows.&lt;br /&gt;
 &lt;br /&gt;
Il est utilisé par les développeurs pour créer et tester des sites web et des applications web en utilisant les technologies PHP, MySQL et Apache. &lt;br /&gt;
&lt;br /&gt;
Wamp offre un moyen pratique d'installer et de configurer ces logiciels sur un seul système, facilitant ainsi le développement local de projets web avant de les déployer sur des serveurs en ligne. &lt;br /&gt;
&lt;br /&gt;
En résumé, Wamp est utile pour créer un environnement de développement web complet sur Windows, permettant aux développeurs de travailler efficacement sur leurs projets locaux.&lt;br /&gt;
&lt;br /&gt;
== les différent langages de programmation ==&lt;br /&gt;
&lt;br /&gt;
Pour créer une application web, plusieurs langages de programmation sont utilisés, chacun ayant un rôle spécifique. &amp;lt;big&amp;gt;(HTML CSS JAVASCRIPT PHP SQL)&amp;lt;/big&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===== c’est quoi l’HTML CSS JAVASCRIPT PHP et SQL ? =====&lt;br /&gt;
&lt;br /&gt;
* HTML (HyperText Markup Language) est utilisé pour structurer et organiser le contenu d'une page web basiquement c’est le “squelette” de la page.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Exmpl_code_html.png|exemple de code HTML&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;strong&amp;gt;CSS (Cascading Style Sheets)&amp;lt;/strong&amp;gt; permet de styliser et de mettre en forme le contenu HTML, rendant la page web plus attractive. il permet de “décorer” la page web.&lt;br /&gt;
&lt;br /&gt;
Le JavaScript permet de rendre la page interactive en ajoutant des fonctionnalités dynamiques comme un menu déroulant par exemple.&lt;br /&gt;
&lt;br /&gt;
PHP est un langage de programmation côté serveur utilisé pour générer du contenu dynamique et interagir avec les bases de données. &lt;br /&gt;
&lt;br /&gt;
SQL est un langage de requête utilisé pour gérer et manipuler les données stockées dans une base de données.&lt;/div&gt;</summary>
		<author><name>Vergnes-fiol dorian</name></author>
	</entry>
	<entry>
		<id>http://wikisn.rascol.net/index.php?title=Fichier:Exmpl_code_html.png&amp;diff=1212</id>
		<title>Fichier:Exmpl code html.png</title>
		<link rel="alternate" type="text/html" href="http://wikisn.rascol.net/index.php?title=Fichier:Exmpl_code_html.png&amp;diff=1212"/>
		<updated>2024-06-01T11:56:56Z</updated>

		<summary type="html">&lt;p&gt;Vergnes-fiol dorian : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Vergnes-fiol dorian</name></author>
	</entry>
	<entry>
		<id>http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1205</id>
		<title>Comment créé une application web</title>
		<link rel="alternate" type="text/html" href="http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1205"/>
		<updated>2024-06-01T11:28:42Z</updated>

		<summary type="html">&lt;p&gt;Vergnes-fiol dorian : /* quel logiciel faut-il installé? */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;===== pour illustré mes information je vais utilisé l'application web que j'ai faite Duran un stage a la SAFRA =====&lt;br /&gt;
&lt;br /&gt;
l'objectif était de créer un &amp;lt;big&amp;gt;outil pratique et dynamique&amp;lt;/big&amp;gt; pour montre en temp et en heure l'état des différent service de la SAFRA (&amp;lt;span style=&amp;quot;color:#228B22&amp;quot;&amp;gt;en ligne&amp;lt;/span&amp;gt; /  &amp;lt;span style=&amp;quot;color:#FF0000&amp;quot;&amp;gt;hors ligne&amp;lt;/span&amp;gt; / &amp;lt;span style=&amp;quot;color:#DAA520&amp;quot;&amp;gt;en maintenance&amp;lt;/span&amp;gt;)&lt;br /&gt;
Pour cela, j'ai donc eu besoin de créer une application web.&lt;br /&gt;
&lt;br /&gt;
== mais c’est quoi une application web? il y a quoi de différent avec un site web? ==&lt;br /&gt;
&lt;br /&gt;
Une application web est un programme informatique accessible via un navigateur web, offrant une expérience interactive et dynamique aux utilisateurs. Contrairement à un site web qui présente des informations statiques, une application web permet des interactions avancées comme la manipulation de données en temps réel, la personnalisation, et des fonctionnalités complexes.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;strong&amp;gt;Exemple :&amp;lt;/strong&amp;gt; À la SAFRA, j'ai développé une application web pour suivre l'état des différents services (en ligne, hors ligne, en maintenance) en temps réel. &lt;br /&gt;
&lt;br /&gt;
En résumé, un site web est plus axé sur la présentation de contenu, tandis qu'une application web offre une expérience utilisateur plus dynamique et interactive.&lt;br /&gt;
&lt;br /&gt;
== quel logiciel faut-il installé? ==&lt;br /&gt;
&lt;br /&gt;
===== Éditeur de texte =====&lt;br /&gt;
&lt;br /&gt;
Pour créer notre application web on va avoir besoin d’un éditeur de texte comme: &lt;br /&gt;
&lt;br /&gt;
* Notepad++ &lt;br /&gt;
* Visual studio code (VScode) &lt;br /&gt;
* bloc note par&lt;br /&gt;
&lt;br /&gt;
(il en existe d’autre mais voici quelque exemple)&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Logiciel_co_web.png| image des logiciel&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
==== mais c’est quoi VS code? ====&lt;br /&gt;
&lt;br /&gt;
VS Code est un éditeur de code puissant, gratuit et open-source, populaire auprès des développeurs pour son interface conviviale et ses fonctionnalités avancées.&lt;br /&gt;
&lt;br /&gt;
===== Serveur local et base de données =====&lt;br /&gt;
&lt;br /&gt;
Pour tester et développer votre application web localement, vous aurez besoin d'un serveur web et d'une base de données. Voici deux solutions populaires :&lt;br /&gt;
&lt;br /&gt;
* XAMPP&lt;br /&gt;
* WAMP&lt;br /&gt;
&lt;br /&gt;
(il en existe d’autre mais voici quelque exemple)&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;logiciel_co_web2.png|image des logiciel&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
(la suite des instruction on été réalisé avec le logiciel WAMP)&lt;br /&gt;
&lt;br /&gt;
==== mais c’est quoi WAMP? ====&lt;br /&gt;
&lt;br /&gt;
Wamp (Windows, Apache, MySQL, PHP) est un ensemble de logiciels open-source permettant de créer un environnement de développement web sur des systèmes Windows.&lt;br /&gt;
 &lt;br /&gt;
Il est utilisé par les développeurs pour créer et tester des sites web et des applications web en utilisant les technologies PHP, MySQL et Apache. &lt;br /&gt;
&lt;br /&gt;
Wamp offre un moyen pratique d'installer et de configurer ces logiciels sur un seul système, facilitant ainsi le développement local de projets web avant de les déployer sur des serveurs en ligne. &lt;br /&gt;
&lt;br /&gt;
En résumé, Wamp est utile pour créer un environnement de développement web complet sur Windows, permettant aux développeurs de travailler efficacement sur leurs projets locaux.&lt;br /&gt;
&lt;br /&gt;
== les différent langages de programmation ==&lt;br /&gt;
&lt;br /&gt;
pour codé une application/site web on utilise plusieurs langage de programmation.&lt;br /&gt;
on utilise le &amp;lt;big&amp;gt;HTML CSS JAVASCRIPT PHP SQL&amp;lt;/big&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===== c’est quoi l’HTML CSS JAVASCRIPT PHP et SQL ? =====&lt;br /&gt;
&lt;br /&gt;
HTML (HyperText Markup Language) est utilisé pour structurer et organiser le contenu d'une page web basiquement c’est le “squelette” de la page.&lt;br /&gt;
&lt;br /&gt;
CSS (Cascading Style Sheets) permet de styliser et de mettre en forme ce contenu il permet de “décorer” la page web.&lt;br /&gt;
&lt;br /&gt;
Le JavaScript permet de rendre la page interactive en ajoutant des fonctionnalités dynamiques comme un menu déroulant par exemple.&lt;br /&gt;
&lt;br /&gt;
PHP est un langage de programmation côté serveur utilisé pour générer du contenu dynamique et interagir avec les bases de données. &lt;br /&gt;
&lt;br /&gt;
SQL est un langage de requête utilisé pour gérer et manipuler les données stockées dans une base de données.&lt;/div&gt;</summary>
		<author><name>Vergnes-fiol dorian</name></author>
	</entry>
	<entry>
		<id>http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1204</id>
		<title>Comment créé une application web</title>
		<link rel="alternate" type="text/html" href="http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1204"/>
		<updated>2024-06-01T11:25:41Z</updated>

		<summary type="html">&lt;p&gt;Vergnes-fiol dorian : /* quel logiciel faut-il installé? */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;===== pour illustré mes information je vais utilisé l'application web que j'ai faite Duran un stage a la SAFRA =====&lt;br /&gt;
&lt;br /&gt;
l'objectif était de créer un &amp;lt;big&amp;gt;outil pratique et dynamique&amp;lt;/big&amp;gt; pour montre en temp et en heure l'état des différent service de la SAFRA (&amp;lt;span style=&amp;quot;color:#228B22&amp;quot;&amp;gt;en ligne&amp;lt;/span&amp;gt; /  &amp;lt;span style=&amp;quot;color:#FF0000&amp;quot;&amp;gt;hors ligne&amp;lt;/span&amp;gt; / &amp;lt;span style=&amp;quot;color:#DAA520&amp;quot;&amp;gt;en maintenance&amp;lt;/span&amp;gt;)&lt;br /&gt;
Pour cela, j'ai donc eu besoin de créer une application web.&lt;br /&gt;
&lt;br /&gt;
== mais c’est quoi une application web? il y a quoi de différent avec un site web? ==&lt;br /&gt;
&lt;br /&gt;
Une application web est un programme informatique accessible via un navigateur web, offrant une expérience interactive et dynamique aux utilisateurs. Contrairement à un site web qui présente des informations statiques, une application web permet des interactions avancées comme la manipulation de données en temps réel, la personnalisation, et des fonctionnalités complexes.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;strong&amp;gt;Exemple :&amp;lt;/strong&amp;gt; À la SAFRA, j'ai développé une application web pour suivre l'état des différents services (en ligne, hors ligne, en maintenance) en temps réel. &lt;br /&gt;
&lt;br /&gt;
En résumé, un site web est plus axé sur la présentation de contenu, tandis qu'une application web offre une expérience utilisateur plus dynamique et interactive.&lt;br /&gt;
&lt;br /&gt;
== quel logiciel faut-il installé? ==&lt;br /&gt;
&lt;br /&gt;
Pour créer notre application web on va avoir besoin d’un éditeur de texte comme: &lt;br /&gt;
&lt;br /&gt;
* Notepad++ &lt;br /&gt;
* Visual studio code (VScode) &lt;br /&gt;
* bloc note par&lt;br /&gt;
&lt;br /&gt;
(il en existe d’autre mais voici quelque exemple)&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Logiciel_co_web.png| image des logiciel&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
==== mais c’est quoi VS code? ====&lt;br /&gt;
&lt;br /&gt;
VS Code est un éditeur de code puissant, gratuit et open-source, populaire auprès des développeurs pour son interface conviviale et ses fonctionnalités avancées.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
ensuite afin de créer l’application web on vas avoir besoin d’un serveur apache et d’une base de données, mais afin de faire des test et de créer notre application nous souhaitons simplement l'hébergé sur notre pc.&lt;br /&gt;
&lt;br /&gt;
pour cela il existe des logiciel comme XAMPP ou WAMP&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;logiciel_co_web2.png|image des logiciel&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
(la suite des instruction on été réalisé avec le logiciel WAMP)&lt;br /&gt;
&lt;br /&gt;
==== mais c’est quoi WAMP? ====&lt;br /&gt;
&lt;br /&gt;
Wamp (Windows, Apache, MySQL, PHP) est un ensemble de logiciels open-source permettant de créer un environnement de développement web sur des systèmes Windows.&lt;br /&gt;
 &lt;br /&gt;
Il est utilisé par les développeurs pour créer et tester des sites web et des applications web en utilisant les technologies PHP, MySQL et Apache. &lt;br /&gt;
&lt;br /&gt;
Wamp offre un moyen pratique d'installer et de configurer ces logiciels sur un seul système, facilitant ainsi le développement local de projets web avant de les déployer sur des serveurs en ligne. &lt;br /&gt;
&lt;br /&gt;
En résumé, Wamp est utile pour créer un environnement de développement web complet sur Windows, permettant aux développeurs de travailler efficacement sur leurs projets locaux.&lt;br /&gt;
&lt;br /&gt;
== les différent langages de programmation ==&lt;br /&gt;
&lt;br /&gt;
pour codé une application/site web on utilise plusieurs langage de programmation.&lt;br /&gt;
on utilise le &amp;lt;big&amp;gt;HTML CSS JAVASCRIPT PHP SQL&amp;lt;/big&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===== c’est quoi l’HTML CSS JAVASCRIPT PHP et SQL ? =====&lt;br /&gt;
&lt;br /&gt;
HTML (HyperText Markup Language) est utilisé pour structurer et organiser le contenu d'une page web basiquement c’est le “squelette” de la page.&lt;br /&gt;
&lt;br /&gt;
CSS (Cascading Style Sheets) permet de styliser et de mettre en forme ce contenu il permet de “décorer” la page web.&lt;br /&gt;
&lt;br /&gt;
Le JavaScript permet de rendre la page interactive en ajoutant des fonctionnalités dynamiques comme un menu déroulant par exemple.&lt;br /&gt;
&lt;br /&gt;
PHP est un langage de programmation côté serveur utilisé pour générer du contenu dynamique et interagir avec les bases de données. &lt;br /&gt;
&lt;br /&gt;
SQL est un langage de requête utilisé pour gérer et manipuler les données stockées dans une base de données.&lt;/div&gt;</summary>
		<author><name>Vergnes-fiol dorian</name></author>
	</entry>
	<entry>
		<id>http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1203</id>
		<title>Comment créé une application web</title>
		<link rel="alternate" type="text/html" href="http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1203"/>
		<updated>2024-06-01T11:24:52Z</updated>

		<summary type="html">&lt;p&gt;Vergnes-fiol dorian : /* quel logiciel faut-il installé? */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;===== pour illustré mes information je vais utilisé l'application web que j'ai faite Duran un stage a la SAFRA =====&lt;br /&gt;
&lt;br /&gt;
l'objectif était de créer un &amp;lt;big&amp;gt;outil pratique et dynamique&amp;lt;/big&amp;gt; pour montre en temp et en heure l'état des différent service de la SAFRA (&amp;lt;span style=&amp;quot;color:#228B22&amp;quot;&amp;gt;en ligne&amp;lt;/span&amp;gt; /  &amp;lt;span style=&amp;quot;color:#FF0000&amp;quot;&amp;gt;hors ligne&amp;lt;/span&amp;gt; / &amp;lt;span style=&amp;quot;color:#DAA520&amp;quot;&amp;gt;en maintenance&amp;lt;/span&amp;gt;)&lt;br /&gt;
Pour cela, j'ai donc eu besoin de créer une application web.&lt;br /&gt;
&lt;br /&gt;
== mais c’est quoi une application web? il y a quoi de différent avec un site web? ==&lt;br /&gt;
&lt;br /&gt;
Une application web est un programme informatique accessible via un navigateur web, offrant une expérience interactive et dynamique aux utilisateurs. Contrairement à un site web qui présente des informations statiques, une application web permet des interactions avancées comme la manipulation de données en temps réel, la personnalisation, et des fonctionnalités complexes.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;strong&amp;gt;Exemple :&amp;lt;/strong&amp;gt; À la SAFRA, j'ai développé une application web pour suivre l'état des différents services (en ligne, hors ligne, en maintenance) en temps réel. &lt;br /&gt;
&lt;br /&gt;
En résumé, un site web est plus axé sur la présentation de contenu, tandis qu'une application web offre une expérience utilisateur plus dynamique et interactive.&lt;br /&gt;
&lt;br /&gt;
== quel logiciel faut-il installé? ==&lt;br /&gt;
&lt;br /&gt;
Pour créer notre application web on va avoir besoin d’un éditeur de texte comme: &lt;br /&gt;
&lt;br /&gt;
* Notepad++ &lt;br /&gt;
* Visual studio code &lt;br /&gt;
* bloc note par&lt;br /&gt;
&lt;br /&gt;
(il en existe d’autre mais voici quelque exemple)&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Logiciel_co_web.png| image des logiciel&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
(la suite des instruction on été réalisé avec le logiciel VScode)&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
==== mais c’est quoi VS code? ====&lt;br /&gt;
&lt;br /&gt;
VS Code est un éditeur de code puissant, gratuit et open-source, populaire auprès des développeurs pour son interface conviviale et ses fonctionnalités avancées.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
ensuite afin de créer l’application web on vas avoir besoin d’un serveur apache et d’une base de données, mais afin de faire des test et de créer notre application nous souhaitons simplement l'hébergé sur notre pc.&lt;br /&gt;
&lt;br /&gt;
pour cela il existe des logiciel comme XAMPP ou WAMP&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;logiciel_co_web2.png|image des logiciel&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
(la suite des instruction on été réalisé avec le logiciel WAMP)&lt;br /&gt;
&lt;br /&gt;
==== mais c’est quoi WAMP? ====&lt;br /&gt;
&lt;br /&gt;
Wamp (Windows, Apache, MySQL, PHP) est un ensemble de logiciels open-source permettant de créer un environnement de développement web sur des systèmes Windows.&lt;br /&gt;
 &lt;br /&gt;
Il est utilisé par les développeurs pour créer et tester des sites web et des applications web en utilisant les technologies PHP, MySQL et Apache. &lt;br /&gt;
&lt;br /&gt;
Wamp offre un moyen pratique d'installer et de configurer ces logiciels sur un seul système, facilitant ainsi le développement local de projets web avant de les déployer sur des serveurs en ligne. &lt;br /&gt;
&lt;br /&gt;
En résumé, Wamp est utile pour créer un environnement de développement web complet sur Windows, permettant aux développeurs de travailler efficacement sur leurs projets locaux.&lt;br /&gt;
&lt;br /&gt;
== les différent langages de programmation ==&lt;br /&gt;
&lt;br /&gt;
pour codé une application/site web on utilise plusieurs langage de programmation.&lt;br /&gt;
on utilise le &amp;lt;big&amp;gt;HTML CSS JAVASCRIPT PHP SQL&amp;lt;/big&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===== c’est quoi l’HTML CSS JAVASCRIPT PHP et SQL ? =====&lt;br /&gt;
&lt;br /&gt;
HTML (HyperText Markup Language) est utilisé pour structurer et organiser le contenu d'une page web basiquement c’est le “squelette” de la page.&lt;br /&gt;
&lt;br /&gt;
CSS (Cascading Style Sheets) permet de styliser et de mettre en forme ce contenu il permet de “décorer” la page web.&lt;br /&gt;
&lt;br /&gt;
Le JavaScript permet de rendre la page interactive en ajoutant des fonctionnalités dynamiques comme un menu déroulant par exemple.&lt;br /&gt;
&lt;br /&gt;
PHP est un langage de programmation côté serveur utilisé pour générer du contenu dynamique et interagir avec les bases de données. &lt;br /&gt;
&lt;br /&gt;
SQL est un langage de requête utilisé pour gérer et manipuler les données stockées dans une base de données.&lt;/div&gt;</summary>
		<author><name>Vergnes-fiol dorian</name></author>
	</entry>
	<entry>
		<id>http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1202</id>
		<title>Comment créé une application web</title>
		<link rel="alternate" type="text/html" href="http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1202"/>
		<updated>2024-06-01T11:13:51Z</updated>

		<summary type="html">&lt;p&gt;Vergnes-fiol dorian : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;===== pour illustré mes information je vais utilisé l'application web que j'ai faite Duran un stage a la SAFRA =====&lt;br /&gt;
&lt;br /&gt;
l'objectif était de créer un &amp;lt;big&amp;gt;outil pratique et dynamique&amp;lt;/big&amp;gt; pour montre en temp et en heure l'état des différent service de la SAFRA (&amp;lt;span style=&amp;quot;color:#228B22&amp;quot;&amp;gt;en ligne&amp;lt;/span&amp;gt; /  &amp;lt;span style=&amp;quot;color:#FF0000&amp;quot;&amp;gt;hors ligne&amp;lt;/span&amp;gt; / &amp;lt;span style=&amp;quot;color:#DAA520&amp;quot;&amp;gt;en maintenance&amp;lt;/span&amp;gt;)&lt;br /&gt;
Pour cela, j'ai donc eu besoin de créer une application web.&lt;br /&gt;
&lt;br /&gt;
== mais c’est quoi une application web? il y a quoi de différent avec un site web? ==&lt;br /&gt;
&lt;br /&gt;
Une application web est un programme informatique accessible via un navigateur web, offrant une expérience interactive et dynamique aux utilisateurs. Contrairement à un site web qui présente des informations statiques, une application web permet des interactions avancées comme la manipulation de données en temps réel, la personnalisation, et des fonctionnalités complexes.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;strong&amp;gt;Exemple :&amp;lt;/strong&amp;gt; À la SAFRA, j'ai développé une application web pour suivre l'état des différents services (en ligne, hors ligne, en maintenance) en temps réel. &lt;br /&gt;
&lt;br /&gt;
En résumé, un site web est plus axé sur la présentation de contenu, tandis qu'une application web offre une expérience utilisateur plus dynamique et interactive.&lt;br /&gt;
&lt;br /&gt;
== quel logiciel faut-il installé? ==&lt;br /&gt;
&lt;br /&gt;
Pour créer notre application web on va avoir besoin d’un éditeur de texte comme Notepad++, Visual studio code ou bloc note par exemple. (il en existe d’autre mais voici quelque exemple)&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Logiciel_co_web.png| image des logiciel&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
(la suite des instruction on été réalisé avec le logiciel VScode)&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
==== mais c’est quoi VS code? ====&lt;br /&gt;
&lt;br /&gt;
VS Code est un éditeur de code puissant, gratuit et open-source, populaire auprès des développeurs pour son interface conviviale et ses fonctionnalités avancées.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
ensuite afin de créer l’application web on vas avoir besoin d’un serveur apache et d’une base de données, mais afin de faire des test et de créer notre application nous souhaitons simplement l'hébergé sur notre pc.&lt;br /&gt;
&lt;br /&gt;
pour cela il existe des logiciel comme XAMPP ou WAMP&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;logiciel_co_web2.png|image des logiciel&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
(la suite des instruction on été réalisé avec le logiciel WAMP)&lt;br /&gt;
&lt;br /&gt;
==== mais c’est quoi WAMP? ====&lt;br /&gt;
&lt;br /&gt;
Wamp (Windows, Apache, MySQL, PHP) est un ensemble de logiciels open-source permettant de créer un environnement de développement web sur des systèmes Windows.&lt;br /&gt;
 &lt;br /&gt;
Il est utilisé par les développeurs pour créer et tester des sites web et des applications web en utilisant les technologies PHP, MySQL et Apache. &lt;br /&gt;
&lt;br /&gt;
Wamp offre un moyen pratique d'installer et de configurer ces logiciels sur un seul système, facilitant ainsi le développement local de projets web avant de les déployer sur des serveurs en ligne. &lt;br /&gt;
&lt;br /&gt;
En résumé, Wamp est utile pour créer un environnement de développement web complet sur Windows, permettant aux développeurs de travailler efficacement sur leurs projets locaux.&lt;br /&gt;
&lt;br /&gt;
== les différent langages de programmation ==&lt;br /&gt;
&lt;br /&gt;
pour codé une application/site web on utilise plusieurs langage de programmation.&lt;br /&gt;
on utilise le &amp;lt;big&amp;gt;HTML CSS JAVASCRIPT PHP SQL&amp;lt;/big&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===== c’est quoi l’HTML CSS JAVASCRIPT PHP et SQL ? =====&lt;br /&gt;
&lt;br /&gt;
HTML (HyperText Markup Language) est utilisé pour structurer et organiser le contenu d'une page web basiquement c’est le “squelette” de la page.&lt;br /&gt;
&lt;br /&gt;
CSS (Cascading Style Sheets) permet de styliser et de mettre en forme ce contenu il permet de “décorer” la page web.&lt;br /&gt;
&lt;br /&gt;
Le JavaScript permet de rendre la page interactive en ajoutant des fonctionnalités dynamiques comme un menu déroulant par exemple.&lt;br /&gt;
&lt;br /&gt;
PHP est un langage de programmation côté serveur utilisé pour générer du contenu dynamique et interagir avec les bases de données. &lt;br /&gt;
&lt;br /&gt;
SQL est un langage de requête utilisé pour gérer et manipuler les données stockées dans une base de données.&lt;/div&gt;</summary>
		<author><name>Vergnes-fiol dorian</name></author>
	</entry>
	<entry>
		<id>http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1200</id>
		<title>Comment créé une application web</title>
		<link rel="alternate" type="text/html" href="http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1200"/>
		<updated>2024-05-31T18:02:35Z</updated>

		<summary type="html">&lt;p&gt;Vergnes-fiol dorian : /* les différent langages de programmation */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;===== pour illustré mes information je vais utilisé l'application web que j'ai faite Duran un stage a la SAFRA =====&lt;br /&gt;
&lt;br /&gt;
l'objectif était de créer un &amp;lt;big&amp;gt;outil pratique et dynamique&amp;lt;/big&amp;gt; pour montre en temp et en heure l'état des différent service de la SAFRA (&amp;lt;span style=&amp;quot;color:#228B22&amp;quot;&amp;gt;en ligne&amp;lt;/span&amp;gt; /  &amp;lt;span style=&amp;quot;color:#FF0000&amp;quot;&amp;gt;hors ligne&amp;lt;/span&amp;gt; / &amp;lt;span style=&amp;quot;color:#DAA520&amp;quot;&amp;gt;en maintenance&amp;lt;/span&amp;gt;)&lt;br /&gt;
Pour cela, j'ai donc eu besoin de créer une application web.&lt;br /&gt;
&lt;br /&gt;
== mais c’est quoi une application web? il y a quoi de différent avec un site web? ==&lt;br /&gt;
&lt;br /&gt;
La principale différence entre une application web et un site web réside dans leur fonctionnalité et leur interactivité.&lt;br /&gt;
Un site web est principalement conçu pour présenter des informations statiques aux utilisateurs, tandis qu'une application web offre une expérience interactive, souvent avec des fonctionnalités avancées telles que la personnalisation, la manipulation de données en temps réel et l'interaction complexe avec l'utilisateur. &lt;br /&gt;
&lt;br /&gt;
En résumé, un site web est plus axé sur la présentation de contenu, tandis qu'une application web offre une expérience utilisateur plus dynamique et interactive.&lt;br /&gt;
&lt;br /&gt;
== quel logiciel faut-il installé? ==&lt;br /&gt;
&lt;br /&gt;
Pour créer notre application web on va avoir besoin d’un éditeur de texte comme Notepad++, Visual studio code ou bloc note par exemple. (il en existe d’autre mais voici quelque exemple)&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Logiciel_co_web.png| image des logiciel&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
(la suite des instruction on été réalisé avec le logiciel VScode)&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
==== mais c’est quoi VS code? ====&lt;br /&gt;
&lt;br /&gt;
VS Code est un éditeur de code puissant, gratuit et open-source, populaire auprès des développeurs pour son interface conviviale et ses fonctionnalités avancées.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
ensuite afin de créer l’application web on vas avoir besoin d’un serveur apache et d’une base de données, mais afin de faire des test et de créer notre application nous souhaitons simplement l'hébergé sur notre pc.&lt;br /&gt;
&lt;br /&gt;
pour cela il existe des logiciel comme XAMPP ou WAMP&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;logiciel_co_web2.png|image des logiciel&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
(la suite des instruction on été réalisé avec le logiciel WAMP)&lt;br /&gt;
&lt;br /&gt;
==== mais c’est quoi WAMP? ====&lt;br /&gt;
&lt;br /&gt;
Wamp (Windows, Apache, MySQL, PHP) est un ensemble de logiciels open-source permettant de créer un environnement de développement web sur des systèmes Windows.&lt;br /&gt;
 &lt;br /&gt;
Il est utilisé par les développeurs pour créer et tester des sites web et des applications web en utilisant les technologies PHP, MySQL et Apache. &lt;br /&gt;
&lt;br /&gt;
Wamp offre un moyen pratique d'installer et de configurer ces logiciels sur un seul système, facilitant ainsi le développement local de projets web avant de les déployer sur des serveurs en ligne. &lt;br /&gt;
&lt;br /&gt;
En résumé, Wamp est utile pour créer un environnement de développement web complet sur Windows, permettant aux développeurs de travailler efficacement sur leurs projets locaux.&lt;br /&gt;
&lt;br /&gt;
== les différent langages de programmation ==&lt;br /&gt;
&lt;br /&gt;
pour codé une application/site web on utilise plusieurs langage de programmation.&lt;br /&gt;
on utilise le &amp;lt;big&amp;gt;HTML CSS JAVASCRIPT PHP SQL&amp;lt;/big&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===== c’est quoi l’HTML CSS JAVASCRIPT PHP et SQL ? =====&lt;br /&gt;
&lt;br /&gt;
HTML (HyperText Markup Language) est utilisé pour structurer et organiser le contenu d'une page web basiquement c’est le “squelette” de la page.&lt;br /&gt;
&lt;br /&gt;
CSS (Cascading Style Sheets) permet de styliser et de mettre en forme ce contenu il permet de “décorer” la page web.&lt;br /&gt;
&lt;br /&gt;
Le JavaScript permet de rendre la page interactive en ajoutant des fonctionnalités dynamiques comme un menu déroulant par exemple.&lt;br /&gt;
&lt;br /&gt;
PHP est un langage de programmation côté serveur utilisé pour générer du contenu dynamique et interagir avec les bases de données. &lt;br /&gt;
&lt;br /&gt;
SQL est un langage de requête utilisé pour gérer et manipuler les données stockées dans une base de données.&lt;/div&gt;</summary>
		<author><name>Vergnes-fiol dorian</name></author>
	</entry>
	<entry>
		<id>http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1199</id>
		<title>Comment créé une application web</title>
		<link rel="alternate" type="text/html" href="http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1199"/>
		<updated>2024-05-31T17:56:42Z</updated>

		<summary type="html">&lt;p&gt;Vergnes-fiol dorian : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;===== pour illustré mes information je vais utilisé l'application web que j'ai faite Duran un stage a la SAFRA =====&lt;br /&gt;
&lt;br /&gt;
l'objectif était de créer un &amp;lt;big&amp;gt;outil pratique et dynamique&amp;lt;/big&amp;gt; pour montre en temp et en heure l'état des différent service de la SAFRA (&amp;lt;span style=&amp;quot;color:#228B22&amp;quot;&amp;gt;en ligne&amp;lt;/span&amp;gt; /  &amp;lt;span style=&amp;quot;color:#FF0000&amp;quot;&amp;gt;hors ligne&amp;lt;/span&amp;gt; / &amp;lt;span style=&amp;quot;color:#DAA520&amp;quot;&amp;gt;en maintenance&amp;lt;/span&amp;gt;)&lt;br /&gt;
Pour cela, j'ai donc eu besoin de créer une application web.&lt;br /&gt;
&lt;br /&gt;
== mais c’est quoi une application web? il y a quoi de différent avec un site web? ==&lt;br /&gt;
&lt;br /&gt;
La principale différence entre une application web et un site web réside dans leur fonctionnalité et leur interactivité.&lt;br /&gt;
Un site web est principalement conçu pour présenter des informations statiques aux utilisateurs, tandis qu'une application web offre une expérience interactive, souvent avec des fonctionnalités avancées telles que la personnalisation, la manipulation de données en temps réel et l'interaction complexe avec l'utilisateur. &lt;br /&gt;
&lt;br /&gt;
En résumé, un site web est plus axé sur la présentation de contenu, tandis qu'une application web offre une expérience utilisateur plus dynamique et interactive.&lt;br /&gt;
&lt;br /&gt;
== quel logiciel faut-il installé? ==&lt;br /&gt;
&lt;br /&gt;
Pour créer notre application web on va avoir besoin d’un éditeur de texte comme Notepad++, Visual studio code ou bloc note par exemple. (il en existe d’autre mais voici quelque exemple)&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Logiciel_co_web.png| image des logiciel&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
(la suite des instruction on été réalisé avec le logiciel VScode)&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
==== mais c’est quoi VS code? ====&lt;br /&gt;
&lt;br /&gt;
VS Code est un éditeur de code puissant, gratuit et open-source, populaire auprès des développeurs pour son interface conviviale et ses fonctionnalités avancées.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
ensuite afin de créer l’application web on vas avoir besoin d’un serveur apache et d’une base de données, mais afin de faire des test et de créer notre application nous souhaitons simplement l'hébergé sur notre pc.&lt;br /&gt;
&lt;br /&gt;
pour cela il existe des logiciel comme XAMPP ou WAMP&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;logiciel_co_web2.png|image des logiciel&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
(la suite des instruction on été réalisé avec le logiciel WAMP)&lt;br /&gt;
&lt;br /&gt;
==== mais c’est quoi WAMP? ====&lt;br /&gt;
&lt;br /&gt;
Wamp (Windows, Apache, MySQL, PHP) est un ensemble de logiciels open-source permettant de créer un environnement de développement web sur des systèmes Windows.&lt;br /&gt;
 &lt;br /&gt;
Il est utilisé par les développeurs pour créer et tester des sites web et des applications web en utilisant les technologies PHP, MySQL et Apache. &lt;br /&gt;
&lt;br /&gt;
Wamp offre un moyen pratique d'installer et de configurer ces logiciels sur un seul système, facilitant ainsi le développement local de projets web avant de les déployer sur des serveurs en ligne. &lt;br /&gt;
&lt;br /&gt;
En résumé, Wamp est utile pour créer un environnement de développement web complet sur Windows, permettant aux développeurs de travailler efficacement sur leurs projets locaux.&lt;br /&gt;
&lt;br /&gt;
== les différent langages de programmation ==&lt;br /&gt;
&lt;br /&gt;
pour codé une application/site web on utilise plusieurs langage de programmation.&lt;br /&gt;
on utilise le &amp;lt;big&amp;gt;HTML CSS JAVASCRIPT PHP SQL&amp;lt;/big&amp;gt;&lt;/div&gt;</summary>
		<author><name>Vergnes-fiol dorian</name></author>
	</entry>
	<entry>
		<id>http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1198</id>
		<title>Comment créé une application web</title>
		<link rel="alternate" type="text/html" href="http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1198"/>
		<updated>2024-05-31T17:27:56Z</updated>

		<summary type="html">&lt;p&gt;Vergnes-fiol dorian : /* quel logiciel faut-il installé? */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;===== pour illustré mes information je vais utilisé l'application web que j'ai faite Duran un stage a la SAFRA =====&lt;br /&gt;
&lt;br /&gt;
l'objectif était de créer un &amp;lt;big&amp;gt;outil pratique et dynamique&amp;lt;/big&amp;gt; pour montre en temp et en heure l'état des différent service de la SAFRA (&amp;lt;span style=&amp;quot;color:#228B22&amp;quot;&amp;gt;en ligne&amp;lt;/span&amp;gt; /  &amp;lt;span style=&amp;quot;color:#FF0000&amp;quot;&amp;gt;hors ligne&amp;lt;/span&amp;gt; / &amp;lt;span style=&amp;quot;color:#DAA520&amp;quot;&amp;gt;en maintenance&amp;lt;/span&amp;gt;)&lt;br /&gt;
Pour cela, j'ai donc eu besoin de créer une application web.&lt;br /&gt;
&lt;br /&gt;
== mais c’est quoi une application web? il y a quoi de différent avec un site web? ==&lt;br /&gt;
&lt;br /&gt;
La principale différence entre une application web et un site web réside dans leur fonctionnalité et leur interactivité.&lt;br /&gt;
Un site web est principalement conçu pour présenter des informations statiques aux utilisateurs, tandis qu'une application web offre une expérience interactive, souvent avec des fonctionnalités avancées telles que la personnalisation, la manipulation de données en temps réel et l'interaction complexe avec l'utilisateur. &lt;br /&gt;
&lt;br /&gt;
En résumé, un site web est plus axé sur la présentation de contenu, tandis qu'une application web offre une expérience utilisateur plus dynamique et interactive.&lt;br /&gt;
&lt;br /&gt;
== quel logiciel faut-il installé? ==&lt;br /&gt;
&lt;br /&gt;
Pour créer notre application web on va avoir besoin d’un éditeur de texte comme Notepad++, Visual studio code ou bloc note par exemple. (il en existe d’autre mais voici quelque exemple)&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Logiciel_co_web.png| image des logiciel&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
(la suite des instruction on été réalisé avec le logiciel VScode)&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
==== mais c’est quoi VS code? ====&lt;br /&gt;
&lt;br /&gt;
VS Code est un éditeur de code puissant, gratuit et open-source, populaire auprès des développeurs pour son interface conviviale et ses fonctionnalités avancées.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
ensuite afin de créer l’application web on vas avoir besoin d’un serveur apache et d’une base de données, mais afin de faire des test et de créer notre application nous souhaitons simplement l'hébergé sur notre pc.&lt;br /&gt;
&lt;br /&gt;
pour cela il existe des logiciel comme XAMPP ou WAMP&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;logiciel_co_web2.png|image des logiciel&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
(la suite des instruction on été réalisé avec le logiciel WAMP)&lt;br /&gt;
&lt;br /&gt;
==== mais c’est quoi WAMP? ====&lt;br /&gt;
&lt;br /&gt;
Wamp (Windows, Apache, MySQL, PHP) est un ensemble de logiciels open-source permettant de créer un environnement de développement web sur des systèmes Windows.&lt;br /&gt;
 &lt;br /&gt;
Il est utilisé par les développeurs pour créer et tester des sites web et des applications web en utilisant les technologies PHP, MySQL et Apache. &lt;br /&gt;
&lt;br /&gt;
Wamp offre un moyen pratique d'installer et de configurer ces logiciels sur un seul système, facilitant ainsi le développement local de projets web avant de les déployer sur des serveurs en ligne. &lt;br /&gt;
&lt;br /&gt;
En résumé, Wamp est utile pour créer un environnement de développement web complet sur Windows, permettant aux développeurs de travailler efficacement sur leurs projets locaux.&lt;/div&gt;</summary>
		<author><name>Vergnes-fiol dorian</name></author>
	</entry>
	<entry>
		<id>http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1197</id>
		<title>Comment créé une application web</title>
		<link rel="alternate" type="text/html" href="http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1197"/>
		<updated>2024-05-31T17:04:41Z</updated>

		<summary type="html">&lt;p&gt;Vergnes-fiol dorian : /* quel logiciel faut-il installé? */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;===== pour illustré mes information je vais utilisé l'application web que j'ai faite Duran un stage a la SAFRA =====&lt;br /&gt;
&lt;br /&gt;
l'objectif était de créer un &amp;lt;big&amp;gt;outil pratique et dynamique&amp;lt;/big&amp;gt; pour montre en temp et en heure l'état des différent service de la SAFRA (&amp;lt;span style=&amp;quot;color:#228B22&amp;quot;&amp;gt;en ligne&amp;lt;/span&amp;gt; /  &amp;lt;span style=&amp;quot;color:#FF0000&amp;quot;&amp;gt;hors ligne&amp;lt;/span&amp;gt; / &amp;lt;span style=&amp;quot;color:#DAA520&amp;quot;&amp;gt;en maintenance&amp;lt;/span&amp;gt;)&lt;br /&gt;
Pour cela, j'ai donc eu besoin de créer une application web.&lt;br /&gt;
&lt;br /&gt;
== mais c’est quoi une application web? il y a quoi de différent avec un site web? ==&lt;br /&gt;
&lt;br /&gt;
La principale différence entre une application web et un site web réside dans leur fonctionnalité et leur interactivité.&lt;br /&gt;
Un site web est principalement conçu pour présenter des informations statiques aux utilisateurs, tandis qu'une application web offre une expérience interactive, souvent avec des fonctionnalités avancées telles que la personnalisation, la manipulation de données en temps réel et l'interaction complexe avec l'utilisateur. &lt;br /&gt;
&lt;br /&gt;
En résumé, un site web est plus axé sur la présentation de contenu, tandis qu'une application web offre une expérience utilisateur plus dynamique et interactive.&lt;br /&gt;
&lt;br /&gt;
== quel logiciel faut-il installé? ==&lt;br /&gt;
&lt;br /&gt;
Pour créer notre application web on va avoir besoin d’un éditeur de texte comme Notepad++, Visual studio code ou bloc note par exemple. (il en existe d’autre mais voici quelque exemple)&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Logiciel_co_web.png| image des logiciel&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
==== mais c’est quoi VS code? ====&lt;br /&gt;
&lt;br /&gt;
VS Code est un éditeur de code puissant, gratuit et open-source, populaire auprès des développeurs pour son interface conviviale et ses fonctionnalités avancées.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
ensuite afin de créer l’application web on vas avoir besoin d’un serveur apache et d’une base de données, mais afin de faire des test et de créer notre application nous souhaitons simplement l'hébergé sur notre pc.&lt;br /&gt;
&lt;br /&gt;
pour cela il existe des logiciel comme XAMPP ou WAMP&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;logiciel_co_web2.png|image des logiciel&amp;lt;/gallery&amp;gt;&lt;/div&gt;</summary>
		<author><name>Vergnes-fiol dorian</name></author>
	</entry>
	<entry>
		<id>http://wikisn.rascol.net/index.php?title=Fichier:Logiciel_co_web2.png&amp;diff=1196</id>
		<title>Fichier:Logiciel co web2.png</title>
		<link rel="alternate" type="text/html" href="http://wikisn.rascol.net/index.php?title=Fichier:Logiciel_co_web2.png&amp;diff=1196"/>
		<updated>2024-05-31T17:04:01Z</updated>

		<summary type="html">&lt;p&gt;Vergnes-fiol dorian : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Vergnes-fiol dorian</name></author>
	</entry>
	<entry>
		<id>http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1195</id>
		<title>Comment créé une application web</title>
		<link rel="alternate" type="text/html" href="http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1195"/>
		<updated>2024-05-31T16:35:54Z</updated>

		<summary type="html">&lt;p&gt;Vergnes-fiol dorian : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;===== pour illustré mes information je vais utilisé l'application web que j'ai faite Duran un stage a la SAFRA =====&lt;br /&gt;
&lt;br /&gt;
l'objectif était de créer un &amp;lt;big&amp;gt;outil pratique et dynamique&amp;lt;/big&amp;gt; pour montre en temp et en heure l'état des différent service de la SAFRA (&amp;lt;span style=&amp;quot;color:#228B22&amp;quot;&amp;gt;en ligne&amp;lt;/span&amp;gt; /  &amp;lt;span style=&amp;quot;color:#FF0000&amp;quot;&amp;gt;hors ligne&amp;lt;/span&amp;gt; / &amp;lt;span style=&amp;quot;color:#DAA520&amp;quot;&amp;gt;en maintenance&amp;lt;/span&amp;gt;)&lt;br /&gt;
Pour cela, j'ai donc eu besoin de créer une application web.&lt;br /&gt;
&lt;br /&gt;
== mais c’est quoi une application web? il y a quoi de différent avec un site web? ==&lt;br /&gt;
&lt;br /&gt;
La principale différence entre une application web et un site web réside dans leur fonctionnalité et leur interactivité.&lt;br /&gt;
Un site web est principalement conçu pour présenter des informations statiques aux utilisateurs, tandis qu'une application web offre une expérience interactive, souvent avec des fonctionnalités avancées telles que la personnalisation, la manipulation de données en temps réel et l'interaction complexe avec l'utilisateur. &lt;br /&gt;
&lt;br /&gt;
En résumé, un site web est plus axé sur la présentation de contenu, tandis qu'une application web offre une expérience utilisateur plus dynamique et interactive.&lt;br /&gt;
&lt;br /&gt;
== quel logiciel faut-il installé? ==&lt;br /&gt;
&lt;br /&gt;
Pour créer notre application web on va avoir besoin d’un éditeur de texte comme Notepad++, Visual studio code ou bloc note par exemple. (il en existe d’autre mais voici quelque exemple)&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Logiciel_co_web.png| image des logiciel&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
personnellement j’ai choisi visual studio code (que l’on vas appelé VScode) car c’est celui avec lequel je suis le plus à l’aise&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
==== mais c’est quoi VS code? ====&lt;br /&gt;
&lt;br /&gt;
VS Code est un éditeur de code puissant, gratuit et open-source, populaire auprès des développeurs pour son interface conviviale et ses fonctionnalités avancées.&lt;/div&gt;</summary>
		<author><name>Vergnes-fiol dorian</name></author>
	</entry>
	<entry>
		<id>http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1194</id>
		<title>Comment créé une application web</title>
		<link rel="alternate" type="text/html" href="http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1194"/>
		<updated>2024-05-31T16:35:44Z</updated>

		<summary type="html">&lt;p&gt;Vergnes-fiol dorian : /* mais c’est quoi VS code? */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;===== pour illustré mes information je vais utilisé l'application web que j'ai faite Duran un stage a la SAFRA =====&lt;br /&gt;
&lt;br /&gt;
l'objectif était de créer un &amp;lt;big&amp;gt;outil pratique et dynamique&amp;lt;/big&amp;gt; pour montre en temp et en heure l'état des différent service de la SAFRA (&amp;lt;span style=&amp;quot;color:#228B22&amp;quot;&amp;gt;en ligne&amp;lt;/span&amp;gt; /  &amp;lt;span style=&amp;quot;color:#FF0000&amp;quot;&amp;gt;hors ligne&amp;lt;/span&amp;gt; / &amp;lt;span style=&amp;quot;color:#DAA520&amp;quot;&amp;gt;en maintenance&amp;lt;/span&amp;gt;)&lt;br /&gt;
Pour cela, j'ai donc eu besoin de créer une application web.&lt;br /&gt;
&lt;br /&gt;
== mais c’est quoi une application web? il y a quoi de différent avec un site web? ==&lt;br /&gt;
&lt;br /&gt;
La principale différence entre une application web et un site web réside dans leur fonctionnalité et leur interactivité.&lt;br /&gt;
Un site web est principalement conçu pour présenter des informations statiques aux utilisateurs, tandis qu'une application web offre une expérience interactive, souvent avec des fonctionnalités avancées telles que la personnalisation, la manipulation de données en temps réel et l'interaction complexe avec l'utilisateur. &lt;br /&gt;
&lt;br /&gt;
En résumé, un site web est plus axé sur la présentation de contenu, tandis qu'une application web offre une expérience utilisateur plus dynamique et interactive.&lt;br /&gt;
&lt;br /&gt;
== quel logiciel faut-il installé? ==&lt;br /&gt;
&lt;br /&gt;
Pour créer notre application web on va avoir besoin d’un éditeur de texte comme Notepad++, Visual studio code ou bloc note par exemple. (il en existe d’autre mais voici quelque exemple)&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Logiciel_co_web.png| image des logiciel&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
personnellement j’ai choisi visual studio code (que l’on vas appelé VScode) car c’est celui avec lequel je suis le plus à l’aise&lt;br /&gt;
&lt;br /&gt;
==== mais c’est quoi VS code? ====&lt;br /&gt;
&lt;br /&gt;
VS Code est un éditeur de code puissant, gratuit et open-source, populaire auprès des développeurs pour son interface conviviale et ses fonctionnalités avancées.&lt;/div&gt;</summary>
		<author><name>Vergnes-fiol dorian</name></author>
	</entry>
	<entry>
		<id>http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1193</id>
		<title>Comment créé une application web</title>
		<link rel="alternate" type="text/html" href="http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1193"/>
		<updated>2024-05-31T16:35:28Z</updated>

		<summary type="html">&lt;p&gt;Vergnes-fiol dorian : /* mais c’est quoi VS code? */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;===== pour illustré mes information je vais utilisé l'application web que j'ai faite Duran un stage a la SAFRA =====&lt;br /&gt;
&lt;br /&gt;
l'objectif était de créer un &amp;lt;big&amp;gt;outil pratique et dynamique&amp;lt;/big&amp;gt; pour montre en temp et en heure l'état des différent service de la SAFRA (&amp;lt;span style=&amp;quot;color:#228B22&amp;quot;&amp;gt;en ligne&amp;lt;/span&amp;gt; /  &amp;lt;span style=&amp;quot;color:#FF0000&amp;quot;&amp;gt;hors ligne&amp;lt;/span&amp;gt; / &amp;lt;span style=&amp;quot;color:#DAA520&amp;quot;&amp;gt;en maintenance&amp;lt;/span&amp;gt;)&lt;br /&gt;
Pour cela, j'ai donc eu besoin de créer une application web.&lt;br /&gt;
&lt;br /&gt;
== mais c’est quoi une application web? il y a quoi de différent avec un site web? ==&lt;br /&gt;
&lt;br /&gt;
La principale différence entre une application web et un site web réside dans leur fonctionnalité et leur interactivité.&lt;br /&gt;
Un site web est principalement conçu pour présenter des informations statiques aux utilisateurs, tandis qu'une application web offre une expérience interactive, souvent avec des fonctionnalités avancées telles que la personnalisation, la manipulation de données en temps réel et l'interaction complexe avec l'utilisateur. &lt;br /&gt;
&lt;br /&gt;
En résumé, un site web est plus axé sur la présentation de contenu, tandis qu'une application web offre une expérience utilisateur plus dynamique et interactive.&lt;br /&gt;
&lt;br /&gt;
== quel logiciel faut-il installé? ==&lt;br /&gt;
&lt;br /&gt;
Pour créer notre application web on va avoir besoin d’un éditeur de texte comme Notepad++, Visual studio code ou bloc note par exemple. (il en existe d’autre mais voici quelque exemple)&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Logiciel_co_web.png| image des logiciel&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
personnellement j’ai choisi visual studio code (que l’on vas appelé VScode) car c’est celui avec lequel je suis le plus à l’aise&lt;br /&gt;
&lt;br /&gt;
=== mais c’est quoi VS code? ===&lt;br /&gt;
&lt;br /&gt;
VS Code est un éditeur de code puissant, gratuit et open-source, populaire auprès des développeurs pour son interface conviviale et ses fonctionnalités avancées.&lt;/div&gt;</summary>
		<author><name>Vergnes-fiol dorian</name></author>
	</entry>
	<entry>
		<id>http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1192</id>
		<title>Comment créé une application web</title>
		<link rel="alternate" type="text/html" href="http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1192"/>
		<updated>2024-05-31T16:35:13Z</updated>

		<summary type="html">&lt;p&gt;Vergnes-fiol dorian : /* quel logiciel faut-il installé? */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;===== pour illustré mes information je vais utilisé l'application web que j'ai faite Duran un stage a la SAFRA =====&lt;br /&gt;
&lt;br /&gt;
l'objectif était de créer un &amp;lt;big&amp;gt;outil pratique et dynamique&amp;lt;/big&amp;gt; pour montre en temp et en heure l'état des différent service de la SAFRA (&amp;lt;span style=&amp;quot;color:#228B22&amp;quot;&amp;gt;en ligne&amp;lt;/span&amp;gt; /  &amp;lt;span style=&amp;quot;color:#FF0000&amp;quot;&amp;gt;hors ligne&amp;lt;/span&amp;gt; / &amp;lt;span style=&amp;quot;color:#DAA520&amp;quot;&amp;gt;en maintenance&amp;lt;/span&amp;gt;)&lt;br /&gt;
Pour cela, j'ai donc eu besoin de créer une application web.&lt;br /&gt;
&lt;br /&gt;
== mais c’est quoi une application web? il y a quoi de différent avec un site web? ==&lt;br /&gt;
&lt;br /&gt;
La principale différence entre une application web et un site web réside dans leur fonctionnalité et leur interactivité.&lt;br /&gt;
Un site web est principalement conçu pour présenter des informations statiques aux utilisateurs, tandis qu'une application web offre une expérience interactive, souvent avec des fonctionnalités avancées telles que la personnalisation, la manipulation de données en temps réel et l'interaction complexe avec l'utilisateur. &lt;br /&gt;
&lt;br /&gt;
En résumé, un site web est plus axé sur la présentation de contenu, tandis qu'une application web offre une expérience utilisateur plus dynamique et interactive.&lt;br /&gt;
&lt;br /&gt;
== quel logiciel faut-il installé? ==&lt;br /&gt;
&lt;br /&gt;
Pour créer notre application web on va avoir besoin d’un éditeur de texte comme Notepad++, Visual studio code ou bloc note par exemple. (il en existe d’autre mais voici quelque exemple)&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Logiciel_co_web.png| image des logiciel&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
personnellement j’ai choisi visual studio code (que l’on vas appelé VScode) car c’est celui avec lequel je suis le plus à l’aise&lt;br /&gt;
&lt;br /&gt;
=== mais c’est quoi VS code? ===&lt;/div&gt;</summary>
		<author><name>Vergnes-fiol dorian</name></author>
	</entry>
	<entry>
		<id>http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1191</id>
		<title>Comment créé une application web</title>
		<link rel="alternate" type="text/html" href="http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1191"/>
		<updated>2024-05-31T16:34:51Z</updated>

		<summary type="html">&lt;p&gt;Vergnes-fiol dorian : /* quel logiciel faut-il installé? */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;===== pour illustré mes information je vais utilisé l'application web que j'ai faite Duran un stage a la SAFRA =====&lt;br /&gt;
&lt;br /&gt;
l'objectif était de créer un &amp;lt;big&amp;gt;outil pratique et dynamique&amp;lt;/big&amp;gt; pour montre en temp et en heure l'état des différent service de la SAFRA (&amp;lt;span style=&amp;quot;color:#228B22&amp;quot;&amp;gt;en ligne&amp;lt;/span&amp;gt; /  &amp;lt;span style=&amp;quot;color:#FF0000&amp;quot;&amp;gt;hors ligne&amp;lt;/span&amp;gt; / &amp;lt;span style=&amp;quot;color:#DAA520&amp;quot;&amp;gt;en maintenance&amp;lt;/span&amp;gt;)&lt;br /&gt;
Pour cela, j'ai donc eu besoin de créer une application web.&lt;br /&gt;
&lt;br /&gt;
== mais c’est quoi une application web? il y a quoi de différent avec un site web? ==&lt;br /&gt;
&lt;br /&gt;
La principale différence entre une application web et un site web réside dans leur fonctionnalité et leur interactivité.&lt;br /&gt;
Un site web est principalement conçu pour présenter des informations statiques aux utilisateurs, tandis qu'une application web offre une expérience interactive, souvent avec des fonctionnalités avancées telles que la personnalisation, la manipulation de données en temps réel et l'interaction complexe avec l'utilisateur. &lt;br /&gt;
&lt;br /&gt;
En résumé, un site web est plus axé sur la présentation de contenu, tandis qu'une application web offre une expérience utilisateur plus dynamique et interactive.&lt;br /&gt;
&lt;br /&gt;
== quel logiciel faut-il installé? ==&lt;br /&gt;
&lt;br /&gt;
Pour créer notre application web on va avoir besoin d’un éditeur de texte comme Notepad++, Visual studio code ou bloc note par exemple. (il en existe d’autre mais voici quelque exemple)&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Logiciel_co_web.png| image des logiciel&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
personnellement j’ai choisi visual studio code (que l’on vas appelé VScode) car c’est celui avec lequel je suis le plus à l’aise&lt;/div&gt;</summary>
		<author><name>Vergnes-fiol dorian</name></author>
	</entry>
	<entry>
		<id>http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1190</id>
		<title>Comment créé une application web</title>
		<link rel="alternate" type="text/html" href="http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1190"/>
		<updated>2024-05-31T16:32:45Z</updated>

		<summary type="html">&lt;p&gt;Vergnes-fiol dorian : /* quel logiciel faut-il installé? */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;===== pour illustré mes information je vais utilisé l'application web que j'ai faite Duran un stage a la SAFRA =====&lt;br /&gt;
&lt;br /&gt;
l'objectif était de créer un &amp;lt;big&amp;gt;outil pratique et dynamique&amp;lt;/big&amp;gt; pour montre en temp et en heure l'état des différent service de la SAFRA (&amp;lt;span style=&amp;quot;color:#228B22&amp;quot;&amp;gt;en ligne&amp;lt;/span&amp;gt; /  &amp;lt;span style=&amp;quot;color:#FF0000&amp;quot;&amp;gt;hors ligne&amp;lt;/span&amp;gt; / &amp;lt;span style=&amp;quot;color:#DAA520&amp;quot;&amp;gt;en maintenance&amp;lt;/span&amp;gt;)&lt;br /&gt;
Pour cela, j'ai donc eu besoin de créer une application web.&lt;br /&gt;
&lt;br /&gt;
== mais c’est quoi une application web? il y a quoi de différent avec un site web? ==&lt;br /&gt;
&lt;br /&gt;
La principale différence entre une application web et un site web réside dans leur fonctionnalité et leur interactivité.&lt;br /&gt;
Un site web est principalement conçu pour présenter des informations statiques aux utilisateurs, tandis qu'une application web offre une expérience interactive, souvent avec des fonctionnalités avancées telles que la personnalisation, la manipulation de données en temps réel et l'interaction complexe avec l'utilisateur. &lt;br /&gt;
&lt;br /&gt;
En résumé, un site web est plus axé sur la présentation de contenu, tandis qu'une application web offre une expérience utilisateur plus dynamique et interactive.&lt;br /&gt;
&lt;br /&gt;
== quel logiciel faut-il installé? ==&lt;br /&gt;
&lt;br /&gt;
Pour créer notre application web on va avoir besoin d’un éditeur de texte comme Notepad++, Visual studio code ou bloc note par exemple. (il en existe d’autre mais voici quelque exemple)&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Logiciel_co_web.png| image des logiciel&amp;lt;/gallery&amp;gt;&lt;/div&gt;</summary>
		<author><name>Vergnes-fiol dorian</name></author>
	</entry>
	<entry>
		<id>http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1189</id>
		<title>Comment créé une application web</title>
		<link rel="alternate" type="text/html" href="http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1189"/>
		<updated>2024-05-31T16:30:16Z</updated>

		<summary type="html">&lt;p&gt;Vergnes-fiol dorian : /* quel logiciel faut-il installé? */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;===== pour illustré mes information je vais utilisé l'application web que j'ai faite Duran un stage a la SAFRA =====&lt;br /&gt;
&lt;br /&gt;
l'objectif était de créer un &amp;lt;big&amp;gt;outil pratique et dynamique&amp;lt;/big&amp;gt; pour montre en temp et en heure l'état des différent service de la SAFRA (&amp;lt;span style=&amp;quot;color:#228B22&amp;quot;&amp;gt;en ligne&amp;lt;/span&amp;gt; /  &amp;lt;span style=&amp;quot;color:#FF0000&amp;quot;&amp;gt;hors ligne&amp;lt;/span&amp;gt; / &amp;lt;span style=&amp;quot;color:#DAA520&amp;quot;&amp;gt;en maintenance&amp;lt;/span&amp;gt;)&lt;br /&gt;
Pour cela, j'ai donc eu besoin de créer une application web.&lt;br /&gt;
&lt;br /&gt;
== mais c’est quoi une application web? il y a quoi de différent avec un site web? ==&lt;br /&gt;
&lt;br /&gt;
La principale différence entre une application web et un site web réside dans leur fonctionnalité et leur interactivité.&lt;br /&gt;
Un site web est principalement conçu pour présenter des informations statiques aux utilisateurs, tandis qu'une application web offre une expérience interactive, souvent avec des fonctionnalités avancées telles que la personnalisation, la manipulation de données en temps réel et l'interaction complexe avec l'utilisateur. &lt;br /&gt;
&lt;br /&gt;
En résumé, un site web est plus axé sur la présentation de contenu, tandis qu'une application web offre une expérience utilisateur plus dynamique et interactive.&lt;br /&gt;
&lt;br /&gt;
== quel logiciel faut-il installé? ==&lt;br /&gt;
&lt;br /&gt;
Pour créer notre application web on va avoir besoin d’un éditeur de texte comme Notepad++, Visual studio code ou bloc note par exemple. (il en existe d’autre mais voici quelque exemple)&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;Logiciel_co_web.png|Description 1&amp;lt;/gallery&amp;gt;&lt;/div&gt;</summary>
		<author><name>Vergnes-fiol dorian</name></author>
	</entry>
	<entry>
		<id>http://wikisn.rascol.net/index.php?title=Fichier:Logiciel_co_web.png&amp;diff=1188</id>
		<title>Fichier:Logiciel co web.png</title>
		<link rel="alternate" type="text/html" href="http://wikisn.rascol.net/index.php?title=Fichier:Logiciel_co_web.png&amp;diff=1188"/>
		<updated>2024-05-31T16:28:57Z</updated>

		<summary type="html">&lt;p&gt;Vergnes-fiol dorian : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Vergnes-fiol dorian</name></author>
	</entry>
	<entry>
		<id>http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1187</id>
		<title>Comment créé une application web</title>
		<link rel="alternate" type="text/html" href="http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1187"/>
		<updated>2024-05-31T16:20:48Z</updated>

		<summary type="html">&lt;p&gt;Vergnes-fiol dorian : /* quel logiciel nécessaire logiciel sont nécessaire? */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;===== pour illustré mes information je vais utilisé l'application web que j'ai faite Duran un stage a la SAFRA =====&lt;br /&gt;
&lt;br /&gt;
l'objectif était de créer un &amp;lt;big&amp;gt;outil pratique et dynamique&amp;lt;/big&amp;gt; pour montre en temp et en heure l'état des différent service de la SAFRA (&amp;lt;span style=&amp;quot;color:#228B22&amp;quot;&amp;gt;en ligne&amp;lt;/span&amp;gt; /  &amp;lt;span style=&amp;quot;color:#FF0000&amp;quot;&amp;gt;hors ligne&amp;lt;/span&amp;gt; / &amp;lt;span style=&amp;quot;color:#DAA520&amp;quot;&amp;gt;en maintenance&amp;lt;/span&amp;gt;)&lt;br /&gt;
Pour cela, j'ai donc eu besoin de créer une application web.&lt;br /&gt;
&lt;br /&gt;
== mais c’est quoi une application web? il y a quoi de différent avec un site web? ==&lt;br /&gt;
&lt;br /&gt;
La principale différence entre une application web et un site web réside dans leur fonctionnalité et leur interactivité.&lt;br /&gt;
Un site web est principalement conçu pour présenter des informations statiques aux utilisateurs, tandis qu'une application web offre une expérience interactive, souvent avec des fonctionnalités avancées telles que la personnalisation, la manipulation de données en temps réel et l'interaction complexe avec l'utilisateur. &lt;br /&gt;
&lt;br /&gt;
En résumé, un site web est plus axé sur la présentation de contenu, tandis qu'une application web offre une expérience utilisateur plus dynamique et interactive.&lt;br /&gt;
&lt;br /&gt;
== quel logiciel faut-il installé? ==&lt;/div&gt;</summary>
		<author><name>Vergnes-fiol dorian</name></author>
	</entry>
	<entry>
		<id>http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1186</id>
		<title>Comment créé une application web</title>
		<link rel="alternate" type="text/html" href="http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1186"/>
		<updated>2024-05-31T16:20:15Z</updated>

		<summary type="html">&lt;p&gt;Vergnes-fiol dorian : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;===== pour illustré mes information je vais utilisé l'application web que j'ai faite Duran un stage a la SAFRA =====&lt;br /&gt;
&lt;br /&gt;
l'objectif était de créer un &amp;lt;big&amp;gt;outil pratique et dynamique&amp;lt;/big&amp;gt; pour montre en temp et en heure l'état des différent service de la SAFRA (&amp;lt;span style=&amp;quot;color:#228B22&amp;quot;&amp;gt;en ligne&amp;lt;/span&amp;gt; /  &amp;lt;span style=&amp;quot;color:#FF0000&amp;quot;&amp;gt;hors ligne&amp;lt;/span&amp;gt; / &amp;lt;span style=&amp;quot;color:#DAA520&amp;quot;&amp;gt;en maintenance&amp;lt;/span&amp;gt;)&lt;br /&gt;
Pour cela, j'ai donc eu besoin de créer une application web.&lt;br /&gt;
&lt;br /&gt;
== mais c’est quoi une application web? il y a quoi de différent avec un site web? ==&lt;br /&gt;
&lt;br /&gt;
La principale différence entre une application web et un site web réside dans leur fonctionnalité et leur interactivité.&lt;br /&gt;
Un site web est principalement conçu pour présenter des informations statiques aux utilisateurs, tandis qu'une application web offre une expérience interactive, souvent avec des fonctionnalités avancées telles que la personnalisation, la manipulation de données en temps réel et l'interaction complexe avec l'utilisateur. &lt;br /&gt;
&lt;br /&gt;
En résumé, un site web est plus axé sur la présentation de contenu, tandis qu'une application web offre une expérience utilisateur plus dynamique et interactive.&lt;br /&gt;
&lt;br /&gt;
== quel logiciel nécessaire logiciel sont nécessaire? ==&lt;/div&gt;</summary>
		<author><name>Vergnes-fiol dorian</name></author>
	</entry>
	<entry>
		<id>http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1185</id>
		<title>Comment créé une application web</title>
		<link rel="alternate" type="text/html" href="http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1185"/>
		<updated>2024-05-31T16:18:22Z</updated>

		<summary type="html">&lt;p&gt;Vergnes-fiol dorian : /* mais c’est quoi une application web? il y a quoi de différent avec un site web? */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;===== pour illustré mes information je vais utilisé l'application web que j'ai faite Duran un stage a la SAFRA =====&lt;br /&gt;
&lt;br /&gt;
l'objectif était de créer un &amp;lt;big&amp;gt;outil pratique et dynamique&amp;lt;/big&amp;gt; pour montre en temp et en heure l'état des différent service de la SAFRA (&amp;lt;span style=&amp;quot;color:#228B22&amp;quot;&amp;gt;en ligne&amp;lt;/span&amp;gt; /  &amp;lt;span style=&amp;quot;color:#FF0000&amp;quot;&amp;gt;hors ligne&amp;lt;/span&amp;gt; / &amp;lt;span style=&amp;quot;color:#DAA520&amp;quot;&amp;gt;en maintenance&amp;lt;/span&amp;gt;)&lt;br /&gt;
Pour cela, j'ai donc eu besoin de créer une application web.&lt;br /&gt;
&lt;br /&gt;
== mais c’est quoi une application web? il y a quoi de différent avec un site web? ==&lt;br /&gt;
&lt;br /&gt;
La principale différence entre une application web et un site web réside dans leur fonctionnalité et leur interactivité.&lt;br /&gt;
Un site web est principalement conçu pour présenter des informations statiques aux utilisateurs, tandis qu'une application web offre une expérience interactive, souvent avec des fonctionnalités avancées telles que la personnalisation, la manipulation de données en temps réel et l'interaction complexe avec l'utilisateur. &lt;br /&gt;
&lt;br /&gt;
En résumé, un site web est plus axé sur la présentation de contenu, tandis qu'une application web offre une expérience utilisateur plus dynamique et interactive.&lt;/div&gt;</summary>
		<author><name>Vergnes-fiol dorian</name></author>
	</entry>
	<entry>
		<id>http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1184</id>
		<title>Comment créé une application web</title>
		<link rel="alternate" type="text/html" href="http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1184"/>
		<updated>2024-05-31T16:07:24Z</updated>

		<summary type="html">&lt;p&gt;Vergnes-fiol dorian : /* pour illustré mes information je vais utilisé l'application web que j'ai faite Duran un stage a la SAFRA */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;===== pour illustré mes information je vais utilisé l'application web que j'ai faite Duran un stage a la SAFRA =====&lt;br /&gt;
&lt;br /&gt;
l'objectif était de créer un &amp;lt;big&amp;gt;outil pratique et dynamique&amp;lt;/big&amp;gt; pour montre en temp et en heure l'état des différent service de la SAFRA (&amp;lt;span style=&amp;quot;color:#228B22&amp;quot;&amp;gt;en ligne&amp;lt;/span&amp;gt; /  &amp;lt;span style=&amp;quot;color:#FF0000&amp;quot;&amp;gt;hors ligne&amp;lt;/span&amp;gt; / &amp;lt;span style=&amp;quot;color:#DAA520&amp;quot;&amp;gt;en maintenance&amp;lt;/span&amp;gt;)&lt;br /&gt;
Pour cela, j'ai donc eu besoin de créer une application web.&lt;br /&gt;
&lt;br /&gt;
== mais c’est quoi une application web? il y a quoi de différent avec un site web? ==&lt;/div&gt;</summary>
		<author><name>Vergnes-fiol dorian</name></author>
	</entry>
	<entry>
		<id>http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1183</id>
		<title>Comment créé une application web</title>
		<link rel="alternate" type="text/html" href="http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1183"/>
		<updated>2024-05-31T16:06:47Z</updated>

		<summary type="html">&lt;p&gt;Vergnes-fiol dorian : /* pour illustré mes information je vais utilisé l'application web que j'ai faite Duran un stage a la SAFRA */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;===== pour illustré mes information je vais utilisé l'application web que j'ai faite Duran un stage a la SAFRA =====&lt;br /&gt;
&lt;br /&gt;
l'objectif était de créer un &amp;lt;big&amp;gt;outil pratique et dynamique&amp;lt;/big&amp;gt; pour montre en temp et en heure l'état des différent service de la SAFRA (&amp;lt;span style=&amp;quot;color:#228B22&amp;quot;&amp;gt;en ligne&amp;lt;/span&amp;gt; /  &amp;lt;span style=&amp;quot;color:#FF0000&amp;quot;&amp;gt;hors ligne&amp;lt;/span&amp;gt; / &amp;lt;span style=&amp;quot;color:#fdee00&amp;quot;&amp;gt;en maintenance&amp;lt;/span&amp;gt;)&lt;br /&gt;
Pour cela, j'ai donc eu besoin de créer une application web.&lt;br /&gt;
&lt;br /&gt;
== mais c’est quoi une application web? il y a quoi de différent avec un site web? ==&lt;/div&gt;</summary>
		<author><name>Vergnes-fiol dorian</name></author>
	</entry>
	<entry>
		<id>http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1182</id>
		<title>Comment créé une application web</title>
		<link rel="alternate" type="text/html" href="http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1182"/>
		<updated>2024-05-31T16:04:25Z</updated>

		<summary type="html">&lt;p&gt;Vergnes-fiol dorian : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;===== pour illustré mes information je vais utilisé l'application web que j'ai faite Duran un stage a la SAFRA =====&lt;br /&gt;
&lt;br /&gt;
l'objectif était de créer un &amp;lt;big&amp;gt;outil pratique et dynamique&amp;lt;/big&amp;gt; pour montre en temp et en heure l'état des différent service de la SAFRA (&amp;lt;span style=&amp;quot;color:#228B22&amp;quot;&amp;gt;en ligne&amp;lt;/span&amp;gt; / hors ligne / en maintenance)&lt;br /&gt;
Pour cela, j'ai donc eu besoin de créer une application web.&lt;br /&gt;
&lt;br /&gt;
== mais c’est quoi une application web? il y a quoi de différent avec un site web? ==&lt;/div&gt;</summary>
		<author><name>Vergnes-fiol dorian</name></author>
	</entry>
	<entry>
		<id>http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1181</id>
		<title>Comment créé une application web</title>
		<link rel="alternate" type="text/html" href="http://wikisn.rascol.net/index.php?title=Comment_cr%C3%A9%C3%A9_une_application_web&amp;diff=1181"/>
		<updated>2024-05-31T15:55:01Z</updated>

		<summary type="html">&lt;p&gt;Vergnes-fiol dorian : Page créée avec « créé une apli web »&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;créé une apli web&lt;/div&gt;</summary>
		<author><name>Vergnes-fiol dorian</name></author>
	</entry>
	<entry>
		<id>http://wikisn.rascol.net/index.php?title=Utilisateur:Vergnes-fiol_dorian&amp;diff=1180</id>
		<title>Utilisateur:Vergnes-fiol dorian</title>
		<link rel="alternate" type="text/html" href="http://wikisn.rascol.net/index.php?title=Utilisateur:Vergnes-fiol_dorian&amp;diff=1180"/>
		<updated>2024-05-31T15:52:47Z</updated>

		<summary type="html">&lt;p&gt;Vergnes-fiol dorian : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;== COMMENT CREE UNE APLICATION WEB ==&lt;/div&gt;</summary>
		<author><name>Vergnes-fiol dorian</name></author>
	</entry>
	<entry>
		<id>http://wikisn.rascol.net/index.php?title=Utilisateur:Vergnes-fiol_dorian&amp;diff=1179</id>
		<title>Utilisateur:Vergnes-fiol dorian</title>
		<link rel="alternate" type="text/html" href="http://wikisn.rascol.net/index.php?title=Utilisateur:Vergnes-fiol_dorian&amp;diff=1179"/>
		<updated>2024-05-31T15:51:26Z</updated>

		<summary type="html">&lt;p&gt;Vergnes-fiol dorian : Page créée avec « COMMENT CREE UNE APLICATION WEB »&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;COMMENT CREE UNE APLICATION WEB&lt;/div&gt;</summary>
		<author><name>Vergnes-fiol dorian</name></author>
	</entry>
</feed>