SlideShare a Scribd company logo
1 of 12
Download to read offline
iLeaflet
                 とは何か?




                  2010.7.21

                株式会社ドッグラン




2010年7月21日水曜日
iLeafletって何だ?の前に




                iPadって何だ?




2010年7月21日水曜日
http://www.apple.com/jp/ipad/

                • 手で持つことのできるインターネット
                 体験ツール。

                • ウェブ、メール、写真、ビデオを体験
                 する最高の方法。

                • etc
                                    とのこと…

2010年7月21日水曜日
WebコンテンツやWebアプリケーション
       体験端末として最高ってことなのか!?




2010年7月21日水曜日
iLeafletは

       iPadのWebコンテンツ、Webアプリケー
       ション体験環境を、さらに使いやすくパーソ
       ナルに、ダウンロードコンテンツとして配
       信・再生するためのプラットフォームです。




2010年7月21日水曜日
実際はiPadだけでなく、
                Androidなどのタブレット端末、スマートフォン、
                サーネージ端末などへの対応も予定しています。


2010年7月21日水曜日
2010年7月21日水曜日
iLeafletアプリケーションは…
                • iPad向けのビューアーアプリケーションです。
                 iPhoneやAndroidへの対応も予定。

                • コンテンツはHTML5をベースとしています。
                • javascript、動画(videoタグ)を再生できま
                 す。

                • コンテンツのHTMLは2次元のページ属性をメ
                 タ情報として持ちます。

                • ページのメタ情報にjavascriptのトリガーを持た
                 せることができます。

2010年7月21日水曜日
コンテンツの登録・管理と配信
                   iLeafletサービス


            • コンテンツをHTMLベースにすることで、Web
                制作リソースがそのまま利用できます。

            • クラウドサーバーにCMSを構築し、アプリケー
                ションからのコンテンツのダウンロードに対応
                します。




2010年7月21日水曜日
ページ内のアンカーをフックしてコンテンツの別ページに移動できます。
  もちろん、ネット上のサイトにリンクすることも可能。
                               ページ移動をトリガーにjavascriptを呼び出せます。
                               setTimeout、video再生、Box2d…などが利用できます。




 HTML+CSSでページをレイアウトします。



         フリックまたはコントロールボタンでページ間を移動できます。

                           コンテンツ内の各ページが2次元のページ属性を持ちます。

                ・コンテンツ表示機能はほぼ完成
                ・ダウンロード、認証、書庫機能…などの実装作業が進行中
2010年7月21日水曜日
カスタムコンテンツサービス              App Store              iLeaflet サービス
                ・素材登録                                         ・素材登録
                                          iLeaflet リーダー
                ・編集                                           ・編集
                ・特定ユーザーへの                                     ・ユーザー管理
                 コンテンツ配信


                                                                     コンテンツ
                   コンテンツ

                               アプリケーション                アプリケーション


                                 コンテンツ




                      iLeaflet カスタムアプリ                     iLeaflet リーダー
                      iLeaflet リーダー                        ・カタログ
                      ・カタログ                               ・アルバム
                      ・営業ツール                              ・ 動く絵本…など
                      ・出版社の独自アプリ
                      …など
                                                                     個人ユーザー
                                                                     飲食店…など
                                 企業ユーザー
                                 個人ユーザー




   iLeafletは【iLeafletサービス/リーダー】または【iLeafletカスタムアプリ/サービス】
   で利用できます。
2010年7月21日水曜日
iLeafletに参加していただけそうな
                 コンテンツホルダーのみなさま、
                     ぜひご連絡ください。


                 株式会社ドッグラン 担当:大石
                     dogrun@dogrun.jp


2010年7月21日水曜日

More Related Content

Similar to iLeafletとは何か

Css nite(2010.09.23)
Css nite(2010.09.23)Css nite(2010.09.23)
Css nite(2010.09.23)Yoshiki Ushida
 
初心者向けNotes/Dominoの開発テクニック
初心者向けNotes/Dominoの開発テクニック初心者向けNotes/Dominoの開発テクニック
初心者向けNotes/Dominoの開発テクニックMasahiko Miyo
 
スマートフォンアプリケーション開発の最新動向
スマートフォンアプリケーション開発の最新動向スマートフォンアプリケーション開発の最新動向
スマートフォンアプリケーション開発の最新動向Tsutomu Ogasawara
 
Swiftで説明する「モナド」:Swiftにおける関数型プログラミングの使い方
Swiftで説明する「モナド」:Swiftにおける関数型プログラミングの使い方Swiftで説明する「モナド」:Swiftにおける関数型プログラミングの使い方
Swiftで説明する「モナド」:Swiftにおける関数型プログラミングの使い方Roy Kim
 
コラボレーションツールWikiの活用110616
コラボレーションツールWikiの活用110616コラボレーションツールWikiの活用110616
コラボレーションツールWikiの活用110616伸夫 森本
 
モバイル対応Ui部品を利用したレスポンシブwebアプリ開発
モバイル対応Ui部品を利用したレスポンシブwebアプリ開発モバイル対応Ui部品を利用したレスポンシブwebアプリ開発
モバイル対応Ui部品を利用したレスポンシブwebアプリ開発Satoru Yamaguchi
 
プロ文.com 勉強会 Phase 1
プロ文.com 勉強会 Phase 1プロ文.com 勉強会 Phase 1
プロ文.com 勉強会 Phase 1Hiroki Toyokawa
 
アイスタイル特設サイトにおけるVue.js導入事例(再演)
アイスタイル特設サイトにおけるVue.js導入事例(再演) アイスタイル特設サイトにおけるVue.js導入事例(再演)
アイスタイル特設サイトにおけるVue.js導入事例(再演) Kenjiro Kubota
 
東京では語れないHTML5[仮題]
東京では語れないHTML5[仮題]東京では語れないHTML5[仮題]
東京では語れないHTML5[仮題]Yu Morita
 
Spath for enterprise
Spath for enterpriseSpath for enterprise
Spath for enterpriseKoichiro Sumi
 
カメラを利用したアプリを作って約1000人で遊んだ話
カメラを利用したアプリを作って約1000人で遊んだ話カメラを利用したアプリを作って約1000人で遊んだ話
カメラを利用したアプリを作って約1000人で遊んだ話Kenjiro Kubota
 
講義資料におけるマルチユースなリンクをEPUBとLODで実現するシステムの試作
講義資料におけるマルチユースなリンクをEPUBとLODで実現するシステムの試作講義資料におけるマルチユースなリンクをEPUBとLODで実現するシステムの試作
講義資料におけるマルチユースなリンクをEPUBとLODで実現するシステムの試作yamahige
 
XPagesでRESTを使ってみよう
XPagesでRESTを使ってみようXPagesでRESTを使ってみよう
XPagesでRESTを使ってみようMasahiko Miyo
 
Titanium Mobile ~本当にあったこわい話~
Titanium Mobile ~本当にあったこわい話~Titanium Mobile ~本当にあったこわい話~
Titanium Mobile ~本当にあったこわい話~Atsushi Harada
 
iOS開発を楽しむ最初の一歩!デリゲートをなるべく分かりやすく!
iOS開発を楽しむ最初の一歩!デリゲートをなるべく分かりやすく!iOS開発を楽しむ最初の一歩!デリゲートをなるべく分かりやすく!
iOS開発を楽しむ最初の一歩!デリゲートをなるべく分かりやすく!Kanako Kobayashi
 
ノビィ取扱い説明書
ノビィ取扱い説明書ノビィ取扱い説明書
ノビィ取扱い説明書青島 英和
 
大容量ファイルを爆速で転送! 世界を飛び回る! AsperaとSoftLayerの最強コラボ!
大容量ファイルを爆速で転送! 世界を飛び回る! AsperaとSoftLayerの最強コラボ!大容量ファイルを爆速で転送! 世界を飛び回る! AsperaとSoftLayerの最強コラボ!
大容量ファイルを爆速で転送! 世界を飛び回る! AsperaとSoftLayerの最強コラボ!softlayerjp
 

Similar to iLeafletとは何か (20)

Css nite(2010.09.23)
Css nite(2010.09.23)Css nite(2010.09.23)
Css nite(2010.09.23)
 
初心者向けNotes/Dominoの開発テクニック
初心者向けNotes/Dominoの開発テクニック初心者向けNotes/Dominoの開発テクニック
初心者向けNotes/Dominoの開発テクニック
 
スマートフォンアプリケーション開発の最新動向
スマートフォンアプリケーション開発の最新動向スマートフォンアプリケーション開発の最新動向
スマートフォンアプリケーション開発の最新動向
 
Swiftで説明する「モナド」:Swiftにおける関数型プログラミングの使い方
Swiftで説明する「モナド」:Swiftにおける関数型プログラミングの使い方Swiftで説明する「モナド」:Swiftにおける関数型プログラミングの使い方
Swiftで説明する「モナド」:Swiftにおける関数型プログラミングの使い方
 
コラボレーションツールWikiの活用110616
コラボレーションツールWikiの活用110616コラボレーションツールWikiの活用110616
コラボレーションツールWikiの活用110616
 
モバイル対応Ui部品を利用したレスポンシブwebアプリ開発
モバイル対応Ui部品を利用したレスポンシブwebアプリ開発モバイル対応Ui部品を利用したレスポンシブwebアプリ開発
モバイル対応Ui部品を利用したレスポンシブwebアプリ開発
 
プロ文.com 勉強会 Phase 1
プロ文.com 勉強会 Phase 1プロ文.com 勉強会 Phase 1
プロ文.com 勉強会 Phase 1
 
ACCESS Lentrance
ACCESS LentranceACCESS Lentrance
ACCESS Lentrance
 
Smartphoneseminar orso_sakamoto
Smartphoneseminar orso_sakamotoSmartphoneseminar orso_sakamoto
Smartphoneseminar orso_sakamoto
 
アイスタイル特設サイトにおけるVue.js導入事例(再演)
アイスタイル特設サイトにおけるVue.js導入事例(再演) アイスタイル特設サイトにおけるVue.js導入事例(再演)
アイスタイル特設サイトにおけるVue.js導入事例(再演)
 
東京では語れないHTML5[仮題]
東京では語れないHTML5[仮題]東京では語れないHTML5[仮題]
東京では語れないHTML5[仮題]
 
Spath for enterprise
Spath for enterpriseSpath for enterprise
Spath for enterprise
 
カメラを利用したアプリを作って約1000人で遊んだ話
カメラを利用したアプリを作って約1000人で遊んだ話カメラを利用したアプリを作って約1000人で遊んだ話
カメラを利用したアプリを作って約1000人で遊んだ話
 
講義資料におけるマルチユースなリンクをEPUBとLODで実現するシステムの試作
講義資料におけるマルチユースなリンクをEPUBとLODで実現するシステムの試作講義資料におけるマルチユースなリンクをEPUBとLODで実現するシステムの試作
講義資料におけるマルチユースなリンクをEPUBとLODで実現するシステムの試作
 
Thing.jsについて
Thing.jsについてThing.jsについて
Thing.jsについて
 
XPagesでRESTを使ってみよう
XPagesでRESTを使ってみようXPagesでRESTを使ってみよう
XPagesでRESTを使ってみよう
 
Titanium Mobile ~本当にあったこわい話~
Titanium Mobile ~本当にあったこわい話~Titanium Mobile ~本当にあったこわい話~
Titanium Mobile ~本当にあったこわい話~
 
iOS開発を楽しむ最初の一歩!デリゲートをなるべく分かりやすく!
iOS開発を楽しむ最初の一歩!デリゲートをなるべく分かりやすく!iOS開発を楽しむ最初の一歩!デリゲートをなるべく分かりやすく!
iOS開発を楽しむ最初の一歩!デリゲートをなるべく分かりやすく!
 
ノビィ取扱い説明書
ノビィ取扱い説明書ノビィ取扱い説明書
ノビィ取扱い説明書
 
大容量ファイルを爆速で転送! 世界を飛び回る! AsperaとSoftLayerの最強コラボ!
大容量ファイルを爆速で転送! 世界を飛び回る! AsperaとSoftLayerの最強コラボ!大容量ファイルを爆速で転送! 世界を飛び回る! AsperaとSoftLayerの最強コラボ!
大容量ファイルを爆速で転送! 世界を飛び回る! AsperaとSoftLayerの最強コラボ!
 

More from Nao Oec

Pgx user meeting_20170602
Pgx user meeting_20170602Pgx user meeting_20170602
Pgx user meeting_20170602Nao Oec
 
Lodチャレンジ2016 エリアベンチマーキング資料
Lodチャレンジ2016 エリアベンチマーキング資料Lodチャレンジ2016 エリアベンチマーキング資料
Lodチャレンジ2016 エリアベンチマーキング資料Nao Oec
 
Shizuoka.py #6 WebTestでWeb APIのテスト & Pythonメタプログラミングでテストの自動生成
Shizuoka.py #6 WebTestでWeb APIのテスト & Pythonメタプログラミングでテストの自動生成Shizuoka.py #6 WebTestでWeb APIのテスト & Pythonメタプログラミングでテストの自動生成
Shizuoka.py #6 WebTestでWeb APIのテスト & Pythonメタプログラミングでテストの自動生成Nao Oec
 
PGXでつぶやきの類似度によるグラフを生成してみた
PGXでつぶやきの類似度によるグラフを生成してみたPGXでつぶやきの類似度によるグラフを生成してみた
PGXでつぶやきの類似度によるグラフを生成してみたNao Oec
 
Python neo4j cytoscapejsでデータ可視化入門
Python neo4j cytoscapejsでデータ可視化入門Python neo4j cytoscapejsでデータ可視化入門
Python neo4j cytoscapejsでデータ可視化入門Nao Oec
 
Shizuokapy4_データヴィジュアライズのための簡単なWeb API開発まめ知識
Shizuokapy4_データヴィジュアライズのための簡単なWeb API開発まめ知識Shizuokapy4_データヴィジュアライズのための簡単なWeb API開発まめ知識
Shizuokapy4_データヴィジュアライズのための簡単なWeb API開発まめ知識Nao Oec
 
コンピュータビジョン7章資料_20140830読書会
コンピュータビジョン7章資料_20140830読書会コンピュータビジョン7章資料_20140830読書会
コンピュータビジョン7章資料_20140830読書会Nao Oec
 
Open streetmapハンズオン@静岡まとめ
Open streetmapハンズオン@静岡まとめOpen streetmapハンズオン@静岡まとめ
Open streetmapハンズオン@静岡まとめNao Oec
 
Shizuokapy 3 oec_nlp
Shizuokapy 3 oec_nlpShizuokapy 3 oec_nlp
Shizuokapy 3 oec_nlpNao Oec
 

More from Nao Oec (9)

Pgx user meeting_20170602
Pgx user meeting_20170602Pgx user meeting_20170602
Pgx user meeting_20170602
 
Lodチャレンジ2016 エリアベンチマーキング資料
Lodチャレンジ2016 エリアベンチマーキング資料Lodチャレンジ2016 エリアベンチマーキング資料
Lodチャレンジ2016 エリアベンチマーキング資料
 
Shizuoka.py #6 WebTestでWeb APIのテスト & Pythonメタプログラミングでテストの自動生成
Shizuoka.py #6 WebTestでWeb APIのテスト & Pythonメタプログラミングでテストの自動生成Shizuoka.py #6 WebTestでWeb APIのテスト & Pythonメタプログラミングでテストの自動生成
Shizuoka.py #6 WebTestでWeb APIのテスト & Pythonメタプログラミングでテストの自動生成
 
PGXでつぶやきの類似度によるグラフを生成してみた
PGXでつぶやきの類似度によるグラフを生成してみたPGXでつぶやきの類似度によるグラフを生成してみた
PGXでつぶやきの類似度によるグラフを生成してみた
 
Python neo4j cytoscapejsでデータ可視化入門
Python neo4j cytoscapejsでデータ可視化入門Python neo4j cytoscapejsでデータ可視化入門
Python neo4j cytoscapejsでデータ可視化入門
 
Shizuokapy4_データヴィジュアライズのための簡単なWeb API開発まめ知識
Shizuokapy4_データヴィジュアライズのための簡単なWeb API開発まめ知識Shizuokapy4_データヴィジュアライズのための簡単なWeb API開発まめ知識
Shizuokapy4_データヴィジュアライズのための簡単なWeb API開発まめ知識
 
コンピュータビジョン7章資料_20140830読書会
コンピュータビジョン7章資料_20140830読書会コンピュータビジョン7章資料_20140830読書会
コンピュータビジョン7章資料_20140830読書会
 
Open streetmapハンズオン@静岡まとめ
Open streetmapハンズオン@静岡まとめOpen streetmapハンズオン@静岡まとめ
Open streetmapハンズオン@静岡まとめ
 
Shizuokapy 3 oec_nlp
Shizuokapy 3 oec_nlpShizuokapy 3 oec_nlp
Shizuokapy 3 oec_nlp
 

Recently uploaded

クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdfクラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdfFumieNakayama
 
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdfAWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdfFumieNakayama
 
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版) 2024年4月作成
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版) 2024年4月作成業務で生成AIを活用したい人のための生成AI入門講座(社外公開版) 2024年4月作成
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版) 2024年4月作成Hiroshi Tomioka
 
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察  ~Text-to-MusicとText-To-ImageかつImage-to-Music...モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察  ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...博三 太田
 
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineerYuki Kikuchi
 
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)UEHARA, Tetsutaro
 
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)Hiroki Ichikura
 
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案sugiuralab
 
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?akihisamiyanaga1
 

Recently uploaded (9)

クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdfクラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
 
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdfAWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
 
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版) 2024年4月作成
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版) 2024年4月作成業務で生成AIを活用したい人のための生成AI入門講座(社外公開版) 2024年4月作成
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版) 2024年4月作成
 
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察  ~Text-to-MusicとText-To-ImageかつImage-to-Music...モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察  ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
 
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
 
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
 
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
 
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
 
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
 

iLeafletとは何か

  • 1. iLeaflet とは何か? 2010.7.21 株式会社ドッグラン 2010年7月21日水曜日
  • 2. iLeafletって何だ?の前に iPadって何だ? 2010年7月21日水曜日
  • 3. http://www.apple.com/jp/ipad/ • 手で持つことのできるインターネット 体験ツール。 • ウェブ、メール、写真、ビデオを体験 する最高の方法。 • etc とのこと… 2010年7月21日水曜日
  • 4. WebコンテンツやWebアプリケーション 体験端末として最高ってことなのか!? 2010年7月21日水曜日
  • 5. iLeafletは iPadのWebコンテンツ、Webアプリケー ション体験環境を、さらに使いやすくパーソ ナルに、ダウンロードコンテンツとして配 信・再生するためのプラットフォームです。 2010年7月21日水曜日
  • 6. 実際はiPadだけでなく、 Androidなどのタブレット端末、スマートフォン、 サーネージ端末などへの対応も予定しています。 2010年7月21日水曜日
  • 8. iLeafletアプリケーションは… • iPad向けのビューアーアプリケーションです。 iPhoneやAndroidへの対応も予定。 • コンテンツはHTML5をベースとしています。 • javascript、動画(videoタグ)を再生できま す。 • コンテンツのHTMLは2次元のページ属性をメ タ情報として持ちます。 • ページのメタ情報にjavascriptのトリガーを持た せることができます。 2010年7月21日水曜日
  • 9. コンテンツの登録・管理と配信 iLeafletサービス • コンテンツをHTMLベースにすることで、Web 制作リソースがそのまま利用できます。 • クラウドサーバーにCMSを構築し、アプリケー ションからのコンテンツのダウンロードに対応 します。 2010年7月21日水曜日
  • 10. ページ内のアンカーをフックしてコンテンツの別ページに移動できます。 もちろん、ネット上のサイトにリンクすることも可能。 ページ移動をトリガーにjavascriptを呼び出せます。 setTimeout、video再生、Box2d…などが利用できます。 HTML+CSSでページをレイアウトします。 フリックまたはコントロールボタンでページ間を移動できます。 コンテンツ内の各ページが2次元のページ属性を持ちます。 ・コンテンツ表示機能はほぼ完成 ・ダウンロード、認証、書庫機能…などの実装作業が進行中 2010年7月21日水曜日
  • 11. カスタムコンテンツサービス App Store iLeaflet サービス ・素材登録 ・素材登録 iLeaflet リーダー ・編集 ・編集 ・特定ユーザーへの ・ユーザー管理  コンテンツ配信 コンテンツ コンテンツ アプリケーション アプリケーション コンテンツ iLeaflet カスタムアプリ iLeaflet リーダー iLeaflet リーダー ・カタログ ・カタログ ・アルバム ・営業ツール ・ 動く絵本…など ・出版社の独自アプリ …など 個人ユーザー 飲食店…など 企業ユーザー 個人ユーザー iLeafletは【iLeafletサービス/リーダー】または【iLeafletカスタムアプリ/サービス】 で利用できます。 2010年7月21日水曜日
  • 12. iLeafletに参加していただけそうな コンテンツホルダーのみなさま、 ぜひご連絡ください。 株式会社ドッグラン 担当:大石 dogrun@dogrun.jp 2010年7月21日水曜日