Dans ce tuto AJAX en vidéo, vous apprendrez à réaliser un système de vote à la manière du site Youtube.
Nous créerons d'abord une base de données afin de stocker du contenu, notamment des liens vers des vidéos (pour l'exemple), ainsi que les votes des visiteurs.
Nous verrons comment afficher la vidéo demandée par l'utilisateur et nous créerons un système de vote façon Youtube "j'aime" ou "j'aime pas".
Nous afficherons ensuite les résultats au dessous de la vidéo avec deux barres de pourcentage de votes, pour cela nous ferons un calcul de maths très savant (niveau CM2) et nous afficherons également le nombre total de votes "pour" et "contre".
Nous ferons bien sur fonctionner l'application d'abord en PHP, avec rechargement de la page, et nous verrons ensuite comment permettre à l'application de fonctionner en AJAX avec Jquery, et comment récupérer des variables du PHP au Javascript grâce au format JSON. L'avantage de l'AJAX est que l'utilisateur pourra continuer de regarder la vidéo tout en votant sans qu'il y ait de coupure de la vidéo. Nous implémenterons également quelques petits effets Jquery sympathiques pour le confort de l'utilisateur.
Bon tuto!
- Fichiers sourcestélécharger
- Certificat
Formateur : Fabien Le corre
-
Le tuto se concentre sur l'aspect Ajax qui permet un changement d'état dans la page sans rechargement de celle-ci, et si vous maitrisez cet aspect, vous pourrez généraliser cette pratique et l'appliquer ailleurs dans vos sites. Je conseille de suivre quelques autres tutos sur Ajax, du même auteur. Vu le prix, ça serait dommage de s'en priver.
-
Tres bon tuto, tout comme les reste de tes tutos que tu nous propose
-
Très bon tuto, je vais l'utilisé pour tout mes futurs besoin de vote sur mes sites, par contre petite question, je realise un mini-site photobboth de 'cap pas cap' j'arrive à réafficher une question mais cela change l'id de la question du bouton qu'une seule fois, apres sa me met page blanche avec les infos voulu
note moyenne
avis laissés