How To Develop Android App

1
How To Develop Android App
???? ?????
??? Chih_Sung,Chi 04-23593552??113 0913-678809 Chi
h-Sung_Chi_at_sanlien.com.tw http//www.sanlien.com.t
w/ http//blog.xuite.net/sanlien99/blog 407???????
?????12?1?
2
????
???? ????? ??App?? ??????
3
App Inventor??????
App Inventor??Google???(Google
Lab)??????,???Google?????????Google????????
Google App Inventor??????????Android????,????????
?????????????????Android???
????????????NXT???,??Android??????????????????????
?????????????????,????????????,???????????????????
??? App Inventor? 2012?1?1??????????,?????
??Scheller??????,????Open Blocks?????????????,???3
?4??????
4
App Inventor??????
App Inventor??? 1.???Java???????
2.???????Scratch(???) 3.???,???????????
4.???????? App Inventor????
1.???????????????? 2.?????????/?????,??????
??Android?????????? ? App
Inventor?????Android Market??? ?????????? ?
5
????

• ????
• ???????
• Flowchart
• Add A New Project
• App Inventor Designer
• App Inventor Block Editor
• How to debug

6
????
???? ??????? Macintosh(??????)Mac OS
X?10.5,10.6 WindowsWindows XP?Windows
Vista,Windows 7 GNU / Linux?Ubuntu?8 ,Debian
5 ??? Mozilla Firefox 3.6 or higher???
Apple Safari 5.0??? Google???4.0???
(????) Microsoft Internet Explorer 7???
7
???? http//www.google.com.tw/chrome
???????? Google Chrome
8
????

• ????
• ???????
• Flowchart
• Add A New Project
• App Inventor Designer
• App Inventor Block Editor
• How to debug

9
http//www.appinventor.tw/
????????,????
http//www.java.com/en/download/
10
???????2
??????
11
???????3
2
4
??????
1
3
12
??????
http//www.appinventor.tw/
13
??????
??
??
14
????

• ????
• ???????
• Flowchart
• Add A New Project
• App Inventor Designer
• App Inventor Block Editor
• How to debug

15
-Flowchart-
16
????

• ????
• ???????
• Flowchart
• Add A New Project
• App Inventor Designer
• App Inventor Block Editor
• How to debug

17
-Add A New Project-
??????????

• Login Gmail, and connect to App Inventor

18
????

• ????
• ???????
• Flowchart
• Add A New Project
• App Inventor Designer
• App Inventor Block Editor
• How to debug

19
-App Inventor Designer-

• Design your interface ???????????

20
????

• ????
• ???????
• Flowchart
• Add A New Project
• App Inventor Designer
• App Inventor Block Editor
• How to debug

21
-App Inventor Block Editor(1/2)-

• Click Open the Blocks Editor ?Click
• AppInventorForAndroidCodeblocks.jnlp to open
  block editor

22
1
3
4
2
23
-App Inventor Block Editor(2/2)-

• Edit the logic by puzzle (function block)

??????
24
????

• ????
• ???????
• Flowchart
• Add A New Project
• App Inventor Designer
• App Inventor Block Editor
• How to debug

25
-How to debug(1/3)-

• Connect to emulator
• Step1. Click New emulator to start the emulator
• Step2. Click Connect to Device and select
  emulator-5554

26
-How to debug(1/3)-

• Connect to emulator
• Step1. Click New emulator to start the emulator
• Step2. Click Connect to Device and select
  emulator-5554

27
-How to debug(2/3)-

• Step3. Unlock and click button

28
-How to debug(3/3)-

• Connect to Android cell phone
• Step1. Download the cell phone driver to install
  on PC
• Step2. Get your USB cable and connect the phone
  to the computer
• Step3. Get your phone ready to work with App
  Inventor
• Step4. Click Connect to Device and select your
  phone name
• ?More Information please refer to
• http//developer.android.com/guide/developing/devi
  ce.html

??????????????
29
Download to this Computer
??.apk?Android?????????????
30
Show Barcode ????????google mail?? ?????? ??????
??
31
?apk???????,?????????,???QR-Code
Generatorhttp//qrcode.kaywa.com/??????????,????
??????
???? ????
32
??Android?????????DO??,??AI??
ISaGRAF eRWSM.dll
???????(? XPCA WinCE6 ? WinPCA WinCE5????) ????
33
-System Architecture-
Smart Phone
Database
Logic
Web API
HMI
Procedure
User AP
Modbus Server
Tags
Shared Memory
eLogger Driver
ISaGRAF Driver
Hardware
34
-Web API Function-

• Read Function(2)
• readAOxxxxx? readDOxxxxx
• (xxxxxaddress)
• Write Function(2)
• writeAOxxxxxdatan ?writeDOxxxxxdatan
• (xxxxxaddress, nvalue)
• Example
• http//10.0.0.123/eRWSM.dll?readAO00001... Read
  word
• http//10.0.0.123/eRWSM.dll?writeAO00002data20
  ... Write word
• http//10.0.0.123/eRWSM.dll?writeDO00020data1.
  .. Bit on
• http//10.0.0.123/eRWSM.dll?writeDO00020dat
  a0... Bit off
• http//10.0.0.123/eRWSM.dll?readDO00021

35
Bit on/off
36
Read the value of Word
37
How To Download Upload Source
38
Download Source
39
Download Source
40
Download Source
????????
41
Upload Source
42
Upload Source
1
2
4
3
43
???????
Shared Memory
44
????????????eLoggerWeb,?????????(??????????)
45
?????????,??????dll??????? eRWSM.dll ?
WebRoot?,Shared Memory.dll ? ISaGraf?
46
????!!