IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Play! Java Discussion :

Front-end pour Play2 ?


Sujet :

Play! Java

  1. #1
    Membre à l'essai
    Inscrit en
    mars 2006
    Messages
    47
    Détails du profil
    Informations forums :
    Inscription : mars 2006
    Messages : 47
    Points : 24
    Points
    24
    Par défaut Front-end pour Play2 ?
    Bonjour tout le monde,

    Je me pose la question du front-end a utiliser pour Play2...
    L'option par défaut de play avec les templates scala suffit-elle ?
    Quel est la valeur ajouté d'intégrer un AngularJS ?
    Dans quel cas est-ce nécessaire ?

    Que conseilleriez-vous en front-end avec Play2 et dans quelles conditions ?

    Si vous pouviez éclairer ma lanterne dans ce déluge de framework web je vous en serai reconnaissant

  2. #2
    Expert confirmé
    Profil pro
    Inscrit en
    août 2006
    Messages
    3 267
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : août 2006
    Messages : 3 267
    Points : 4 106
    Points
    4 106
    Par défaut
    Disons que c'est plus une question de gouts.
    Tu veux faire le maximum coté serveur, donc solution à base de templates, ou tu restes léger coté serveur, à base de services web et tu utilises une solution comme Angular JS.
    Si tu dois développer par la suite une application sur mobile, par sur Angular JS, tu auras ta couche service web deja prete.

  3. #3
    Membre à l'essai
    Inscrit en
    mars 2006
    Messages
    47
    Détails du profil
    Informations forums :
    Inscription : mars 2006
    Messages : 47
    Points : 24
    Points
    24
    Par défaut
    Merci pour la réponse.

    Du coup je pose la question de façon plus générale, qu'apporte foncièrement un angularjs ?
    Quelle est sa valeur ajoutée par rapport aux templates play.

    J'aurai pu répondre à cette question si j'avais pu tester les deux, ce qui n'est pas le cas malheureusement.

    Quand je vois la profusion de framework type Angular, Knockout, Node, etc. je n'arrive pas à avoir une vision claire des différences en terme de fonctionnalités et de propension à être utilisé dans tel ou tel contexte.
    J'ai essayé de me pas mal me documenter sur le net sur les différents framework mais au final ça reste assez flou.

  4. #4
    Expert confirmé
    Profil pro
    Inscrit en
    août 2006
    Messages
    3 267
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : août 2006
    Messages : 3 267
    Points : 4 106
    Points
    4 106
    Par défaut
    Angular JS est un framework MVC javascript, qui fonctionne coté client.
    En gros, tu ne fais que des appels de services web vers ton serveur qui ne te renvoie que des données. Tout le reste se fait coté client avec du javascript et des attributs s'intégrant aux balises html classiques: le parsing des données, l'affichage, le filtrage.

    Le principe des templates Play est différent. Tu fais tout coté serveur, et tu renvoies à ton client des morceaux de pages web, construit à partir de templates scala interprétés coté serveur.

    La mode en ce moment, est aux architectures légères, à base de services Web REST, et de déporter le plus possible coté client. Ce qui correspond bien à ce que peut faire Angular.
    Maintenant, plus on déporte coté client, plus il y a de risques de tomber sur des clients possédant de vieux navigateurs et qui risquent de rencontrer des problèmes de navigation.

  5. #5
    Membre à l'essai
    Inscrit en
    mars 2006
    Messages
    47
    Détails du profil
    Informations forums :
    Inscription : mars 2006
    Messages : 47
    Points : 24
    Points
    24
    Par défaut
    Ok je ne sais pas pourquoi mais j'avais cru comprendre que les templates scala de play permettaient cela également... tout s'explique.

    Du coup l'intérêt de angular est principalement sur des pages très dynamiques.
    Si on imagine par exemple un site de petites annonces genre leboncoin, l'intérêt est très limité je suppose non ?

  6. #6
    Membre à l'essai
    Inscrit en
    mars 2006
    Messages
    47
    Détails du profil
    Informations forums :
    Inscription : mars 2006
    Messages : 47
    Points : 24
    Points
    24
    Par défaut
    Mais du coup, comment choisir le front-end à utiliser dans la profusion de framework ?
    Angular sort de Google et aura tendance donc à se démocratiser, quid de Knockout ou d'autres ?

    A priori Knockout a pour avantage d'être compatible avec des versions plus vieilles des navigateurs, en sacrifiant je suppose des fonctionnalités... ?

  7. #7
    Expert confirmé
    Profil pro
    Inscrit en
    août 2006
    Messages
    3 267
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : août 2006
    Messages : 3 267
    Points : 4 106
    Points
    4 106
    Par défaut
    Je n'ai jamais utilisé Knockout donc je ne me prononcerai pas.
    Si je dois faire beaucoup d'Ajax, je partirais plutot sur Angular.
    Les templates à base de JQuery et backbone, je ne suis pas fan.
    Si je dois faire une application simple sans Ajax, je me contenterai des templates.

  8. #8
    Expert éminent sénior
    Avatar de Marco46
    Homme Profil pro
    Développeur informatique
    Inscrit en
    août 2005
    Messages
    4 413
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : août 2005
    Messages : 4 413
    Points : 18 468
    Points
    18 468
    Par défaut
    Citation Envoyé par BigFoot69 Voir le message
    Ok je ne sais pas pourquoi mais j'avais cru comprendre que les templates scala de play permettaient cela également... tout s'explique.

    Du coup l'intérêt de angular est principalement sur des pages très dynamiques.
    Si on imagine par exemple un site de petites annonces genre leboncoin, l'intérêt est très limité je suppose non ?
    Au contraire un site de petites annonces va nécessiter une partie admin pour la gestion du site, une gestion de comptes utilisateurs, une gestion de CRUD des annonces et une gestion d’interaction avec les annonces. Ca fait beaucoup et ça ressemble beaucoup plus à une application qu'à un vulgaire site web marketting.

    Angular est fait pour gérer des applications web.

    Perso j'utilise la stack suivante : MySQL et Play pour le back et Bootstrap, AngularUI et AngularJs pour le front.

    C'est très très efficace et Bootstrap apporte le côté responsive design permettant d'avoir le même site web quelque soit le terminal utilisé (desktop, tablette ou smartphone).

    Je suis entrain de développer un Proof Of Concept de cette stack, j'ai posté le code sur Github (cf mon profil). Pour le moment il n'y a qu'un bout de la partie back (testable néanmoins) mais la partie front est en cours et va suivre dans les jours qui viennent. Le tout sera déployé sur Heroku pour la démo.
    Un problème avec Git ? Essayez la FAQ, sinon posez votre question sur le forum.



    "Toute personne croyant qu'une croissance exponentielle peut durer indéfiniment dans un monde fini est soit un fou, soit un économiste."
    Kenneth E. Boulding

    "Les richesses naturelles sont inépuisables, car, sans cela, nous ne les obtiendrions pas gratuitement. Ne pouvant être ni multipliées ni épuisées, elles ne sont pas l’objet des sciences économiques."
    Jean-Baptiste Say, Traité d'économie politique, 1803.

    "/home/earth is 102% full ... please delete anyone you can."
    Inconnu

  9. #9
    Membre à l'essai
    Inscrit en
    mars 2006
    Messages
    47
    Détails du profil
    Informations forums :
    Inscription : mars 2006
    Messages : 47
    Points : 24
    Points
    24
    Par défaut
    Merci pour vos réponses.

    @Marco46 ça m'intéresse
    Il y a un exemple disponible pour Play2 qui inclue AngularJS + RequireJS + WebJars.
    Quel est le plus apporté par les 2 derniers, RequireJS et WebJars ?
    (J'en ai une vague idée après avoir consulté divers blogs mais je préfère une explication concrète )

    Concernant Bootstrap tu utilises le module d'AngularUI (UI-Bootstrap) ?
    Si oui il n'y a aucune différence avec la lib traditionnelle ?

    Ah et aussi as-tu déjà utilisé la lib Closure ? Un avis ?

  10. #10
    Expert éminent sénior
    Avatar de Marco46
    Homme Profil pro
    Développeur informatique
    Inscrit en
    août 2005
    Messages
    4 413
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : août 2005
    Messages : 4 413
    Points : 18 468
    Points
    18 468
    Par défaut
    Sur ma dernière mission on utilisait Angular avec Bootstrap et Angular-ui. Mais on utilisait aussi du jQuery et du jQueryUI, on a pas mal tatonné et à la fin on était pas tous d'accord sur les bonnes pratiques.

    Depuis que j'ai terminé cette mission je monte une stack complète de mon côté, je vais pas tarder à la publier mais en gros pour le front c'est :
    - Yeoman (pour l'orga)
    - Grunt (pour les tâches)
    - Bower (pour les dépendances)

    Ensuite côté librairies :
    Angular, Bootstrap, Angular-ui et picétou.

    Il y a un exemple disponible pour Play2 qui inclue AngularJS + RequireJS + WebJars.
    Quel est le plus apporté par les 2 derniers, RequireJS et WebJars ?
    Je ne connais ni RequireJS (enfin je sais que c'est une lib pour gérer les dépendances JS c'est ça ?) ni WebJars.

    Concernant Bootstrap tu utilises le module d'AngularUI (UI-Bootstrap) ?
    Si oui il n'y a aucune différence avec la lib traditionnelle ?
    Ben oui et non. En fait, une partie des "Components" de la librairie traditionnelle ont été "surchargés" sous forme de directives dans la libraire angular-ui. Le rendu est en tout cas identique, les CSS ne bougent pas, seule la partie javascript est adaptée aux pré-requis d'angular.

    Ah et aussi as-tu déjà utilisé la lib Closure ? Un avis ?
    Non désolé.
    Un problème avec Git ? Essayez la FAQ, sinon posez votre question sur le forum.



    "Toute personne croyant qu'une croissance exponentielle peut durer indéfiniment dans un monde fini est soit un fou, soit un économiste."
    Kenneth E. Boulding

    "Les richesses naturelles sont inépuisables, car, sans cela, nous ne les obtiendrions pas gratuitement. Ne pouvant être ni multipliées ni épuisées, elles ne sont pas l’objet des sciences économiques."
    Jean-Baptiste Say, Traité d'économie politique, 1803.

    "/home/earth is 102% full ... please delete anyone you can."
    Inconnu

  11. #11
    Membre à l'essai
    Inscrit en
    mars 2006
    Messages
    47
    Détails du profil
    Informations forums :
    Inscription : mars 2006
    Messages : 47
    Points : 24
    Points
    24
    Par défaut
    A priori WebJars est un Bower like (voir http://danhoran.me/webjars-requirejs/).

    J'ai encore parcouru le net pour trouver des infos sur RequireJS et j'ai l'impression qu'il gère dynamiquement les dépendances.

Discussions similaires

  1. Développeur Front-End pour de vrai ?
    Par arcade_stg_master dans le forum Emploi
    Réponses: 5
    Dernier message: 03/11/2013, 19h34
  2. Réponses: 1
    Dernier message: 14/05/2012, 19h10
  3. Ou trouver un front-end freeware pour MSDE ?
    Par Assimil dans le forum MS SQL Server
    Réponses: 2
    Dernier message: 18/06/2005, 22h14
  4. Front End graphique pour GDB sous windows
    Par KORTA dans le forum GDB
    Réponses: 8
    Dernier message: 20/08/2003, 09h52

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo