11
1 ©BOOKMODE Inc. All Rights Reserved. CONFIDENTIAL BOOKMODEFlashHTML5変換サービス)

BOOKMODE HFlas h HTML5 nGCG GaGGHy ½ P × y¯ # - g4 k y Í ç "Ç DB ô Ú/LMS Ì â BBrowser ) V ¥ q a x U ) e ¥ x ¥ v Ì â SCORM Æ Á - e ¥ x ¥ v Ì â "È ³ Å × B 4

  • Upload
    others

  • View
    0

  • Download
    0

Embed Size (px)

Citation preview

Page 1: BOOKMODE HFlas h HTML5 nGCG GaGGHy ½ P × y¯ # - g4 k y Í ç "Ç DB ô Ú/LMS Ì â BBrowser ) V ¥ q a x U ) e ¥ x ¥ v Ì â SCORM Æ Á - e ¥ x ¥ v Ì â "È ³ Å × B 4

1©BOOKMODE Inc. All Rights Reserved.CONFIDENTIAL

BOOKMODE(Flash→HTML5変換サービス)

Page 2: BOOKMODE HFlas h HTML5 nGCG GaGGHy ½ P × y¯ # - g4 k y Í ç "Ç DB ô Ú/LMS Ì â BBrowser ) V ¥ q a x U ) e ¥ x ¥ v Ì â SCORM Æ Á - e ¥ x ¥ v Ì â "È ³ Å × B 4

実 績

2CONFIDENTIAL

HTML5 Only One技術展開によりFlash to HTML5変換サービスの実績が10,000コンテンツを突破!

・大手製造メーカー

・大手出版/予備校/教育事業社

・大手GAME会社

・大手広告代理店

・etc

©BOOKMODE Inc. All Rights Reserved.

Page 3: BOOKMODE HFlas h HTML5 nGCG GaGGHy ½ P × y¯ # - g4 k y Í ç "Ç DB ô Ú/LMS Ì â BBrowser ) V ¥ q a x U ) e ¥ x ¥ v Ì â SCORM Æ Á - e ¥ x ¥ v Ì â "È ³ Å × B 4

3

PC FlashコンテンツをどのようにしてTablet/Smart Phoneに移植するのか?

スクラッチから簡単にHTML5コンテンツを作成するのか?

Flashコンテンツの問題点

クラウド上で簡単にSWFをHTML5に変換します(チューニング作業は必要)

全て が解決します!

課題

クライアント様はSWF FileをサイトよりUP Loadしていただくだけです。(一部FLA Fileも必要なコンテンツがあります。)

Android/iosアプリ対応も可能です。

CONFIDENTIAL ©BOOKMODE Inc. All Rights Reserved.

Page 4: BOOKMODE HFlas h HTML5 nGCG GaGGHy ½ P × y¯ # - g4 k y Í ç "Ç DB ô Ú/LMS Ì â BBrowser ) V ¥ q a x U ) e ¥ x ¥ v Ì â SCORM Æ Á - e ¥ x ¥ v Ì â "È ³ Å × B 4

©BOOKMODE Inc. All Rights Reserved. 4

サービス内容

■簡単変換

■3つのサービス提供方法①DB連携/LMS対応(Browser版)

・インタラクティブなコンテンツ対応・SCORM準拠のコンテンツ対応

②一発変換(メーカー対応)・HTML5変換後のファイルをお渡しさせていただきます。

③カスタマイズ:アプリ対応(Local版)

・端末にコンテンツをダウンロードするモデルです。・通信環境がなくてもコンテンツを再生することが可能です。

・SWF/FLA Fileをお預かりするだけ、簡単にクラウド上でHTML5に変換します。(FLA Fileがない場合はHTML5で再現できない機能があります。)

CONFIDENTIAL

Page 5: BOOKMODE HFlas h HTML5 nGCG GaGGHy ½ P × y¯ # - g4 k y Í ç "Ç DB ô Ú/LMS Ì â BBrowser ) V ¥ q a x U ) e ¥ x ¥ v Ì â SCORM Æ Á - e ¥ x ¥ v Ì â "È ³ Å × B 4

5

クライアント

ブラウザー対応MAKE5 Player 役割・OS /Browserアップデートサポート・コンテンツセキュリティ

①SWF/FLA アップロード

②リアルタイム変換

③HTMLダウンロード

⑤Player配信④コンテンツ配信

①HTML5コンテンツ制作

Browser版 Flow

CONFIDENTIAL

Drag&

Drop

エンジンチューニング必要

ユーザクライアント

クライアント

©BOOKMODE Inc. All Rights Reserved.

SWFファイルをHTML5に変換するツールです。SWFで作ったコンテンツを、iPhoneやAndroidなどFlashPlayerを搭載していない端末向けに再利用することができます。ActionScript2 / ActionScript 3に対応しています。

SWFファイルをサイトにアップロードしてHTML5に変換します

動作する仕組み(1) Cloud上でSWFデータをHTML5に変換します。(2)アニメーションをレンダリングするためにJS Playerを使用します。

ActionScript2.0またActionScript3.0形式の図形、埋め込みフォント、タイムラインアニメーション、ダイナミックテキスト、ムービークリップ、ボタンとスクリプトをサポートしています。

変換後File容量HTML Fileは、元のSWFファイルよりも容量が増えます

コンテンツ起動時毎回配信

※特徴・LMS対応可能

Page 6: BOOKMODE HFlas h HTML5 nGCG GaGGHy ½ P × y¯ # - g4 k y Í ç "Ç DB ô Ú/LMS Ì â BBrowser ) V ¥ q a x U ) e ¥ x ¥ v Ì â SCORM Æ Á - e ¥ x ¥ v Ì â "È ³ Å × B 4

コンテンツ変換のフロー(Browser型)

CONFIDENTIAL 6

FlaファイルとSWFファイルをお預かりします

変換完了後コンテンツを納品させていただきますまた、コンテンツ管理シート(納品日や検品日を管理するためのシートです)もご一緒に送付させていただきます

問題ございませんでしたらコンテンツ管理シートに必要事項をご記入のうえご返送ください

納品データに不具合がある場合は再度変換作業を行いますので弊社までお知らせください

御社作業

弊社作業

コンテンツご用意 変換作業 コンテンツ納品 検品

©BOOKMODE Inc. All Rights Reserved.

実際のコンテンツ引渡しが可能になるのは8月後半になります

Browser版に変換

Browser版エンジン

チューニング

Page 7: BOOKMODE HFlas h HTML5 nGCG GaGGHy ½ P × y¯ # - g4 k y Í ç "Ç DB ô Ú/LMS Ì â BBrowser ) V ¥ q a x U ) e ¥ x ¥ v Ì â SCORM Æ Á - e ¥ x ¥ v Ì â "È ³ Å × B 4

7

※Browserの音声サポート問題また端末スペックの問題があり、弊社では下記を推奨環境とします。■PC: Chrome■Tablet/Smart Phone:Chrome for Android 、ios Safari今後、随時追加及びカスタマイズ対応

推奨環境

(Browserの音声サポート問題 ⇒再生・早送り・早戻し機能ができない。/バックミュージックとメインサウンドなど2つの音のシンクロができない。)

CONFIDENTIAL ©BOOKMODE Inc. All Rights Reserved.

Page 8: BOOKMODE HFlas h HTML5 nGCG GaGGHy ½ P × y¯ # - g4 k y Í ç "Ç DB ô Ú/LMS Ì â BBrowser ) V ¥ q a x U ) e ¥ x ¥ v Ì â SCORM Æ Á - e ¥ x ¥ v Ì â "È ³ Å × B 4

8

ローカル対応(Web Audio API利用)で可能なこと「ブラウザのみで高機能なサウンド処理を実現する」(複数音声を同時に進行させたり、シンクロ、複数の音声を再生、停止など)これが, Web Audio APIで可能になることの要約です. Web Audio APIによって, プラグイン (ブラウザ拡張機能) がなくても, ブラウザで動作する楽器アプリや, シーケンサー, ゲームの効果音などが作成可能になります。

ブラウザWeb Audio APIを利用するためには、 Web Audio APIの実行環境が必要です。その実行環境となるのが、ブラウザ (に実装されているJavaScriptのエンジン) です。しかし, どのブラウザでもOKというわけではありません. 現状、Web Audio APIを最も安定してサポートしているブラウザは、 「ChromeとSafari」です。Android/ios 両方ともPlayerのカスタマイズ追加開発を頂くことにより対応できます。

ローカル対応版について

CONFIDENTIAL

■Flashコンテンツ(Flashコンテンツの問題点)・複雑な音声を使用している場合が多い。⇒その際Android標準ブラウザでは、・音声がならない/アニメーションと同期(シンクロ)しない。などの問題が発生する。

©BOOKMODE Inc. All Rights Reserved.

Page 9: BOOKMODE HFlas h HTML5 nGCG GaGGHy ½ P × y¯ # - g4 k y Í ç "Ç DB ô Ú/LMS Ì â BBrowser ) V ¥ q a x U ) e ¥ x ¥ v Ì â SCORM Æ Á - e ¥ x ¥ v Ì â "È ³ Å × B 4

9

技術評価

CONFIDENTIAL

問題点・Browserのメモリが少ない。・JavaScriptの実行速度が遅い。

数10MB以上の File

soundimage shape

実行速度が遅い。(FPSがでない)Browserがクラッシュする。

解決方法

※Smart Phone/Tablet向けの独自技術対応

■各Browserに応じた描画速度調整(特許申請)

■各Fileを分類・自動圧縮(新開発)

■スプライトキャシュ(特許申請)

教育向けIT技術として2014年度MicrosoftVentures賞を受賞する信頼の技術です。

movie

©BOOKMODE Inc. All Rights Reserved.

Page 10: BOOKMODE HFlas h HTML5 nGCG GaGGHy ½ P × y¯ # - g4 k y Í ç "Ç DB ô Ú/LMS Ì â BBrowser ) V ¥ q a x U ) e ¥ x ¥ v Ì â SCORM Æ Á - e ¥ x ¥ v Ì â "È ³ Å × B 4

10

69(mobile)/860(all)(As of May 2014)※スマホで動くHTML5

Canvasモバイル・タブレットほぼすべてのモダンブラウザで動作

ベンチマーク

CONFIDENTIAL

納期 クオリティ 音声新OS及び

新機種対応コンテンツ修正

弊社 短いプログラムで変換している為、安定したコンテンツクオリティにて提供ができる。

フレーム(FPS)と音声のずれがない。

Playerを修正することにより対応。コンテンツ調整する必要がない。

クラウドでコンテンツ管理しているので、コンテンツの内容修正や調整などが各コンテンツ毎にできる。無料

他社

手作業の為、かなり時間がかかる

オフショア/外注制作で依頼した場合、技術レベルが低い為、各OS/Browser対応が出来ず、また技術レベルに応じてコンテンツクオリティにもばらつきがある。

フレーム(FPS)と音声のずれる。(Create.JSで手作業にて開発する限界)

全部のコンテンツを再調整する必要がある

別途料金発生

■技術面 ■サービス面

©BOOKMODE Inc. All Rights Reserved.

Page 11: BOOKMODE HFlas h HTML5 nGCG GaGGHy ½ P × y¯ # - g4 k y Í ç "Ç DB ô Ú/LMS Ì â BBrowser ) V ¥ q a x U ) e ¥ x ¥ v Ì â SCORM Æ Á - e ¥ x ¥ v Ì â "È ³ Å × B 4

ぜひ、御社のサンプルファイルをお預けください。変換後のデモをお見せ致します。

トライアルテスト

CONFIDENTIAL 11©BOOKMODE Inc. All Rights Reserved.

■デモ披露お見積時に変換対象全てのコンテンツをお預かりします。

■お見積り

■発注