日本智慧農業大步走 加速擴張帶動成本降低
農傳媒 20210529
內容提供/《農政與農情》 文/行政院農業委員會農業藥物毒物試驗所 陳彥佑、李春燕、陳思昀、行政院農業委員會臺南區農業改良場 張淳淳、工業技術研究院產業服務中心 林意潔
近年因資訊快速且多方突破發展,使其他可應用之領域及軟硬體同步帶動變化,除在網頁設計優化、開放資料多元應用、IoT、ICT、資料分析工具便利化及資料視覺化發展外,乃至高端如大數據、AI應用,也頻受矚目,本文將分享2019年日本農業Week活動資訊與及後續的發展方向觀點。
日本東京農業Week
2019年10月,農委會及工研院單位同仁於強烈颱風哈吉貝影響東日本時,自費前往日本東京農業Week參訪並收集資訊。這次展覽結合日本原有的國際農業資材展、國際次世代農業展、國際6次產業化展及國際畜產資材展,於千葉縣幕張展場合併為單一農業展 ,規模龐大,超過600家日本及各國廠商,3天展期近4萬人次登記參訪,展場中另有登記參觀的工具展和園藝展,三大展覽幅員非常廣闊,並結合不同農業發展方向,吸引各國的農資、機械開發公司、農企業、政府單位、研究單位等相關人員參觀,龐大的資訊量,如要仔細體驗及參與,勢必耗時一天半以上。
農業資訊的進階應用,目前可說是「百花爭艷」狀態,功能近似產品不斷推出並相互競爭,如各類無人機、辨識系統、管理軟體、機械外骨骼、管理連動應用平台等,各有特色,本展覽不僅止於展示農業相關資訊外,亦有各種農業資材的應用、新型態資材及栽培設施、農產品及農產加工器具、農具等展出,以「農業展」而言,可說非常完備,也明示了農業各領域將走向相互融合的方向。
接下來,筆者將就「無人載具、軟體、機械外骨骼、資材與技術」等主題,與各位讀者分享本次見聞。
無人載具
無人機為近年熱門發展的器械,包含水、陸、空形式及自動採收機等其他功能性的無人機械等,依需求而有不同的機型和設計,甚至有異業結合開發,如汽車企業結合飛行用藥無人機的共同開發,成為更便利作業的用藥組合,無人機發展方向為公分級精準定位及便利的自動作業,搭配遠端作業器具和軟體,可實現遠端作業、減少勞力及增進田間作業安全,達成精準農業及安全農業的目標,並減少農業缺工的問題。
軟體
2019年日本農業展展出的農業軟體,大多具整合及記錄性質,性質相似的軟體數量眾多,部分並搭配感測器械共同推出的軟體,如設施栽培內監測環境及疾病預測的軟體。另外,結合UAV多光譜拍攝做作物肥份影像解析的軟體,再以UAV定點調整施肥量;紀錄田間從業人員的工作與休息時間、體溫等紀錄和提醒的監測軟體;農產品行銷部分,不少廠商提供B2B 及 B2C類型的「農產品銷售管理系統」,提供生產者和消費者進行互動和販售;生產部分則提供生產者付費的管理解決方案(或稱營農指導員),內容類似國內植物醫生及農業張老師等,針對委託者進行客製化的栽培管理服務,提供者主要為日本國內廠商。展場另有攤位進行日本各地農產品、農藥施用講習、農產公司產品推廣。
機械外骨骼
機械外骨骼(又稱肌甲裝、動力服、Powered suit),主要以外骨骼模樣進行依使用需求設計,為著裝後可提升特定功能的裝備,在農業領域常見為提升搬運重物效率、避免重複動作造成職業傷害的外骨骼,對於務農人口老齡化及新農民的身體保護都有絕大幫助。而本次日本農業展令人印象最深刻的為著裝簡易化、輕量化的類型,甚至輕如一般大衣,且穿戴方式接近衣服的形式,展出國家為尼德蘭,筆者親自著裝試用後,明顯感覺提升搬運重量效果及作業時保護腰部的功能。未來外骨骼也將可結合或協同其他器械協同進行複雜作業,因應國內日益老化之農業從業人員及雇傭勞力減少部份,具有廣大的發展潛力與商機。
資材及技術
各式農業資材與技術亦是本次亮點,在栽培設備方面,有各種育苗材料、家庭用耕栽培裝置、高效能燈具、有機肥與土壤微生物商品、栽培介質,以及溫室建材組裝展示、植物工廠VR參訪、授粉資材等。防治資材方面,品項同樣繁多,除各類噴頭、農藥製劑及無人機用製劑外,在其他防治資材方面也具備高度多樣性,如生物防治罐、蟎類陷阱、安全可溶農藥包裝、費洛蒙產品、燻蒸器具、各色光波誘蟲、忌避燈、有害動物聲光忌避設備,及施藥專用口罩等。在採收及包裝的資材部分,則有透氣長貯包裝及包材等。上述資材多為跨領域合作開發,顯示農業研究相關人員可多與其他領域確切進行交流討論、研究協作,共創解決農業問題技術。
商業化生物防治天敵製劑罐。
農業科技因資訊技術的發展,有爆發性的成長,許多內容都逐漸貼合Global G.A.P及作業標準化、自動化、安全性提升的需求,從參訪各專案及產品項目來看,無論直接引進或進行跨領域開發合作,就「目的」、「經費」及「合作」、「商業模式」,皆須在不同領域的多方完整溝通理解後有明確同步,否則將易陷入單方利用;或因領域差異而限縮成果,浪費經費、時間,且無法解決問題或強化開發,因此未來農業資訊跨領域、組織合作時,必須更精實及對目標有共識。
2020年的日本農業展及日本農業發展政策,重點之一為智慧農業的成本降低及普及化(如搭配日本的準天頂衛星的精準定位,減少定位儀器成本),配合日本農林水產省針對智慧農業公告的政策「スマート農業推進総合パッケージ」(Smart Agricultural Promotion Comprehensive Package),並在資料格式規格化後與其中的WAGRI平台資訊連動(2020年開始公開OPEN API的服務),且於日本全國148個地區執行智慧農業實地作業示範推廣,無論從政策資料或展覽內容,均顯示智慧農業不僅只是單一的農業發展區塊,而是上述各類展出區塊內容的各項統整,也宣示了日本的智慧農業逐步走向橫向連結及加速擴張的階段。2021年開始日本農業展的其中一個展區「次世代農業EXPO」也將改名為「スマート農業EXPO」(智慧農業),可以想見智慧農業發展的比重越來越多。
本次除參觀展覽外,筆者亦前往大學拜訪開發茄科IPM技術的教授(前農研機構研究員),教授於對談中提到日本推廣IPM時,也遭遇農民傾向選擇簡單便利的害物防治方式(如單純使用農藥),使IPM即便效果卓越,但因操作相對複雜,降低農民採用意願,因此對於新科技或現有技術的推出,如能具備便利且直覺模式,將有機會提升利用率。
因應COVID-19疫情影響、氣候變遷及人力缺乏情形下,智慧農業企業加速選汰,筆者數年來參訪農業展及持續關注智慧農業演變,雖農業資訊更迭速度,不若科技業以「季」為計,也可略以「年」計變化,建議有興趣的讀者,可規劃每年或隔年參訪相關展覽,即可看見發展的趨勢及進度。待疫情趨緩後,無論公費申請或自費前往,日本農業展都非常值得前往參訪及收集各類資訊,或接洽引進適用國內的技術、資材,將有助持續強化國內農業競爭力及研究能力。
附圖:日本農業展於2019年開始將多個展覽一併展出。
東京農業展展場情形。
自動採收機器人示範採收蘆筍。
汽車企業與無人機公司的合作開發無人機用藥組合。
軟體應用種類多元(左至右為UAV應用、影像辨識、作物販售)。
月租型農業栽培管理軟體。
機械外骨骼輔具。
韓國企業的梨果類授粉用花粉噴射機(搭配噴藥車)。
農藥資材展示,提升安全性的可溶性農藥定量包裝(類似洗衣球)。
施用農藥使用口罩。
資料來源:https://www.agriharvest.tw/archives/59516
同時也有108部Youtube影片,追蹤數超過4萬的網紅吳老師教學部落格,也在其Youtube影片中提到,元智實用化課程用DW將網站轉為APP(2015) 這是在元智大學的課程,主要是如何將之前學習用DW CS6所製作的網站,轉為APP的簡易流程,包含建立HTML頁面與導覽列等, 最後利用PHONEGAP網站協助將網站ZIP轉為APP,並產生QR碼,讓製作APP更為簡單,但是原版PHONEAGAP支援...
視覺化 網頁設計 在 農傳媒 Facebook 的最讚貼文
【日本東京農業Week 農業資訊應用百花爭艷】
農業科技因資訊技術的發展,有爆發性的成長,機械外骨骼,主要以外骨骼模樣進行依使用需求設計,在農業領域常見為提升搬運重物效率、避免重複動作造成職業傷害的外骨骼,對於務農人口老齡化及新農民的身體保護都有絕大幫助。
日本農業展令人印象最深刻的為著裝簡易化、輕量化的類型,甚至輕如一般大衣,且穿戴方式接近衣服的形式,未來外骨骼也將可結合或協同其他器械協同進行複雜作業,因應國內日益老化之農業從業人員及雇傭勞力減少部份,具有廣大的發展潛力與商機。
-
🤜看更多農報導:https://www.agriharvest.tw/archives/59516
#日本 #智慧農業 #農業科技
視覺化 網頁設計 在 洞見國際事務評論-Insight Post Facebook 的最佳貼文
數據分析師也要會?
政治學門與視覺溝通的設計概念如何幫了我
====
前些日子,老闆突然發現我會做類似資訊圖的東西,用來解釋數據庫的開發流程、遭遇困難、成果,非常有用。
由於客戶方的C level人員過去一兩年出現大幅調動,來了一個科技業過去的高管,覺得數據取得是自然簡單的事情,也不明白過去幾年我們克服的挑戰。
原本我們預想,客戶方跟我們合作多年的對口,會知道我們工作的複雜與困難程度,但實際上他們理解的範圍還是有限。就像盲人摸象,客戶方隨著與象的接觸範圍越小,看到的東西越局部。
只有我們是把整頭象生出來的人,才能明白裡裡外外的全貌。
於是當我用繪圖軟體把這些流程圖視覺化出來以後,用圖像、數字來說故事,成果竟然出乎意料。
一方面是在客戶方的高管方面大受好評,更有利於我們爭取更多資源,二方面是客戶方與我們對口的單位,也更好強化他們自己的重要性,爭取資源也更容易。
對我個人而言,這次視覺化溝通的過程,相當於我個人職涯至今的成果展與紀錄,更有效地展示工作成效與付出程度。直接間接,也促成了我在疫情期間,一次逆勢的8%加薪。我的團隊的重要性,也被所有客戶、己方公司所看重。
如果要總結,上述環節,實際上都跟數據分析、數據庫規劃的工作,沒有直接相關。更像是對公共關係管理、部門本位主義與資源爭奪的理解,還有視覺化溝通概念的發揮。
====
政治與視覺溝通:讓人有感的,才算你的功勞
====
不要說數據分析師的工作,聽起來跟政治學科、圖像設計等一點關係都沒有。政治學科跟圖像設計到底有什麼關係,也是啟人疑竇。
但人生跟職涯就是存在這麼多有趣的巧合。每個人的經歷,最後往往變成一套武學路術,在你冒險的路上,面對不同的怪物,可以隨時拿出不同的工具來應對。
如果我用當前政壇社群小編盛行的狀況來解釋,大家就很容易理解,為什麼這一切會串在一起。
在上面提到的事件當中,最大的挑戰在於: 工作型態屬於基礎建設,或者防患未然的角色,通常很難展現工作表現的成果。
不管是工程師開發單位,或者是數據提供的單位,人們更多的印象是你出錯的時候,而不是預防了多少問題的發生。
因為沒發生的問題,不會被注意到;被注意到的,都是出大包的時候。(現在是在講台鐵嗎?)
這種情形在公家單位、國營事業單位,也同樣嚴重。嚴重到公共行政學門必須有一門學問專門在衡量評估這類單位的成效。但儘管如此,民意與輿論通常一點也不在意。
我曾經短暫服務於某機密單位,在一次徹夜繃緊神經,避免了一次國際衝突之後,在自助餐店聽到民眾對著電視新聞嘲諷怒罵。其中不可說的無奈,印象非常深刻。
====
政治學門教我的事(之一): 溝通套路
====
不知道大家對丁守中這位政治人物印象如何,我想在網路上不見得特別正面。但作為一個國安專業的立委或者學者,他在一門台大政研所的課程當中,給了我非常多的啟發。
美國的國防部、中情局、蘭德研究所,其實很常出研究報告。這些研究報告的目的,除了有檢討組織營運效率、分析當前國際情勢的目的之外,用來跟國會溝通、要預算,也是關鍵用途。
那些報告或者預算書,真是用汗牛充棟可以形容,從政策溝通的角度來說,大家常聽到的媒體摘要後報導「中國軍力報告書」之類的東西,才是比較好的公關方式。但實際上報告或者預算書,可以看到的眉角更加龐大。
當時課堂中,一堂課要看的預算書或者報告書,印出來就跟字典一樣厚。但如果了解套路,是可以快速掌握重點,以及看出問題所在的。
最常出現的套路,就是:闡述問題、發現困難、提供解方、列出需求。
在一學期十幾堂課的過程中,不管主題是國土安全、國際危機、防災準備,都會走過這些套路。在往後的職場當中,儘管我們的溝通不需要寫一本字典,但所有套路仍然相同。
丁守中也許已經退出政壇,但如果看看現在立委網紅化的現象,動不動就直接對預算進行等比例「統刪」,究竟有多少立委真的能看完看懂預算書,並針對問題進行討論?我其實不確定有多少選民在意這件事就是了。
====
政治學門教我的事情(之二): 部門本位主義
====
我離政治學研究已經遙遠,學術定義不見得講得精確。但在過往經驗中,公部門的部門資源爭奪,在私部門其實也到處可見。
在很多情況裡,業務部門跟行銷部門是競爭資源最激烈的兩個單位。道理很簡單,因為業務部門會認為生意都是自己拉來的,行銷部門則認為是行銷策略奏效所致。
隨著所在產業不同,業務部門跟行銷部門講話大聲的程度會互有消長。例如To B的產業業務部門就比行銷部門重要 (一般來說)。
有資源爭奪的地方就有政治。因為在非市場競爭的環境裡,權力才是控制資源分配的關鍵。
那麼接下來就要看到底是誰在掌握權力。在我今天談的例子當中,業務部門發了自己的分析報告,去跟財務部門爭取預算,這當中當然完全忽略行銷部門的努力成果。
財務部門就是這當中掌握資源分配權力的單位,而業務部門則是行銷部門的資源競爭對手。搞清楚這層關係,並弄清楚自己站在哪一邊,才能決定你後面怎麼做才是對的。
於是數據方面的人才,就在這個時候變得非常重要。但我遇到過的多數數據分析人才,對於上述的這種權力關係並沒有概念。
「看數字說話」的本質並不是科學,而是一種溝通藝術。很多純資料科學訓練出身的人,往往很執著於什麼是「事實」。但實際上事實有很多面向,在都是正確的情況下,你要挑你所屬團隊有利的版本講。
這聽起來很簡單,但當你被埋在數據當中的時候,我在業界看到的很多人 (包含自己),都曾出現見樹不見林的狀況。
====
視覺化溝通的重要
====
人是視覺化的動物,所以如果這篇文章你看到這邊,表示你對我提的話題捧場,我謝謝你。
與其寫一本字典,不如用一張圖。但這肯定會「去脈絡化」,省去太多細節跟背景,有可能讓人錯誤理解或者解讀。
但如果你回顧我前面講的: 就算是事實,也會有很多個版本。那你就能理解,人的資訊掌握跟理解能力本就有限,你要提供的是「你覺得對方需要知道的事實」。
除此之外,一律簡化甚至省略。
這是為什麼「社群小編治國」會這麼討人厭的原因。但還好我不是在公部門,私部門最重要的溝通就是講求效率。不挑重點難不成你在幫老闆上課嗎?
公部門應該如何合理地使用社群小編,這是另外一個議題,我們可以好好反思。以後有機會再跟大家聊。
拉回來。
我在大學的時候,就對網頁設計、視覺排版很有興趣,雖然從來不是科班,也不能稱自己有什麼美感,但當時花了非常多時間跟金錢在學這些設計的東西。 (我非常感謝父母當時對我的支持,畢竟有很長的一段時間,這些教育投資都像丟到水裡一樣)
聊視覺設計有更專業的人可以聊,我這邊講的是一般人為什麼應該學設計概念。
實際上有一些專業的設計師本身也不會畫圖,他們的長才是在視覺的配置與規劃。而對於一般人來說,了解這些視覺溝通的概念,會對你設計簡報、辦公室溝通有很大的幫助。如果你的工作需要跟設計師溝通,了解這些更有助於你理解自己需要什麼,還有設計師夠不夠專業。
====
結語
====
其實今天是不知不覺寫了這麼多。如果你看到這邊,我感謝你的耐心跟興趣。
如果這篇文章有什麼出發點,或者寫作的原因,就是想回應高中大學時期,我們常有對特定學門的刻板印象。好像學什麼學門對未來職場有沒有用,甚至高中參加什麼社團對未來升學有沒有幫助。
其實我離學校已經很遠,但我可以很肯定地說,哪一門學問對人生的用處,不見得是當下馬上想像得到的。
同時,如果你因為你身處哪一個學門,就自我設限,不去接觸其他的東西,那麼你就自我實現了人們對該學門的刻板印象。
我是個數學很爛的人,我念了七年的政治學門,兩年的經濟學門。我現在是一個數據分析師,然後我的工作當中需要使用程式語言。
但當我要往上爬的時候,我發現真正讓我向上推進的臨門一腳,竟然是很久以前,看似無關的一門課,或者一個興趣。
不過最後,我不想讓這篇文章聽起來很cheesy。因為如果你在數據分析相關的求職履歷中說,我精通部門權力鬥爭、通曉視覺溝通藝術,你比較大的可能性是連一通電話都不會收到。
所以應該是說,如果你熱愛一門學問或興趣,不要猶豫去追求,但面對現實的需要,你則不應該因為現在所處的領域而自我設限。念政治系不是讓你找不到工作的原因,也不用很擔心一直想說要為了未來出路轉系之類的。
但如果你待在這些社會人文學門,卻自我設限不去涉獵其他領域的東西,這才是造成職場生存危機的主因。個人經驗分享,希望對於在求職的、在學的,或者在思考轉職的人,都有一點點幫助。
作者/李厚穎,目前於紐約擔任廣告行銷數據分析經理,也是洞見的小編本人。
視覺化 網頁設計 在 吳老師教學部落格 Youtube 的最佳貼文
元智實用化課程用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教學

視覺化 網頁設計 在 吳老師教學部落格 Youtube 的最佳解答
元智實用化課程用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教學

視覺化 網頁設計 在 吳老師教學部落格 Youtube 的精選貼文
元智實用化課程用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教學
