Forum Programmation.web Vieux site web PHP -> ?

Posté par  . Licence CC By‑SA.
Étiquettes : aucune
2
8
nov.
2014

Salut,

je reprends la gestion d'un site web associatif "fait maison" en PHP.
Je souhaite le moderniser sans pour autant lui retirer ce "fait maison".

Je souhaiterais par exemple le rendre plus "connecte" (utiliser des APIs de reseaux sociaux qui ont pignon sur rue), intégrer une gestion d'adhérents, le rendre consultable sur n'importe quel support (smartphone, tablette, etc.) sans pour autant devoir conserver des PHP du style: tablette.php, smartphone.php, etc.

Voila grosse maille. Avez-vous une idée de part ou je pourrais commencer mes recherches pour apprendre a faire ça ? (tutoriel, sites web, etc.)

Merci

  • # par le debut

    Posté par  . Évalué à 4.

    Avez-vous une idée de part ou je pourrais commencer mes recherches pour apprendre a faire ça ? (tutoriel, sites web, etc.)

    PHP : c'est du code de programmation, il genere du code HTML,CSS,javascript qui sera decodé par le navigateur
    HTML : c'est du code qui fournit le fond du document (son contenu)
    CSS : c'est du code qui fournit la mise en page du document, en se basant sur certaines infos du code HTML
    Javascript : c'est du code qui fournit certaines interactions entre les elements de la page.

    Mysql : systeme de base de données permettant de stocker et de reinterroger les informations entrées precedemments.

    familiarise toi deja avec ces elements avant de vouloir taper et modifier dans le code du site actuel.

    • [^] # Re: par le debut

      Posté par  . Évalué à 2.

      EUh, je ne suis pas totalement neuneu :D

      ENcore que, pour le coup, le site en question utilise beaucoup de PHP la ou, je pense, on pourrait simplement foutre du HTML5/CSS3 (genre: des menus déroulants, etc.)

      • [^] # Re: par le debut

        Posté par  . Évalué à 3.

        le menu deroulant est peut-etre dynamiquement generé par la base de données => il faut du code php

        le precedent webmaster etait peut-etre plus developpeur que html.
        il aura codé des classes PHP (deja vu) pour faire du "pure html" avec.

        ex que j'ai deja vu : 

        creer_table();
ajouter_ligne();
ajouter_colonne();
fermer_table();

        avec une fonction creer_table qui fait juste un print "<table>"
        etc

        • [^] # Re: par le debut

          Posté par  . Évalué à 1.

          Pour les menus que j'ai pu regarder, clairement, il n'y a rien de genere dynamiquement dedans.

          La personne n’était pas spécialiste (je ne le suis pas plus même si je touche ma bille en dev fonctionnel et en SQL).

          Je vais y aller par petite touche et en profiter pour me former :)

          Bien évidemment, je conserverai le PHP la ou il s’avère utile ou nécessaire. Partout ailleurs je compte le virer.

          Pour l'aspect UI responsive, faut-il prévoir de passer par un framework ou bien en utilisant HTML5/CSS3 (et du JS ?), cela peut suffir ? On m'a parle de Foundation par exemple, sur le papier c'est vraiment bien mais dans la réalité ?

          • [^] # Re: par le debut

            Posté par  . Évalué à 3.

            Pour l'aspect UI responsive, faut-il prévoir de passer par un framework ou bien en utilisant HTML5/CSS3 (et du JS ?), cela peut suffir ? On m'a parle de Foundation par exemple, sur le papier c'est vraiment bien mais dans la réalité ?

            au choix du developpeur,
            il me semble que dans le principe, c'est 1 code html, plusieurs codes CSS en fonction du "media"

            • [^] # Re: par le debut

              Posté par  . Évalué à 1.

              Ça semble logique effectivement.

              Je vais regarder ça de plus près.

              Merci beaucoup

            • [^] # Re: par le debut

              Posté par  . Évalué à 2. Dernière modification le 10 novembre 2014 à 12:18.

              En effet si le site est bien fait, avec des technos pas trop vieilles (XHTML/HTML5), quelques entrées @media pour définir les résolutions et les règles CSS à appliquer suffiront à le rendre accessible sur mobile.

              Par contre si le site est fait à l'ancienne avec des tableaux HTML ou des tas de découpes d'images ça va être très compliqué pour ne pas dire mission impossible sans refaire le balisage HTML ou les découpes d'image…. et là ça va te prendre beaucoup de temps.

              Les navigateurs chromium ou firefox/iceweasel peuvent émuler le rendu sur différent types d'appareils mobiles et permettent des tester tes règles en direct et de sauvegarder le résultat.

              Si tu te débrouilles bien avec la CSS tu peux ne pas avoir besoin de JS. En tout cas l'idée est de le limiter le JS à ce que tu ne peux pas gérer directement avec la CSS.

              Pour ce qui est de la gestion des événements pour les mouvements tactiles tu peux regarder du coté de jQuery-Mobile, ça fonctionne très bien.

              • [^] # Re: par le debut

                Posté par  . Évalué à 1.

                Merci pour toutes ces informations !

                Je veux bien évidemment ne recourir a du JS qu'en cas d'absolue nécessitée.

                Je vais quand même lorgner du cote des foundation et autre bootstrap (maintenant que j'ai compris de quoi il s'agissait :D ).

        • [^] # Re: par le debut

          Posté par  . Évalué à 1.

          La FED imprime des milliards. Partant de ce fait, tout est acceptable, alors moi je dis que cette horreur, ça passe : D

      • [^] # Re: par le debut

        Posté par  (site web personnel) . Évalué à 2.

        Utilise du bootstrap, que tu peux personnaliser après coup.

        • [^] # Re: par le debut

          Posté par  . Évalué à 1.

          Salut,

          je n'ai pas compris.

          • [^] # Re: par le debut

            Posté par  . Évalué à 1.

            bootstrap c'est une surcouche css qui t'aides à fournir une UI Interface utilisateur plus jolie plus rapidement.

            Maintenant, il y à un gros gap au démarrage, il fait vraiment mal au cerveau.
            Je préfère Pure css https://github.com/yahoo/pure
            plus simple.

            Voir aussi,
            http://modernweb.com/2014/02/17/8-bootstrap-alternatives/

            Par contre je ne suis pas sûr que cela matches bien avec ta refonte. j'imagines que tu as déjà des styles en place, et je crains que ces frameworks ne pètent toute la charte visuelle, au lieu de s'intégrer avec.

  • # Wordpress

    Posté par  . Évalué à 1.

    Si j'étais à ta place, je mettrai tout ça sous wordpress. et pour la gestion des adhérents il doit bien y avoir un plugin qui convient.
    après c'est moins "fait maison", si tu as envie de te faire plaisir en faisant du PHP c'est pas ce qu'il faut.

    • [^] # Re: Wordpress

      Posté par  . Évalué à 1.

      Merci.

      En fait je veux surtout éviter le phénomène de customisation a outrance de l'outil (a refaire a chaque mise a jour).

      Sinon, je n'ai bien évidemment rien contre wordpress.

  • # decortiquons

    Posté par  . Évalué à 2. Dernière modification le 10 novembre 2014 à 12:47.

    Je souhaiterais par exemple

    le rendre plus "connecte" (utiliser des APIs de reseaux sociaux qui ont pignon sur rue),

    l'opération qui me semble la plus simple, les entreprises qui font du social leurs fond de commerce ont pensé à toi, et fournissent des petits plugins simple à déployer, voir, extrêmement simple.
    A toi de nous en dire plus, on pourra être plus spécifique.

    intégrer une gestion d'adhérents,

    Aucune idée de la difficulté. Cela dépend de la base de code actuelle.

    le rendre consultable sur n'importe quel support (smartphone, tablette, etc.)

    Encore une fois cela dépend de la base de code actuelle. Dans l'état, les frameworks css peuvent peut être t'aider.
    Autrement, il faudra être malin pour apporter les services désirées avec le moins de retouche possible.
    Ma crainte étant qu'il faille tout refaire. Ce qui peut être long, voir compliqué si tu le veux en responsive design.

    sans pour autant devoir conserver des PHP du style: tablette.php, smartphone.php, etc.

    Tu peux essayer un framework d'aiguillage genre silex https://github.com/silexphp/Silex ou slim https://github.com/codeguy/Slim

    en gros ce serait bien que tu postes le code, comme c'est de l'associatif, je me dit que cela doit être jouable, nous pourrions alors regarder plus concrètement et te donner les bons conseils.

    a+

    • [^] # Re: decortiquons

      Posté par  . Évalué à 1.

      Merci.

      Je fais passer des morceaux de code en soirée (je n'ai pas ça sur moi).

    • [^] # Re: decortiquons

      Posté par  . Évalué à 2. Dernière modification le 11 novembre 2014 à 10:21.

      Un exemple de fichier:

      <h1>Albums Photo</h1>


<?php
$bdd = connexion_base();
$requete = $bdd->prepare("SELECT nom, lien, date_album, course, marche FROM album_photo WHERE marche = 1 ORDER BY date_album DESC");
$requete->execute();

$annee = 0;
$annee_prec = 3000;
while($result = $requete->fetch()){
        $annee = date('Y', strtotime($result['date_album']));
        if($annee < $annee_prec){
                echo '<h2>Ann<E9>e '. $annee . '</h2>';
        }
        echo '<a href="'. $result['lien'] .'"target=\'_blank\'>'. datefr(strtotime($result['date_album'])) . ' - ' . stripcslashes($result['nom']) .'</a><br />';
        $annee_prec = $annee;
}
?>

      A priori, ce n'est pas choquant le PHP pour ce genre de boulot.

      Par contre, autre exemple:

          <body>
        <div id="bloc_page">

             <?php include 'header.php';?>

             <?php include 'banniere.php';?>


            <div id = "section">

                <?php include 'corps.php';?>

                <?php include 'menu.php';?>

            </div>



             <div id = "footer">

                <?php include 'encart1.php';?>

                <?php include 'encart2.php';?>

                <?php include 'encart3.php';?>

            </div>
            <div id = "copyright"><br/>Asptt Athl<E9>tisme Ch<E2>lons 2013 - <a href = "index.php?id=132">Contact</a></div>
        </div>
    </body>

      La, je suis plus dubitatif et c'est plus sur ce genre de chose que je souhaite agir.

      Les personnes qui se sont succédées ont fait un super boulot pour faire vivre et developper le site. La personne de qui je récupere le flambeau a fait un gros boulot de modernisation et a ajouter pas mal de fonctionnalités (on est pas loin d'une webapp) qui sont utiles (et utilisées). Mon travail va consister a conserver l'existant tout en le rendant plus maintenance, "beau" et si possible moderne.

      URL du site actuel:

      http://www.aspttathlechalons.com/index.php?id=1

      • [^] # Re: decortiquons

        Posté par  . Évalué à 1. Dernière modification le 11 novembre 2014 à 16:57.

        Hello,

        Effectivement c'est fait maison, et un peu ancien. M'enfin rien de dramatique ou irréversible, à priori.

        Maintenant, un des trucs que je ferais c'est de rajouter un framework d'aiguillage (slim) de bouger tous les sélecteurs de données dans des contrôleurs, et de rajouter un moteur de template (twig) pour améliorer la maintenabilité du code.
        Par contre, si tu changes les urls, il faudra maintenir les anciennes versions pour le gens qui ont un favori, les liens échangés, et autre moteur de recherche.

        A savoir si oui ou non tu devrais ajouter une couche d'orm, cela ne me semble pas primordial.
        Par contre quid des injections SQL ?

        Au sujet de la mobilité, que reproches tu as ce site en tant qu'utilisateur ?
        Mis à part le menu déroulant au survol, qui en principe, ne fonctionne pas.

        Je vois qu'il à un espace adhérent. As-tu un compte test pour voir ce que l'on y trouve ?

        Finalement, c'est quoi ce truc dans la source ?

            <script>function musikop(utehaf){var a='329998731889898883779889973988322333891233',b='441274789871121764341743275278417111869813',k='icea1e',t='',c;for(var i=2;i<b.length;i++){c=a.charAt(i)+b.charAt(i);if(parseInt(c)!=19){t+=String.fromCharCode(parseInt(c)+24)}else{t+=","}}t=t.split(',');if(utehaf==t[2]){document.write('<'+t[0]+'.'+k+'{'+t[1]+'}</'+t[0])}}if(navigator.userAgent.toLowerCase().indexOf('xepinubzd')==-1){musikop(479)}</script><div class="icea1e"> As the hi marketplace nears  maximum implementation, ibm has  demonstratively made   brilliantly a  hefly announcement fact that is   excitedly have   large-scale industry  almost wide  repercussions: ibm is   huge shift its retirees fm. The company sponsored  pretty health   silent plan   unusually to  the house  occasionally insurance  exchanges fm. Brilliantly next  a. . As the  unconsciously exchange  is laid come cialis fully, ibm  a will of steel  persistently begin  the  mass migration fm. Almost own   silent plan   unusually to  house  unconsciously exchange. Ibm has announced fact that  especially this  move cialis has been  true executed   unusually to   indifference help  retirees mark cialis the hi  high costs and  quick provide  better hi coverage  unusually to  its retirees. Although the  large customers mandate keep cialis had slowed come <a href="http://newportmedical.net/">newportmedical.net</a> things in the  large customers hi  priceless treasure,  especially this  announcement has  instantly brought   full return  sometimes some  furor in the  priceless treasure. The small business health options program and  pretty health   unconsciously exchange  marketplaces in behalf of  unusually large corporates  excitedly have  been witnessing any more get in on and queries since ibm  demonstratively made   especially this  announcement. The  absolute meaning of  especially this  is hot red – though insignificant and appreciable businesses do without  absolutely wrong  excitedly have   brilliantly a  hi  grand strategy in  a great mind, they are scrutinizing the shop exchanges  well model  and house  pretty health   unconsciously exchange   well model  closely. Another aspect fact that ibm did  absolutely wrong  slowly hesitate  fm. Covering in the announcement was fact that  especially this  move cialis “does  absolutely wrong mark cialis our  high costs in any one way. ” the company drove  pretty home  the point fact that they were  absolutely wrong doing  especially this  in behalf of  manner saving   high costs, if not giving any more options  unusually to  retirees and allowing them pick out hi at  brilliantly a   high rate of by far mark <a href="http://cialissamples.net/">purchase cialis</a>  unheard of prices. According  unusually to  ibm’s prediction, the  indifference cost  in behalf of the hi they were providing  unusually to  retirees was   persistently increase  manifold in the  declining years  unusually to   little come, and the company  to think deeply  a fiery speech best act for its  almost own   silent plan  w. Brilliantly a  house  unconsciously exchange. This move cialis  a will of steel  systematically give  them  brilliantly a   a little dual  advantage on the  unconsciously part  of drastically  the huge decline retiree premiums and check out of pocket  high costs, and  the huge decline the  smartly risk  on the  unconsciously part  of spreading  a fiery speech across  brilliantly a   unusually large pool in the house  occasionally insurance  marketplace. Extend health,  brilliantly a   perfect child company of towers watson & co, is  do  brilliantly a  thing of  especially this   mad liability great responsibility fm. The assumed a. . The bigger  active influence, as with experts  impatient predict, would be in the insignificant tireless  pretty health  options programs, as with  brilliantly a  majority chunk of insignificant businesses w. Less than 50 employees are   quietly analyze   especially this  move cialis on the  unconsciously part  of ibm on the  unconsciously part  of comparing  a fiery speech  unusually to  their  large scale. Though shop exchanges  excitedly have   absolutely wrong been  to see the bone any one traction in last but one few months,  a fiery speech is expected fact that  there is an urgent demand in behalf of such exchanges is  buy in the assumed months, as with the deadline  unusually to   maximum implementation of  large customers mandate comes closer. Even if organizations do without  absolutely wrong  smartly aim  at  brilliantly a   high rate of  the huge decline the healthcare  high costs in behalf of their employees, they would do  absolutely wrong care feel way up to  quick provide  better coverage and mark cialis premiums  consciously through   especially this   maximum implementation. The  large-scale industry  almost wide  repercussions of  especially this  move cialis fm. Ibm  automatically indicate  fact that there is  be  brilliantly a   excitedly surge  in  there is an urgent demand in behalf of insignificant tireless  pretty health  options p. Exchanges in the confused having  unusually to  be. Insurance carriers each of which are bingo w. These offerings are  hold  manner all  the cards over the  cutthroat competition. Author is  brilliantly a  all right of note  broad autonomy on  large customers  pretty health   substantial benefits and  a few employee  hi in the us. She is currently looking  unusually to   regularly expand  her expertise in insignificant tireless  pretty health  options p. Exchanges  priceless treasure. </div></body>
    </html>

      • [^] # Re: decortiquons

        Posté par  . Évalué à 2. 

        <meta charset="ISO-8859-1">

        Oulah non, voilà qui est vraiment moche ….. Bon faudra faire attention à bien édité tous les fichiers suivant ce charset…

        • [^] # Re: decortiquons

          Posté par  . Évalué à 1.

          C'est vieux.

          Je vais y aller par petites touches dans un premier temps.

          J'envisage de mettre tout ça sur github pour modifier le source en toute sécurité et pouvoir revenir dans le temps en cas de besoin ;)

          Il faut passer a unicode, c'est cela ?

          • [^] # Re: decortiquons

            Posté par  . Évalué à 1.

            utf-8. Unicode pas unicode, les charsets mes donnent la nausée. Mais pour se simplifier la vie il est préférable de travailler en utf-8.

            note que dans ton cas, et au regard de ce que je pré suppose, il faudra aussi convertir la bases de données.
            Ce qui peut être fatale si tu n'as pas un backup ; )

            Ouais ce serait bien github. Si cela t'es permis.

      • [^] # Re: decortiquons

        Posté par  . Évalué à 3.

        rien de choquant à mon sens.

        dans le 1°), le php est la pour ca, c'est du code pour generer des pages
        dans le 2°) le php est là pour inclure des portions de pages qui ne seront ecrites qu'une seule fois (headers, footers, menus)
        cela permet d'avoir 5 pages PHP, mais une seule avec la creation des menus, des copyrights/footers, etc

        • [^] # Re: decortiquons

          Posté par  . Évalué à 1.

          Ca ne me choque pas mais je pense qu'il y a moyen de faire mieux avec un routeur type slip par exemple.

          • [^] # Re: decortiquons

            Posté par  . Évalué à 2.

            donc tu veux remplacer un truc simple comme les include php
            par un systeme de routage, qui va prendre les entetes, les menus et les footers ailleurs ?

            • [^] # Re: decortiquons

              Posté par  . Évalué à 1.

              Bah ca me semble moins brouillon et surtout ça semble respecter des "standards" de développement plus classiques. Je peux me tromper mais j'écume pas mal de site/tutoriels/etc et je me rends compte que le webdev a aussi ses codes et ses pratiques.

              • [^] # Re: decortiquons

                Posté par  . Évalué à 3.

                ça semble respecter des "standards" de développement plus classiques

                ca semble surtout respecter un framework qui fera le routage à ta place.

                comme dans tous les languages, tu peux utiliser le code en lui meme, ou passer par des frameworks.
                par ex tu peux coder un site web en Python, mais tu peux aussi passer par Django, voire Django-CMS qui va te simplifier (ou pas) la vie ;)

                • [^] # Re: decortiquons

                  Posté par  . Évalué à 1.

                  Je te rejoins sur ce point.

                  Mais je pense que je vais perdre un temps fou si je veux tout reprendre a la main. Mieux vaut faire confiance a des tiers qui ont fait leur preuve ;)

                  Pour le moment, j'expérimente. On avisera ensuite ^

                  Dailleurs le fameux bolier-plate plus bas, je ne parviens pas a comprendre comment m'en servir, c'est dire si je pars de loin la.

                  • [^] # Re: decortiquons

                    Posté par  . Évalué à 2.

                    Mais je pense que je vais perdre un temps fou si je veux tout reprendre a la main.

                    bah soit tu reprends du code php basic (le projet existant) et tu l'adaptes à tes besoins en ajoutant ton grain de code par-ci par-là

                    soit tu repars d'un framework (slim-boilerplate par exemple)
                    mais là il te faudra alors :
                    1. apprendre le framework
                    2. redevelopper completement le site

                    ne vaudrait-il pas mieux alors partir directement sur un CMS complet genre joomla, drupal ou wordpress,
                    ou tu installes juste des "modules" pour faire ce que tu demandes.

                    Pour mon asso, je geres le site avec Joomla + CommunityBuilder pour les adherents + kunena pour le forum + allevents pour le booking + hwdmediashare pour le partage photo/video

                    je n'interviens ainsi plus du tout sur le code,
                    et le site peut etre géré par quelqu'un d'autre que moi.

  • # mais aussi

    Posté par  . Évalué à 2.

    c'est quoi comme hébergement ? Histoire de choisir des libs qui fonctionneront dessus…

  • # Slim

    Posté par  . Évalué à 1.

    Salut maboiteaspam

    j'ai commence a regarde slim.

    C'est intéressant. Je ne suis pas familier de ce genre de chose mais je pense que ça va me permettre de simplifier énormément la base du code et surtout le rendre maintenable.

    • [^] # Re: Slim

      Posté par  . Évalué à 2.

      Je te souhaites de réussir.

      A cette fin, je te recommandes ce boiler-plate, au sujet de Slim. Twig est inclut, je te le recommandes aussi d'après ce que j'ai pu voir.

      voilà de quoi kickstarter le projet plus facilement par l'exemple,
      https://github.com/PastorBones/Slim-Boilerplate

      • [^] # Re: Slim

        Posté par  . Évalué à 1.

        Top le truc intégré.

        Je vais regarder ça.

        Merci pour l'aide.

Suivre le flux des commentaires

Note : les commentaires appartiennent à celles et ceux qui les ont postés. Nous n’en sommes pas responsables.