Upload
naruto-takahashi
View
5.290
Download
0
Embed Size (px)
DESCRIPTION
Citation preview
TIZEN WEB APP について調べたよ
第 2 回 Tizen 勉強会Naruto TAKAHASHI
自己紹介 Naruto TAKAHASHI(@TNaruto)
EFL(Enlightenment Foundation Library) の追っかけ
Tizen SDK 歴 10 日 HTML 歴 10 日 Javascript 歴 10 日 Eclipse 歴 10 日
TIZEN のアプリを作りましょう Tizen のアプリケーションは HTML5 +
javascript で作成できます!
作成には Tizen SDK(eclipse) が必要です。
私のオペレーションを見ていただいて皆様には自信をつけていただきたい。
LET’S INSTALL TIZEN SDK( システム要求 ) Windows XP SP3 or 7
32bit 版 java をインストールすれば 64 ビット環境で動作可能です。
デュアルコア 2GHz CPU (vt-x がサポートされてるとよし )
2GB 以上のメモリ 3GB 以上の空き容量 1280x1024 以上の解像度
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/
LET’S INSTALL TIZEN SDK
Tizen SDK インストーラのダウンロードhttps://developer.tizen.org/sdk
tizen_sdk.exe を実行 ネットワーク越しにパッケージをダウンロードし
ます。 夜に実行するとなぜか頻繁に失敗する…
TIZEN アプリケーション作る前に HTML5 でアプリを作るとはどういうこと?
HTML で記述すること。 マークアップ言語でページのレイアウトを記述するこ
と。
じゃあ HTML を書いてみよう
定番の hello world を書いてみます。
DEMO します プロジェクトの作成 コーディング 動作確認
TIZEN アプリのデバッグ方法 Web シミュレータを使う。
開発機上のブラウザで Tizen をシミュレート!
Tizen Emlator を使用する。 実際実機で使ってみる。Web シミュレータと Tizen 上での動作が異な
ることがあるので最終確認すること!
シミュレートとエミュレートって何が違うん?
TIZEN WEB UI TOOL Hello word のテキストだけではさすがにひ
どいのでモバイルアプリ用の GUI のウィジットを使ってみます。
Tizen App の UI には jQuery mobile にウィジットを追加したものが用意されてる。
サンプルゲーム Tizen のサイトから落としてみよう
https://developer.tizen.org/resources/sample-web-applications
まとめ Tizen SDK があれば Tizen Web App が作
成できます。
ブラウザで動作するアプリが Tizen プラットフォームで動作するインパクトを体験してください。
HTML5 すごい
後半へ続く…