Voici un lien vers leur démo . Fondamentalement, c'est un outil en ligne qui implémente une grande partie de la fonctionnalité Visio.
Je construis une application qui nécessiterait un type de type d'interaction utilisateur similaire, la chute, le déplacement, l'édition, le redimensionnement d'objets, interagir avec des grilles et des guides, etc.
Depuis que le projet est destiné à mes propres fins d'apprentissage, je me demandais quelles sont certaines des choses que je devrais vous concentrer sur ou apprendre à pouvoir développer de telles interfaces de haute qualité
acclamations
3 Réponses :
Pour construire une telle interface utilisateur riche est une grande tâche. C'est pourquoi il y a beaucoup de cadres et de bibliothèques qui ont déjà développé des éléments d'interface utilisateur riches tels que:
Sproutcore et Cappuccino sont destinés à développer des applications de style de bureau pour le Web et comprennent de très bonnes composantes d'interface utilisateur. Ainsi que pour maintenir les états d'application et les modèles de données. ExtJS a beaucoup de ces fonctionnalités et une très belle boîte à outils UI, de même que Dojo.
LUCKIDCART I AVIS utilise également l'API de dessin de la toile, ce qui vous permettra de rechercher une manipulation de forme et de créer des connexions flexibles. Le centre de développeur Mozilla a de bonnes choses sur l'API de la toile.
Je démarrerais par regarder le bibliothèque Raphael .
Il vous permet d'écrire un code JavaScript assez simple pour dessiner des éléments graphiques dans le navigateur, y compris des animations assez simples et des interfaces draggables / cliquables.
En toute honnêteté, cela ne sera pas rapide et facile d'écrire quelque chose aussi complexe que le site que vous avez lié, mais Raphael est le moyen le plus rapide de commencer avec les bases.
et le meilleur de tous, Raphael est même compatible avec les anciennes versions d'IE, vous n'avez donc pas à vous soucier de ne pas pouvoir prendre en charge les derniers navigateurs (bien que vous souhaitiez peut-être que d'autres choses ont besoin d'autres Nouvelles fonctionnalités).
espère que cela aide.