吳老師教學部落格(痞客邦分站)

如何製作最愛景點GOOGLE地圖APP(APP開發實例)

 

01_GOOGLEMAP完成

02_如何找出經緯度

03_插入DIV(map_div)

04_增加CSS樣式

05_修改CSS樣式

06_複製程式碼

07_置中CSS樣式

08_自動縮放CSS樣式

09_邊框CSS樣式

 

完整影音論壇：

https://groups.google.com/forum/#!forum/labor_app_2014

 

用AVA程式設計APP對一般人來說太難，這門課就是用網站觀念做APP，利用DW6的PhoneGap服務見可以快速將Web轉成APP

課程理念

智慧型手機平台，已成為手機上最完整的開放開發平台

人手必備的趨勢下行動上網已達800萬人次以上，手機相關應用，將會超越PC

，比PC更智慧，更貼近個人使用習慣，未來APP將漸取代Web，成為各產業或政

府對外窗口。

如何開發APP，以循序漸進的方式講授Android應用程式架構、圖形介面開發、

測試與除錯等，進而取得證照。

吳老師教學特色：

1.影音複習分享(全程錄影)。

2.能不硬code程式，有程式也會提供畫面。

3.提供業界實務開發經驗。

4.書上沒講到的操作，圖形化工具使用。

5.隨時更新第一手資訊。

 

上課書目

用Dreamweaver CS6，我也會開發APP

作者： 鄧文淵 總監製/文淵閣工作室 編著

書號： ACU062500 ???

出版日： 2012/10/09

紙本書價格： 450

 

內容特色

用Dreamweaver CS6，你也會開發APP!能快速完成作品、擁有視覺化的質感介

面，更可以驅動手機的硬體設備，舉凡照相錄影、錄音放音、GPS定位、無線

網路、語音導覽全都沒問題!

結合HTML5、CSS3、PhoneGap，讓你的網頁瞬間昇華為跨平台的APP應用程式。

不用擔心HTML5、CSS3與PhoneGap的內容，交給Dreamweaver CS6一次就搞定!

利用jQuery Mobile快速打造專業手機使用者介面，只要善用操作面板的設定。

在Dreamweaver CS6一次開發，就能跨iOS、Android等多種不同平台，讓你的

APP無遠弗屆！開發 APP 的新領域混合式應用程式是以 Web  應用程式做為基礎，使用網頁技術開發應用程式，因此絕大多數網頁設計者可以踏入行動裝置應用程式開發者之路，大幅降低設計行動裝置應用程式的門檻。

 

PhoneGap 特點：

輕量級架構：PhoneGap 以 JavaScript 撰寫，檔案只有一百餘 K。

節省開發及維護成本：建立網頁檔案所需的時間遠比撰寫行動裝置應用程式原

生碼要短，曾有專家進行研究，使用 PhoneGap 的開發成本，僅需一般開發成

本的五分之一。

開發門檻低：以往要開發行動裝置應用程式，必須經數年的程式語言基礎，才

能進行開發。

兼容性：以往開發行動裝置應用程式時，必須為各種平台撰寫不同程式碼，雖

然程式邏輯概念相同，不同平台程式仍有差異，也要在不同平台上分別編譯。

雲端編譯：應用程式可以在本地編譯，也可以使用 Phonegap  提供的雲端

Build  工具進行編譯。

配合整合環境軟體開發：在適當的整合環境中進行應用程式的開發可以節省非

常時間精力。

元件免費：PhoneGap 是完全免費的元件，如此可降低應用程式開發成本，也

是學習行動裝置應用程式入門的最佳選擇。

 

Android程式開發證照教學懶人包

http://terry55wu.blogspot.com/p/android.html

 

跨平台手機APP程式(用PhoneGap將網站轉APP)第9次上課

http://terry28853669.pixnet.net/blog/post/56282082

 

元智跨平台手機APP設計(用PhoneGap將網站轉APP)第4次上課

http://terry28853669.pixnet.net/blog/post/56282109

 

跨平台手機APP程式(用PhoneGap將網站轉APP)第12次

http://terry28853669.pixnet.net/blog/post/56282124

 

元智跨平台手機APP設計(用PhoneGap將網站轉APP)第3次上課

http://terry28853669.pixnet.net/blog/post/56282133

 

元智跨平台手機APP設計(用PhoneGap將網站轉APP)第2次上課

http://terry28853669.pixnet.net/blog/post/56282148

 

APP開發 Dreamweaver JQUERY MOBILE PhoneGap 網站轉APP android app開發教學 "ios app開發教學" 手機app開發教學 app程式開發教學 app開發課程

如何將書籍介紹網站轉成靜態APP(APP開發實例)

 

完成畫面：

 

 

 

 

 

步驟畫面：

01_eHappyWeb網站架構

02_圖檔置中CSS設定

03_按鈕設定

04_頁尾巡覽列

05_頁尾巡覽列圖示

06_固定頁尾巡覽列

07_貼到其他頁尾

08_關於的對話方塊與動畫效果

09_加入圖檔與書名

10_增加上一筆下一筆按鈕

 

完整影音論壇：

https://groups.google.com/forum/#!forum/labor_app_2014

 

用AVA程式設計APP對一般人來說太難，這門課就是用網站觀念做APP，利用DW6的PhoneGap服務見可以快速將Web轉成APP

課程理念

智慧型手機平台，已成為手機上最完整的開放開發平台

人手必備的趨勢下行動上網已達800萬人次以上，手機相關應用，將會超越PC

，比PC更智慧，更貼近個人使用習慣，未來APP將漸取代Web，成為各產業或政

府對外窗口。

如何開發APP，以循序漸進的方式講授Android應用程式架構、圖形介面開發、

測試與除錯等，進而取得證照。

吳老師教學特色：

1.影音複習分享(全程錄影)。

2.能不硬code程式，有程式也會提供畫面。

3.提供業界實務開發經驗。

4.書上沒講到的操作，圖形化工具使用。

5.隨時更新第一手資訊。

 

上課書目

用Dreamweaver CS6，我也會開發APP

作者： 鄧文淵 總監製/文淵閣工作室 編著

書號： ACU062500 ???

出版日： 2012/10/09

紙本書價格： 450

 

內容特色

用Dreamweaver CS6，你也會開發APP!能快速完成作品、擁有視覺化的質感介

面，更可以驅動手機的硬體設備，舉凡照相錄影、錄音放音、GPS定位、無線

網路、語音導覽全都沒問題!

結合HTML5、CSS3、PhoneGap，讓你的網頁瞬間昇華為跨平台的APP應用程式。

不用擔心HTML5、CSS3與PhoneGap的內容，交給Dreamweaver CS6一次就搞定!

利用jQuery Mobile快速打造專業手機使用者介面，只要善用操作面板的設定。

在Dreamweaver CS6一次開發，就能跨iOS、Android等多種不同平台，讓你的

APP無遠弗屆！開發 APP 的新領域混合式應用程式是以 Web  應用程式做為基礎，使用網頁技術開發應用程式，因此絕大多數網頁設計者可以踏入行動裝置應用程式開發者之路，大幅降低設計行動裝置應用程式的門檻。

 

PhoneGap 特點：

輕量級架構：PhoneGap 以 JavaScript 撰寫，檔案只有一百餘 K。

節省開發及維護成本：建立網頁檔案所需的時間遠比撰寫行動裝置應用程式原

生碼要短，曾有專家進行研究，使用 PhoneGap 的開發成本，僅需一般開發成

本的五分之一。

開發門檻低：以往要開發行動裝置應用程式，必須經數年的程式語言基礎，才

能進行開發。

兼容性：以往開發行動裝置應用程式時，必須為各種平台撰寫不同程式碼，雖

然程式邏輯概念相同，不同平台程式仍有差異，也要在不同平台上分別編譯。

雲端編譯：應用程式可以在本地編譯，也可以使用 Phonegap  提供的雲端

Build  工具進行編譯。

配合整合環境軟體開發：在適當的整合環境中進行應用程式的開發可以節省非

常時間精力。

元件免費：PhoneGap 是完全免費的元件，如此可降低應用程式開發成本，也

是學習行動裝置應用程式入門的最佳選擇。

 

Android程式開發證照教學懶人包

http://terry55wu.blogspot.com/p/android.html

 

跨平台手機APP程式(用PhoneGap將網站轉APP)第9次上課

http://terry28853669.pixnet.net/blog/post/56282082

 

元智跨平台手機APP設計(用PhoneGap將網站轉APP)第4次上課

http://terry28853669.pixnet.net/blog/post/56282109

 

跨平台手機APP程式(用PhoneGap將網站轉APP)第12次

http://terry28853669.pixnet.net/blog/post/56282124

 

元智跨平台手機APP設計(用PhoneGap將網站轉APP)第3次上課

http://terry28853669.pixnet.net/blog/post/56282133

 

元智跨平台手機APP設計(用PhoneGap將網站轉APP)第2次上課

http://terry28853669.pixnet.net/blog/post/56282148

 

APP開發 Dreamweaver JQUERY MOBILE PhoneGap 網站轉APP android app開發教學 "ios app開發教學" 手機app開發教學 app程式開發教學 app開發課程

如何用LocalStorage取代資料庫(APP開發實例)

 

01_宣告與連結元件

02_新增

03_顯示所有資料

04_刪除資料

05_顯示訊息

程式碼

 

完整影音論壇：

https://groups.google.com/forum/#!forum/labor_app_2014

 

用AVA程式設計APP對一般人來說太難，這門課就是用網站觀念做APP，利用DW6的PhoneGap服務見可以快速將Web轉成APP

課程理念

智慧型手機平台，已成為手機上最完整的開放開發平台

人手必備的趨勢下行動上網已達800萬人次以上，手機相關應用，將會超越PC

，比PC更智慧，更貼近個人使用習慣，未來APP將漸取代Web，成為各產業或政

府對外窗口。

如何開發APP，以循序漸進的方式講授Android應用程式架構、圖形介面開發、

測試與除錯等，進而取得證照。

吳老師教學特色：

1.影音複習分享(全程錄影)。

2.能不硬code程式，有程式也會提供畫面。

3.提供業界實務開發經驗。

4.書上沒講到的操作，圖形化工具使用。

5.隨時更新第一手資訊。

 

上課書目

用Dreamweaver CS6，我也會開發APP

作者： 鄧文淵 總監製/文淵閣工作室 編著

書號： ACU062500 ???

出版日： 2012/10/09

紙本書價格： 450

 

內容特色

用Dreamweaver CS6，你也會開發APP!能快速完成作品、擁有視覺化的質感介

面，更可以驅動手機的硬體設備，舉凡照相錄影、錄音放音、GPS定位、無線

網路、語音導覽全都沒問題!

結合HTML5、CSS3、PhoneGap，讓你的網頁瞬間昇華為跨平台的APP應用程式。

不用擔心HTML5、CSS3與PhoneGap的內容，交給Dreamweaver CS6一次就搞定!

利用jQuery Mobile快速打造專業手機使用者介面，只要善用操作面板的設定。

在Dreamweaver CS6一次開發，就能跨iOS、Android等多種不同平台，讓你的

APP無遠弗屆！開發 APP 的新領域混合式應用程式是以 Web  應用程式做為基礎，使用網頁技術開發應用程式，因此絕大多數網頁設計者可以踏入行動裝置應用程式開發者之路，大幅降低設計行動裝置應用程式的門檻。

 

PhoneGap 特點：

輕量級架構：PhoneGap 以 JavaScript 撰寫，檔案只有一百餘 K。

節省開發及維護成本：建立網頁檔案所需的時間遠比撰寫行動裝置應用程式原

生碼要短，曾有專家進行研究，使用 PhoneGap 的開發成本，僅需一般開發成

本的五分之一。

開發門檻低：以往要開發行動裝置應用程式，必須經數年的程式語言基礎，才

能進行開發。

兼容性：以往開發行動裝置應用程式時，必須為各種平台撰寫不同程式碼，雖

然程式邏輯概念相同，不同平台程式仍有差異，也要在不同平台上分別編譯。

雲端編譯：應用程式可以在本地編譯，也可以使用 Phonegap  提供的雲端

Build  工具進行編譯。

配合整合環境軟體開發：在適當的整合環境中進行應用程式的開發可以節省非

常時間精力。

元件免費：PhoneGap 是完全免費的元件，如此可降低應用程式開發成本，也

是學習行動裝置應用程式入門的最佳選擇。

 

Android程式開發證照教學懶人包

http://terry55wu.blogspot.com/p/android.html

 

跨平台手機APP程式(用PhoneGap將網站轉APP)第9次上課

http://terry28853669.pixnet.net/blog/post/56282082

 

元智跨平台手機APP設計(用PhoneGap將網站轉APP)第4次上課

http://terry28853669.pixnet.net/blog/post/56282109

 

跨平台手機APP程式(用PhoneGap將網站轉APP)第12次

http://terry28853669.pixnet.net/blog/post/56282124

 

元智跨平台手機APP設計(用PhoneGap將網站轉APP)第3次上課

http://terry28853669.pixnet.net/blog/post/56282133

 

元智跨平台手機APP設計(用PhoneGap將網站轉APP)第2次上課

http://terry28853669.pixnet.net/blog/post/56282148

 

APP開發 Dreamweaver JQUERY MOBILE PhoneGap 網站轉APP android app開發教學 "ios app開發教學" 手機app開發教學 app程式開發教學 app開發課程

如何將書籍介紹網站轉成動態APP(APP開發實例)

 

完成畫面：

 

 

 

 

 

步驟畫面：

01_上一筆

02_下一筆

03_圖

04_文

05_複製JAVASCRIPT程式碼

 

完整影音論壇：

https://groups.google.com/forum/#!forum/labor_app_2014

 

用AVA程式設計APP對一般人來說太難，這門課就是用網站觀念做APP，利用DW6的PhoneGap服務見可以快速將Web轉成APP

課程理念

智慧型手機平台，已成為手機上最完整的開放開發平台

人手必備的趨勢下行動上網已達800萬人次以上，手機相關應用，將會超越PC

，比PC更智慧，更貼近個人使用習慣，未來APP將漸取代Web，成為各產業或政

府對外窗口。

如何開發APP，以循序漸進的方式講授Android應用程式架構、圖形介面開發、

測試與除錯等，進而取得證照。

吳老師教學特色：

1.影音複習分享(全程錄影)。

2.能不硬code程式，有程式也會提供畫面。

3.提供業界實務開發經驗。

4.書上沒講到的操作，圖形化工具使用。

5.隨時更新第一手資訊。

 

上課書目

用Dreamweaver CS6，我也會開發APP

作者： 鄧文淵 總監製/文淵閣工作室 編著

書號： ACU062500 ???

出版日： 2012/10/09

紙本書價格： 450

 

內容特色

用Dreamweaver CS6，你也會開發APP!能快速完成作品、擁有視覺化的質感介

面，更可以驅動手機的硬體設備，舉凡照相錄影、錄音放音、GPS定位、無線

網路、語音導覽全都沒問題!

結合HTML5、CSS3、PhoneGap，讓你的網頁瞬間昇華為跨平台的APP應用程式。

不用擔心HTML5、CSS3與PhoneGap的內容，交給Dreamweaver CS6一次就搞定!

利用jQuery Mobile快速打造專業手機使用者介面，只要善用操作面板的設定。

在Dreamweaver CS6一次開發，就能跨iOS、Android等多種不同平台，讓你的

APP無遠弗屆！開發 APP 的新領域混合式應用程式是以 Web  應用程式做為基礎，使用網頁技術開發應用程式，因此絕大多數網頁設計者可以踏入行動裝置應用程式開發者之路，大幅降低設計行動裝置應用程式的門檻。

 

PhoneGap 特點：

輕量級架構：PhoneGap 以 JavaScript 撰寫，檔案只有一百餘 K。

節省開發及維護成本：建立網頁檔案所需的時間遠比撰寫行動裝置應用程式原

生碼要短，曾有專家進行研究，使用 PhoneGap 的開發成本，僅需一般開發成

本的五分之一。

開發門檻低：以往要開發行動裝置應用程式，必須經數年的程式語言基礎，才

能進行開發。

兼容性：以往開發行動裝置應用程式時，必須為各種平台撰寫不同程式碼，雖

然程式邏輯概念相同，不同平台程式仍有差異，也要在不同平台上分別編譯。

雲端編譯：應用程式可以在本地編譯，也可以使用 Phonegap  提供的雲端

Build  工具進行編譯。

配合整合環境軟體開發：在適當的整合環境中進行應用程式的開發可以節省非

常時間精力。

元件免費：PhoneGap 是完全免費的元件，如此可降低應用程式開發成本，也

是學習行動裝置應用程式入門的最佳選擇。

 

Android程式開發證照教學懶人包

http://terry55wu.blogspot.com/p/android.html

 

跨平台手機APP程式(用PhoneGap將網站轉APP)第9次上課

http://terry28853669.pixnet.net/blog/post/56282082

 

元智跨平台手機APP設計(用PhoneGap將網站轉APP)第4次上課

http://terry28853669.pixnet.net/blog/post/56282109

 

跨平台手機APP程式(用PhoneGap將網站轉APP)第12次

http://terry28853669.pixnet.net/blog/post/56282124

 

元智跨平台手機APP設計(用PhoneGap將網站轉APP)第3次上課

http://terry28853669.pixnet.net/blog/post/56282133

 

元智跨平台手機APP設計(用PhoneGap將網站轉APP)第2次上課

http://terry28853669.pixnet.net/blog/post/56282148

 

APP開發 Dreamweaver JQUERY MOBILE PhoneGap 網站轉APP android app開發教學 "ios app開發教學" 手機app開發教學 app程式開發教學 app開發課程

如何將綠島旅遊網站轉成APP(APP開發實例106APP)

 

完成畫面：

 

 

 

步驟畫面：

01_106APP網站架構

 02_5個頁面

 

03_ListView效果

04_按鈕效果

05_頁尾巡覽列

06_固定頁尾巡覽列

07_會頁首HOME圖示

08_頁首向下按鈕

 

完整影音論壇：

https://groups.google.com/forum/#!forum/labor_app_2014

 

用AVA程式設計APP對一般人來說太難，這門課就是用網站觀念做APP，利用DW6的PhoneGap服務見可以快速將Web轉成APP

課程理念

智慧型手機平台，已成為手機上最完整的開放開發平台

人手必備的趨勢下行動上網已達800萬人次以上，手機相關應用，將會超越PC

，比PC更智慧，更貼近個人使用習慣，未來APP將漸取代Web，成為各產業或政

府對外窗口。

如何開發APP，以循序漸進的方式講授Android應用程式架構、圖形介面開發、

測試與除錯等，進而取得證照。

吳老師教學特色：

1.影音複習分享(全程錄影)。

2.能不硬code程式，有程式也會提供畫面。

3.提供業界實務開發經驗。

4.書上沒講到的操作，圖形化工具使用。

5.隨時更新第一手資訊。

 

上課書目

用Dreamweaver CS6，我也會開發APP

作者： 鄧文淵 總監製/文淵閣工作室 編著

書號： ACU062500 ???

出版日： 2012/10/09

紙本書價格： 450

 

內容特色

用Dreamweaver CS6，你也會開發APP!能快速完成作品、擁有視覺化的質感介

面，更可以驅動手機的硬體設備，舉凡照相錄影、錄音放音、GPS定位、無線

網路、語音導覽全都沒問題!

結合HTML5、CSS3、PhoneGap，讓你的網頁瞬間昇華為跨平台的APP應用程式。

不用擔心HTML5、CSS3與PhoneGap的內容，交給Dreamweaver CS6一次就搞定!

利用jQuery Mobile快速打造專業手機使用者介面，只要善用操作面板的設定。

在Dreamweaver CS6一次開發，就能跨iOS、Android等多種不同平台，讓你的

APP無遠弗屆！開發 APP 的新領域混合式應用程式是以 Web  應用程式做為基礎，使用網頁技術開發應用程式，因此絕大多數網頁設計者可以踏入行動裝置應用程式開發者之路，大幅降低設計行動裝置應用程式的門檻。

 

PhoneGap 特點：

輕量級架構：PhoneGap 以 JavaScript 撰寫，檔案只有一百餘 K。

節省開發及維護成本：建立網頁檔案所需的時間遠比撰寫行動裝置應用程式原

生碼要短，曾有專家進行研究，使用 PhoneGap 的開發成本，僅需一般開發成

本的五分之一。

開發門檻低：以往要開發行動裝置應用程式，必須經數年的程式語言基礎，才

能進行開發。

兼容性：以往開發行動裝置應用程式時，必須為各種平台撰寫不同程式碼，雖

然程式邏輯概念相同，不同平台程式仍有差異，也要在不同平台上分別編譯。

雲端編譯：應用程式可以在本地編譯，也可以使用 Phonegap  提供的雲端

Build  工具進行編譯。

配合整合環境軟體開發：在適當的整合環境中進行應用程式的開發可以節省非

常時間精力。

元件免費：PhoneGap 是完全免費的元件，如此可降低應用程式開發成本，也

是學習行動裝置應用程式入門的最佳選擇。

 

Android程式開發證照教學懶人包

http://terry55wu.blogspot.com/p/android.html

 

跨平台手機APP程式(用PhoneGap將網站轉APP)第9次上課

http://terry28853669.pixnet.net/blog/post/56282082

 

元智跨平台手機APP設計(用PhoneGap將網站轉APP)第4次上課

http://terry28853669.pixnet.net/blog/post/56282109

 

跨平台手機APP程式(用PhoneGap將網站轉APP)第12次

http://terry28853669.pixnet.net/blog/post/56282124

 

元智跨平台手機APP設計(用PhoneGap將網站轉APP)第3次上課

http://terry28853669.pixnet.net/blog/post/56282133

 

元智跨平台手機APP設計(用PhoneGap將網站轉APP)第2次上課

http://terry28853669.pixnet.net/blog/post/56282148

 

APP開發 Dreamweaver JQUERY MOBILE PhoneGap 網站轉APP android app開發教學 "ios app開發教學" 手機app開發教學 app程式開發教學 app開發課程

APP開發實例第1次上課

 

用JAVA程式設計APP對一般人來說太難，

這門課就是用網站觀念做APP，利用DW6的PhoneGap服務見可以快速將Web轉成APP

 

上課內容：

01_課程說明

02_問卷結果

03_下載DW6環境

04_如何註冊一個PHONEGAP帳號

 

完整影音：

 

 課程理念

智慧型手機平台，已成為手機上最完整的開放開發平台

人手必備的趨勢下行動上網已達800萬人次以上，手機相關應用，將會超越PC，比PC更

智慧，更貼近個人使用習慣，未來APP將漸取代Web，成為各產業或政府對外窗口。

如何開發APP，以循序漸進的方式講授Android應用程式架構、圖形介面開發、測試與

除錯等，進而取得證照。

吳老師教學特色：

1.影音複習分享(全程錄影)。

2.能不硬code程式，有程式也會提供畫面。

3.提供業界實務開發經驗。

4.書上沒講到的操作，圖形化工具使用。

5.隨時更新第一手資訊。

 

上課書目

用Dreamweaver CS6，我也會開發APP

作者： 鄧文淵 總監製/文淵閣工作室 編著 

書號： ACU062500     

出版日： 2012/10/09 

紙本書價格： 450

 

內容特色

用Dreamweaver CS6，你也會開發APP! 能快速完成作品、擁有視覺化的質感介面，更

可以驅動手機的硬體設備，舉凡照相錄影、錄音放音、GPS定位、無線網路、語音導覽

全都沒問題!

結合HTML5、CSS3、PhoneGap，讓你的網頁瞬間昇華為跨平台的APP應用程式。

不用擔心HTML5、CSS3與PhoneGap的內容，交給Dreamweaver CS6一次就搞定!

利用jQuery Mobile快速打造專業手機使用者介面，只要善用操作面板的設定。

在Dreamweaver CS6一次開發，就能跨iOS、Android等多種不同平台，讓你的APP無遠

弗屆！

開發 APP 的新領域混合式應用程式是以 Web  應用程式做為基礎，使用網頁技術開發應用程式，因此絕大多數網頁設計者可以踏入行動裝置應用程式開發者之路，大幅降低設計行動裝置應用程式的門檻。

 

PhoneGap 特點：

輕量級架構：PhoneGap 以 JavaScript 撰寫，檔案只有一百餘 K。

節省開發及維護成本：建立網頁檔案所需的時間遠比撰寫行動裝置應用程式原生碼要

短，曾有專家進行研究，使用 PhoneGap 的開發成本，僅需一般開發成本的五分之一

。

開發門檻低：以往要開發行動裝置應用程式，必須經數年的程式語言基礎，才能進行

開發。

兼容性：以往開發行動裝置應用程式時，必須為各種平台撰寫不同程式碼，雖然程式

邏輯概念相同，不同平台程式仍有差異，也要在不同平台上分別編譯。

雲端編譯：應用程式可以在本地編譯，也可以使用 Phonegap  提供的雲端 Build  工

具進行編譯。

配合整合環境軟體開發：在適當的整合環境中進行應用程式的開發可以節省非常時間

精力。

元件免費：PhoneGap 是完全免費的元件，如此可降低應用程式開發成本，也是學習行

動裝置應用程式入門的最佳選擇。

 

PhoneGap APP教學研習懶人包：

元智跨平台手機APP設計(PhoneGap網站轉APP)第5次上課

http://terry28853669.pixnet.net/blog/post/56282079

 

跨平台手機APP程式(用PhoneGap將網站轉APP)第9次上課

http://terry28853669.pixnet.net/blog/post/56282082

 

跨平台手機APP程式(用PhoneGap將網站轉APP)第7次上課

http://terry28853669.pixnet.net/blog/post/56282085

 

元智跨平台手機APP設計(用PhoneGap將網站轉APP)第4次上課

http://terry28853669.pixnet.net/blog/post/56282109

 

跨平台手機APP程式(用PhoneGap將網站轉APP)第12次

http://terry28853669.pixnet.net/blog/post/56282124

 

元智跨平台手機APP設計(用PhoneGap將網站轉APP)第3次上課

http://terry28853669.pixnet.net/blog/post/56282133

 

元智跨平台手機APP設計(用PhoneGap將網站轉APP)第2次上課

http://terry28853669.pixnet.net/blog/post/56282148

 

如何在PhoneGap上顯示地圖流程

http://terry28853669.pixnet.net/blog/post/56282181

 

跨平台手機APP程式(用PhoneGap將網站轉APP)第2次上課

http://terry28853669.pixnet.net/blog/post/56282196

 

跨平台手機APP程式(用PhoneGap將網站轉APP)第1次上課

http://terry28853669.pixnet.net/blog/post/56282199

 

 

網站設計理論與實務,吳老師,GOOGLE服務,線上教學,資訊科技融入教學,APP開發,PhoneGap,JavaScript,Dreamweaver,網頁設計,網站轉APP

 

APP開發實例第11次上課(如何使用Web_SQL_Database)

 

01_完成

02_介面設計

03_介面

04_程式碼

 

影音：

 

完整影音論壇：

https://groups.google.com/forum/#!forum/labor_app_2014

 

用AVA程式設計APP對一般人來說太難，這門課就是用網站觀念做APP，利用DW6的PhoneGap服務見可以快速將Web轉成APP

課程理念

智慧型手機平台，已成為手機上最完整的開放開發平台

人手必備的趨勢下行動上網已達800萬人次以上，手機相關應用，將會超越PC

，比PC更智慧，更貼近個人使用習慣，未來APP將漸取代Web，成為各產業或政

府對外窗口。

如何開發APP，以循序漸進的方式講授Android應用程式架構、圖形介面開發、

測試與除錯等，進而取得證照。

吳老師教學特色：

1.影音複習分享(全程錄影)。

2.能不硬code程式，有程式也會提供畫面。

3.提供業界實務開發經驗。

4.書上沒講到的操作，圖形化工具使用。

5.隨時更新第一手資訊。

 

上課書目

用Dreamweaver CS6，我也會開發APP

作者： 鄧文淵 總監製/文淵閣工作室 編著

書號： ACU062500 ???

出版日： 2012/10/09

紙本書價格： 450

 

內容特色

用Dreamweaver CS6，你也會開發APP!能快速完成作品、擁有視覺化的質感介

面，更可以驅動手機的硬體設備，舉凡照相錄影、錄音放音、GPS定位、無線

網路、語音導覽全都沒問題!

結合HTML5、CSS3、PhoneGap，讓你的網頁瞬間昇華為跨平台的APP應用程式。

不用擔心HTML5、CSS3與PhoneGap的內容，交給Dreamweaver CS6一次就搞定!

利用jQuery Mobile快速打造專業手機使用者介面，只要善用操作面板的設定

。

在Dreamweaver CS6一次開發，就能跨iOS、Android等多種不同平台，讓你的

APP無遠弗屆！

開發 APP 的新領域

混合式應用程式是以 Web  應用程式做為基礎，使用網頁技術開發應用程式，

 

因此絕大多數網頁設計

者可以踏入行動裝置應用程式開發者之路，大幅降低設計行動裝置應用程式的

門檻。

 

PhoneGap 特點：

輕量級架構：PhoneGap 以 JavaScript 撰寫，檔案只有一百餘 K。

節省開發及維護成本：建立網頁檔案所需的時間遠比撰寫行動裝置應用程式原

生碼要短，曾有專家進行研究，使用 PhoneGap 的開發成本，僅需一般開發成

本的五分之一。

開發門檻低：以往要開發行動裝置應用程式，必須經數年的程式語言基礎，才

能進行開發。

兼容性：以往開發行動裝置應用程式時，必須為各種平台撰寫不同程式碼，雖

然程式邏輯概念相同，不同平台程式仍有差異，也要在不同平台上分別編譯。

雲端編譯：應用程式可以在本地編譯，也可以使用 Phonegap  提供的雲端

Build  工具進行編譯。

配合整合環境軟體開發：在適當的整合環境中進行應用程式的開發可以節省非

常時間精力。

元件免費：PhoneGap 是完全免費的元件，如此可降低應用程式開發成本，也

是學習行動裝置應用程式入門的最佳選擇。

 

Android程式開發證照教學懶人包

http://terry55wu.blogspot.com/p/android.html

 

跨平台手機APP程式(用PhoneGap將網站轉APP)第9次上課

http://terry28853669.pixnet.net/blog/post/56282082

 

元智跨平台手機APP設計(用PhoneGap將網站轉APP)第4次上課

http://terry28853669.pixnet.net/blog/post/56282109

 

跨平台手機APP程式(用PhoneGap將網站轉APP)第12次

http://terry28853669.pixnet.net/blog/post/56282124

 

元智跨平台手機APP設計(用PhoneGap將網站轉APP)第3次上課

http://terry28853669.pixnet.net/blog/post/56282133

 

元智跨平台手機APP設計(用PhoneGap將網站轉APP)第2次上課

http://terry28853669.pixnet.net/blog/post/56282148

 

APP開發 Dreamweaver JQUERY MOBILE PhoneGap 網站轉APP android app開發教學 "ios app開發教學" 手機app開發教學 app程式開發教學 app開發課程

APP開發實例_將GOOGLEMAP範例改為動態

 

 

01_修改超連結為動態

02_修改MAP的ID名稱

03_取得連結與當載入網頁時載入地圖

04_載入地圖與地標

GetGeo載入地圖程式碼 [連結]

 

完整影音論壇：

https://groups.google.com/forum/#!forum/labor_app_2014

 

上課內容：

01_將GOOGLEMAP範例改為動態

02_加入Javasript程式碼

03_Google Maps JavaScript說明

04_如何在地圖上打地標

 

教學影音：

 

用JAVA程式設計APP對一般人來說太難，

這門課就是用網站觀念做APP，利用DW6的PhoneGap服務見可以快速將Web轉成APP

如何快速簡易的在 APP中加入GOOLGE地圖

 

用JAVA來開發GOOGLE地圖是非常困難，

需要開發者帳號，還要一定是 4.X的SDK等麻煩，

這方面PHOHEGAP顯然是簡單太多了，步驟如下：

 

01_GOOGLEMAP完成畫面01

02_GOOGLEMAP完成畫面02

03_如何找出經緯度

04_插入DIV(map_div)

05_增加CSS樣式

06_修改CSS樣式

07_複製程式碼

08_置中CSS樣式

09_自動縮放CSS樣式

10_邊框CSS樣式

 APP開發實例第6次上課

 

上課內容：

01_eHappyWeb範例說明

 

02_建立首頁與7個頁面

03_首頁加上LOGO與按鈕

 

 

04_建立頁尾的巡覽列

 

 

05_固定巡覽列與貼到其他頁尾

 

06_ABOUT關於的跳出效果

 

 

07_加入圖檔與名稱

 

08_增加上一筆下一筆按鈕效果

 

09_完成結果說明

10_上傳到PHONEGAP網站

 

完整影音：

論壇：

https://groups.google.com/forum/#!forum/labor_app_2014

 

用JAVA程式設計APP對一般人來說太難，

這門課就是用網站觀念做APP，利用DW6的PhoneGap服務見可以快速將Web轉成APP

課程理念

智慧型手機平台，已成為手機上最完整的開放開發平台

人手必備的趨勢下行動上網已達800萬人次以上，手機相關應用，將會超越PC，比PC更智慧，更貼近個人使用習慣，未來APP將漸取代Web，成為各產業或政府對外窗口。

如何開發APP，以循序漸進的方式講授Android應用程式架構、圖形介面開發、測試與除錯等，進而取得證照。

吳老師教學特色：

1.影音複習分享(全程錄影)。

2.能不硬code程式，有程式也會提供畫面。

3.提供業界實務開發經驗。

4.書上沒講到的操作，圖形化工具使用。

5.隨時更新第一手資訊。

上課書目

用Dreamweaver CS6，我也會開發APP

作者： 鄧文淵 總監製/文淵閣工作室 編著 

書號： ACU062500  

出版日： 2012/10/09 

 

內容特色

用Dreamweaver CS6，你也會開發APP! 能快速完成作品、擁有視覺化的質感介面，更可以驅動手機的硬體設備，舉凡照相錄影、錄音放音、GPS定位、無線網路、語音導覽全都沒問題! 

結合HTML5、CSS3、PhoneGap，讓你的網頁瞬間昇華為跨平台的APP應用程式。

不用擔心HTML5、CSS3與PhoneGap的內容，交給Dreamweaver CS6一次就搞定!

利用jQuery Mobile快速打造專業手機使用者介面，只要善用操作面板的設定。

在Dreamweaver CS6一次開發，就能跨iOS、Android等多種不同平台，讓你的APP無遠弗屆！

開發 APP 的新領域

混合式應用程式是以 Web  應用程式做為基礎，使用網頁技術開發應用程式，因此絕大多數網頁設計

者可以踏入行動裝置應用程式開發者之路，大幅降低設計行動裝置應用程式的門檻。

PhoneGap 特點：

輕量級架構：PhoneGap 以 JavaScript 撰寫，檔案只有一百餘 K。

節省開發及維護成本：建立網頁檔案所需的時間遠比撰寫行動裝置應用程式原生碼要短，曾有專家進行研究，使用 PhoneGap 的開發成本，僅需一般開發成本的五分之一。

開發門檻低：以往要開發行動裝置應用程式，必須經數年的程式語言基礎，才能進行開發。

兼容性：以往開發行動裝置應用程式時，必須為各種平台撰寫不同程式碼，雖然程式邏輯概念相同，不同平台程式仍有差異，也要在不同平台上分別編譯。

雲端編譯：應用程式可以在本地編譯，也可以使用 Phonegap  提供的雲端 Build  工具進行編譯。

配合整合環境軟體開發：在適當的整合環境中進行應用程式的開發可以節省非常時間精力。

元件免費：PhoneGap 是完全免費的元件，如此可降低應用程式開發成本，也是學習行動裝置應用程式入門的最佳選擇。

Android程式開發證照教學懶人包

http://terry55wu.blogspot.com/p/android.html

跨平台手機APP程式(用PhoneGap將網站轉APP)第9次上課

http://terry28853669.pixnet.net/blog/post/56282082

元智跨平台手機APP設計(用PhoneGap將網站轉APP)第4次上課

http://terry28853669.pixnet.net/blog/post/56282109

跨平台手機APP程式(用PhoneGap將網站轉APP)第12次

http://terry28853669.pixnet.net/blog/post/56282124

元智跨平台手機APP設計(用PhoneGap將網站轉APP)第3次上課

http://terry28853669.pixnet.net/blog/post/56282133

元智跨平台手機APP設計(用PhoneGap將網站轉APP)第2次上課

http://terry28853669.pixnet.net/blog/post/56282148

APP開發 Dreamweaver JQUERY MOBILE PhoneGap 網站轉APP android app開發教學 "ios app開發教學" 手機app開發教學 app程式開發教學 app開發課程

APP開發實例第4次上課(106APP綠島導覽)

 

這次上課內容有如何建立106APP與新增五個頁面與

學會將項目清單改為ListView項目清單，

APP開發實例(PhoneGap)如何快速把網站變APP

 

上課內容：

01_開發APP簡述

02_了解PhoneGap特性與第1個APP練習

03_如何新增三個頁面

04_如何增加超連結並預覽

05_頁面新增易錯說明

06_增加回上頁與項目符號變按鈕

07_如何將網站上傳成APP

08_注意副檔名與上傳安裝APP

09_上傳注意事項與網站轉APP說明

 

用JAVA程式設計APP對一般人來說太難，

這門課就是用網站觀念做APP，利用DW6的PhoneGap服務見可以快速將Web轉成APP

 

完整影音：

 

課程理念

智慧型手機平台，已成為手機上最完整的開放開發平台

人手必備的趨勢下行動上網已達800萬人次以上，手機相關應用，將會超越PC，比PC更

智慧，更貼近個人使用習慣，未來APP將漸取代Web，成為各產業或政府對外窗口。

如何開發APP，以循序漸進的方式講授Android應用程式架構、圖形介面開發、測試與

除錯等，進而取得證照。

吳老師教學特色：

1.影音複習分享(全程錄影)。

2.能不硬code程式，有程式也會提供畫面。

3.提供業界實務開發經驗。

4.書上沒講到的操作，圖形化工具使用。

5.隨時更新第一手資訊。

 

上課書目

用Dreamweaver CS6，我也會開發APP

作者： 鄧文淵 總監製/文淵閣工作室 編著

書號： ACU062500  

出版日： 2012/10/09

 

內容特色

用Dreamweaver CS6，你也會開發APP! 能快速完成作品、擁有視覺化的質感介面，更可以驅動手機的硬體設備，舉凡照相錄影、錄音放音、GPS定位、無線網路、語音導覽全都沒問題!

結合HTML5、CSS3、PhoneGap，讓你的網頁瞬間昇華為跨平台的APP應用程式。

不用擔心HTML5、CSS3與PhoneGap的內容，交給Dreamweaver CS6一次就搞定!

利用jQuery Mobile快速打造專業手機使用者介面，只要善用操作面板的設定。

在Dreamweaver CS6一次開發，就能跨iOS、Android等多種不同平台，讓你的APP無遠弗屆！

開發 APP 的新領域混合式應用程式是以 Web  應用程式做為基礎，使用網頁技術開發應用程式，因此絕大多數網頁設計者可以踏入行動裝置應用程式開發者之路，大幅降低設計行動裝置應用程式的門檻。

 

PhoneGap 特點：

輕量級架構：PhoneGap 以 JavaScript 撰寫，檔案只有一百餘 K。

節省開發及維護成本：建立網頁檔案所需的時間遠比撰寫行動裝置應用程式原生碼要

短，曾有專家進行研究，使用 PhoneGap 的開發成本，僅需一般開發成本的五分之一。

開發門檻低：以往要開發行動裝置應用程式，必須經數年的程式語言基礎，才能進行開發。

兼容性：以往開發行動裝置應用程式時，必須為各種平台撰寫不同程式碼，雖然程式邏輯概念相同，不同平台程式仍有差異，也要在不同平台上分別編譯。

雲端編譯：應用程式可以在本地編譯，也可以使用 Phonegap  提供的雲端 Build  工具進行編譯。

配合整合環境軟體開發：在適當的整合環境中進行應用程式的開發可以節省非常時間精力。

元件免費：PhoneGap 是完全免費的元件，如此可降低應用程式開發成本，也是學習行動裝置應用程式入門的最佳選擇。

 

 

 

發表時間	文章標題
2014-01-11	元智跨平台手機APP設計(PhoneGap網站轉APP)第5次上課
2014-01-08	跨平台手機APP程式(用PhoneGap將網站轉APP)第9次上課
2014-01-08	跨平台手機APP程式(用PhoneGap將網站轉APP)第7次上課
2013-12-31	元智跨平台手機APP設計(用PhoneGap將網站轉APP)第4次上課
2013-12-24	跨平台手機APP程式(用PhoneGap將網站轉APP)第12次
2013-12-21	元智跨平台手機APP設計(用PhoneGap將網站轉APP)第3次上課
2013-12-15	元智跨平台手機APP設計(用PhoneGap將網站轉APP)第2次上課
2013-10-22	如何在PhoneGap上顯示地圖流程
2013-10-06	跨平台手機APP程式(用PhoneGap將網站轉APP)第2次上課
2013-10-06	跨平台手機APP程式(用PhoneGap將網站轉APP)第1次上課

 

 

相關連結：

Android程式開發證照教學懶人包

http://terry55wu.blogspot.com/p/android.html

 

PhoneGap APP教學研習懶人包：

元智跨平台手機APP設計(PhoneGap網站轉APP)第5次上課

http://terry28853669.pixnet.net/blog/post/56282079

 

跨平台手機APP程式(用PhoneGap將網站轉APP)第9次上課

http://terry28853669.pixnet.net/blog/post/56282082

 

跨平台手機APP程式(用PhoneGap將網站轉APP)第7次上課

http://terry28853669.pixnet.net/blog/post/56282085

 

元智跨平台手機APP設計(用PhoneGap將網站轉APP)第4次上課

http://terry28853669.pixnet.net/blog/post/56282109

 

跨平台手機APP程式(用PhoneGap將網站轉APP)第12次

http://terry28853669.pixnet.net/blog/post/56282124

 

元智跨平台手機APP設計(用PhoneGap將網站轉APP)第3次上課

http://terry28853669.pixnet.net/blog/post/56282133

 

元智跨平台手機APP設計(用PhoneGap將網站轉APP)第2次上課

http://terry28853669.pixnet.net/blog/post/56282148

 

如何在PhoneGap上顯示地圖流程

http://terry28853669.pixnet.net/blog/post/56282181

 

跨平台手機APP程式(用PhoneGap將網站轉APP)第2次上課

http://terry28853669.pixnet.net/blog/post/56282196

 

跨平台手機APP程式(用PhoneGap將網站轉APP)第1次上課

http://terry28853669.pixnet.net/blog/post/56282199

 

APP開發, Dreamweaver, GOOGLE服務, JavaScript, PhoneGap, 吳老師, 網站設計理論與實務, 網站轉APP, 網頁設計, 線上教學, 資訊科技融入教學

APP開發實例第1次上課

 

用JAVA程式設計APP對一般人來說太難，

這門課就是用網站觀念做APP，利用DW6的PhoneGap服務見可以快速將Web轉成APP

 

上課內容：

01_課程說明

02_問卷結果

03_下載DW6環境

04_如何註冊一個PHONEGAP帳號

 

完整影音：

<iframe width="640" height="360" src="//www.youtube-nocookie.com/embed/videoseries?list=PLCl9E7uGA_mPCkpqtUui-VAO1A8OsU5tO" frameborder="0" allowfullscreen></iframe>

 

課程理念

智慧型手機平台，已成為手機上最完整的開放開發平台

人手必備的趨勢下行動上網已達800萬人次以上，手機相關應用，將會超越PC，比PC更

智慧，更貼近個人使用習慣，未來APP將漸取代Web，成為各產業或政府對外窗口。

如何開發APP，以循序漸進的方式講授Android應用程式架構、圖形介面開發、測試與

除錯等，進而取得證照。

吳老師教學特色：

1.影音複習分享(全程錄影)。

2.能不硬code程式，有程式也會提供畫面。

3.提供業界實務開發經驗。

4.書上沒講到的操作，圖形化工具使用。

5.隨時更新第一手資訊。

 

上課書目

用Dreamweaver CS6，我也會開發APP

作者： 鄧文淵 總監製/文淵閣工作室 編著 

書號： ACU062500     

出版日： 2012/10/09 

紙本書價格： 450

 

內容特色

用Dreamweaver CS6，你也會開發APP! 能快速完成作品、擁有視覺化的質感介面，更

可以驅動手機的硬體設備，舉凡照相錄影、錄音放音、GPS定位、無線網路、語音導覽

全都沒問題!

結合HTML5、CSS3、PhoneGap，讓你的網頁瞬間昇華為跨平台的APP應用程式。

不用擔心HTML5、CSS3與PhoneGap的內容，交給Dreamweaver CS6一次就搞定!

利用jQuery Mobile快速打造專業手機使用者介面，只要善用操作面板的設定。

在Dreamweaver CS6一次開發，就能跨iOS、Android等多種不同平台，讓你的APP無遠

弗屆！

開發 APP 的新領域混合式應用程式是以 Web  應用程式做為基礎，使用網頁技術開發應用程式，因此絕大多數網頁設計者可以踏入行動裝置應用程式開發者之路，大幅降低設計行動裝置應用程式的門檻。

 

PhoneGap 特點：

輕量級架構：PhoneGap 以 JavaScript 撰寫，檔案只有一百餘 K。

節省開發及維護成本：建立網頁檔案所需的時間遠比撰寫行動裝置應用程式原生碼要

短，曾有專家進行研究，使用 PhoneGap 的開發成本，僅需一般開發成本的五分之一

。

開發門檻低：以往要開發行動裝置應用程式，必須經數年的程式語言基礎，才能進行

開發。

兼容性：以往開發行動裝置應用程式時，必須為各種平台撰寫不同程式碼，雖然程式

邏輯概念相同，不同平台程式仍有差異，也要在不同平台上分別編譯。

雲端編譯：應用程式可以在本地編譯，也可以使用 Phonegap  提供的雲端 Build  工

具進行編譯。

配合整合環境軟體開發：在適當的整合環境中進行應用程式的開發可以節省非常時間

精力。

元件免費：PhoneGap 是完全免費的元件，如此可降低應用程式開發成本，也是學習行

動裝置應用程式入門的最佳選擇。

 

PhoneGap APP教學研習懶人包：

元智跨平台手機APP設計(PhoneGap網站轉APP)第5次上課

http://terry28853669.pixnet.net/blog/post/56282079

 

跨平台手機APP程式(用PhoneGap將網站轉APP)第9次上課

http://terry28853669.pixnet.net/blog/post/56282082

 

跨平台手機APP程式(用PhoneGap將網站轉APP)第7次上課

http://terry28853669.pixnet.net/blog/post/56282085

 

元智跨平台手機APP設計(用PhoneGap將網站轉APP)第4次上課

http://terry28853669.pixnet.net/blog/post/56282109

 

跨平台手機APP程式(用PhoneGap將網站轉APP)第12次

http://terry28853669.pixnet.net/blog/post/56282124

 

元智跨平台手機APP設計(用PhoneGap將網站轉APP)第3次上課

http://terry28853669.pixnet.net/blog/post/56282133

 

元智跨平台手機APP設計(用PhoneGap將網站轉APP)第2次上課

http://terry28853669.pixnet.net/blog/post/56282148

 

如何在PhoneGap上顯示地圖流程

http://terry28853669.pixnet.net/blog/post/56282181

 

跨平台手機APP程式(用PhoneGap將網站轉APP)第2次上課

http://terry28853669.pixnet.net/blog/post/56282196

 

跨平台手機APP程式(用PhoneGap將網站轉APP)第1次上課

http://terry28853669.pixnet.net/blog/post/56282199

 

 

網站設計理論與實務,吳老師,GOOGLE服務,線上教學,資訊科技融入教學,APP開發,PhoneGap,JavaScript,Dreamweaver,網頁設計,網站轉APP

 

元智跨平台手機APP設計第5次上課

 

用JAVA程式設計APP對一般人來說太難，

這門課就是用網站觀念做APP，

利用DW CS6的HTML5與Jquery Mobile 可以快速將網站轉成APP，

以下是以206相機網站轉APP為例，

說明建立APP的過程，並提供上下頁瀏覽相片功能，

並產生QR code方便安裝。

 

課程內容:

01_206相機網站轉APP說明

02_建立首頁頁面

03_建立頁尾的巡覽列

04_巡覽列加上連結與圖示

05_連結易錯說明

06_按鈕連結的做法說明

07_上下頁相片瀏覽製作說明

08_產生QR碼並發佈APP

 

完整影音：

開發 APP 的新領域

混合式應用程式是以 Web  應用程式做為基礎，使用網頁技術開發應用程式，因此絕

 

大多數網頁設計

者可以踏入行動裝置應用程式開發者之路，大幅降低設計行動裝置應用程式的門檻。

 

PhoneGap 特點：

輕量級架構：

PhoneGap 以 JavaScript 撰寫，檔案只有一百餘 K。

節省開發及維護成本：建立網頁檔案所需的時間遠比撰寫行動裝置應用程式原生碼要

短，曾有專家進行研究，使用 PhoneGap 的開發成本，僅需一般開發成本的五分之一。

開發門檻低：以往要開發行動裝置應用程式，必須經數年的程式語言基礎，才能進行

開發。

兼容性：

以往開發行動裝置應用程式時，必須為各種平台撰寫不同程式碼，雖然程式

邏輯概念相同，不同平台程式仍有差異，也要在不同平台上分別編譯。

雲端編譯：應用程式可以在本地編譯，也可以使用 Phonegap  提供的雲端 Build  工

具進行編譯。配合整合環境軟體開發：在適當的整合環境中進行應用程式的開發可以節省非常時間精力。

元件免費：

PhoneGap 是完全免費的元件，如此可降低應用程式開發成本，也是學習行

動裝置應用程式入門的最佳選擇。

-------------------

99年元智中語系網站設計第15週上課(Dreamweaver CS4)

http://terry55wu.blogspot.tw/2010/12/9915.html

99年元智中語系網站設計第12、13週上課

http://terry55wu.blogspot.tw/2010/11/991213.html

TQC Dreamweaver CS4 實用題解答

http://terry55wu.blogspot.tw/2007/05/blog-post_6275.html

東吳文獻數位化DREAMWEAVER CS4證照110題

http://terry55wu.blogspot.tw/2011/05/dreamweaver-cs4110.html

東吳文獻數位化DREAMWEAVER CS4證照202題

http://terry55wu.blogspot.tw/2011/05/dreamweaver-cs4202.html

東吳文獻數位化網頁編輯DREAMWEAVER CS4證照

http://terry55wu.blogspot.tw/2011/05/dreamweaver-cs4108.html

蘭陽技術學院行銷與流通管理系提升教師能力計畫--TQC+Dreamweaver CS4研習--

http://terry55wu.blogspot.tw/2011/10/tqcdreamweaver-cs4_14.html

 

論壇：

http://groups.google.com/group/yzu_net?hl=zh-TW

YOUTUBE：

https://www.youtube.com/user/blshlibrary

 

網站設計理論與實務,吳老師,GOOGLE服務,線上教學,資訊科技融入教學,雲端計

算,TQC,APP開發,PhoneGap,JavaScript,Dreamweaver,網頁設計,網站轉APP，海洋技術學院

HTML5手機APP程式開發(將網站轉APP)第9次上課

 

手機上顯示GOOGLE地圖一直是一個很麻煩的事，

尤其是Android APP的開發，之前的GOOGLE MAP V1版本已經夠麻煩，

現在改為V2版本更是困難重重，

最慘是的事不能在模擬器中測試，

因為模擬器中沒有啟動 GOOGLE Service ，

因此，若只是簡單想要顯示某地圖，

其實可以用 HTML5 + JAVASCRIPT與 Android 的 WebVIEW`,

這樣會讓程式變得非常容易，以下是分享把地圖放APP的簡單範例。

程式碼：

跨平台手機APP程式(用PhoneGap將網站轉APP)第7次上課

元智跨平台手機APP設計(用PhoneGap將網站轉APP)第4次上課

用JAVA程式設計APP對一般人來說太難，
這門課就是用網站觀念做APP，利用DW6的PhoneGap服務見可以快速將Web轉成APP

完整影音：
http://www.youtube.com/playlist?list=PLsE34duTsJQwaO1VEu8S86xhjI0yDxysa

課程內容:
01_204題古文之美網站建立與新增首頁

02_增加項目清單與巡覽列

03_將回上頁改成HOME圖示與增加下一頁

04_修改背景主題與上傳成APP


開發 APP 的新領域
混合式應用程式是以 Web  應用程式做為基礎，使用網頁技術開發應用程式，因此絕大多數網頁設計
者可以踏入行動裝置應用程式開發者之路，大幅降低設計行動裝置應用程式的門檻。

PhoneGap 特點：
輕量級架構：PhoneGap 以 JavaScript 撰寫，檔案只有一百餘 K。

節省開發及維護成本：建立網頁檔案所需的時間遠比撰寫行動裝置應用程式原生碼要短，曾有專家進行研究，使用 PhoneGap 的開發成本，僅需一般開發成本的五分之一。

開發門檻低：以往要開發行動裝置應用程式，必須經數年的程式語言基礎，才能進行開發。

兼容性：以往開發行動裝置應用程式時，必須為各種平台撰寫不同程式碼，雖然程式邏輯概念相同，不同平台程式仍有差異，也要在不同平台上分別編譯。

雲端編譯：應用程式可以在本地編譯，也可以使用 Phonegap  提供的雲端 Build  工具進行編譯。

配合整合環境軟體開發：在適當的整合環境中進行應用程式的開發可以節省非常時間精力。

元件免費：PhoneGap 是完全免費的元件，如此可降低應用程式開發成本，也是學習行動裝置應用程式入門的最佳選擇。
-------------------
99年元智中語系網站設計第15週上課(Dreamweaver CS4)
http://terry55wu.blogspot.tw/2010/12/9915.html

99年元智中語系網站設計第12、13週上課
http://terry55wu.blogspot.tw/2010/11/991213.html

TQC Dreamweaver CS4 實用題解答
http://terry55wu.blogspot.tw/2007/05/blog-post_6275.html

東吳文獻數位化DREAMWEAVER CS4證照110題
http://terry55wu.blogspot.tw/2011/05/dreamweaver-cs4110.html

東吳文獻數位化DREAMWEAVER CS4證照202題
http://terry55wu.blogspot.tw/2011/05/dreamweaver-cs4202.html

東吳文獻數位化網頁編輯DREAMWEAVER CS4證照
http://terry55wu.blogspot.tw/2011/05/dreamweaver-cs4108.html

蘭陽技術學院行銷與流通管理系提升教師能力計畫--TQC+Dreamweaver CS4研習--
http://terry55wu.blogspot.tw/2011/10/tqcdreamweaver-cs4_14.html

論壇：
http://groups.google.com/group/yzu_net?hl=zh-TW
YOUTUBE：
https://www.youtube.com/user/blshlibrary

網站設計理論與實務,吳老師,GOOGLE服務,線上教學,資訊科技融入教學,雲端計算,TQC,APP開發,PhoneGap,JavaScript,Dreamweaver,網頁設計,網站轉APP，海洋技術學院

跨平台手機APP程式(用PhoneGap將網站轉APP)第12次上課

用JAVA程式設計APP對一般人來說太難，
這門課就是用網站觀念做APP，利用DW6的PhoneGap服務見可以快速將Web轉成APP

完整影音：


課程內容:
01_行車守護者專案說明
02_新增網站與新增首頁
03_引用CSS樣式表檔與JS程式檔
04_新增頁面(sop1_4與dial等)
05_如何產生首頁離開與說明按鈕圖示
06_加入圖與文與下方巡覽列
07_如何將巡覽列固定下方與背景改藍色系
08_產生步驟一到四的回首頁圖示按鈕
09_如何自訂圖示

開發 APP 的新領域
混合式應用程式是以 Web  應用程式做為基礎，使用網頁技術開發應用程式，因此絕大多數網頁設計
者可以踏入行動裝置應用程式開發者之路，大幅降低設計行動裝置應用程式的門檻。

PhoneGap 特點：
輕量級架構：PhoneGap 以 JavaScript 撰寫，檔案只有一百餘 K。

節省開發及維護成本：建立網頁檔案所需的時間遠比撰寫行動裝置應用程式原生碼要短，曾有專家進行研究，使用 PhoneGap 的開發成本，僅需一般開發成本的五分之一。

開發門檻低：以往要開發行動裝置應用程式，必須經數年的程式語言基礎，才能進行開發。

兼容性：以往開發行動裝置應用程式時，必須為各種平台撰寫不同程式碼，雖然程式邏輯概念相同，不同平台程式仍有差異，也要在不同平台上分別編譯。

雲端編譯：應用程式可以在本地編譯，也可以使用 Phonegap  提供的雲端 Build  工具進行編譯。

配合整合環境軟體開發：在適當的整合環境中進行應用程式的開發可以節省非常時間精力。

元件免費：PhoneGap 是完全免費的元件，如此可降低應用程式開發成本，也是學習行動裝置應用程式入門的最佳選擇。
-------------------
99年元智中語系網站設計第15週上課(Dreamweaver CS4)
http://terry55wu.blogspot.tw/2010/12/9915.html

99年元智中語系網站設計第12、13週上課
http://terry55wu.blogspot.tw/2010/11/991213.html

TQC Dreamweaver CS4 實用題解答
http://terry55wu.blogspot.tw/2007/05/blog-post_6275.html

東吳文獻數位化DREAMWEAVER CS4證照110題
http://terry55wu.blogspot.tw/2011/05/dreamweaver-cs4110.html

東吳文獻數位化DREAMWEAVER CS4證照202題
http://terry55wu.blogspot.tw/2011/05/dreamweaver-cs4202.html

東吳文獻數位化網頁編輯DREAMWEAVER CS4證照
http://terry55wu.blogspot.tw/2011/05/dreamweaver-cs4108.html

蘭陽技術學院行銷與流通管理系提升教師能力計畫--TQC+Dreamweaver CS4研習--
http://terry55wu.blogspot.tw/2011/10/tqcdreamweaver-cs4_14.html

論壇：
http://groups.google.com/group/yzu_net?hl=zh-TW
YOUTUBE：
https://www.youtube.com/user/blshlibrary


網站設計理論與實務,吳老師,GOOGLE服務,線上教學,資訊科技融入教學,雲端計算,TQC,APP開
發,PhoneGap,JavaScript,Dreamweaver,網頁設計,網站轉APP，海洋技術學院

元智跨平台手機APP設計(用PhoneGap將網站轉APP)第3次上課

用JAVA程式設計APP對一般人來說太難，
這門課就是用網站觀念做APP，利用DW6的PhoneGap服務見可以快速將Web轉成APP

完整影音：


課程內容:

01_如何註冊PHONEGAP帳號
02_安裝APP說明與素材準備
03_新增網站與建立首頁與環境設定
04_新增5個頁面(home與page1_4)
05_新增項目清單與超連結
06_如何刪除PHONEGAP舊APP並上傳新APP
07_回上頁與背景顏色
08_ListView清單與巡覽列加圖示
09_地圖與連結

開發 APP 的新領域
混合式應用程式是以 Web  應用程式做為基礎，使用網頁技術開發應用程式，因此絕大多數網頁設計
者可以踏入行動裝置應用程式開發者之路，大幅降低設計行動裝置應用程式的門檻。

PhoneGap 特點：
輕量級架構：PhoneGap 以 JavaScript 撰寫，檔案只有一百餘 K。

節省開發及維護成本：建立網頁檔案所需的時間遠比撰寫行動裝置應用程式原生碼要短，曾有專家進行研究，使用 PhoneGap 的開發成本，僅需一般開發成本的五分之一。

開發門檻低：以往要開發行動裝置應用程式，必須經數年的程式語言基礎，才能進行開發。

兼容性：以往開發行動裝置應用程式時，必須為各種平台撰寫不同程式碼，雖然程式邏輯概念相同，不同平台程式仍有差異，也要在不同平台上分別編譯。

雲端編譯：應用程式可以在本地編譯，也可以使用 Phonegap  提供的雲端 Build  工具進行編譯。

配合整合環境軟體開發：在適當的整合環境中進行應用程式的開發可以節省非常時間精力。

元件免費：PhoneGap 是完全免費的元件，如此可降低應用程式開發成本，也是學習行動裝置應用程式入門的最佳選擇。
-------------------
99年元智中語系網站設計第15週上課(Dreamweaver CS4)
http://terry55wu.blogspot.tw/2010/12/9915.html

99年元智中語系網站設計第12、13週上課
http://terry55wu.blogspot.tw/2010/11/991213.html

TQC Dreamweaver CS4 實用題解答
http://terry55wu.blogspot.tw/2007/05/blog-post_6275.html

東吳文獻數位化DREAMWEAVER CS4證照110題
http://terry55wu.blogspot.tw/2011/05/dreamweaver-cs4110.html

東吳文獻數位化DREAMWEAVER CS4證照202題
http://terry55wu.blogspot.tw/2011/05/dreamweaver-cs4202.html

東吳文獻數位化網頁編輯DREAMWEAVER CS4證照
http://terry55wu.blogspot.tw/2011/05/dreamweaver-cs4108.html

蘭陽技術學院行銷與流通管理系提升教師能力計畫--TQC+Dreamweaver CS4研習--
http://terry55wu.blogspot.tw/2011/10/tqcdreamweaver-cs4_14.html

論壇：
http://groups.google.com/group/yzu_net?hl=zh-TW
YOUTUBE：
https://www.youtube.com/user/blshlibrary


網站設計理論與實務,吳老師,GOOGLE服務,線上教學,資訊科技融入教學,雲端計算,TQC,APP開
發,PhoneGap,JavaScript,Dreamweaver,網頁設計,網站轉APP，海洋技術學院

元智跨平台手機APP設計(用PhoneGap將網站轉APP)第2次上課

用JAVA程式設計APP對一般人來說太難，
這門課就是用網站觀念做APP，利用DW6的PhoneGap服務見可以快速將Web轉成APP


課程內容:
01_如何將102題網站改成APP(新增網站與匯入素材與建立首頁)

02_環境設定與插入頁面
03_輸入頁面內容與超連結
04_如何產生回上一頁按鈕
05_回上頁文字與顏色修改

06_如何做出導覽列


07_選取圖示說明

08_將項目清單改成ListView畫面

09_如何刪除舊的專案與上傳成APP



完整影音：


開發 APP 的新領域
混合式應用程式是以 Web  應用程式做為基礎，使用網頁技術開發應用程式，因此絕大多數網頁設計
者可以踏入行動裝置應用程式開發者之路，大幅降低設計行動裝置應用程式的門檻。

PhoneGap 特點：
輕量級架構：PhoneGap 以 JavaScript 撰寫，檔案只有一百餘 K。

節省開發及維護成本：建立網頁檔案所需的時間遠比撰寫行動裝置應用程式原生碼要短，曾有專家進行研究，使用 PhoneGap 的開發成本，僅需一般開發成本的五分之一。

開發門檻低：以往要開發行動裝置應用程式，必須經數年的程式語言基礎，才能進行開發。

兼容性：以往開發行動裝置應用程式時，必須為各種平台撰寫不同程式碼，雖然程式邏輯概念相同，不同平台程式仍有差異，也要在不同平台上分別編譯。

雲端編譯：應用程式可以在本地編譯，也可以使用 Phonegap  提供的雲端 Build  工具進行編譯。

配合整合環境軟體開發：在適當的整合環境中進行應用程式的開發可以節省非常時間精力。

元件免費：PhoneGap 是完全免費的元件，如此可降低應用程式開發成本，也是學習行動裝置應用程式入門的最佳選擇。
-------------------
99年元智中語系網站設計第15週上課(Dreamweaver CS4)
http://terry55wu.blogspot.tw/2010/12/9915.html

99年元智中語系網站設計第12、13週上課
http://terry55wu.blogspot.tw/2010/11/991213.html

TQC Dreamweaver CS4 實用題解答
http://terry55wu.blogspot.tw/2007/05/blog-post_6275.html

東吳文獻數位化DREAMWEAVER CS4證照110題
http://terry55wu.blogspot.tw/2011/05/dreamweaver-cs4110.html

東吳文獻數位化DREAMWEAVER CS4證照202題
http://terry55wu.blogspot.tw/2011/05/dreamweaver-cs4202.html

東吳文獻數位化網頁編輯DREAMWEAVER CS4證照
http://terry55wu.blogspot.tw/2011/05/dreamweaver-cs4108.html

蘭陽技術學院行銷與流通管理系提升教師能力計畫--TQC+Dreamweaver CS4研習--
http://terry55wu.blogspot.tw/2011/10/tqcdreamweaver-cs4_14.html

論壇：
http://groups.google.com/group/yzu_net?hl=zh-TW
YOUTUBE：
https://www.youtube.com/user/blshlibrary

網站設計理論與實務,吳老師,GOOGLE服務,線上教學,資訊科技融入教學,雲端計算,TQC,APP開
發,PhoneGap,JavaScript,Dreamweaver,網頁設計,網站轉APP，海洋技術學院