Workshop of mobile application development and design android
-
Upload
worawith-sangkatip -
Category
Education
-
view
1.131 -
download
4
description
Transcript of Workshop of mobile application development and design android
Workshop of Mobile application development and design: Android
วทยากร : วรวทย สงฆทพย
Mail: [email protected]
Tel : 085 0055 602
1
วทยากร : วรวทย สงฆทพย การออกแบบและพฒนาโปรแกรมบนอปกรณเคลอนท : Android จดโดยหลกสตรวทยาการคอมพวเตอร ระหวางวนท 12 - 16 มนาคม 2555
Android Overview Android Architecture Android Install Activity, Intent และ Component Layout Management
Outline
วทยากร : วรวทย สงฆทพย การออกแบบและพฒนาโปรแกรมบนอปกรณเคลอนท : Android จดโดยหลกสตรวทยาการคอมพวเตอร ระหวางวนท 12 - 16 มนาคม 2555
รนอยบนระบบปฏบตการ Linux Kernel ใช Dalvik เปน Visual Machine (VM) บนระบบปฏบตการ
Linux เปนซอฟตแวรระบบเปด (Open Source) หรอ Open Source
Android Overview
วทยากร : วรวทย สงฆทพย การออกแบบและพฒนาโปรแกรมบนอปกรณเคลอนท : Android จดโดยหลกสตรวทยาการคอมพวเตอร ระหวางวนท 12 - 16 มนาคม 2555
Platform Versions
http://developer.android.com/resources/dashboard/platform-versions.html
วทยากร : วรวทย สงฆทพย การออกแบบและพฒนาโปรแกรมบนอปกรณเคลอนท : Android จดโดยหลกสตรวทยาการคอมพวเตอร ระหวางวนท 12 - 16 มนาคม 2555
Android Architecture
http://developer.android.com/guide/basics/what-is-android.html
วทยากร : วรวทย สงฆทพย การออกแบบและพฒนาโปรแกรมบนอปกรณเคลอนท : Android จดโดยหลกสตรวทยาการคอมพวเตอร ระหวางวนท 12 - 16 มนาคม 2555
Application Component Activity หนาจอตดตอผใชงาน
Service บรการตางๆ ทท างานอยเบองหลง
Content Provider การตอบสนองตอการเกดอเวนตตางๆ เชน แจงเตอนแบตเตอรใกลหมด
Broadcast สวนใหบรการการเขาถงไฟลขอมล ฐานขอมล
วทยากร : วรวทย สงฆทพย การออกแบบและพฒนาโปรแกรมบนอปกรณเคลอนท : Android จดโดยหลกสตรวทยาการคอมพวเตอร ระหวางวนท 12 - 16 มนาคม 2555
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 จดโดยหลกสตรวทยาการคอมพวเตอร ระหวางวนท 12 - 16 มนาคม 2555
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
วทยากร : วรวทย สงฆทพย การออกแบบและพฒนาโปรแกรมบนอปกรณเคลอนท : Android จดโดยหลกสตรวทยาการคอมพวเตอร ระหวางวนท 12 - 16 มนาคม 2555
Install ADT Plug-in คลก เมน Help -> Install New Software -> คลกปม Add Location: http://dl-ssl.google.com/android/eclipse/
วทยากร : วรวทย สงฆทพย การออกแบบและพฒนาโปรแกรมบนอปกรณเคลอนท : Android จดโดยหลกสตรวทยาการคอมพวเตอร ระหวางวนท 12 - 16 มนาคม 2555
Install ADT Plug-in รอสกคร… โปรแกรมจะแสดงรายการใหเลอก คลกปม Select All -> Next
วทยากร : วรวทย สงฆทพย การออกแบบและพฒนาโปรแกรมบนอปกรณเคลอนท : Android จดโดยหลกสตรวทยาการคอมพวเตอร ระหวางวนท 12 - 16 มนาคม 2555
Configure Android SDK คลกเมน Window -> References -> คลกเมน Android คลกปม Browse เลอก Android SDK Location -> Apply -> OK
วทยากร : วรวทย สงฆทพย การออกแบบและพฒนาโปรแกรมบนอปกรณเคลอนท : Android จดโดยหลกสตรวทยาการคอมพวเตอร ระหวางวนท 12 - 16 มนาคม 2555
Install/Update Android SDK คลกเมน Window -> Android SDK Manager เลอก Packages ทตองการ Install / Update
วทยากร : วรวทย สงฆทพย การออกแบบและพฒนาโปรแกรมบนอปกรณเคลอนท : Android จดโดยหลกสตรวทยาการคอมพวเตอร ระหวางวนท 12 - 16 มนาคม 2555
Create Android Visual Device (AVD) คลกเมน Window -> AVD Manager
วทยากร : วรวทย สงฆทพย การออกแบบและพฒนาโปรแกรมบนอปกรณเคลอนท : Android จดโดยหลกสตรวทยาการคอมพวเตอร ระหวางวนท 12 - 16 มนาคม 2555
Create Android Visual Device (AVD) คลกเมน Window -> AVD Manager -> New..
ตงชอ AVD
Android เวอรชนทใชรนโปรแกรม
ความจจ าลอง SD Card
ขนาดหนาจอแสดงผล
สราง AVD
วทยากร : วรวทย สงฆทพย การออกแบบและพฒนาโปรแกรมบนอปกรณเคลอนท : Android จดโดยหลกสตรวทยาการคอมพวเตอร ระหวางวนท 12 - 16 มนาคม 2555
Android Project on Eclipse คลกเมน File -> New -> Android Project
ตงชอโปรเจค
กดปม Next
วทยากร : วรวทย สงฆทพย การออกแบบและพฒนาโปรแกรมบนอปกรณเคลอนท : Android จดโดยหลกสตรวทยาการคอมพวเตอร ระหวางวนท 12 - 16 มนาคม 2555
Android Project on Eclipse
เลอก API ทตองการใชทดสอบ
โปรแกรม หรอ เลอก API ขนต าทตองการ
ใชทดสอบโปรแกรม
กดปม Next
วทยากร : วรวทย สงฆทพย การออกแบบและพฒนาโปรแกรมบนอปกรณเคลอนท : Android จดโดยหลกสตรวทยาการคอมพวเตอร ระหวางวนท 12 - 16 มนาคม 2555
Android Project on Eclipse
ตงชอ Application
ตงชอ Package การตงชอตองอยในรปแบบ xx.xx..
Minimum SDK Version จะ default ตาม API ทเลอก
กดปม Finish
ตงชอ Activity
วทยากร : วรวทย สงฆทพย การออกแบบและพฒนาโปรแกรมบนอปกรณเคลอนท : Android จดโดยหลกสตรวทยาการคอมพวเตอร ระหวางวนท 12 - 16 มนาคม 2555
Android Project on Eclipse ในการรนโปรเจค Android ครงแรกจะเกด Error
วธแก 1. ไปท C:\Users\[ชอเครอง]\ .android ลบไฟล debug.keystore
Error generating final archive: Debug certificate expired on dd/MM/yyyy
วทยากร : วรวทย สงฆทพย การออกแบบและพฒนาโปรแกรมบนอปกรณเคลอนท : Android จดโดยหลกสตรวทยาการคอมพวเตอร ระหวางวนท 12 - 16 มนาคม 2555
Android Project on Eclipse 2. ไปท Control Panel -> Region and Language Formats ใหเลอก
Format เปน English (United States) และ Current location เปน United States
วทยากร : วรวทย สงฆทพย การออกแบบและพฒนาโปรแกรมบนอปกรณเคลอนท : Android จดโดยหลกสตรวทยาการคอมพวเตอร ระหวางวนท 12 - 16 มนาคม 2555
Android Project on Eclipse
ชอโปรเจค
ทเกบไฟลซอสโคด
ไฟลสรางเองอตโนมต
ไลบาร
ทพกขอมล
ทเกบไฟล Resource
drawable = รปภาพ
layout = User Interface
values = คาคงท
วทยากร : วรวทย สงฆทพย การออกแบบและพฒนาโปรแกรมบนอปกรณเคลอนท : Android จดโดยหลกสตรวทยาการคอมพวเตอร ระหวางวนท 12 - 16 มนาคม 2555
First Android Application เมน Run -> Run As -> Android Application
วทยากร : วรวทย สงฆทพย การออกแบบและพฒนาโปรแกรมบนอปกรณเคลอนท : Android จดโดยหลกสตรวทยาการคอมพวเตอร ระหวางวนท 12 - 16 มนาคม 2555
Interface Builder Interface Builder User Interface
วทยากร : วรวทย สงฆทพย การออกแบบและพฒนาโปรแกรมบนอปกรณเคลอนท : Android จดโดยหลกสตรวทยาการคอมพวเตอร ระหวางวนท 12 - 16 มนาคม 2555
Model View Controller (MVC) Model (M) = ตวควบคมโปรแกรมทางดานลอจก
View (V) = ตวควบคมการแสดงผลและโตตอบกบผใช
Controller (C) = ตวกลางในการควบคมการสอสารระหวาง Model กบ View
วทยากร : วรวทย สงฆทพย การออกแบบและพฒนาโปรแกรมบนอปกรณเคลอนท : Android จดโดยหลกสตรวทยาการคอมพวเตอร ระหวางวนท 12 - 16 มนาคม 2555
Model View Controller (MVC)
Model View
Controller
User Interface
วทยากร : วรวทย สงฆทพย การออกแบบและพฒนาโปรแกรมบนอปกรณเคลอนท : Android จดโดยหลกสตรวทยาการคอมพวเตอร ระหวางวนท 12 - 16 มนาคม 2555
Activity
Activity เปนการควบคมการท างานของหนาจอ เพอโตตอบกบผใชงาน
เรมท างานจะเรยกใชเมธอด onCreate(Bundle savedInstanceState)
http://developer.android.com/reference/android/app/Activity.html
วทยากร : วรวทย สงฆทพย การออกแบบและพฒนาโปรแกรมบนอปกรณเคลอนท : Android จดโดยหลกสตรวทยาการคอมพวเตอร ระหวางวนท 12 - 16 มนาคม 2555
Intent Intent รปแบบการรบสงขอมลระหวาง Activity startActivity
pushExtra
Intent intent = new Intent(this, MyActivity.class);
this.startActivity(intent);
intent.putExtra(key, value);
วทยากร : วรวทย สงฆทพย การออกแบบและพฒนาโปรแกรมบนอปกรณเคลอนท : Android จดโดยหลกสตรวทยาการคอมพวเตอร ระหวางวนท 12 - 16 มนาคม 2555
Dalvik Debug Monitor Service (DDM) Window->Open Perspective->DDMS
วทยากร : วรวทย สงฆทพย การออกแบบและพฒนาโปรแกรมบนอปกรณเคลอนท : Android จดโดยหลกสตรวทยาการคอมพวเตอร ระหวางวนท 12 - 16 มนาคม 2555
Layout Management Linear Layout ก าหนด Orientation เปน vertical หรอ horizontal
* vertical
วทยากร : วรวทย สงฆทพย การออกแบบและพฒนาโปรแกรมบนอปกรณเคลอนท : Android จดโดยหลกสตรวทยาการคอมพวเตอร ระหวางวนท 12 - 16 มนาคม 2555
Layout Management Linear Layout ก าหนด Orientation เปน vertical หรอ horizontal
* horizontal
วทยากร : วรวทย สงฆทพย การออกแบบและพฒนาโปรแกรมบนอปกรณเคลอนท : Android จดโดยหลกสตรวทยาการคอมพวเตอร ระหวางวนท 12 - 16 มนาคม 2555
Layout Management Absolute Layout ก าหนดระยะของ layout เปน x , y ดวย layout_x,
layout_y
วทยากร : วรวทย สงฆทพย การออกแบบและพฒนาโปรแกรมบนอปกรณเคลอนท : Android จดโดยหลกสตรวทยาการคอมพวเตอร ระหวางวนท 12 - 16 มนาคม 2555
Layout Management Relative Layout อางองจาก Control ตวอนดวย id เชน
layout_below, layout_alignParentTop
วทยากร : วรวทย สงฆทพย การออกแบบและพฒนาโปรแกรมบนอปกรณเคลอนท : Android จดโดยหลกสตรวทยาการคอมพวเตอร ระหวางวนท 12 - 16 มนาคม 2555
Layout Management Frame Layout วาง Control ไวเปนชน ๆ จากลางขนบน
วทยากร : วรวทย สงฆทพย การออกแบบและพฒนาโปรแกรมบนอปกรณเคลอนท : Android จดโดยหลกสตรวทยาการคอมพวเตอร ระหวางวนท 12 - 16 มนาคม 2555
Thank You. Workshop of Mobile application development and design: Android
วทยากร : วรวทย สงฆทพย การออกแบบและพฒนาโปรแกรมบนอปกรณเคลอนท : Android จดโดยหลกสตรวทยาการคอมพวเตอร ระหวางวนท 12 - 16 มนาคม 2555
SQLite Overview SQLiteOpenHelper Cursor Select, Inserts, Updates, and Deletes
Outline
วทยากร : วรวทย สงฆทพย การออกแบบและพฒนาโปรแกรมบนอปกรณเคลอนท : Android จดโดยหลกสตรวทยาการคอมพวเตอร ระหวางวนท 12 - 16 มนาคม 2555
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/
วทยากร : วรวทย สงฆทพย การออกแบบและพฒนาโปรแกรมบนอปกรณเคลอนท : Android จดโดยหลกสตรวทยาการคอมพวเตอร ระหวางวนท 12 - 16 มนาคม 2555
SQLite Overview SQLite Manager 0.7.7 Firefox -> Tools -> SQLite Manger
วทยากร : วรวทย สงฆทพย การออกแบบและพฒนาโปรแกรมบนอปกรณเคลอนท : Android จดโดยหลกสตรวทยาการคอมพวเตอร ระหวางวนท 12 - 16 มนาคม 2555
SQLite Overview Directory in Android Window -> Show View -> Other -> Android -> File Explorer data/data/[Package Application]/databases/[db name]
วทยากร : วรวทย สงฆทพย การออกแบบและพฒนาโปรแกรมบนอปกรณเคลอนท : Android จดโดยหลกสตรวทยาการคอมพวเตอร ระหวางวนท 12 - 16 มนาคม 2555
SQLiteOpenHelper Class SQLiteOpenHelper ใชในการจดการดาตาเบส onCreate()
สรางฐานขอมล onUpgrade()
ปรบปรงฐานขอมลเมอมการเปลยนเวอรชนดาตาเบส
วทยากร : วรวทย สงฆทพย การออกแบบและพฒนาโปรแกรมบนอปกรณเคลอนท : Android จดโดยหลกสตรวทยาการคอมพวเตอร ระหวางวนท 12 - 16 มนาคม 2555
Cursor Cursor object เปนตวเกบผลลพธทไดจากการ query ขอมลจากดาตา
เบส getCount()
นบจ านวนขอมลทงหมดทเกบอยใน Cursor moveToFirst()
เรมจากต าแหนงแรกของขอมล moveToNext()
ไปยงต าแหนงถดไปของขอมล moveToPosition()
ไปยงต าแหนงทตองการ
วทยากร : วรวทย สงฆทพย การออกแบบและพฒนาโปรแกรมบนอปกรณเคลอนท : Android จดโดยหลกสตรวทยาการคอมพวเตอร ระหวางวนท 12 - 16 มนาคม 2555
SQLite Workshop สราง Class MySQLiteHelper โดยท extends
SQLiteOpenHelper ก าหนดตวแปร ดงน
วทยากร : วรวทย สงฆทพย การออกแบบและพฒนาโปรแกรมบนอปกรณเคลอนท : Android จดโดยหลกสตรวทยาการคอมพวเตอร ระหวางวนท 12 - 16 มนาคม 2555
SQLite Workshop Implement Method ดงน
วทยากร : วรวทย สงฆทพย การออกแบบและพฒนาโปรแกรมบนอปกรณเคลอนท : Android จดโดยหลกสตรวทยาการคอมพวเตอร ระหวางวนท 12 - 16 มนาคม 2555
SQLite Workshop สราง Class DatabaseManagement
วทยากร : วรวทย สงฆทพย การออกแบบและพฒนาโปรแกรมบนอปกรณเคลอนท : Android จดโดยหลกสตรวทยาการคอมพวเตอร ระหวางวนท 12 - 16 มนาคม 2555
SQLite Workshop Method จดการ Insert , Delete , Update
วทยากร : วรวทย สงฆทพย การออกแบบและพฒนาโปรแกรมบนอปกรณเคลอนท : Android จดโดยหลกสตรวทยาการคอมพวเตอร ระหวางวนท 12 - 16 มนาคม 2555
SQLite Workshop Activity ไฟล Main.java
วทยากร : วรวทย สงฆทพย การออกแบบและพฒนาโปรแกรมบนอปกรณเคลอนท : Android จดโดยหลกสตรวทยาการคอมพวเตอร ระหวางวนท 12 - 16 มนาคม 2555
SQLite Workshop Insert Data
วทยากร : วรวทย สงฆทพย การออกแบบและพฒนาโปรแกรมบนอปกรณเคลอนท : Android จดโดยหลกสตรวทยาการคอมพวเตอร ระหวางวนท 12 - 16 มนาคม 2555
SQLite Workshop Query Data
วทยากร : วรวทย สงฆทพย การออกแบบและพฒนาโปรแกรมบนอปกรณเคลอนท : Android จดโดยหลกสตรวทยาการคอมพวเตอร ระหวางวนท 12 - 16 มนาคม 2555
SQLite Workshop Update Data
วทยากร : วรวทย สงฆทพย การออกแบบและพฒนาโปรแกรมบนอปกรณเคลอนท : Android จดโดยหลกสตรวทยาการคอมพวเตอร ระหวางวนท 12 - 16 มนาคม 2555
SQLite Workshop Delete Data
วทยากร : วรวทย สงฆทพย การออกแบบและพฒนาโปรแกรมบนอปกรณเคลอนท : Android จดโดยหลกสตรวทยาการคอมพวเตอร ระหวางวนท 12 - 16 มนาคม 2555
Thank You. Workshop of Mobile application development and design: Android
วทยากร : วรวทย สงฆทพย การออกแบบและพฒนาโปรแกรมบนอปกรณเคลอนท : Android จดโดยหลกสตรวทยาการคอมพวเตอร ระหวางวนท 12 - 16 มนาคม 2555
Web Service Overview Create Service JSON Connect Web Service
Outline
วทยากร : วรวทย สงฆทพย การออกแบบและพฒนาโปรแกรมบนอปกรณเคลอนท : Android จดโดยหลกสตรวทยาการคอมพวเตอร ระหวางวนท 12 - 16 มนาคม 2555
Web Service Overview Android ไมสามารถเขาถงฐานขอมลใน Server ไดโดยตรง แตสามารถเชอมตอไปยง Web Service ได โดยใชภาษากลางในการสอสาร เชน JSON , XML จ าเปนตองสราง Web Service ทฝง Server เพอแชรขอมลใหกบ
Android สราง JSON ดวยภาษา PHP
วทยากร : วรวทย สงฆทพย การออกแบบและพฒนาโปรแกรมบนอปกรณเคลอนท : Android จดโดยหลกสตรวทยาการคอมพวเตอร ระหวางวนท 12 - 16 มนาคม 2555
Web Service Overview
IP : 127.0.0.1
วทยากร : วรวทย สงฆทพย การออกแบบและพฒนาโปรแกรมบนอปกรณเคลอนท : Android จดโดยหลกสตรวทยาการคอมพวเตอร ระหวางวนท 12 - 16 มนาคม 2555
Create Service JSON PHP Write JSON Sytax
วทยากร : วรวทย สงฆทพย การออกแบบและพฒนาโปรแกรมบนอปกรณเคลอนท : Android จดโดยหลกสตรวทยาการคอมพวเตอร ระหวางวนท 12 - 16 มนาคม 2555
Web Service Overview ก าหนด permission ใน AndroidManifest.xml ใหเชอมตอ
Internet <uses-permission android:name="android.permission.INTERNET"/>
วทยากร : วรวทย สงฆทพย การออกแบบและพฒนาโปรแกรมบนอปกรณเคลอนท : Android จดโดยหลกสตรวทยาการคอมพวเตอร ระหวางวนท 12 - 16 มนาคม 2555
Connect Web Service Return JSONArray
วทยากร : วรวทย สงฆทพย การออกแบบและพฒนาโปรแกรมบนอปกรณเคลอนท : Android จดโดยหลกสตรวทยาการคอมพวเตอร ระหวางวนท 12 - 16 มนาคม 2555
Connect Web Service
วทยากร : วรวทย สงฆทพย การออกแบบและพฒนาโปรแกรมบนอปกรณเคลอนท : Android จดโดยหลกสตรวทยาการคอมพวเตอร ระหวางวนท 12 - 16 มนาคม 2555
Connect Web Service
วทยากร : วรวทย สงฆทพย การออกแบบและพฒนาโปรแกรมบนอปกรณเคลอนท : Android จดโดยหลกสตรวทยาการคอมพวเตอร ระหวางวนท 12 - 16 มนาคม 2555
Thank You. Workshop of Mobile application development and design: Android