Catégorie : Programmation Web

programmation Web

  • Présentation de la librairie HighCharts

    Présentation de la librairie HighCharts

    Si vous êtes dans le développement web, et que vous souhaitez créer des diagrammes interactif et évolutif, vous pouvez utiliser la librairie « HighCharts ».

    HighCharts est, pour moi, la librairie JS la plus avancé pour créer des diagrammes à partir de vos données.

    Voici une petite vidéo pour vous présenter HighCharts :

    Vous pourrez retrouver cette bibliothèque à l’adresse : highcharts.com

  • Outil de filtrage de markers sur Google Maps

    Outil de filtrage de markers sur Google Maps

    Après un certain nombres de commentaires pour créer un outil de filtrage de markers, j’ai décidé d’en faire un.

    L’exemple de cet outil se porte sur les villes de France. Pour cela, j’ai réussi à récupérer une BDD des villes de France qui comporte plus de 36000 entrées.

    Les filtres que j’ai fait pour l’outil portent sur les départements et le nombre d’habitants par ville.
    Il est tout à fait possible de créer d’autres filtres, et de rajouter d’autres fonctionnalités.

    Voici une vidéo de présentation de l’outil :

    Vous pouvez retrouver une démonstration de l’outil à cette adresse : http://france.guillaume-richard.fr/.

    Vous pouvez aussi télécharger le script de cet outil map : .

    Si vous avez des questions : n’hésitez pas à laisser des commentaires.

  • CRUD, ou les 4 fonctions de base pour gérer les données

    CRUD
    Introduction

    Aujourd’hui, je vais parler d’une notion très importante dans le domaine du web.
    Cette notion pourrait être élargi dans tout le domaine de l’informatique, mais mon exemple sera plus spécifique au Web.

    Définition

    Je vais vous parler du CRUD. C’est un acronyme (en anglais), qui indique les 4 opérations de base pour gérer tous types de données.
    Les fonctions sont :

    1. Create (ou création),
    2. Read (ou lecture),
    3. Update (modification),
    4. Delete (Suppression).

    Chaque fonctions est importantes et s’il vient à en manquer une dans un logiciel, ce dernier serait incomplet.

    Exemple avec MySQL

    Pour ce paragraphe, j’ai décidé de vous montrer un exemple de code pour chaque partie du CRUD. Les codes sont en PHP et MySQL.
    Si vous maîtrisez ces quatre parties, vous pouvez gérer toutes les données que vous voulez.

    Partie « Create » :

    $sql = « 
        INSERT INTO news (nom, prenom, email, sujet, message)
        VALUES ($nom,’$prenom’,’$email’,’$sujet’,’$message’)
    « ;
    $req = $cnx->prepare($sql);
    $req->execute();

    ou

    $sql = $bdd->prepare(« 
        INSERT INTO news (nom, prenom, email, sujet, message)
        VALUES (:nom, :prenom, :email, :sujet, :message)
    « );

    $sql->bindParam(‘:nom’, $nom);
    $sql->bindParam(‘:prenom’, $prenom);
    $sql->bindParam(‘:email’, $email);
    $sql->bindParam(‘:sujet’, $sujet);
    $sql->bindParam(‘:message’, $message);

    $nom = ‘DOE’;
    $prenom = ‘John’;
    $email = ‘john.doe@gmail.com’;
    $sujet = ‘Sujet de message’;
    $message = ‘Lorem ipsum dolor sit amet, consectetur adipiscing elit.’;

    $sql->execute();

    Partie « Read » :

    $sql= »select * from news »;
    $qid=$cnx->prepare($sql);
    $qid->execute();

    Partie « Update » :

    $sql = « 
        UPDATE news
        SET titre=’ ».$titre. »‘, image=’ ».$image. »‘, alt=’ ».$alt. »‘, date=’ ».$date. »‘, texte=’ ».$texte. »‘
        WHERE id=$id
    « ;
     
    $qid=$cnx->prepare($sql);
    $qid->execute();

    ou

    $sql = « 
        UPDATE news
        SET nom=:nom, prenom=:prenom, email=:email, sujet=:sujet, message=:message
        WHERE id=$id
    « ;
    $qid=$cnx->prepare($sql);
    $qid->execute(
        array(
            ‘:id’ => $_GET[‘id’],
            ‘:nom’ => ‘DOE’,
            ‘:prenom’ => ‘John’,
            ‘:email’ => ‘john.doe@gmail.com’,
            ‘:sujet’ => ‘Sujet de message’,
            ‘:message’ => ‘Lorem ipsum dolor sit amet, consectetur adipiscing elit.’
        )
    );

    Partie « Delete » :

    $sql = ‘DELETE FROM news WHERE id=$id’;
    $req = $cnx->prepare($sql);
    $req->execute();

    ou

    $sql = ‘DELETE FROM news WHERE id=$id’;
    $req = $cnx->exec($sql);

     

    Si vous avez des questions par rapport à la notion de CRUD, laissez un commentaire.

  • Manipuler des tableaux avancés avec Dynatable

    Manipuler des tableaux avancés avec Dynatable

    Dynatable est un plugin Jquery qui permet de manipuler des tableaux HTML avancés assez rapidement.
    Le plugin propose des fonctionnalités qui permettent de gérer les données. Ces fonctionnalités peuvent être une pagination, un champ recherche, nombre de lignes par page, etc…

    En 15 minutes, je vous montre comment utiliser Dynatable de manière avancé.

    Voici la vidéo :

    Dynatable est téléchargeable sur le site dynatable.com.
    Vous pourrez récupérer le script du tutoriel sur la page de téléchargement.

  • Google maps et les moyens de transports

    Google maps et les moyens de transports

    Il est tout à fait possible de faire apparaître les itinéraires de 3 moyens de transports sur Google Map.

    Ces 3 moyens de transport sont :
    1- les voitures (pour le trafic routier, style bison futé)
    2- les transports en commun (métro, RER)
    3- le vélo (pour les pistes cyclables)

    Je vous montre comment les afficher, et cela en moins de 10 minutes. Voici la vidéo :

    N’hésitez pas à aller sur la page de téléchargement pour récupérer le script