Want to create interactive content? It’s easy in Genially!

Get started free

Schéma - Fonctionnement Application Web

Thien Hoang TRAN

Created on October 18, 2023

Start designing with a free template

Discover more than 1500 professional designs like these:

Halloween Infographic

Halloween List 3D

Magic and Sorcery List

Journey Map

Versus Character

Akihabara Connectors Infographic Mobile

Mobile mockup infographic

Explore all templates

Transcript

JavaScript

HTML

CSS

Lorem ipsum dolor sit amet consectetur adipiscing

FONTIONNEMENT APPLICATION WEB

Lorem ipsum dolor sit amet consectetur adipiscing

Front-end

Back-end

Write a title here

requêtes HTTP

  • Lorsqu'un utilisateur effectue une action (comme cliquer sur un bouton), une requête HTTP est envoyée au serveur.
  • Le DNS traduit les noms de domaine en adresses IP pour localiser le serveur.

L'utilisateur interagit avec l'application via le front-end, qui assure un affichage adaptatif sur différents appareils grâce au responsive design.

Algorithme

PHP, JavaScript, Python, Java

réponses

Serveur web

afficher résultats

Collecter donées

base de données

système de fichiers

HTML, CSS, Images

MySQL

Le back-end gère ces requêtes en utilisant une base de données, des API, des algorithmes, et des langages comme SQL pour fournir des réponses appropriées aux navigateurs des utilisateurs.

UTILISATEURS

Got an idea?

Use this space to add awesome interactivity. Include text, images, videos, tables, PDFs... even interactive questions! Premium tip: Get information on how your audience interacts with your creation:

  • Visit the Analytics settings;
  • Activate user tracking;
  • Let the communication flow!

Got an idea?

Use this space to add awesome interactivity. Include text, images, videos, tables, PDFs... even interactive questions! Premium tip: Get information on how your audience interacts with your creation:

  • Visit the Analytics settings;
  • Activate user tracking;
  • Let the communication flow!

Collecter données

  • L'utilisateur interagit avec l'application via le front-end, qui assure un affichage adaptatif sur différents appareils grâce au responsive design.
  • Lorsqu'un utilisateur effectue une action (comme cliquer sur un bouton), une requête HTTP est envoyée au serveur.

Got an idea?

Use this space to add awesome interactivity. Include text, images, videos, tables, PDFs... even interactive questions! Premium tip: Get information on how your audience interacts with your creation:

  • Visit the Analytics settings;
  • Activate user tracking;
  • Let the communication flow!

Got an idea?

Use this space to add awesome interactivity. Include text, images, videos, tables, PDFs... even interactive questions! Premium tip: Get information on how your audience interacts with your creation:

  • Visit the Analytics settings;
  • Activate user tracking;
  • Let the communication flow!

Got an idea?

Use this space to add awesome interactivity. Include text, images, videos, tables, PDFs... even interactive questions! Premium tip: Get information on how your audience interacts with your creation:

  • Visit the Analytics settings;
  • Activate user tracking;
  • Let the communication flow!