Workshop of mobile application development and design android

Workshop of Mobile application development
and design: Android
วิทยากร : วรวิทย์ สังฆทิพย์
Mail: worawith.n@gmail.com
Tel : 085 0055 602

1

Outline
 Android Overview
 Android Architecture
Android Install
 Activity, Intent และ Component
Layout Management

การออกแบบและพัฒนาโปรแกรมบนอุปกรณ์เคลื่อนที่ : Android
จัดโดยหลักสูตรวิทยาการคอมพิวเตอร์ ระหว่างวันที่ 12 - 16 มีนาคม 2555

Android Overview
่
รันอยูบนระบบปฏิบติการ
ั Linux Kernel
ใช้ Dalvik เป็ น Visual Machine (VM) บนระบบปฏิบติการ
ั
Linux
เป็ นซอฟต์แวร์ ระบบเปิ ด (Open Source) หรื อ Open Source


Platform Versions

http://developer.android.com/resources/dashboard/platform-versions.html


Android Architecture

http://developer.android.com/guide/basics/what-is-android.html


Application Component
Activity
 หน้าจอติดต่อผูใช้งาน
้
Service
่
 บริ การต่างๆ ที่ทางานอยูเบื้องหลัง
Content Provider
 การตอบสนองต่อการเกิดอีเวนต์ต่างๆ เช่น แจ้งเตือนแบตเตอรี่ ใกล้หมด
Broadcast
 ส่ วนให้บริ การการเข้าถึงไฟล์ขอมูล ฐานข้อมูล
้


Android Install
Android Install Requirement
 Java JDK 5 or JDK 6
 Android Software Development Kit (Android SDK )
 Eclipse IDE for Java Developers
 Android Development Tools (ADT)


Android Download & Install
Java SDK or JRE 6.0
http://www.oracle.com/technetwork/java/javase/
downloads/index.html
Android SDK
http://developer.android.com/sdk/index.html
Eclipse IDE 3.6
http://eclipse.org/downloads/packages/release/helios/sr2
Android Development Tools (ADT 16.0.1)
http://developer.android.com/sdk/eclipse-adt.html


Install ADT Plug-in
คลิก เมนู Help -> Install New Software -> คลิกปุ่ ม Add
 Location: http://dl-ssl.google.com/android/eclipse/


Install ADT Plug-in
รอสักครู่ … โปรแกรมจะแสดงรายการให้เลือก
คลิกปุ่ ม Select All -> Next


Configure Android SDK
 คลิกเมนู Window -> References -> คลิกเมนู Android
 คลิกปุ่ ม Browse เลือก Android SDK Location -> Apply -> OK


Install/Update Android SDK
 คลิกเมนู Window -> Android SDK Manager
เลือก Packages ที่ตองการ Install / Update
้


Create Android Visual Device (AVD)
 คลิกเมนู Window -> AVD Manager


Create Android Visual Device (AVD)
 คลิกเมนู Window -> AVD Manager -> New..
ตั้งชื่อ AVD
Android เวอร์ชนที่ใช้รันโปรแกรม
ั่
ความจุจาลอง SD Card

ขนาดหน้าจอแสดงผล

สร้าง AVD


Android Project on Eclipse
 คลิกเมนู File -> New -> Android Project

ตั้งชื่อโปรเจค

กดปุ่ ม Next


 เลือก API ที่ตองการใช้ทดสอบ
้
โปรแกรม
 หรื อ เลือก API ขั้นต่าที่ตองการ
้
ใช้ทดสอบโปรแกรม

กดปุ่ ม Next


ตั้งชื่อ Application
ตั้งชื่อ Package
่
การตั้งชื่อต้องอยูในรู ปแบบ xx.xx..
ตั้งชื่อ Activity

Minimum SDK Version จะ default
ตาม API ที่เลือก
กดปุ่ ม Finish


 ในการรันโปรเจค Android ครั้งแรกจะเกิด Error

Error generating final archive: Debug certificate expired on dd/MM/yyyy

 วิธีแก้
 1. ไปที่ C:Users[ชื่ อเครื่อง] .android ลบไฟล์ debug.keystore


 2. ไปที่ Control Panel -> Region and Language Formats ให้ เลือก
Format เป็ น English (United States) และ Current location เป็ น
United States


ชื่อโปรเจค
ที่เก็บไฟล์ซอสโค้ด

ไฟล์สร้างเองอัตโนมัติ

ไลบารี่ drawable = รู ปภาพ
ที่พกข้อมูล
ั
layout = User Interface
ที่เก็บไฟล์ Resource
values = ค่าคงที่


First Android Application
 เมนู Run -> Run As -> Android Application


Interface Builder
Interface Builder User Interface


Model View Controller (MVC)
 Model (M) = ตัวควบคุมโปรแกรมทางด้านลอจิก

 View (V) = ตัวควบคุมการแสดงผลและโต้ตอบกับผูใช้
้

 Controller (C) = ตัวกลางในการควบคุมการสื่ อสารระหว่าง Model กับ
View


Model View Controller (MVC)
Model View

Controller

User Interface


Activity

 Activity เป็ นการควบคุมการทางานของ
หน้าจอ เพื่อโต้ตอบกับผูใช้งาน
้

 เริ่ มทางานจะเรี ยกใช้เมธอด
onCreate(Bundle savedInstanceState)

http://developer.android.com/reference/android/app/Activity.html


Intent
Intent รู ปแบบการรับส่ งข้อมูลระหว่าง Activity
startActivity
Intent intent = new Intent(this, MyActivity.class);
this.startActivity(intent);

pushExtra
intent.putExtra(key, value);


Dalvik Debug Monitor Service (DDM)
Window->Open Perspective->DDMS


Layout Management
Linear Layout กาหนด Orientation เป็ น vertical หรื อ horizontal
* vertical


Layout Management
Linear Layout กาหนด Orientation เป็ น vertical หรื อ horizontal
* horizontal


Layout Management
 Absolute Layout กาหนดระยะของ layout เป็ น x , y ด้วย layout_x,
layout_y


Layout Management
Relative Layout อ้างอิงจาก Control ตัวอื่นด้วย id เช่น
layout_below, layout_alignParentTop


Layout Management
 Frame Layout วาง Control ไว้เป็ นชั้น ๆ จากล่างขึ้นบน


Thank You.
Workshop of Mobile application development
and design: Android

SQLite Database

Tel : 085 0055 602

34

Outline
 SQLite Overview
 SQLiteOpenHelper
 Cursor
 Select, Inserts, Updates, and Deletes


SQLite Overview
SQLite เป็ นฐานข้ อมูลขนาดเล็ก ส่ วนใหญ่ ใช้ กบ Smart Phone
ั
Android ใช้ ฐานข้ อมูล SQLite ในการจัดการข้ อมูลในเครื่อง
SQLite Manager Tool
Firefox Add-Ons : SQLite Manager 0.7.7
https://addons.mozilla.org/en-US/firefox/addon/sqlite-manager/


SQLite Overview
 SQLite Manager 0.7.7
 Firefox -> Tools -> SQLite Manger


SQLite Overview
 Directory in Android
 Window -> Show View -> Other -> Android -> File Explorer
 data/data/[Package Application]/databases/[db name]


SQLiteOpenHelper
 Class SQLiteOpenHelper ใช้ในการจัดการดาต้าเบส
 onCreate()
 สร้างฐานข้อมูล
 onUpgrade()
 ปรับปรุ งฐานข้อมูลเมื่อมีการเปลี่ยนเวอร์ ชนดาต้าเบส
ั่


Cursor
 Cursor object เป็ นตัวเก็บผลลัพธ์ ทได้ จากการ query ข้ อมูลจากดาต้ า
ี่
เบส
 getCount()
่
 นับจานวนข้อมูลทั้งหมดที่เก็บอยูใน Cursor
 moveToFirst()
 เริ่ มจากตาแหน่งแรกของข้อมูล
 moveToNext()
 ไปยังตาแหน่งถัดไปของข้อมูล
 moveToPosition()
 ไปยังตาแหน่งที่ตองการ
้


SQLite Workshop
 สร้าง Class MySQLiteHelper โดยที่ extends
SQLiteOpenHelper
 กาหนดตัวแปร ดังนี้


SQLite Workshop
 Implement Method ดังนี้


SQLite Workshop
 สร้าง Class DatabaseManagement


SQLite Workshop
 Method จัดการ Insert , Delete , Update


SQLite Workshop
 Activity ไฟล์ Main.java


SQLite Workshop
 Insert Data


SQLite Workshop
 Query Data


SQLite Workshop
 Update Data


SQLite Workshop
 Delete Data


Android Web Service

Tel : 085 0055 602

51

Outline
 Web Service Overview
 Create Service JSON
Connect Web Service


Web Service Overview
 Android ไม่สามารถเข้าถึงฐานข้อมูลใน Server ได้โดยตรง
 แต่สามารถเชื่อมต่อไปยัง Web Service ได้
 โดยใช้ภาษากลางในการสื่ อสาร เช่น JSON , XML
ั
 จาเป็ นต้องสร้าง Web Service ที่ฝั่ง Server เพื่อแชร์ ขอมูลให้กบ
้
Android
 สร้าง JSON ด้วยภาษา PHP



IP : 127.0.0.1


Create Service JSON
 PHP Write JSON Sytax


 กาหนด permission ใน AndroidManifest.xml ให้เชื่อมต่อ
Internet
 <uses-permission android:name="android.permission.INTERNET"/>


Connect Web Service
 Return JSONArray


Connect Web Service


Workshop of mobile application development and design android

Recommended

Recommended

More Related Content

Viewers also liked

Viewers also liked (20)

Similar to Workshop of mobile application development and design android

Similar to Workshop of mobile application development and design android (20)

More from Worawith Sangkatip

More from Worawith Sangkatip (6)

Workshop of mobile application development and design android