交互式web应用程序的技术栈和最佳实践

Question

我试图为交互式web应用程序选择一个技术栈。

项目要求：

1) Application实际上是一个全屏板，包含许多相互交互的矩形对象。

( 2)一个领头用户(演示者)能够在板上添加新的物体，并确定它们的位置、角度、面和大小。一个理想的方法将是，如果用户可以拖动一个简单的左键选择在一个空白的板上，同时能够旋转该选择期间，右击也是按下。释放鼠标后，矩形对象将绘制在选定的表面上。

3)演示器可以通过拖动对象来调整物体的大小、旋转它们和移动物体(如果也按右击，则可以在移动时旋转它们)。如果我能够测量对象在这个过程中移动了多少(在任意测量单元中)，那就太好了。

4)一些观察员/用户/客户可以加入示范室并观察：

• 我更希望他们能实时观察物体的运动。如果不是，
• 我希望他们能看到动画，它把物体从原来的位置转换成新的位置。如果不是，
• 如果物体瞬间移动到它的新位置，那是可以接受的。

5)获得支助的观察员人数：

• 我需要无缝地支持50。
• 我想支持多达一千人。
• 请建议一个技术栈可以支持的任意数字，在启动时使用一个廉价的非专用服务器(但是可以选择稍后升级，以及它将如何随着受支持的客户端的数量而扩展)。

6)演示者可以指定另一名用户为“助理演示者”，并获得充分的权限，但单独管辖(不能移动演示者的对象，只需添加/移动/删除自己的权限)

7)它必须能够在没有安装Flash或Java的情况下工作(这实际上将它们排除在等式之外)。

加分：

1)可伸缩性(响应性设计)及其对画布的影响(“分辨率”应保持不变，像素大小应调整，同时保持相同的纵横比( 16:9) )

2)移动设备支持--能够在较新的移动设备和平板电脑上相当好地工作(可能没有一些高级方面)

3)观察者还可以选择在周围移动对象(只有客户端，在他们的浏览器中)，同时能够恢复(同步)到实际(当前)状态。

我脑子里想的是：

我想到的第一件事是：

• HTML5画布和一个用于在其上绘制和操作对象的JS库(制造品似乎很有前途)
• 拥有合适框架的node.js (Meteor目前似乎正处于全速发展阶段，并且能够处理与许多客户端的实时同步)。

但我对两者都不太熟悉，也无法判断它们是否是开发该项目的最佳堆栈。

你有什么建议吗？我有使用jQuery / PHP的经验，也没有在他们之外冒险，但是学习一些新的东西，特别是当它相当现代和有趣的时候，我并没有感到不安。

PS:我不知道该怎么给这个问题贴标签，所以请随便给它贴上你认为合适的标签。

Answer 1

也许带有可用源的CollabSketch Vaadin插件 瓦丁可以为您提供一个起点。Vaadin提供了推送和移动支持，所需的技术知识可以是Java + Vaadin(GWT) + Maven + Tomcat