Annonce

>>> Bienvenue sur codelab! >>> Première visite ? >>> quelques mots sur codelab //// partage de liens //// une carte des membres//// (apéros) codelab


#1 2010-10-05 00:07:56 Collage html

pup
membre
Lieu: Paris
Date d'inscription: 2009-07-16
Messages: 33
Site web

Collage html



Bonjour,

Je vous fait part d'un de mes projet nommé Pastis (pour le moment).

C'est une ébauche d'outil de collage html. Comme sa description l'indique, doit permettre de composer une page web a partir de frames, d'images, vidéos, son etc. Il doit aussi être possible de les manipuler (rotation, taille profondeur...),  Il est Open Source et je vous invite à me forker si vous le désirez.
Ce projet s'inscrit dans la lignée d'outil de création en ligne (netart ou pro-surfing) tels que son petit frère Framit, Image Layering tool etc....
Il me reste à travailler sur l'écriture et la lecture des d'url afin que les collages tiennent dans un bit.ly par exemple.
Je vous l'accorde c'est assez punk mais les possibilités son nombreuses.

Question : A votre avis est-ce que je devrais songer à changer de technologie (comme canvas) ?

Dernière modification par pup (2010-10-05 00:08:19)

Hors ligne

 

#2 2010-10-05 11:44:09 Re : Collage html

22_
membre
Lieu: paris
Date d'inscription: 2010-04-08
Messages: 189

Re: Collage html



Salut,

sympa ce projet.
pour l'instant, c'est du pur css / js, c'est ça ?

pour un projet, on avait commencé à faire une maquette (assez vilaine) qui faisait un peu la même chose en canvas ; l'utilisateur final construisait plus ou moins son interface.
on est parti complètement sur autre chose après... je ne trouvais pas que le canvas apportait quelque chose en plus, mais pourquoi pas si tu veux faire évoluer ton projet par la suite : le canvas offre des possibilités énormes, même s'il peut se révéler un peu lourd parfois.

je te montre ça ce soir si ça t'intéresse.

Une utilisation particulièrement classieuse du canvas dans le domaine des interfaces est le travail des types de yahoo pipes, qui gèrent les pipes à proprement parler en canvas et le reste en html / css : http://googlecode.blogspot.com/2009/05/ … s-and.html

++

Hors ligne

 

#3 2010-10-05 13:16:24 Re : Collage html

pup
membre
Lieu: Paris
Date d'inscription: 2009-07-16
Messages: 33
Site web

Re: Collage html



Oui pour le moment c'est seulement CSS/JS, mais il n'est pas prévu de php, pas de base de donnée non plus Car tout se fera "live".

Si j'arrive à ce que je veux, les adresses devraient être de type : (ignorez les espaces)

http://pastis.com/ #obj1 #url=http://imgurl #top=250 #left=380 #rot=90 #obj2...

Effectivement, il vaut peut-être mieux pouvoir integrer canvas en tant qu'objet et non travailler le moteur en canvas, car je sens que ça va compliquer les choses qui sont déjà simples en html/js.

Oui ton projet m'interesse !

D'autres adresses :
Un projet qui m'a scotché
Une belle utilisation de l'interface Dojo

Dernière modification par pup (2010-10-05 13:18:26)

Hors ligne

 

#4 2010-10-05 16:04:29 Re : Collage html

22_
membre
Lieu: paris
Date d'inscription: 2010-04-08
Messages: 189

Re: Collage html



ok, je te montre ça tout à l'heure (rien de glorieux non plus, tu verras).

On comptait se servir de ces maquettes pour un outil de statistiques ; finalement, on a complétement changé d'avis niveau interface et paradigme.

par contre, pour déborder un peu du sujet, on bosse avec node.js et mongoDB, respectivement un serveur web en javascript et une base de donnée NOSQL qui stocke du JSON, ce qui nous permet de ne manipuler que du javascript de la bd à l'interface.
si tu ne connais pas et que tu t'intéresses un peu au javascript, node.js est vraiment énorme : nodejs.org
il y a plein de projets qui tournent autour : http://socket.io notamment

++

Hors ligne

 

#5 2010-10-05 20:47:31 Re : Collage html

22_
membre
Lieu: paris
Date d'inscription: 2010-04-08
Messages: 189

Re: Collage html



hey,

voici rapidement : http://www.harmonicacore.com/interface1_4.html :
attention, c'est vraiment une maquette (...) 
en bas, tu peux créer un div qui apparaitra ensuite en haut à gauche sous la forme d'un rectangle : le rond en haut à gauche permet de dragger l'objet et le triangle de le redimensionner.
le projet initial devait permettre à l'utilisateur de sélectionner des div à observer pour voir les zones chaudes de clics dessus.
la maquette pour les zones chaudes à proprement parler est un peu plus aboutie : http://www.harmonicacore.com/interface1_3.html : il faut cliquer plein de fois pour générer des clics aléatoires à l'intérieur du canvas, puis appuyer sur le bouton afin de générer les zones chaudes... il y a un effet hover sur chaque zone ensuite.

++

Hors ligne

 

fil rss de cette discussion : rss

Pied de page des forums

Powered by FluxBB

codelab, graphisme & code : emoc / 2008-2018