Développement portail web

[Beko]

Bonjour à tous !

Cela fait maintenant de longues années que j'utilise PFS au quotidien et je croyais que le projet était abandonné en voyant que le site web n'évoluait plus.

En effet, celui-ci aurait besoin d'un bon coup de modernisation à la hauteur du logiciel. Cela permettrais de donner à PF, une image plus sérieuse et professionnel qu'il n'a déjà.

De plus, en voyant le code source de la page, je constate qu'il n'est pas développé dans les règles et qu'il ne respecte pas les standards actuels de l'HTML 5 et du CSS3.

Que diriez-vous que je vous donne un coup de pouce pour cette partie là ?

Je m'en occuperais avec plaisir !

[Antonio]

c'est vrai que le code commence à dater car il a plus de 15 ans. La dernière fois que j'ai voulu changer le style du site, ça a pas trop plus car tout le monde est habitué a celui-là. C'est justement parce qu'il n'a pas bougé depuis le début qu'on s'y est habitué

[Beko]

Ca permettrais de redonner un coup de jeune et d'attirer de nouveaux utilisateurs. Tu veux que je te fasse des maquettes et tu (vous) me dit(es) si ça te(vous) plaît(s) ?

La dernière fois que j'ai voulu changer le style du site, ça a pas trop plus car tout le monde est habitué a celui-là

Il faudrait donc s'orienter vers un changement de patte graphique et non de structure pour ne pas dépayser les habitués et changer le code source bien entendu.

C'est l'affaire de quelques jours

[Beko]

Salut !

Je reviens vers vous pour vous présenter ce que j'ai mis en place. On part sur une toute nouvelle technologie d'interprétation et de développement pour le web.

Nouvelles technologies



Bootstrap : Framework, ou plus simplement, une base de développement très stable et légère qui va faciliter nos développements
jQuery : Une version simplifié du JavaScript, pour dynamiser notre site.
Html5 + CSS3 : Les dernières technologies de développements.

Cette combinaison sera parfaite pour rebâtir le site de PhotoFiltre sur une base saine.

Nouvelles structure

On va également supprimer cette méthode de développement en tableau. Il fut une époque, où les sites web était développé sous forme de tableau, comme ceci :



Une fois les lignes du tableau masqué, on avais en semblant de site bien disposé. Or, cette façon de faire est complètement révolu. On a aujourd'hui un agencement par bloc. Qui peut s'adapter selon la taille de l'écran et qui physiquement disposer de cette manière : 1 fichier = 1 block. Donc lorsqu'on modifie le menu, il se modifie sur chaque page etc..



Et pour faciliter le développement, on part sur un modèle MVC :

Modèle : Pour les requêtes et les opérations
Controller : Va traiter les informations
Vue : Va uniquement afficher les informations qui sont passés par les moulins à traitement

Cela permet également pour quelqu'un qui s'y connait uniquement en webdesign de ne pas traiter et voir la partie traitement qui est elle en PHP.

Voilà en gros comment je voie le nouveau site.



Vous voyez une différence entre ces deux sites ? Non ? Ils sont complètement similaire à l'affichage mais le traitement derrière comprend tout ce que je viens de vous citer plus haut. Les fichiers sont prêts à être exploité.

[Antonio]

Merci mais ne vous donnez pas cette peine. La version actuelle est bien entendue très ancienne et surement plus au norme, mais je peux faire la mise à jour du site en moins de 5 minutes. Pour la version que vous me proposez, je ne comprend même pas les termes techniques tellement que je suis déconnecté des développements récents. Comment pourrais-je assurer la maintenance ou en cas de plantage du site...

[Beko]

En fait, ce que j'ai écris plus haut fait très bling-bling et donne l'impression d'un changement radicale mais en fait, ce n'est rien de bien méchant.

Le site est déjà en HTML + CSS, c'est juste que le HTML5 et CSS3 sont les dernières versions et propose plus de personnalisations.

Le but ici, c'est surtout de sortir du mode tableau et croyez-moi, la "nouvelle" architecture en bloc est beaucoup plus simple à comprendre et maintenir.

Cela ne risque pas de planter car c'est du code on ne peu plus basique. Il n'y a pas de gestion de base de données derrière (à moins que je me trompe ?).

Si vous voulez, je vous envoie le code et vous jugez par vous même.

Finalement, le code reste le même, on retire juste les tableaux des pages HTML.

[Antonio]

je veux bien voir la tête du code pour une page

[Beko]

Lien envoyé par MP.

Comme tu peux le constater pour la page que je t'ai envoyé, nous passons de 124 lignes à 16 pour exactement le même affichage.

Bien entendu, ce fichier est uniquement le contenu de la page, à côté il y a les autres blocs (menu, header, footer) mais comme ils ne changent quasiment jamais, on les initialises puis on ne les touchent plus, ce qui facilite complètement la gestion du contenu.

[Antonio]

Ok je vois, et c'est aussi comme ça que je développais au départ. Mais à l'époque, la plupart des hébergeurs désactivaient le php à cause des failles de sécurités. En plus les "layers" était pas mal bugués avec les navigateurs. C'est pour ça qu'on mettait tout en statique alors que c'était plus long

[Beko]

Bonjour Antonio,

Sur la lancé du PF11, je peux te créer une maquette d'un nouveau design pour ton site si tu le souhaites.

(Juste une maquette, pas de code).

[Antonio]

tu peux toujours, on verra ce qu'en pense aussi les utilisateurs (mais personnellement vu que je manque de temps je souhaite en passer le moins possible sur l'admin du site )

[Beko]

Ok, je vais faire une maquette, qu'on pourrait présenter sur le forum pour avoir l'avis des autres.

Je ferais en sorte que t'en fasse le moins possible, j'ai bien compris que tu n'est plus à 100% sur le projet et c'est bien normal