Blog

  • Année 2020-2021

    Année 2020-2021

    L’année 2020 est considéré comme l’une des pires années pour l’humanité, à cause de la pandémie Covid19.
    Pour moi, l’année 2020 a été en dents de scie, mais je pense qu’elle a été meilleure que l’année 2019.

    année 20201Pour plus d’explication, je vous renvoi à un des articles de mon portfolio, qui a pour titre Bilan de l’année 2020 et résolutions 2021. Je vous explique tout en quelques paragraphes.

    Pour l’année 2021, je ne pense pas prendre des résolutions. En tout cas, pas comme on l’entend.
    Je compte prendre quelques décisions et choix, en termes d’articles de ce blog.

    J’écrirai toujours de nouveaux articles sur ce blog.
    J’ai remarqué que les thèmes des articles les plus visité étaient :

    • les bonnes pratiques dans le développement
    • les scripts en ligne de commande (bash, PHP, etc…)
    • utilisation de composer et git (outils DevOps)
    • Scripts de cartographie (Google Maps)

    Je pense donc continuer d’écrire sur ces thèmes, voir même refondre de vieux articles pour les mettre au goût du jour.

    Qu’en pensez-vous ?

  • Calculatrice d’abonnement dynamique

    Suite à mon article sur Leaflet et a la création de cercle dynamique, j’ai décidé de partager avec vous un autre de mes scripts.

    C’est une petite fonctionnalité qui permet de calculer dynamiquement des abonnements, à partir de 2 paramètres :

    • le type d’abonnement (annuel ou mensuel), avec son tarif
    • Le nombre d’abonnements choisi.

    C’est une petite fonctionnalité que j’ai pu développer en peu de temps, et qui est facile à faire évoluer.
    Les seules dépendances sont bootstrap 4, et Jquery 3.

    Il suffit juste de choisir le type d’abonnement que vous souhaitez, et un nombre d’utilisateurs, et la calculatrice donnera directement le résultat.

    Voici ce que donne le visuel :

    Calculatrice d'abonnement dynamique.

    Dites-moi ce que vous en pensez !

  • Accéder à votre xampp d’un téléphone

    Dernièrement, j’ai trouvé une technique très intéressante, qui me permet de voir des projets Web local sur un support autre que l’ordinateur.

    Il faut tout d’abord avoir un serveur Web local sur votre ordinateur.
    Mon exemple est avec Xampp, mais j’espère que la technique est la même sur les logiciels du même type.

    La technique est simple en soi. Il suffit juste de récupérer l’adresse IPV4 de votre ordinateur, à partir d’un terminal de commande.

    Sur Windows, il faut taper le bon vieux ipconfig.
    Sur Linux, sur mon Ubuntu en tout cas, il faut taper hostname -I
    Pour Mac, je ne sais pas. Je n’en ai pas.

    Personnellement cela me donne une IP du genre : 192.168.1.*
    * ayant une valeur compris entre 0 et 255.

    Sur mon téléphone, voici un exemple de ce que ça donne.
    L’exemple est fait avec le CMS PluXML.

  • Cercle dynamique dans Leaflet

    Créer un cercle dynamique dans Leaflet
    Marker & circle in Leaflet

    Aujourd’hui, je continue ma lancée dans le partage de code, mais avec une petite différence. Le code d’aujourd’hui ne contiendra pas de PHP, mais du JavaScript.

    Vous pouvez retrouver ce code sur codepen, sous le titre Dynamical circle in leaflet.

    Comme vous pouvez le voir dans cette exemple codepen, j’ai fait en sorte de relier deux champs d’un formulaire avec une forme géométrique d’une carte Leaflet (un cercle, dans mon exemple).

    Il faut prendre en compte que ces 2 mêmes champs sont aussi relié entre eux. Si l’un des deux change, le deuxième change à la volée. Ils sont limité tous les 2 entre les valeurs 0 et 100.
    Le cercle se modifiant en direct, dès que la valeur des champs input change.

    J’ai fait en sorte que le code soit le plus simple possible. On peu le faire évoluer rapidement et facilement.

    Les dépendances CSS/JS de ce code sont : Bootstrap (3 ou 4), Jquery 3.5, et Leaflet 1.7.1
    Il est possible de s’abstraire de Bootstrap et Jquery, en faisant quelques modifications dans le HTML et le Javascript.
    Par contre, il est obligatoire d’utiliser les dépendances CSS et JS de Leaflet, pour la carte.

    Qu’en pensez-vous ?

  • Comment insérer un élément au milieu d’un tableau PHP ?

    Comment insérer un élément au milieu d’un tableau PHP ?

    Lors d’une demande de développement PHP, je devais créer une fonction qui répondait à la question suivante :

    Comment insérer un élément au milieu d’un tableau ?

    Je n’ai pas trouvé de fonction PHP spécifique à cette demande.
    Par contre, j’ai découvert une réponse qui me permettrai de créer une fonction de ce genre.
    Le code est le suivant :

    //Soit le tableau contenant pomme, poire, pêche, kiwi. On veut insérer abricot au milieu de ce tableau
    $tab = array ("pomme", "poire", "pêche", "kiwi");
    $tab1 = array_slice ($tab, 0, 2); //Récupère pomme et poire
    $tab2 = array_slice ($tab, 2); //Récupère tous les éléments à partir de l'indice 2
    array_push ($tab1, "abricot"); //Ajoute à la fin du tableau l'élément abricot
    $tab = array_merge ($tab1, $tab2); //Fusionne les deux tableaux
    echo '<pre>'; print_r($tab); echo '</pre>';

    Pour expliquer le code en quelques mots

    • on extrait une (ou plusieurs) portion(s) du tableau avec array_slice().
    • On empile un ou plusieurs éléments à la fin d’un tableau avec array_push()
    • On fusionne un ou plusieurs tableaux avec array_merge().

    Cela affiche le tableau suivant :

    Array([0] => pomme [1] => poire [2] => abricot [3] => pêche [4] => kiwi)

    Voici ce que redonne le même code ci-dessus, mais factoriser dans une fonction.

    function add_middle($tab, $add_element, $indice_tab) {
        $tab1 = array_slice ($tab, 0, $indice_tab);
        $tab2 = array_slice ($tab, $indice_tab);
        array_push ($tab1, $add_element);
        $tab = array_merge ($tab1, $tab2); //Fusionne les deux tableaux
    
        return $tab;
    }
    
    //Soit le tableau contenant pomme, poire, pêche, kiwi.
    // On veut insérer abricot au milieu de ce tableau
    $tab = array ("pomme", "poire", "pêche", "kiwi");
    $add_element = 'abricot';
    
    $tab = function add_middle($tab, 'abricot', 2);
    
    echo '<pre>'; print_r($tab); echo '</pre>';

    Que pensez-vous de cette technique ? Et connaissez-vous des fonctions natives permettant de faire ce genre de chose ?
    N’hésitez pas à venir le partager avec moi.

    PS : Quelques heures après la parution de cet article, Frédéric Bouchery me proposait une solution avec une fonction native en PHP. Je peux le remercier.
    Voici cette solution :

    <?php
    $array = ['pomme', 'poire', 'pêche', 'kiwi'];
    array_splice($array, 2, 0, ['abricot']);
    print_r($array);
    
    Array
    (
        [0] => pomme
        [1] => poire
        [2] => abricot
        [3] => pêche
        [4] => kiwi
    )