アプリケーションの構造を軸にした 学習項目グラフによる

PBL -ソフトウェア班組み込みソフトウェアの開発
第四回
前回まででやったこと
1. Android アプリケーションの簡単な起動
2. XMLでの画面構成
3. ボタンの動作を設定
これからやること
1.
2.
3.
4.
5.
6.
Android アプリケーションの簡単な起動
XMLでの画面構成
ボタンの動作を設定
アプリケーションの作成 (企画)
発表練習
アプリケーションについて発表
アプリケーションを作ろう
今日の授業で
Android アプリケーションの企画をします!!
• 作るアプリケーションは 自由 !!
• 班ごとに一つのアプリケーションを作ります
– 山本班 (S1)
– 大久保班 (S2)
– 粕谷班 (S3)
今日やること
アプリケーションの企画
• どんなアプリケーションを作るのか
• どんな画面にするのか
• どんな動作をするのか
なにが必要だろう?
技術や考え方
企画の仕方
1. 電卓アプリの例
2. お絵かきアプリの例
例1 電卓アプリ (1/4 – 概要)
1. どんなアプリか?
•
•
•
•
電卓アプリ
+,-,×,÷ が計算できる
sin, cos, tan も計算できる
演算ボタンを押すと毎回計算する
例1 電卓アプリ (2/4 – 画面構成)
2. どんな画面にするか?
TableLayout
TextView
TableRow
sin cos tan ×
7
8
9
÷
4
5
6
ー
1
2
.
0
3
+
=
Button Button Button Button
TableRow
Button Button Button Button
TableRow
Button Button Button Button
TableRow
Button Button
Button
例1 電卓アプリ (3/4 – イベント)
3. どんな動作をするのか?
•
•
•
•
1~9 (Button) ・・・ 対応する数字が表示
+,-,×,÷ ・・・ 対応する演算を行う
sin, cos, tan ・・・ 対応する演算を行う
= ・・・ 計算結果を表示
例1 電卓アプリ (4/4 – 必要な技術など)
4. アプリを作るために何が必要か?
•
計算結果をどう表示するのか?
•
•
演算ボタンを押すたびに結果を表示するには
行をまたぐような配置はどうすればいいのか?
など
例2 お絵かきアプリ (1/4 – 概要)
1. どんなアプリか?
•
•
•
お絵かきアプリ
タッチパネルで絵が描ける
メニューボタンで描いた絵を消す
例2 お絵かきアプリ (2/4 – 画面構成)
2. どんな画面にするか?
LinearLayout
View (仮)
(ココに絵を描く)
<絵を描くView>
例2 お絵かきアプリ (3/4 – イベント)
3. どんな動作をするのか?
•
•
•
タッチすると線を引く
メニューボタンを押すとメニューを開く
メニューの「Clear」を押すと絵が消える
例2 お絵かきアプリ (4/4 – 必要な技術など)
4. アプリを作るために何が必要か?
•
絵を描くViewはあるのか?
•
•
•
•
どうやって線を引くのか?
タッチのイベントはどう扱うのか?
•
•
あるならなにか
ないならどうするのか
Buttonみたいに使えるのか
メニューボタンはどう使うのか?
•
これもButtonみたいに使えるのか
課題
1. 企画書を使ってアプリケーションを企画する
•
•
•
•
概要
画面構成
イベント
必要なこと
2. 本当にできるのかをよく考察する
期限: 6月22日 (火) の16:00まで