2013年10月6日 星期日

用PhoneGap將網站轉APP第2次上課(綠島導覽APP)

用PhoneGap將網站轉APP第2次上課(綠島導覽APP)

用JAVA程式設計APP對一般人來說太難,
這門課就是用網站觀念做APP,利用DW6的PhoneGap服務見可以快速將Web轉成APP
這學期在元智大學開的課程,主要教會學生能期中考前架設網站
期末考前則是把網站轉成APP
不用寫程式,就可以輕易的把用DreamWeaver CS6做好的網站轉成APP
需要用的技術只要會DreamWeaver CS6,而且一定要CS6以後的版本才行,
一節課期時就可以做出APP。
首先分享旅遊使用APP的心得,
從自由行使用APP的角度來看,
有APP對自由行幫助極大,會使用APP幾乎可以讓旅遊變的很順暢
不過前提是要有對應的APP,
除了旅遊外,食衣住行與各行業,都有APP開發的需求
所以若能在畢業前,努力經營自己有興趣的APP,
除了就業助益外,甚至也可以為創業開扇窗

以下是上課的畫面:
完成畫面


01_106APP網站架構

02_5個頁面

03_ListView效果

04_按鈕效果

05_頁尾巡覽列

06_固定頁尾巡覽列

07_會頁首HOME圖示

08_頁首向下按鈕

完整影音:


課程理念
智慧型手機平台,已成為手機上最完整的開放開發平台
人手必備的趨勢下行動上網已達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 是完全免費的元件,如此可降低應用程式開發成本,也是學習行動裝置應用程式入門的最佳選擇。

PhoneGap APP教學研習懶人包:
發表時間文章標題
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, JavaScript, PhoneGap, 吳老師, 網站設計理論與實務, 網站轉APP,jquery mobile tutorial,dreamweaver jquery mobile教學,phonegap jquery mobile教學,jquery mobile php教學


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

PhoneGap將網站轉APP第1次上課(註冊PHONEGAP帳號)

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

這學期在元智大學開的課程,主要教會學生能期中考前架設網站
期末考前則是把網站轉成APP
不用寫程式,就可以輕易的把用DreamWeaver CS6做好的網站轉成APP
需要用的技術只要會DreamWeaver CS6,而且一定要CS6以後的版本才行,
一節課期時就可以做出APP。
首先分享旅遊使用APP的心得,
從自由行使用APP的角度來看,
有APP對自由行幫助極大,會使用APP幾乎可以讓旅遊變的很順暢
不過前提是要有對應的APP,
除了旅遊外,食衣住行與各行業,都有APP開發的需求
所以若能在畢業前,努力經營自己有興趣的APP,
除了就業助益外,甚至也可以為創業開扇窗

以下是上課的畫面:
00_如何註冊PHONEGAP帳號

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

02_多頁APP範例之一完成畫面

03_多頁APP範例之一設計畫面

04_如何加上超連結

05_如何加上按鈕

06_加上按鈕完成畫面

07_如何為按鈕加上顏色

08_上傳到PHONEGAP網站轉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 是完全免費的元件,如此可降低應用程式開發成本,也是學習行動裝置應用程式入門的最佳選擇。

PhoneGap APP教學研習懶人包:
發表時間文章標題
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, JavaScript, PhoneGap, 吳老師, 網站設計理論與實務, 網站轉APP,jquery mobile tutorial,dreamweaver jquery mobile教學,phonegap jquery mobile教學,jquery mobile php教學

2013年9月28日 星期六

勞大EXCEL函數與VBA設計(2013)第1次上課


勞大EXCEL函數與VBA設計(2013)第1次上課

今天已經開始正式課程的內容,學習以漸進入軌道,
大部分的都是舊生,所以也頗能習慣吳老師的一慣教法,
這樣的折衷的步調,除了能兼顧新舊生外,還能讓大家回家可以重複聽講,
可說是不錯的教學方法,尤其最近大力推動的資訊融入教學,希望用網路來輔助老師的教學成效,而這些我已經在做,而且做了很多年,成效如何大家都是有目共睹了,
當然做這些工作確實要花很多老師自己額外的時間,也不見得可以得到什麼實質的回饋,
但就是覺得很重要,一股教學熱誠讓我繼續做了好多年,
這樣的工作不能少,未來也不會停下來,還會做更多。

吳老師  102/9/29

教學影音(完整版在論壇):
http://www.youtube.com/playlist?list=PLsE34duTsJQy8sOUOz1bkh86moxxJCJJB



01_問卷結果與課前簡報
02_REPT函數與文字函數說明
03_Left函數與If函數
04_雲端硬碟與雲端試算表應用

課程特色:
1.如何將函數轉成VBA
2.VBA與資料庫快速結合

EXCEL函數VBA資料庫是分別屬於三個領域的知識,
但卻是目前大家都需要的一項專業技能,要把三者融合的很好實在非常不容易,
剛好我有近20年的VB程式設計資料庫設計的經驗,
教EXCEL函數與相關課程也有多年,因此清楚如何把最重要的知識教給大家,
ADO資料庫設計的知識非常多,但根據我多年的設計實務經驗
覺得最重要的是掌握SQL語言,就可以輕易的完成查詢、新增、修改與刪除等功能,
就可以輕易的完成自己想處理的大量資料,大大提高工作效率了!

上課用書是:
Excel函數&VBA其實很簡單(http://www.books.com.tw/exep/prod/booksfile.php?item=0010457292)
Excel VBA 與資料庫整合大活用(http://www.books.com.tw/exep/prod/booksfile.php?item=0010463634)

部落格:
http://terry55wu.blogspot.com/
論壇:
https://groups.google.com/forum/#!forum/labor_excel_funtion_vba_2013

相關教學連結:
1.EXCEL VBA設計(自強基金會2012)第4次上課
http://terry55wu.blogspot.tw/2012/03/excel-vba20124.html

2.如何把EXCEL"函數"變為 "VBA"?自強基金會2012第5次上課
http://terry55wu.blogspot.tw/2012/04/excel-vba.html

3.自強基金會2012第8次上課
http://terry55wu.blogspot.tw/2012/05/excel-vba20128.html

4.自強基金會2012第9次上課
http://terry55wu.blogspot.tw/2012/05/excel-vba20129.html

5.EXCEL_VBA與資料庫--自強基金會2012(Ending)
http://terry55wu.blogspot.tw/2012/07/excelvba-2012ending.html

EXCEL,VBA,函數,吳清輝老師,勞工大學,程式設計,線上教學,e化創新,雲端計算,虛擬電腦,吳老師提供

AUTOCAD2012進階與證照班第1次上課(2013)

AUTOCAD2012進階與證照班第2次上課(2013)


論壇:

https://groups.google.com/forum/?hl=zh-TW#!forum/autocad2012_advance_2013



完整影音:


本學期直接使用AUTOCAD2012當成上課版本,除了跟上時代潮流,也兼顧舊版。
入門之後會繼續教證照考試的題目當成範例題,自己可以選擇要不要考證照,
但至少是個好的目標,上課速度會加快,但會給蠻多影音輔助,所以請大家好好準備。
課程理念:
由於科技發達,使各行業設計得以透過電腦輔助設計更加的方便與精確。
就業或培養第二專長者,或使用電腦腦輔助繪圖者(工業設計、商業設計、建築設計),或對專業證照及個人實力培養有興趣者,都對CAD的學習有很大的需要。
AUTOCAD是目前各行各業進行必須具備的基本技能。
Auto CAD入門與證照考題解析的規劃,將電腦製圖大部份必須具備的知識,融合到試題演練中,術科則是以上機實作的方式,考驗受測者軟體操作與實際應用之熟練度。
本課程在上學期是以基礎的作圖為主,並進階繪圖與目標取得證照。
用最容易的學習的方式教學,輔以雲端影音教學,成果豐碩。
用最新版本授課兼顧舊版本又能跟上時代,並結合智慧潮流。

01_環境設定與101題解說
02_101題01(七邊形與比例)
03_101題01(七邊形與比例詳細解說)
04_101題02(背鰭)
05_101題(尾鰭)
06_101題(尾鰭)
07_101題(眼睛與側鰭)
08_101題(側鰭與嘴巴)
09_如何儲存檔案

吳老師教學部落格:
http://terry55wu.blogspot.com/
論壇:

https://groups.google.com/forum/?hl=zh-TW#!forum/autocad2012_advance_2013


AutoCAD,2012,2D,入門使用技巧,TQC,TQC+,TQC PLUS,電腦證照,勞工大學,AutoCAD WS,免費線上影音,吳清輝老師

2013年9月27日 星期五

Android設計入門第2次(ANDROID環境建置)

智慧型手機設計入門第2次(102年)

想學好Android開發
先學會Android 開發環境建置,
或是直些下載我的Eclipse4.2穩定開發版
只要再裝好JAVA SDK(32位元)版即可,
為什麼不裝最新的Eclipse4.4或更新版呢?
因為還有很多不穩定因素啦!
開啟Eclipse之後就可以開始玩Android開發了,
不要浪費時間再當白老鼠,這也是很多人的痛。
接下來就是建個 HelloWorld 接下來就是把自己的創意變成APP,
開始努力建置APP,為台灣的軟體產業加把勁,
展現台灣的軟實力吧!
Eclipse4.2穩定開發版 [下載]
JAVA SDK(32位元)  [下載]

最新的Android APP課程又開課了,
這次是在新北市勞工大學應學員要求開的,
之前學完用DW CS6,用PHONEGAP的方式開發,
雖然畫面又快又漂亮,但是遇到程式就很頭痛,
也就是PHONEGAP的開發方式在UI上很容易,
但程式開發就沒有用JAVAECLIPSE來的容易,
所以最好是混合式的開發方式最好,
所以這學期就來教大家如何做,
HELLOWORLD開始,慢慢學會原件使用,
之後再來就是資料庫地圖雲端資料庫的連線等應用,
或是周邊裝置如藍芽與WIFI等的連結應用等。
另這學期也會教Android Studio的使用方式。


上課內容:
01_啟動Eclipse422

02_選取工作區

03_設置SDK路徑

04_設置模擬器

05_HOELLWORLD專案結果

06_如何把字型放大

07_如何更改回英文版

08_HELLOWORLD程式碼


上課內容:


懶人包:http://terry55wu.blogspot.com/p/android.html

完整上課論壇:
https://groups.google.com/forum/#!forum/android_basic2015

課程理念與課程介紹:
Android智慧型手機平台,已成為手機上最完整的開放開發平台
人手必備的趨勢下行動上網已達500萬人次以上,手機相關應用,將會超
越PC,比PC更智慧,更貼近個人使用習慣,未來APP將漸取代Web,成
為各產業或政府對外窗口。
如何開發APP,以循序漸進的方式講授Android應用程式架構、圖形介面
開發、測試與除錯等,進而取得證照。
吳老師教學特色:
1.影音複習分享(全程錄影)。
2.能不硬code程式,有程式也會提供畫面。
3.提供業界實務開發經驗。
4.書上沒講到的操作,圖形化工具使用。
5.隨時更新第一手資訊。

參考書目
Android 初學特訓班
作者:鄧文淵/總監製;文淵閣工作室/編著

相關教學:
Android 教學研習心得分享懶人包:
http://terry55wu.blogspot.com/p/android.html

發表時間文章標題
2015-06-15Android開發實務基本相簿Photoplayer範例
2015-06-15Android開發實務相簿表格GridView範例
2015-06-13智慧型手機開發進階SQLite資料庫的存取方式
2015-06-13智慧型手機進階SQLite資料庫的存取方式
2015-05-25如何讓圖片有縮放功能(增加TouchImageView類別)
2015-05-18把Android APP專案轉移Android_Studio分享
2015-03-22ANDROID APP開發與雲端實務應用(第1次上課建置與開發)
2015-01-28Android APP程式開發證照教學懶人包(new)
2015-01-16Android開發實務相簿表格GridView範例
2015-01-16Android開發實務相簿藝廊Gallery範例
2015-01-16Android開發實務基本相簿Photoplayer範例
2015-01-16Android開發實務下拉清單Spinner與樣板
2015-01-16Android開發實務相簿藝廊Gallery範例
2015-01-16健行科大Android程式設計實務第4次上課_RadioButton
2015-01-16Android開發實務Input介面設計與AlertDialog
2015-01-16Android開發實務多按鈕與多國語系
2015-01-16Android程式實務第1次上課(馬上建置與開發)
2014-07-13艾鍗Android行動應用程式設計實務(如何產生功能表選單)
2014-07-13如何使用ListView 介面元件
2014-07-13教您學會簡易相簿APP範例Phoneplayer專案
2014-07-13如何在Android APP的ListView 元件同時加上圖與字
2014-01-12智慧型手機(Android)設計入門第15次
2014-01-05智慧型手機(Android)設計入門第14次
2013-09-28智慧型手機設計入門第2次(102年)
2013-02-03Android開發實例進階(勞大) 影音DVD完工
2013-01-13智慧型手機開發實例與證照解析(Android)第18次上課
2013-01-13建國科大APP產業演講影音(共2小時)
2012-12-22智慧型手機開發實例與證照解析(Android)第15次上課
2012-12-22智慧型手機開發實例與證照解析(Android)第11次上課
2012-12-08智慧型手機開發實例與證照解析(Android)第13次上課
2012-12-08海洋資通APP開發課程第10次上課
2012-11-18智慧型手機開發實例與證照解析(Android)第10次上課
2012-11-02智慧型手機開發實例與證照解析(Android)第9次上課
2012-10-28智慧型手機開發實例與證照解析(Android)第8次上課

想快速學會APP設計與開發,建議可以先從JAVA先聽完並練習,
再學習光碟19,之後銜接光碟21進階或光碟14比較偏證照考試。
或從光碟24_從JAVA入門到智慧型手機設計開始(目錄 http://goo.gl/1XOOG)
另有最近推出的合輯:
光碟30_JAVA7物件導向(2013) 艾鍗學院96小時上課 目錄:
http://goo.gl/Wjbjo9
光碟31_智慧型手機入門(2013) 勞工大學48小時上課 目錄:
http://goo.gl/qMTc9E
光碟32_淡江資工Android證照解題(2013) 淡江資工40小時上課 目錄:
http://goo.gl/q1eQkr
想快速學會APP設計與開發,建議可以先從光碟24--30--31--32

完整教學影音DVD分享申請 [連結]


android app教學,android 開發教學,android 程式教學,android eclipse,android 使用教學,Andriod ,android ,程式教學 ,android ,eclipse ,Android Studio,App開發教學,app開發課程,手機app開發教學