0% ont trouvé ce document utile (0 vote)
5 vues18 pages

Guide de Programmation Web Mobile

Ce guide pratique vise à former les apprentis webmasters à la création de sites web statiques et dynamiques ainsi qu'à la gestion de bases de données mobiles. Il détaille les étapes d'installation des logiciels nécessaires, la création d'un serveur virtuel avec AwebServer, et la mise en place d'une base de données avec MySQL. Les instructions incluent également la création de tables et l'enregistrement d'informations dans la base de données.

Transféré par

josikanga870
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd
0% ont trouvé ce document utile (0 vote)
5 vues18 pages

Guide de Programmation Web Mobile

Ce guide pratique vise à former les apprentis webmasters à la création de sites web statiques et dynamiques ainsi qu'à la gestion de bases de données mobiles. Il détaille les étapes d'installation des logiciels nécessaires, la création d'un serveur virtuel avec AwebServer, et la mise en place d'une base de données avec MySQL. Les instructions incluent également la création de tables et l'enregistrement d'informations dans la base de données.

Transféré par

josikanga870
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd

GUIDE PRATIQUE

DE LA PROGRAMMATION
WEB & BDD MOBILE
A l’intention des apprentis webmasters

Par l’Ir. Joslin Ikanga Mpufumbo, Master en Informatique


Téléphone : +243 814 258 931 / +243808674189
E-mail : jaelitongo@[Link]
0. INTRODUCTION
0.1. Objectifs du cours
L’objectif poursuivis dans ce guide pratique est de permettre à
l’apprenti concepteur des bases de données d’être capable de :
 Créer un site web statique de version 1.0 à l’aide du TrebEdit ;
 Créer un serveur virtuel à l’aide de AwebServer ;
 Créer un site web dynamique de version 2.0 à l’aide de sublime
text.
0.2. Logiciels de développement
Il est essentiel de télécharger au préalable les logiciels suivants
sur internet :
 AwebServer : Il servira à la création d’un serveur virtuel mais aussi
des bases de données à l’aide du SGBD MySQL qui est incorporé
dans ce serveur et
 TrebEdit : Il va servir d’éditeur pour la saisie des codes du site web
mais aussi la génération des pages web.
 Sublime Text : Il servira à la création des pages web dynamiques
Pour se faire, il faut se rendre sur Play Store dans le téléphone
doté du système Android.
I. CREATION DU SERVEUR VIRTUEL
Le serveur virtuel est créé par la simple installation d’un
logiciel serveur sur le téléphone.
Pour notre cas, il s’agit de AwebServer.
Procédure de téléchargement
1. Faire un clic sur l’icône de l’application Play Store
2. dans la barre de recherche, Saisir : AwebServer
3. Clic sur télécharger
4. Patienter jusqu’à la fin du téléchargement
5. Voici la fenêtre qui va apparaître :

Par l’Ir. Joslin Ikanga Mpufumbo, Master en Informatique


Téléphone : +243 814 258 931 / +243808674189
E-mail : jaelitongo@[Link]
6. A ce niveau, il faut patienter quelques secondes
7. Après, voici la fenêtre qui apparait :

8. Clic sur le bouton Ouvrir


9. Voici la fenêtre qui s’ouvre :

Par l’Ir. Joslin Ikanga Mpufumbo, Master en Informatique


Téléphone : +243 814 258 931 / +243808674189
E-mail : jaelitongo@[Link]
10. Il faudra patienter secondes afin que le chargement soit plein
11. Dans la fenêtre suivante, cliquer sur « Autoriser »

12. Dans la fenêtre suivante, cocher « D’ont show again »

Par l’Ir. Joslin Ikanga Mpufumbo, Master en Informatique


Téléphone : +243 814 258 931 / +243808674189
E-mail : jaelitongo@[Link]
13. Clic sur « OK »
14. Voici la fenêtre qui s’ouvre :

NB ! A ce niveau, l’installation (création du serveur web mobile) est


terminée.

Par l’Ir. Joslin Ikanga Mpufumbo, Master en Informatique


Téléphone : +243 814 258 931 / +243808674189
E-mail : jaelitongo@[Link]
II. INSTALLATION DE L’EDITEUR DES CODES
L’éditeur des codes va nous offrir :
 L’espace de saisie des codes de la programmation web mais aussi,
 Le compilateur qui va faciliter la génération des pages web.

Par l’Ir. Joslin Ikanga Mpufumbo, Master en Informatique


Téléphone : +243 814 258 931 / +243808674189
E-mail : jaelitongo@[Link]
III. DEMARRAGE DU SERVEUR ET DU SGBD MYSQL
1. Il faut commencer par lancer le serveur en cliquant sur l’icône
suivante :

2. Voici la fenêtre qui s’ouvre

3. Faire un clic sur le bouton « START » situé à droite de « Service »


4. Après clic sur le bouton « START », vous verrez ceci :

5. Clic sur l’icône SGBD MySQL

6. Voici la fenêtre qui s’ouvre :

Par l’Ir. Joslin Ikanga Mpufumbo, Master en Informatique


Téléphone : +243 814 258 931 / +243808674189
E-mail : jaelitongo@[Link]
7. Faire un clic sur le bouton « START » situé à droite de « Service »
8. Après clic sur le bouton « START », vous verrez ceci :

9. A ce niveau, on peut voir l’adresse du compte administrateur


apparaitre comme le montre l’image suivante :

IV. CREATION DE LA BDD MOBILE


Commençons par apprendre comment créer une base de
données nommée « bdd_test », qui comporte en son sein la table
« t_test ».
Etapes :
10. Défiler sur le bureau du téléphone et faire un clic sur l’icône
suivante :

11.

Par l’Ir. Joslin Ikanga Mpufumbo, Master en Informatique


Téléphone : +243 814 258 931 / +243808674189
E-mail : jaelitongo@[Link]
12. Faire un clic sur cette adresse pointée par la flèche comme
le montre l’image suivante :

13. Voici la fenêtre d’authentification de l’administrateur qui


apparaît :

14. Dans la zone d’utilisateur et la zone de mot de passe, saisir


le code par défaut « root » comme le montre l’image suivante :

Par l’Ir. Joslin Ikanga Mpufumbo, Master en Informatique


Téléphone : +243 814 258 931 / +243808674189
E-mail : jaelitongo@[Link]
15. Clic sur le bouton « Connexion »
16. Voici la fenêtre qui s’ouvre :

17. Clic sur « Enregistrer »

Par l’Ir. Joslin Ikanga Mpufumbo, Master en Informatique


Téléphone : +243 814 258 931 / +243808674189
E-mail : jaelitongo@[Link]
18. Faire un clic sur les trois points indiqué par la flèche comme
le montre l’image suivante

19. Voici la fenêtre qui s’ouvre :

20. Cochez « Version pour ordinateur » Comme le montre l’image


suivante :

Par l’Ir. Joslin Ikanga Mpufumbo, Master en Informatique


Téléphone : +243 814 258 931 / +243808674189
E-mail : jaelitongo@[Link]
21. Regarder à gauche et cliquez sur « Nouvelle base de
données » :

22. Voici la fenêtre qui s’ouvre :

Par l’Ir. Joslin Ikanga Mpufumbo, Master en Informatique


Téléphone : +243 814 258 931 / +243808674189
E-mail : jaelitongo@[Link]
23. Ecrire le nom de la base de données « bdd_test » ensuite,
cliquez sur le bouton « Créer » comme le montre l’image suivante :

V. CREATION DES TABLES DE LA BDD


24. Dans la fenêtre qui s’ouvre, nous pouvons voir le nom de la
base de données que nous venons de créer.

25. Ecrire le nom de la table « t_test » et préciser le nombre des


colonnes « 2 » comme le montre l’image suivante :

26. Cliquez sur le bouton « Créer »


27. Voici la fenêtre qui s’ouvre :

Par l’Ir. Joslin Ikanga Mpufumbo, Master en Informatique


Téléphone : +243 814 258 931 / +243808674189
E-mail : jaelitongo@[Link]
28. Remplir les champs (Nom, Types, Taille/valeur, moteur de
stockage) de la manière suivante :

29. Défiler horizontalement pour cochez le champ AI d’auto-


incrémentation comme indiqué par la flèche dans l’image
suivante :

Par l’Ir. Joslin Ikanga Mpufumbo, Master en Informatique


Téléphone : +243 814 258 931 / +243808674189
E-mail : jaelitongo@[Link]
NB : Il faut cocher seulement la première case.
30. Défilez vers le bas, cliquez sur le bouton « Enregistrer »
31. Voici la fenêtre qui s’ouvre :

Cette fenêtre présente la structure de la table.


VI. ENREGISTREMENT DANS UNE TABLE DE LA BDD
32. Cliquez sur la table concernée ;
33. Faire un clic sur l’icône du menu suivant :

34. Voici la fenêtre qui s’ouvre :

Par l’Ir. Joslin Ikanga Mpufumbo, Master en Informatique


Téléphone : +243 814 258 931 / +243808674189
E-mail : jaelitongo@[Link]
35. Clic sur « Insérer »
36. Remplir les informations comme le montre l’image suivante :

37. Cliquez sur « Exécuter »


38. Voici la fenêtre qui apparaît :

VII. AFFICHAGE DES INFORMATIONS ENREGISTREES


39. Faire un clic sur l’icône du menu suivant :

40. Dans la fenêtre suivante, cliquez sur « Parcourir »

Par l’Ir. Joslin Ikanga Mpufumbo, Master en Informatique


Téléphone : +243 814 258 931 / +243808674189
E-mail : jaelitongo@[Link]
41. Voici l’affichage des informations enregistrées :

VIII. RECHERCHE D’UNE INFORMATION ENREGISTREE


Pour se faire, il vous d’abord afficher les informations
enregistrées dans une table de la BDD comme on peut le voir ci-haut.
42. Dans la fenêtre suivante, insérer le mot clé de votre
recherche

Par l’Ir. Joslin Ikanga Mpufumbo, Master en Informatique


Téléphone : +243 814 258 931 / +243808674189
E-mail : jaelitongo@[Link]
43. Lorsque vous insérer le mot clé dans la zone de recherche
comme la montre l’image suivante, la recherche se fait
automatiquement dans le tableau comme vous pouvez le voir :

44.

Par l’Ir. Joslin Ikanga Mpufumbo, Master en Informatique


Téléphone : +243 814 258 931 / +243808674189
E-mail : jaelitongo@[Link]

Vous aimerez peut-être aussi