tizen web app について調べたよ
DESCRIPTION
TRANSCRIPT
![Page 1: Tizen web app について調べたよ](https://reader037.vdocuments.net/reader037/viewer/2022102700/5461ca97af7959422a8b4a4d/html5/thumbnails/1.jpg)
TIZEN WEB APP について調べたよ
第 2 回 Tizen 勉強会Naruto TAKAHASHI
![Page 2: Tizen web app について調べたよ](https://reader037.vdocuments.net/reader037/viewer/2022102700/5461ca97af7959422a8b4a4d/html5/thumbnails/2.jpg)
自己紹介 Naruto TAKAHASHI(@TNaruto)
EFL(Enlightenment Foundation Library) の追っかけ
Tizen SDK 歴 10 日 HTML 歴 10 日 Javascript 歴 10 日 Eclipse 歴 10 日
![Page 3: Tizen web app について調べたよ](https://reader037.vdocuments.net/reader037/viewer/2022102700/5461ca97af7959422a8b4a4d/html5/thumbnails/3.jpg)
TIZEN のアプリを作りましょう Tizen のアプリケーションは HTML5 +
javascript で作成できます!
作成には Tizen SDK(eclipse) が必要です。
私のオペレーションを見ていただいて皆様には自信をつけていただきたい。
![Page 4: Tizen web app について調べたよ](https://reader037.vdocuments.net/reader037/viewer/2022102700/5461ca97af7959422a8b4a4d/html5/thumbnails/4.jpg)
LET’S INSTALL TIZEN SDK( システム要求 ) Windows XP SP3 or 7
32bit 版 java をインストールすれば 64 ビット環境で動作可能です。
デュアルコア 2GHz CPU (vt-x がサポートされてるとよし )
2GB 以上のメモリ 3GB 以上の空き容量 1280x1024 以上の解像度
![Page 5: Tizen web app について調べたよ](https://reader037.vdocuments.net/reader037/viewer/2022102700/5461ca97af7959422a8b4a4d/html5/thumbnails/5.jpg)
LET’S INSTALL TIZEN SDK( 前準備 ) 32bit 版 oracle java v6 以上
http://www.oracle.com/technetwork/java/javase/downloads/java-se-jdk-7-download-432154.html
Google chrome ブラウザ ウェブシミュレータ用http://www.google.co.jp/chrome/intl/ja/landi
ng_ch.html QuickTime player v7.7.1 以上
リモートインスペクター用http://www.apple.com/jp/quicktime/download/
![Page 6: Tizen web app について調べたよ](https://reader037.vdocuments.net/reader037/viewer/2022102700/5461ca97af7959422a8b4a4d/html5/thumbnails/6.jpg)
LET’S INSTALL TIZEN SDK
Tizen SDK インストーラのダウンロードhttps://developer.tizen.org/sdk
tizen_sdk.exe を実行 ネットワーク越しにパッケージをダウンロードし
ます。 夜に実行するとなぜか頻繁に失敗する…
![Page 7: Tizen web app について調べたよ](https://reader037.vdocuments.net/reader037/viewer/2022102700/5461ca97af7959422a8b4a4d/html5/thumbnails/7.jpg)
TIZEN アプリケーション作る前に HTML5 でアプリを作るとはどういうこと?
HTML で記述すること。 マークアップ言語でページのレイアウトを記述するこ
と。
![Page 8: Tizen web app について調べたよ](https://reader037.vdocuments.net/reader037/viewer/2022102700/5461ca97af7959422a8b4a4d/html5/thumbnails/8.jpg)
じゃあ HTML を書いてみよう
定番の hello world を書いてみます。
![Page 9: Tizen web app について調べたよ](https://reader037.vdocuments.net/reader037/viewer/2022102700/5461ca97af7959422a8b4a4d/html5/thumbnails/9.jpg)
DEMO します プロジェクトの作成 コーディング 動作確認
![Page 10: Tizen web app について調べたよ](https://reader037.vdocuments.net/reader037/viewer/2022102700/5461ca97af7959422a8b4a4d/html5/thumbnails/10.jpg)
TIZEN アプリのデバッグ方法 Web シミュレータを使う。
開発機上のブラウザで Tizen をシミュレート!
Tizen Emlator を使用する。 実際実機で使ってみる。Web シミュレータと Tizen 上での動作が異な
ることがあるので最終確認すること!
シミュレートとエミュレートって何が違うん?
![Page 11: Tizen web app について調べたよ](https://reader037.vdocuments.net/reader037/viewer/2022102700/5461ca97af7959422a8b4a4d/html5/thumbnails/11.jpg)
TIZEN WEB UI TOOL Hello word のテキストだけではさすがにひ
どいのでモバイルアプリ用の GUI のウィジットを使ってみます。
Tizen App の UI には jQuery mobile にウィジットを追加したものが用意されてる。
![Page 12: Tizen web app について調べたよ](https://reader037.vdocuments.net/reader037/viewer/2022102700/5461ca97af7959422a8b4a4d/html5/thumbnails/12.jpg)
サンプルゲーム Tizen のサイトから落としてみよう
https://developer.tizen.org/resources/sample-web-applications
![Page 13: Tizen web app について調べたよ](https://reader037.vdocuments.net/reader037/viewer/2022102700/5461ca97af7959422a8b4a4d/html5/thumbnails/13.jpg)
まとめ Tizen SDK があれば Tizen Web App が作
成できます。
ブラウザで動作するアプリが Tizen プラットフォームで動作するインパクトを体験してください。
HTML5 すごい
![Page 14: Tizen web app について調べたよ](https://reader037.vdocuments.net/reader037/viewer/2022102700/5461ca97af7959422a8b4a4d/html5/thumbnails/14.jpg)
後半へ続く…