從PHP雲端資料庫到APP開發之1(打造PHP與MySQL環境)

完整內容：http://terry55wu.blogspot.tw/2015/09/phpapp1phpmysql.html

這是從PHP雲端資料庫到APP開發，
這門課的主要宗旨在建立APP可以存取的雲端資料庫，
也就是把兩個技術集合使用，
而這也是最多學員常常問到的，
至於APP的開發以HTML5為主，當然也可以改為Android APP開發，
而動態網頁，也不一定是PHP，也可以改為ASP.NET或JSP等，
其實觀念都相通，差別是背後有不同的使用需求。
第一次上課，主要是了解學生的程度和學習需求，下載XAMPP安裝的懶人包 [下載]，
安裝的懶人包，還真的蠻簡單的，只需要下載並接壓縮到D碟，
不要有中文資料夾名稱，並執行setup_xampp安裝，
啟動Apache與MySQL即完成開發環境設定，並查出自己的IP位址，
這樣就可以打造開發環境，也可以當成雲端伺服器來使用，
家裡有光纖的建議申請固定IP就可以來架雲端了。
接下來就是打造PHP的開發環境了，
用的工具是DreamWeaver CS6 所以必須要先學會設定網站的方式，
就可以很輕易的設計出PHP的動態網頁與連結雲端資料庫，
接下來就是與APP連結了。

所以之後的18周課程大致上會先講解完PHP與MYSQL資料庫，
大約9周時間，可以先參考之前海洋技術學院上課整理：

PHP與雲端資料庫教學懶人包(2015)
http://terry55wu.blogspot.tw/p/blog-page_18.html

接下來則是APP開發部分，用的是PhoneGap技術，
將 Jquery Mobile包在裡面，其實骨子裡也是 JAVAscript與CSS3。
可以參考之前上課(PhoneGap APP教學懶人包2015)：
http://terry28853669.pixnet.net/blog/category/list/1384515

流程：

上課內容：
01_建立PHP01網站子目錄

02_練習1表單結果

03_如何在DWCS6中新增網站

04_如何在DWCS6中設定伺服器(基本)

05_如何在DWCS6中設定伺服器(進階)

06_如何在DWCS6中設定伺服器(進階)

07_建立第一個PHP網頁

08_第一個PHP網頁結果

09_第一個表單

10_用GET接收表單參數姓名並顯示

教學影片：http://terry55wu.blogspot.tw/2015/09/phpapp1phpmysql.html

參考書目
Dreamweaver CS6 X PHP超強互動網站特訓班(附影音教學、獨家擴充程式、範例、試用版)
作者： 鄧文淵/總監製，文淵閣工作室/編著

挑戰PHP5／MySQL程式設計樂活學
作者： 文淵閣工作室 (著)

PHP 5實力養成暨評量(附光碟)
作者： 財團法人中華民國電腦技能基金會

php教學例子,php mvc教學,php ajax教學,資料庫,大數據,開放資料,XAMPP,Dreamweaver CS6,雲端資料庫,php mysql教學,html教學,php教學影片,php教學範例,php 安裝

[近況報告]

粉絲頁的朋友們大家好！我已經有段時間沒有天天貼文了。最大的原因是，從七月中開始，手頭上就有下列數個案子齊發：

1. Node.js 教學案
2. HTML/CSS/JavaScript 教學案
3. Apache/MySQL/PHP 教學案
4. InstallShield 2013 教學案
5. Java 教學案

由於投影片使用量非常大！從七月中開始，我就幾乎與「熬夜」、「趕稿」這幾個詞脫不了關係。其中還把身體「稍微」弄壞了一下（當然現在好多了）～所以沒有分享一些好文章，真是抱歉！

其實接下來也沒輕鬆到哪裡去。因為上述案子都是大案子，都得延續到十一月底的。現在我每天都有課：

週一、四：嵌入式 C 語言 x 3 小時/每日，某電腦補習班。
週二、五：Java 教學案 x 8 小時/每日，某大學推廣部。
週三：Node.js 教學案 x 4 小時/每日，某企業
週六：嵌入式 Linux 驅動程式 x 6 小時/每日，某電腦補習班。
週日：HTML/CSS/JS/Apache/MySQL/PHP 課程 x 6 小時/每日，某大學推廣部。

中間還穿插了一個 InstallShield 教學案 x 6 小時 x 2 日 的小案子。算是...呃...頗「充實」 =__=~~

蠻在意版上的粉絲的，也對於許久未發文感到不好意思。所以上來報告一下近況。如果有好文章一定會分享，只是十一月底前，恐怕時間都得拿去趕講義與教書，頻率無法像以前那樣頻繁了。

今天我會分享一個做 HTML/CSS/JavaScript/PHP 的好工具！那個是我在教 HTML/CSS/JavaScript 過程中發現的。待會放上來！誠摯祝福版上所有朋友們，每天都過得非常愉快！心想事成！

PHP與雲端資料庫教學總整理(2015)

完整連結：
http://terry55wu.blogspot.tw/2015/04/phpapp.html

最近開的課程其實都是可以相互整合的，
而這些可成都跟目前大數據時代的處理與應用有很大的關係，
其中有和APP開發有關的有 ANDROID APP開發與雲端實務應用2015
另外，如何和 APP的資料庫連結還有賴向PHP技術，
這方面的開課有 PHP雲端資料庫教學，
最近發表過的文章有 ：
PHP雲端資料庫教學之1(打造PHP與MySQL環境)
PHP雲端資料庫教學之2(建立互動PHP網站)
PHP雲端資料庫教學之3(動態網頁如何傳遞引數GET與POST)
PHP雲端資料庫教學之4(PHP證照考題說明與表單設計)
PHP雲端資料庫教學之5(PHP證照102題環境與題目)
PHP雲端資料庫教學之6(建立MYSQL資料庫與SQL語法)
PHP雲端資料庫教學之7(PHP證照202題解題)
PHP雲端資料庫教學之8(用DW設計新聞公告專題使用者)
PHP雲端資料庫教學之9(用DW設計新聞公告專題管理者)
PHP雲端資料庫教學之10(用DW設計購物車01)
PHP雲端資料庫教學之11(用DW設計購物車02)
PHP雲端資料庫教學之12(用DW設計購物車03)

01_如何利用FOR迴圈輸出多選
02_如何利用FOR迴圈輸出多選(GET傳送)
03_PHP證照考題說明與表單設計說明
04_PHP證照考題說明與結果畫面
05_02_表單介面設計
06_表單設計細節與傳遞參數與接收
07_如何在表格中顯示接收到的變數
08_將換行轉成BR換行與PHP中文手冊

之後的課程還會在講有關PHP與MYSQL連解方面的課程，
也可以把EXCEL的資料匯入到MYSQL，可以利用PHP建立雲端資料庫，
可以當成是EXCEL和APP的共用資料庫，
對這部分有興趣的網路學員可以留意。
教完MYSQL之後，接下來就是利用DW CS6來建立動態資料庫網站，
亦即不用PHP程式也可以建立互動式網站，
但還是有點PHP程式會比較好理解邏輯。

PHP雲端資料庫教學之4(PHP證照考題說明與表單設計)
PHP雲端資料庫教學之5(PHP證照102題環境與題目)

參考書目
Dreamweaver CS6 X PHP超強互動網站特訓班(附影音教學、獨家擴充程式、範例、試用版)作者： 鄧文淵/總監製，文淵閣工作室/編著

挑戰PHP5／MySQL程式設計樂活學
作者： 文淵閣工作室 (著)

PHP 5實力養成暨評量(附光碟)
作者： 財團法人中華民國電腦技能基金會

php教學例子,php mvc教學,php ajax教學,資料庫,大數據,開放資料,XAMPP,Dreamweaver CS6,雲端資料庫,php mysql教學,html教學,php教學影片,php教學範例,php 安裝

元智實用化課程用DW將網站轉為APP(2015)

這是在元智大學的課程，主要是如何將之前學習用DW CS6所製作的網站，轉為APP的簡易流程，包含建立HTML頁面與導覽列等，
最後利用PHONEGAP網站協助將網站ZIP轉為APP，並產生QR碼，讓製作APP更為簡單，但是原版PHONEAGAP支援外部連結，
不過新的服務似乎取消外部連結，造成GOOGLE地圖等無法正常顯示問題，
也許可以再找其他方式，
目前找到EZOAPP網站(https://ezoui.com/app/zh-tw/)有提供類似功能，
也許在之後課程再來補充說明，

以下是上課的畫面：
01_APP應用與註冊PHONEGAP帳號
02_如何建立第1個APP(多頁面瀏覽)
03_如何加上超連結與按鈕
04_如何更改按鈕技巧與變化顏色
05_將資料加入並上傳到PHONEGAP網站轉APP
06_相關網站介紹與102APP說明
07_如何新增網站與HTML5網頁並產生4個頁面
08_製作頁首圖檔與導覽列
09_如何設定導覽列的背景顏色
10_如何設計ListView清單檢視效果
11_如何增加回上頁按鈕(1增加2顏色3文字)
12_如何增加下一頁按鈕與變換顏色圖示
13_如何刪除舊APP與上傳新的APP
14_上星期102APP重點與106APP說明
15_如何建立106APP與新增五個頁面
16_如何將項目清單改為ListView
17_如何在頁尾增加導覽列與ICON與變更顏色
18_如何將導覽列固定在下方
19_如何將入回首頁與下一頁的頁首按鈕
20_如何將按鈕複製到其他頁面
21_106APP重點回顧
22_如何更改佈景設定與自訂新的佈景色
23_如何利用官網ThemeRoller做佈景並下載
24_增加ThemeRoller佈景並再次下載與嵌入綠島地圖
25_如何上傳APP

上課影片連結：
https://www.youtube.com/playlist?list=PLgzs-Q3byiYPqPq4yAXbcH4tRXHmlIPJl

教學相關連結：
PhoneGap APP教學研習懶人包 http://terry55wu.blogspot.tw/p/phonegapappjquery-mobile.html
EZoApp 中文教學手冊 http://ezoapp.gitbooks.io/ezoapp-tutorials/
EZoApp 教學影片 https://www.youtube.com/user/EZoService/videos
EZoApp gallery http://ezoui.com/gallery/index.html
HTML 教程 http://www.w3schools.com/html/
CSS 教程 http://www.w3schools.com/css/
JavaScript 教程 http://www.w3schools.com/js/
jQuery 教程 http://www.w3schools.com/jquery/default.asp
jQuery Mobile 教程 http://www.w3schools.com/jquerymobile/

上課書目
用Dreamweaver CS6，我也會開發APP
作者： 鄧文淵 總監製/文淵閣工作室 編著

內容特色
用Dreamweaver CS6，你也會開發APP! 能快速完成作品、擁有視覺化的質感介面，更可以驅動手機的硬體設備，舉凡照相錄影、錄音放音、GPS定位、無線網路、語音導覽全都沒問題!
結合HTML5、CSS3、PhoneGap，讓你的網頁瞬間昇華為跨平台的APP應用程式。不用擔心HTML5、CSS3與PhoneGap的內容，交給Dreamweaver CS6一次就搞定!利用jQuery Mobile快速打造專業手機使用者介面，只要善用操作面板的設定。在Dreamweaver CS6一次開發，就能跨iOS、Android等多種不同平台，讓你的APP無遠弗屆！開發 APP 的新領域混合式應用程式是以 Web 應用程式做為基礎，使用網頁技術開發應用程式，因此絕大多數網頁設計者可以踏入行動裝置應用程式開發者之路，大幅降低設計行動裝置應用程式的門檻。

APP開發, Dreamweaver, JavaScript, PhoneGap, 吳老師, 網站設計理論與實務, 網站轉APP,jquery mobile tutorial,dreamweaver jquery mobile教學,phonegap jquery mobile教學,jquery mobile php教學

元智實用化課程用DW將網站轉為APP(2015)

這是在元智大學的課程，主要是如何將之前學習用DW CS6所製作的網站，轉為APP的簡易流程，包含建立HTML頁面與導覽列等，
最後利用PHONEGAP網站協助將網站ZIP轉為APP，並產生QR碼，讓製作APP更為簡單，但是原版PHONEAGAP支援外部連結，
不過新的服務似乎取消外部連結，造成GOOGLE地圖等無法正常顯示問題，
也許可以再找其他方式，
目前找到EZOAPP網站(https://ezoui.com/app/zh-tw/)有提供類似功能，
也許在之後課程再來補充說明，

以下是上課的畫面：
01_APP應用與註冊PHONEGAP帳號
02_如何建立第1個APP(多頁面瀏覽)
03_如何加上超連結與按鈕
04_如何更改按鈕技巧與變化顏色
05_將資料加入並上傳到PHONEGAP網站轉APP
06_相關網站介紹與102APP說明
07_如何新增網站與HTML5網頁並產生4個頁面
08_製作頁首圖檔與導覽列
09_如何設定導覽列的背景顏色
10_如何設計ListView清單檢視效果
11_如何增加回上頁按鈕(1增加2顏色3文字)
12_如何增加下一頁按鈕與變換顏色圖示
13_如何刪除舊APP與上傳新的APP
14_上星期102APP重點與106APP說明
15_如何建立106APP與新增五個頁面
16_如何將項目清單改為ListView
17_如何在頁尾增加導覽列與ICON與變更顏色
18_如何將導覽列固定在下方
19_如何將入回首頁與下一頁的頁首按鈕
20_如何將按鈕複製到其他頁面
21_106APP重點回顧
22_如何更改佈景設定與自訂新的佈景色
23_如何利用官網ThemeRoller做佈景並下載
24_增加ThemeRoller佈景並再次下載與嵌入綠島地圖
25_如何上傳APP

上課影片連結：
https://www.youtube.com/playlist?list=PLgzs-Q3byiYPqPq4yAXbcH4tRXHmlIPJl

教學相關連結：
PhoneGap APP教學研習懶人包 http://terry55wu.blogspot.tw/p/phonegapappjquery-mobile.html
EZoApp 中文教學手冊 http://ezoapp.gitbooks.io/ezoapp-tutorials/
EZoApp 教學影片 https://www.youtube.com/user/EZoService/videos
EZoApp gallery http://ezoui.com/gallery/index.html
HTML 教程 http://www.w3schools.com/html/
CSS 教程 http://www.w3schools.com/css/
JavaScript 教程 http://www.w3schools.com/js/
jQuery 教程 http://www.w3schools.com/jquery/default.asp
jQuery Mobile 教程 http://www.w3schools.com/jquerymobile/

上課書目
用Dreamweaver CS6，我也會開發APP
作者： 鄧文淵 總監製/文淵閣工作室 編著

內容特色
用Dreamweaver CS6，你也會開發APP! 能快速完成作品、擁有視覺化的質感介面，更可以驅動手機的硬體設備，舉凡照相錄影、錄音放音、GPS定位、無線網路、語音導覽全都沒問題!
結合HTML5、CSS3、PhoneGap，讓你的網頁瞬間昇華為跨平台的APP應用程式。不用擔心HTML5、CSS3與PhoneGap的內容，交給Dreamweaver CS6一次就搞定!利用jQuery Mobile快速打造專業手機使用者介面，只要善用操作面板的設定。在Dreamweaver CS6一次開發，就能跨iOS、Android等多種不同平台，讓你的APP無遠弗屆！開發 APP 的新領域混合式應用程式是以 Web 應用程式做為基礎，使用網頁技術開發應用程式，因此絕大多數網頁設計者可以踏入行動裝置應用程式開發者之路，大幅降低設計行動裝置應用程式的門檻。

APP開發, Dreamweaver, JavaScript, PhoneGap, 吳老師, 網站設計理論與實務, 網站轉APP,jquery mobile tutorial,dreamweaver jquery mobile教學,phonegap jquery mobile教學,jquery mobile php教學