How to develop android app
This presentation is the property of its rightful owner.
Sponsored Links
1 / 46

How To Develop Android App PowerPoint PPT Presentation


  • 56 Views
  • Uploaded on
  • Presentation posted in: General

How To Develop Android App. 三聯科技 工控事業部. 紀志松 Chih_Sung,Chi 04-23593552 分機 113 0913-678809 [email protected] http://www.sanlien.com.tw/ http://blog.xuite.net/sanlien99/blog 407 台中市西屯區工業一路六巷 12 號 1 樓. 參考書籍. 使用類似 堆積木方式 設計 App 程式 如同書籍封面. App Inventor 開發軟體說明.

Download Presentation

How To Develop Android App

An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -

Presentation Transcript


How to develop android app

How To Develop Android App

三聯科技 工控事業部

紀志松 Chih_Sung,Chi

04-23593552分機113

0913-678809

[email protected]

http://www.sanlien.com.tw/

http://blog.xuite.net/sanlien99/blog

407台中市西屯區工業一路六巷12號1樓


How to develop android app

參考書籍

使用類似

堆積木方式

設計App程式

如同書籍封面


How to develop android app

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日公佈使用。


How to develop android app

App Inventor開發軟體說明

App Inventor的優點:

1.適合無Java基礎的初學朋友

2.操作概念很類似Scratch(湊合的)

3.全雲端,所有作業都在瀏覽器完成

4.支援樂高機器人。

App Inventor適合誰?

1.想要學習手機程式設計的入門學習者

2.相關科系領域的師長/教學夥伴們,適合做為投入

正規Android程式開發前的先導教材 。

App Inventor主要是針對Android Market所推出

簡易程式的開發工具。 。


How to develop android app

開發步驟

  • 環境需求

  • 需要完成三件事

  • Flowchart

  • Add A New Project

  • App Inventor Designer

  • App Inventor Block Editor

  • How to debug


How to develop android app

環境需求

系統要求

電腦和作業系統

Macintosh(英特爾處理器):Mac OS X的10.5,10.6

Windows:Windows 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或更高


How to develop android app

安裝網址

http://www.google.com.tw/chrome

請安裝此種瀏覽器

Google Chrome


How to develop android app

開發步驟

  • 環境需求

  • 需要完成三件事

  • Flowchart

  • Add A New Project

  • App Inventor Designer

  • App Inventor Block Editor

  • How to debug


How to develop android app

http://www.appinventor.tw/

請先安裝再做測試,安裝網址

http://www.java.com/en/download/


How to develop android app

您需要三件事:之2

經過上方授權


How to develop android app

您需要三件事:之3

2

4

點選執行安裝

1

3


How to develop android app

安裝確認方式

http://www.appinventor.tw/


How to develop android app

安裝確認方式

舊版

新版


How to develop android app

開發步驟

  • 環境需求

  • 需要完成三件事

  • Flowchart

  • Add A New Project

  • App Inventor Designer

  • App Inventor Block Editor

  • How to debug


Flowchart

-Flowchart-


How to develop android app

開發步驟

  • 環境需求

  • 需要完成三件事

  • Flowchart

  • Add A New Project

  • App Inventor Designer

  • App Inventor Block Editor

  • How to debug


Add a new project

Login Gmail, and connect to App Inventor

-Add A New Project-

舊版如何到以下畫面?


How to develop android app

開發步驟

  • 環境需求

  • 需要完成三件事

  • Flowchart

  • Add A New Project

  • App Inventor Designer

  • App Inventor Block Editor

  • How to debug


App inventor designer

Design your interface 請記得你增加的元件名稱

-App Inventor Designer-


How to develop android app

開發步驟

  • 環境需求

  • 需要完成三件事

  • Flowchart

  • Add A New Project

  • App Inventor Designer

  • App Inventor Block Editor

  • How to debug


App inventor block editor 1 2

Click Open the Blocks Editor →Click

AppInventorForAndroidCodeblocks.jnlp to open block editor

-App Inventor Block Editor(1/2)-


How to develop android app

1

3

4

2


App inventor block editor 2 2

Edit the logic by puzzle (function block)

-App Inventor Block Editor(2/2)-

請用拖拉方式


How to develop android app

開發步驟

  • 環境需求

  • 需要完成三件事

  • Flowchart

  • Add A New Project

  • App Inventor Designer

  • App Inventor Block Editor

  • How to debug


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

-How to debug(1/3)-


How to develop android app

Connect to emulator

Step1. Click New emulator to start the emulator

Step2. Click Connect to Device and select emulator-5554

-How to debug(1/3)-


How to debug 2 3

Step3. Unlock and click button

-How to debug(2/3)-


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/device.html

-How to debug(3/3)-

另有其他安裝於手機的方式如下:


How to develop android app

Download to this Computer

將此*.apk給Android智慧型手機直接執行安裝即可


How to develop android app

Show Barcode

此方式僅與你相同google mail帳號

手機才能使用

直接掃瞄執行即可


Apk qr code generator http qrcode kaywa com

將apk檔上傳網路空間,並可獲取一網路位址,再使用QR-Code Generatorhttp://qrcode.kaywa.com/產出如同左邊二維條碼,即可用手機掃瞄安裝。

掃瞄下載

立即操作


How to develop android app

使用Android智慧型手機操作控制DO輸出,監視AI數值

ISaGRAF + eRWSM.dll

透過泓格控制器(有 XPCA WinCE6 或 WinPCA WinCE5作業系統)

完成操控


System architecture

-System Architecture-

Smart Phone

Database

Logic

Web API

HMI

Procedure

User AP

Modbus Server

Tags

Shared Memory

eLogger Driver

ISaGRAF Driver

Hardware


Web api function

Read Function(2)

readAO=xxxxx、 readDO=xxxxx

(xxxxx=address)

Write Function(2)

writeAO=xxxxx&data=n、writeDO=xxxxx&data=n

(xxxxx=address, n=value)

Example

http://10.0.0.123/eRWSM.dll?readAO=00001... Read word

http://10.0.0.123/eRWSM.dll?writeAO=00002&data=20... Write word

http://10.0.0.123/eRWSM.dll?writeDO=00020&data=1... Bit on

http://10.0.0.123/eRWSM.dll?writeDO=00020&data=0... Bit off

http://10.0.0.123/eRWSM.dll?readDO=00021

eLogger Driver

AI

AO

DI

DO

A

I

A

O

D

I

D

O

ISaGRAF Driver

-Web API Function-


Bit on off

Bit on/off


Read the value of word

Read the value of Word


How to download upload source

How To Download & Upload Source


How to develop android app

Download Source


How to develop android app

Download Source


How to develop android app

Download Source

提供時不需解壓縮


How to develop android app

Upload Source


How to develop android app

Upload Source

1

2

4

3


How to develop android app

如何安裝執行?

Shared Memory


Eloggerweb

將在路徑位置增加一資料夾eLoggerWeb,複製如下圖四個檔案(放於商品圈專案資料中)


How to develop android app

如上圖開機自動執行,就會將以下兩dll檔放置如下位置

eRWSM.dll  WebRoot中,Shared Memory.dll  ISaGraf中


How to develop android app

以上報告!!


  • Login