3

我想编写一个用户体验类似于 Prezi.com 的 Web 界面。为此目的，最好的技术是什么？

项目要求：

  1. 快速实施（这是一个演示） - 我会很感激粗略的估计
  2. 大量数据 - 需要动态内容加载/卸载。

我的自然候选人是 Flash 和 HTML5。

Prezi.com 是一个替代的演示平台，它使用单个画布缩放/平移/旋转控件而不是经典的逐页幻灯片界面。此处提供了一个示例。

编辑

我网站的视觉部分需要在画布上显示多个小部件（图像、视频、文本），并允许用户通过缩放和平移来导航。每个小部件都有自己的原生缩放。小部件的数量将是巨大的，然而，同时只有少量的小部件是可见的。

4

6 回答 6

5

如果它对您来说仍然很重要，那么Webpgr正是您正在寻找的。它基于 HTML5，您可以使用单击和滑动手势来浏览页面。有一个类似 Photoshop 的在线编辑器。它处于测试阶段，但您可以申请一个帐户。

于 2014-04-07T07:39:06.617 回答
2

Felipe 是对的，如果您的目标是快速，那么 Flash 就是您的最佳选择。话虽如此，但是，当我说纯 Flash 网站几乎永远不会做对时，我认为这里的大多数人都会同意我的看法。尽量少用它，并且只用于真正需要动画的东西。

于 2011-10-11T22:16:43.320 回答
1

如果您需要快速，我认为您可能会受益于 Adob​​e 必须开发基于 Flash 的应用程序的整个应用程序套件。

Android 平板电脑应该能够运行它，以及所有桌面浏览器。只有 iOS（iPad 和 iPhone）会被排除在外。

恕我直言 HTML5 还不成熟。

或者，您可以使用 Adob​​e AIR 并为 Web、iOS 和 Android 本地编译。

于 2011-10-11T22:13:52.183 回答
1

我刚刚完成了一个几乎类似于 prezi.com 的应用程序，而不是演示文稿，我们有视频。我建议您将 GWT 用于整个应用程序，将 HTML5 用于您想要开发的视觉功能。我不确定您对视觉功能的具体需求，但如果它们与 prezi 有点相似，那么您可以使用画布。

关于时间和成本估算，我会将应用程序分为两部分

1）整体网站，登录，facebook/google登录集成添加新的prezi，查看流行的prezi，注册验证码，忘记密码，查看自己的prezi，输入prezi的评论和评级。开发此网站的时间不应超过 3 周。

2）视觉特征组件。如果您可以与我们分享更多详细信息，我可以告诉您更多信息。我认为 prezi 的组件大约需要 3 周。

于 2011-10-12T10:27:27.857 回答
1

现在有layerJS ，一个可以创建类似 Prezi 的HMTL5 Web 界面的开源库。如果您需要一些元素彼此独立移动，它甚至允许多个图层。

这非常简单：只需添加一个舞台div 并放入一个或多个图层，并在您可以进行缩放、平移和旋转转换之间添加任意数量的帧。

通过使用与“画布”不同的图层布局类型，不仅有类似 Prezi 的过渡。

HTML 代码如下所示：

<div data-wl-type="stage">
  <div data-wl-type="layer" data-wl-layout-type="canvas">
    <div data-wl-type="frame" data-wl-name="frame1" data-wl-x="100" data-wl-width="1000" data-wl-rotation="45" ...>
    </div>
    <div data-wl-type="frame" ...>
    </div>
  </div>
</div>
于 2016-07-16T10:07:58.540 回答
0

看看 Sozi http://sozi.baierouge.fr/wiki/en:welcome一个开源的类似 Prezi 的环境，它使用 SVG（和 Inkscape 作为编辑器）。

于 2011-11-14T07:52:08.453 回答