2009-10-08 10 views
1

Je crée une application webenseignants doivent être en mesure de créer facilement schémas éducatifs, ordinogrammes, essentiellement:Quel est le meilleur outil pour permettre aux internautes de créer des organigrammes/diagrammes?

  • boîtes et des cercles avec le texte dans les
  • étiquettes de texte
  • possibilité de télécharger et embed graphiques
  • facile de faire des lignes avec des flèches, etc.
  • beaucoup d'icônes toutes faites et des cliparts serait bien
  • gratuit et opensource serait bien

Fondamentalement, je suis à la recherche d'un éditeur de RichTextBox site web mais avec des fonctionnalités de Visio de base qui permettrait à l'utilisateur de :

  • cliquez sur "créer diagramme"
  • le créer WYSIWYG avec la souris
  • enregistrer (sur le serveur)
  • l'utiliser dans l'application

Il pourrait utiliser Javascript/jQuery, Flash ou Silverlight, n'a pas d'importance, tant qu'il fonctionne dans un navigateur .

Répondre

1

https://bubbl.us/beta est très facile à utiliser et créer PNGs mais assez limité en fonctionnalités, la solution de Google docs est bonne (merci Beer @ Dave), mais la taille de l'écran est statique, vous ne pouvez pas faire grand PNGs: https://superuser.com/questions/76630/is-there-a-way-to-change-the-size-of-the-drawing-area-in-google-docs-insert-dra

également à ne pas manquer: yEd: http://www.yworks.com/en/products_yed_about.html

Je l'ai fait quelques recherches sur ce sujet et choisir yEd comme l'outil que nous utiliserons pour le projet, voici quelques exemples de ce que yEd, Google Docs et Firefox Crayon peut d o: http://tanguay.info/web/examples/googleDocsImageDraw/

Il y a beaucoup de ceux-ci si vous continuez à regarder autour, voici un peu plus, chacun avec leurs avantages et leurs inconvénients:

0

Avez-vous regardé GoDiagram? Je ne l'ai pas essayé mais c'est le seul composant que j'ai vu qui répond à ce besoin.

0

Je suggère le flash. J'ai vu des sites qui implémentent ce genre de choses facilement dans Flash. Vous pouvez obtenir la même chose en utilisant html et JavaScript, mais il faudra une programmation douloureuse. Silverligt à mon avis n'est pas encore mûri. Mais je suis sûr que nous pouvons voir quelques améliorations bientôt. Et peut-être pouvez-vous envisager des applets Java aussi.

Vérifiez le site www.geni.com. ils ont une interface de création d'arbre généalogique en Flash.

+0

I pense qu'il faudra "programmer douloureusement" dans tous les cas ... :-) Le niveau de douleur dépend de votre familiarité avec le langage/système et la connaissance de algorithmes de ting. – PhiLho

+0

True! Et JavaScript est un peu plus notoire pour la douleur :) – Faiz

1

Le Firefox Pencil Add-on permet aux utilisateurs de faire des diagrammes et les enregistrer sous forme de fichiers .png:

+0

sent comme une prise pour répondre simplement à votre propre question –

+0

J'ai essayé tous ces derniers et finalement trouvé l'éditeur yEd qui est la meilleure réponse à cette question. J'ai posté des liens vers tous les outils que j'ai trouvés et j'ai choisi le yed comme réponse finale pour que les autres personnes qui trouveront cette question sachent ce qui répond le mieux à cette question, et je suppose que Stackoverflow existera jusqu'à la fin des temps. un endroit pour moi pour stocker des liens pour me référer à plus tard, je ne pense pas que vous obtenez même des points pour répondre à votre propre question, n'est-ce pas? –

+0

Aucune idée sur les points moi-même, et en fait je ne me soucie pas vraiment de cela. J'ai regardé Processing.js avec l'encanvas.js pour quelque chose de similaire à ce que vous proposez - vous devez développer votre propre manipulation pour cela, mais cela semble possible. –

0

Gliffy ont une option gratuite qui est pris en charge par la publicité. En plus d'avoir une API décente. J'aime le look du service, mais je ne les ai pas encore utilisés. (Il est en cours d'élaboration ...)

0

Je pense que votre meilleure option pourrait être d'utiliser Google Docs

Sketchy est très puissant et je pense que (la fonction de dessin dans Google docs) va faire ce que vous voulez.

Questions connexes