+- JeuWeb - Crée ton jeu par navigateur (https://jeuweb.org)
+-- Forum : Discussions, Aide, Ressources... (https://jeuweb.org/forumdisplay.php?fid=38)
+--- Forum : Programmation, infrastructure (https://jeuweb.org/forumdisplay.php?fid=51)
+--- Sujet : [Outil Web Dev]MyWebWindow 1.0.1 (/showthread.php?tid=4623)
[Outil Web Dev]MyWebWindow 1.0.1 - phpgamer - 07-03-2010
Bonjour tout le monde !!
Je me re-présente, PhpGamer de mon pseudo, je suis un étudiant en BTS Informatique de Gestion 2ème année et je me spécialise depuis pas mal de temps dans le développement web. Cela fait pas mal de temps que je n'étais pas venu sur ce forum, mais je suis heureux qu'il existe encore
Je viens vous présenter une application que j'ai développer en JavaScript et en PHP qui va permettre aux développeurs de sites web de créer facilement des interfaces un petit peu plus poussé que d'ordinaire... Cette application, c'est MyWebWindow, et elle est entièrement gratuite.Présentation de l'application
MyWebWindow est une application gratuite qui permet aux développeurs web de créer des fenêtres puissantes et dynamiques en JavaScript en moins de 30 secondes et tout cela sans avoir à taper une seule ligne de JavaScript ou d'Ajax, c'est MyWebWindow qui gère pour vous.
Vous avez certainement vue apparaître ce phénomène sur quelques sites ces derniers temps, les fenêtres dynamiques permettent aux sites web d'avoir une meilleur ergonomie générale, car les visiteurs connaissent les fenêtres étant donné que la majorité des systèmes d'exploitations marchent en mode fenêtre...
Bref, j'ai voulu créer MyWebWindow, et il a selon moi plusieurs atouts :
* Une simplicité d'utilisation déconcertante
* Créez des fenêtres prédéfinies ou produisez vous-même les vôtres très simplement
* Créez autant de fenêtres que vous le désirez
* Vos fenêtres sont déplaçable, réductible pour vous permettre de classer vos fenêtres si vous en avez beaucoup d'ouvertes
Et surtout, il est en français, avec une documentation en français complète, un site web, etc...
Essayer l'application
Pour essayer l'application, vous devez vous rendre sur le site web officiel de MyWebWindow.
Aller sur le site web
Informations complémentaires
Pré-requis
MyWebWindow a été conçu dans un souci de simplicité de mise en place optimal. Mais il y a tout de même quelques pré-requis à avoir pour savoir utiliser cette application :
* Connaître le HTML
* Connaître le PHP
Comme vous le voyez, pas besoin de connaître le JavaScript pour réussir à utiliser MyWebWindow.
Au niveau du droit
MyWebWindow est sous licence creative commons "Paternité-Pas de Modification 2.0 France", ce qui veut dire que cette application est gratuite, mais qu'elle n'est pas libre, vous ne pouvez donc pas la modifier et la redistribuer sous votre nom.
Aller sur le site web
N'hésitez pas à me faire part de vos remarques, suggestions et critiques sur ce forum ou sur le forum du site officiel, merci
A bientôt tout le monde!!
RE: [Outil Web Dev]MyWebWindow 1.0.1 - Anthor - 07-03-2010
Je te conseille de jeter un coup d'œil sur le pattern plugin de jQuery ^^
Pas grand chose à dire, tu parles d'un manque mais ce genre de plugin existe déjà en dizaines de versions différentes, bien mieux implémentés, et avec beaucoup plus d'options.
RE: [Outil Web Dev]MyWebWindow 1.0.1 - Sephi-Chan - 07-03-2010
Sois je n'ai pas compris l'objectif de ce script, soit il existe effectivement plein de plugins du genre. :p
Quoi qu'il en soit, j'ai regardé un peu le code source et… J'ai été surpris.
Par exemple pour les fonctions définies dans le corps de la page (pour quoi faire, d'ailleurs ?), tu utilises de la détection de navigateur, des getElementById, etc. Pourquoi ne pas utiliser jQuery, inclus quelques lignes plus haut et sur lequel repose ton script ?
Comme le dit Anthor, il y a une façon de créer des plugins pour jQuery, c'est plus propre que de définir des variables et des fonctions globales.
- En anglais : Google - Create jQuery plugin ;
- En français : Google - Créer plugin jQuery ;
En somme, je dirais que ce n'est pas utilisable dans un contexte sérieux. Ça ressemble plus à un script que tu as fait pour apprendre Javascript/jQuery.
Cependant, si c'est le cas, autant poursuivre dans ce sens et en faire un vrai plugin.
Bonne chance !
Sephi-Chan
RE: [Outil Web Dev]MyWebWindow 1.0.1 - phpgamer - 07-03-2010
Re-bonjour,
Je suis tout à fait conscient que plusieurs applications de ce type existe déjà, avec chacune leurs défauts et leurs avantages.
Les avantages que je trouve à MyWebWindow est d'être entièrement en français, très simple d'utilisation et rapide à mettre en œuvre, et qu'il gére le multi-fenêtre.
Venons en au code en lui même, d'ailleurs je remercie Sephi-Chan pour son commentaire qui m'est très utile, car je connaissais pas les plugins jquery, c'est très intéressant.
Mais sachez que ce n'est la que la version 1.0.1, et que de multiples améliorations sont à l'ordre du jour, notamment sur la rapidité et la propreté du script. Pour ce qui est de l'implémentation de Jquery, je compte le faire en plusieurs temps, au fil des version, pour arriver à une version 100% jquery (et pourquoi pas créer un plugin.
RE: [Outil Web Dev]MyWebWindow 1.0.1 - Sephi-Chan - 07-03-2010
(07-03-2010, 07:05 PM)phpgamer a écrit : Re-bonjour,
Je suis tout à fait conscient que plusieurs applications de ce type existe déjà, avec chacune leurs défauts et leurs avantages.
Les avantages que je trouve à MyWebWindow est d'être entièrement en français, très simple d'utilisation et rapide à mettre en œuvre, et qu'il gére le multi-fenêtre.
Venons en au code en lui même, d'ailleurs je remercie Sephi-Chan pour son commentaire qui m'est très utile, car je connaissais pas les plugins jquery, c'est très intéressant.
Mais sachez que ce n'est la que la version 1.0.1, et que de multiples améliorations sont à l'ordre du jour, notamment sur la rapidité et la propreté du script. Pour ce qui est de l'implémentation de Jquery, je compte le faire en plusieurs temps, au fil des version, pour arriver à une version 100% jquery (et pourquoi pas créer un plugin.
Dans le monde du développement, une librairie en français est plutôt un défaut tant elle limite les utilisateurs. De plus, mélanger plusieurs langues nuit à la lisibilité. Un exemple ? WW_creerFenetreDefined()…
Ce qui m'étonne, c'est que tu as entrepris de développer un plugin sans regarder ce que faisaient les autres (dont tu dis avoir conscience de l'existence)…
Enfin, je me posais une question… Qu'apporte précisément la 1.0.1 par rapport à la 1.0.0 ?
Sephi-Chan
RE: [Outil Web Dev]MyWebWindow 1.0.1 - Allwise - 07-03-2010
Salut,
voici quelques remarques :
Citation :Pour finir, il vous faut appeler la fonction d'initialisation de MyWW juste après votre balise body :
C'est pas une bonne pratique. Tu devrais plutôt mettre charger ta fonction init() dans le header avec les autres scripts lorsque l'arbre DOM est chargé. J'ai pas encore eu la joie de découvrir JQuery mais regarde du côté de la fonction ready()
- Le principe de la librairie veut qu'elle marche avec un fichier php qui s'appelle MyWW.php. C'est pas très portable et ça laisse à l'écart tous ceux qui utilisent d'autres langages que le php, et ça ennuie ceux qui voudraient avoir une autre URL.
- D'une manière plus générale, tu utilises un langage serveur pour donner des paramètres à une fonction javascript, quelle est l'utilité de ce procédé ? Pourquoi ne pas donner, comme c'est l'usage habituellement, directement les paramètres aux fonctions javascript ?
- Pour afficher une simple fenêtre, ton script envoie 4 requêtes PHP, c'est énooorme ! Tu devrais plutôt ajouter des paramètres qui configurent le contenu de tes box, par exemple ce qui serait pratique de pouvoir configurer :
- une URL (et ses paramètres) pour une seule et unique requête Ajax qui renvoie le contenu qui sera affiché dans la boîte.
- Du contenu texte
- l'id d'un élément ( dont le contenu sera placé dans la boîte ).
Tu trouveras ici des exemples semblables au but recherché par ta librairie.
RE: [Outil Web Dev]MyWebWindow 1.0.1 - phpgamer - 07-03-2010
J'ai juste effectué quelques brèves recherche sur ce type de plugin, et j'en ai trouvé quelque-uns comme greybox ou la box de jquery UI, mais je n'ai pas farfouiller partout sur le web.
Pour le mélange des langues, j'en suis conscient et je compte y remédier dans une prochaine mise à jour, et apporter aussi quelques améliorations pour une futur version 1.0.2.
Pour ce qui est de la version 1.0.1 par rapport à la version 1.0.0, voici les changements :
-Mis en place de JQuery 1.4.2 pour les effets graphiques, les événements et la suppression d'éléments
-Envoit d'une erreur si la fenêtre demandé n'existe pas (pour les définies et les personnalisables)
-Ajout de l'envoi du numéro de fenêtre pour les fenêtres personnalisables
-Agrandissement de la barre du bas si il y a beaucoup de miniatures
-Correction de plusieurs bugs sous Internet Explorer 7
-Optimisation des requêtes Ajax
Vous pouvez retrouver ce changelog sur la page de téléchargement de l'application.