DHTML – Crystal shape

• person_firstname
• person_lastname
• person_email, person_nick,
• person_password
• person_virtual

return person_id

• person_id

• person_nick
• person_firstname
• person_lastname
• person_email

• person_id
• person_firstname
• person_lastname
• person_email
• person_nick
• person_password
• person_virtual

• req = “visiblenodes”
• viewportx = X
• viewporty = Y
• viewportz = Z

• list of nodes ( with ID )

ActionScript – Blobs

Live demo

ActionScript – Blobs

Live demo

• make visible the creative process
• show the relationship of the thoughts
• inspire people

• browser and platform independent
• customizable
• simple

Scalable Vector Graphics (SVG) is an XML specification and file format for describing two-dimensional vector graphics, both static and animated.

• nice but old
• plugin needed in some browsers
• not widespread
• slow

Bubblemark benchmark

Sketches

Processing prototype

Live demo

Flash is commonly used to create animation, advertisements, various web page components, to integrate video into web pages, and more recently, to develop rich Internet applications.

FLEX?? maybe

Possible technologies

• Adobe Flash with Flex
• Microsoft Silverlight
• SVG
• DHTML
• Applet

Silverlight prototype

Microsoft Silverlight is a browser plugin that allows web applications to be developed with features that characterize a rich internet application: animation, vector graphics and audio-video playback.

• plugin needed
• fast
• new
• not widespread

Dynamic HTML or DHTML is a collection of technologies used together to create interactive and animated web sites by using a combination of a static markup language (such as HTML), a client-side scripting language (such as JavaScript), a presentation definition language (Cascading Style Sheets, CSS), and the Document Object Model.

• works almost everywhere
• vendor independent
• based on well adopted standards

Network of thoughts

Social network for thoughts

DHTML – Bacteria movement

Live demo

Design concept

DHTML prototype

Live demo

Client – server communication

response: XML

• Simple
• Translation and rotation only
• Dojo.gfx3d?

Client side architecture

• node
• node management layer
• communication layer
• gfx engine ( transformation, zoom )

is done by the dojo anim engine?

It used to be really slow. It will be rebirth in the next months.

• Pulpcore

• get a list of users
• add a new user

• edit a node
• list of nodes related to a user

what kind of data??

Page structure

• req = “nodeInfo”
• id = id of the node

• description: description of the node
• tags: array of tags
• attachments:
  • images: array of urls of the related images or what else ??
  • texts: the full text of just urls ??

• Sign in
  • username
  • password

• Registration

Ballons

• ID

• Viewport is a rectangle.
• Shows a small part of the infinite space.

Facebook alkalmazas