Prezi.com のユーザー エクスペリエンスに似た Web インターフェイスを作成したいと考えています。その目的に最適なテクノロジーは何でしょうか?
プロジェクト要件:
私の自然な候補は、Flash と HTML5 です。
Prezi.com は、従来のスライドごとのインターフェイスの代わりに、単一キャンバスのズーム/パン/回転コントロールを使用するプレゼンテーション用の代替プラットフォームです。例はこちらから入手できます。
編集
私の Web サイトのビジュアル部分では、キャンバスに複数のウィジェット (画像、ビデオ、テキスト) を表示し、ユーザーがズームとパンによってナビゲートできるようにする必要があります。各ウィジェットには独自のネイティブ ズームがあります。ウィジェットの数は膨大になりますが、同時に表示されるウィジェットの数はごくわずかです。
それでも問題がなければ、Webpgrはまさにあなたが探しているものです。HTML5 ベースで、クリックとスワイプのジェスチャを使用してページをナビゲートできます。Photoshop のようなオンライン エディターがあります。ベータ版ですが、アカウントをリクエストできます。
Felipe の言うとおりです。高速が目標なら、Flash が最適です。そうは言っても、純粋な Flash サイトが正しく行われることはほとんどないという私の意見に、この辺りのほとんどの人は同意してくれると思います。控えめに使用し、本当にアニメーションが必要なものにのみ使用してください。
ビデオのあるプレゼンテーションではなく、prezi.comのようなアプリケーションを完成させました。アプリケーション全体にGWTを使用し、開発するビジュアル機能にHTML5を使用することをお勧めします。視覚的な機能に対する特定のニーズについてはわかりませんが、preziに似ている場合は、canvasを使用できます。
時間とコストの見積もりについてアプリケーションを2つの部分に分割します
1）サイト全体、ログイン、facebook / googleログイン統合により、新しいpreziを追加し、人気のあるpreziを表示し、キャプチャに登録し、パスワードを忘れ、自分のpreziを表示し、preziにコメントと評価を入力します。このサイトの開発には3週間もかからないはずです。
2）ビジュアル機能コンポーネント。あなたが私たちとより多くの詳細を共有することができれば、私はこれについてもっとあなたに話すことができます。preziのコンポーネントは約3週間かかると思います。
Prezi のようなHMTL5 ウェブ インターフェースを作成できるオープン ソース ライブラリであるlayerJSが追加されました。一部の要素を互いに独立して移動する必要がある場合は、複数のレイヤーを使用することもできます。
それは非常に簡単です:ステージdiv を追加して 1 つ以上のレイヤーを配置し、その間に必要な数のフレームを追加するだけで、ズーム、パン、回転トランジションを行うことができます。
「キャンバス」とは異なるレイヤー レイアウト タイプを使用することで、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>
お急ぎの場合は、Adobe が Flash ベースのアプリケーションを開発するために必要なすべてのアプリケーション スイートをご利用いただけると思います。
すべてのデスクトップ ブラウザと同様に、Android タブレットでも実行できるはずです。iOS (iPad および iPhone) のみが除外されます。
IMHO HTML5 はまだ成熟していません。
または、Adobe AIR を使用して、Web、iOS、および Android 用にネイティブにコンパイルすることもできます。
Sozi http://sozi.baierouge.fr/wiki/en:SVG (およびエディターとして Inkscape) を使用するオープン ソースの Prezi のような環境を歓迎します。