▋#佐編茶水間第100特輯🎊🎊
- 抽獎大會來了！藍芽耳機/ 瑞典品牌包/ HERO課程
　
Hey～我是Zoey，一位在家工作四年的網路創業者，也是 #佐編茶水間 Podcast 節目主持人。在這裡，我們會討論朝九晚五的心酸血淚，小資族奮鬥日常，還有最重要的：怎麼打擊這些負能量，創造理想的生活💪
　
每周日上播一集，兩年來也累積到第100集！
心中充滿感激，因為你的支持，才能達到這個里程碑
第100集，我們不訪問來賓，來與聽眾聊聊
#你是在什麼契機遇到茶水間呢？
　
/ #去年底咖啡廳才開幕的絜威 面對突然的疫情
必須開始想新的方式增加公司收入...
　
/ #結束長達9年感情的小鴿 回過頭
才發現自己好像沒想過什麼是理想生活？
　
/ #在日本闖蕩的拼命三郎Ping，在沒徵兆下被
宣判了腎衰竭，停工休養的她思考如增進自己？
　
/ #住在瑞士的曼華一直有個創業夢，
但因為二寶媽的身分，讓她有許多考量....
　
我相信每個人都有自己正在奮鬥、掙扎的目標，
雖然尋找理想生活的道路有高有低，但絕對不孤單
　
收聽茶水間第100集
👉 網頁收聽：https://zoeyk.co/佐編茶水間100/
👉 Youtube收聽： https://youtu.be/Hf51iJoBrUg
　
最後 Bonus，感恩回饋的抽獎大會在這 👇🏻👇🏻
　
　
📌 #如何參加抽獎？
　
❶ 按讚 Zoey 佐依 粉絲專頁
❷ 於本篇Po文留言處 Tag 2位朋友，分享收聽這集節目的心得，或任何想對佐編茶水間說的話 (100字以上)
❸ 公開分享本篇貼文，並加上 Hashtag #佐編茶水間抽獎大會
　
✔ 活動自5/25(一) 8pm開始 ~ 6/3(三) 23:59截止留言
✔ 將於 6/5(五) 9pm 直播抽獎 (三步驟均須完成)
　
　
🎁 #超過20項獎品，陪你走向理想生活
　
• Sudio 瑞典無線藍芽耳機*1副
• Gaston Luga 北歐設計雙肩包*2個/ 卡夾*1個
• VoiceTube 看影片學英語 HERO課程*3名
• 采實文化 | 《賺錢，更賺自由的FIRE理財族》《把問題化繁為簡的思考架構圖鑑》*各2本/ 《大腦整理習慣》*3本
• 三采文化Suncolor | 《讀懂一本書》*3本
• 天下雜誌 | 《人生給的答案》《世界並不仁慈，但也不會虧待你》*各2本
　
　
::: 活動備註 :::
　
- 想更了解 Zoey → https://zoeyk.co/
- 獎項內容與規格皆以實物為準，得獎人不能要求獎項更換
- 主辦單位保有隨時修改及終止本活動之權利，如有任何變更將公布於 Zoey 佐依 粉絲專頁，恕不另行通知
- 獎品寄送以台灣地區為主，在國外的朋友也歡迎參加～可能將依寄送地點酌收郵寄費
- 將於 6/5(五) 直播後以FB粉專私訊聯繫得獎人，若於1周內無法聯繫上，視同放棄獎項

► bitplay 豐富手機攝影的萬用配件

接觸台灣設計品牌bitplay已經快要三年時間，除了和品牌一起成長外，同時也開啟了我對手機攝影的世界與琢磨。

旅行時總是攜帶一台相機搭配標準焦段90mm鏡頭的我，其實很依賴手機的便利性。因此，bitplay 高階廣角鏡頭（bitplay HD Wide Angle Lens）、高階望遠鏡頭（bitplay HD TELE EF Lens）兩顆鏡頭一直是我這些年來生活旅行中不可或缺的攝影配備之一。

剛剛好四階段的焦段組合：90mm（相機）、70mm（手機搭配bitplay高階望遠鏡頭）、22mm（手機主鏡頭）、18mm（手機搭配bitplay高階廣角鏡頭）讓我隨心所欲依照拍攝的主題來交替使用，很是便利。

如果你和我一樣一摸到攝影器材配備就著迷、一談到拍照就渾然忘我、給自己年終的獎勵就是一組攝影配件，那麼你就不能錯過這篇文章。

► bitplay SNAP! CASE 11 + 頸掛繩、手腕繩

從iPhone 7 Plus開始使用bitplay每代的設計手機殼，不只外觀上內斂有品味，同時兼具了安全防固的安全防固的防摔與強韌。

我曾經在許多攝影講座中提到，自己如何在旅行時一手相機、一手手機同步利用不同焦段來拍攝需要的構圖。這次SNAP! CASE在設計上加入軍規防摔的主打，在任何拍攝情況下替換相機與手機都讓人更加放心與安心。如果再搭配上頸掛繩或是手腕繩，可以更專注在拍攝與構圖上。

► bitplay AllClip Mini 輕便通用夾具

繼All Clip通用鏡頭夾獲得德國IF產品設計獎後，bitplay再推出AllClip Mini輕便通用夾具。利用一塊可調整式的軟墊片，就可將組裝在夾具上的任何一款bitplay外接鏡頭安裝在大部分品牌的手機上；這項設計對時常更換手機的使用者來說是最為方便輕巧的，可同時適用於前、後鏡頭，配合任何情境下的使用。

► bitplay多角度雙用腳架

產品的便利設計好壞是一握上手就可以清楚明白的，這隻bitplay多角度雙用腳架就是這樣一只好設計。尤其是腳架在手掌中的吻合度帶來「人機合一」的高默契，再搭配藍芽快門鈕的接環，讓自拍照或是團體照不再求人。

我一直相信，如果一件有趣的事簡單上手、輕鬆容易，那麼做起來就會很有意思，也就會想要一直做下去。好比攝影，是透過我們和世界的互動與溝通，以最便手的手機將感動的片刻擷取出來呈現，那麼這段故事也才會最動人。

最近一直嘗試拍攝商品的新手法，你也喜歡嗎？更多商品拍攝的照片都在網頁文章裡，點選連結就可以了解更多細節。

► http://bit.ly/34XLHRW

此篇發文是與 bitplay Inc. 的合作文。

「現在，如果有人問我是不是喜歡畫畫，我是真的不知道。」她說，「畫畫對我來說，已經跟呼吸一樣了。我不知道要幹嘛，就畫畫；沒有很想要畫，我還是畫畫。我沒辦法停下來。」
　
彷彿是她剛剛發言的證據，一幅剛完成的畫躺在桌上。陳青琳說，這個月是自從她開始工作以來非常意外的，難得空閒的日子。沒有特別為多出來的時間安排假期，她動手整理出了工作室的繪畫區，畫了幾幅圖，讓人想起去年九月節目上她受黃子佼訪問：「其實除非客戶特別要求，都沒有用手繪……電繪在商案上面執行是比較快速的……」邁入執業第十一年，依然習慣高工時，長年高速運轉，朋友叫她「陳不睡」，一切效率至上。難得閒下來的時候終於又拿起了畫筆。
　
打開她的作品集，動畫和平面兩大部分，作品主題多半以人類肖像呈現，動植物也常被繪製成擬人的形象。她常以身體器官的形變、擷取，藉由將肢體分割、拼貼，將人非人化，營造一種非寫實與疏離。畫裡的那些人，身上嫁接其他材質的枝節與表面，一樣回到「非人」的聯想。殊異的風格，嶄露在孫燕姿《跳舞的梵谷》特展一系列畫作、田馥甄「如果」演唱會的視覺、沈簡單〈小傾心大爆炸〉MV 等作品。
　
人們開始辨認出她作品的特徵，她卻在一年前的訪問裡談自己不喜歡遇到業主「我希望這個設計可以更像妳一點」的指示，覺得那是「空泛模糊的需求」。
　
「 因為，我真的不知道什麼是我的風格。」此刻，她又提了一遍，「我覺得被定型是一件無聊的事。」
　
　
人，物
　
作品裡慢慢浮現的一致性，她隱約有察覺，但並非有意為之。專業藝術家以創作為志業，定時定點產出系列作，完整個人創作史的脈絡，然而陳青琳以接案為重，唯有在客戶給出較多信任空間時，才有意無意將創作性格半帶進案子裡。
　
人物作為作品的主體，根源自她獨特的視線焦點。國小和姊姊一起用上衣和外套偷渡漫畫回家，她著迷於人物的長相，身上的裝備，其他部分在她眼中則是被朦朧的顏色。最初聽到別人討論畫中的背景，她甚至有點驚訝：「我一直以為大家都跟我一樣，看漫畫的時候只會注意人物。後來才發現很多人其實也很注意背景，只有我只看到人。」
　
她的作品向這個世界翻譯了她眼中所見，常有一種「分層」「遮蓋」的特徵。無論是單純區分層次，或是使用其他物件遮蓋主題，遮蓋物時常是自然元素的植物、雲等，與主體達致一種冷調的物我合一。
　
遮蓋之外，人體與物的形變同時營造了一種詭奇感，這來自陳青琳對所觀察事物的強烈聯想力。早在讀幼兒園的時候，她的畫作就已經常常拿獎，然而她只記得母親興奮的神情，完全不記得自己畫了什麼。大部分童年時光是聽家人轉述的，例如兒時自己常常坐在屋裡的角落，面對牆壁，很久很久。別人怎麼叫她都不回，一直看著同一個地方 ── 自己在做什麼呢？到了有記憶的時期，她記得老家浴室牆上有一塊斑駁處，一直盯著一直盯著，看起來就很像一隻喝醉的柴犬。小小陳青琳偷偷告訴姊姊這件事，還畫給姊姊看，姊姊只覺得她好奇怪。
　
說起兒時的她在床上，把棉被弄成一個小丘，躲在裡面，幻想皺褶裡住著許多人；把鉛筆盒立起來，打開，放一些橡皮擦當桌椅，好像有人待在那裡。一直到年紀長了，觀察事物生發幻想這一點依然沒變。忙其他事的時候忙其他事，一慢下來觀察周遭，腦中自動冒出畫面。她作品嫁接的花與身體、霧靄與血色、生物與死物，都顯示她腦內靈感放電的特殊迴路。
　
讓人好奇的是，畫中的人物總帶著一副冷冽的表情。五官的陰影中，他們對外不甚逼近的凝視，說是人，更像被觀看的物。當被問到自己眼中的人是否更帶有物的性質，她罕見地沒有快嘴回答，長長地咦了一聲。
　
「國一還國二吧，從那之後，再也沒有跟任何人特別好了。」她說。
　
那是青春期，她變胖了。不是那種讓人心知肚明的劇胖，而是剛好無法對號入座、卻又必須稍微承受別人意有所指的身材。塞滿摺疊桌的衝刺補習班，她發現自己很難走進教室深處的座位。下課時起身要去洗手間，坐在外側的女同學也曾悄悄踢開椅子。少女陳青琳，搭公車時總不停考慮該不該去坐靠窗的椅子，因為怕背著巨大的書包要下車時影響外側的乘客……
　
「我並沒有覺得這些事情非常嚴重，但，就是一些小小的事，會影響一個人後來變成怎麼樣的人。」如今的她說。「作品人物表情的冷漠，可能是因為這樣吧。」
　
她說，還是想要親近人，但不想要太近。太近的東西，就像她小時候久久盯著的那些牆 ── 一開始看是一片白牆，但一直盯著一直盯著，開始發現上面布滿孔洞，再也不是白色的了。
　
中學時代的經驗在她往後凝視事物的目光又加上一層冷色濾鏡。但，自嘲像漫畫裡的人物，自己曾經是個「平面」的人，沒有深層的東西，這些創傷並未在進行的當下對她造成直接傷害，因為她並沒有立刻意識到那是惡意。促使她跳脫平面、思考更多的契機，一直到高一才發生。
　
　
死，生
　
不想被定型，如何自我激盪出新風格？她說，看電影和讀小說對自己幫助很多。從電影，她領略構圖運鏡，閱讀則讓她在前期發想畫面時有不同的路徑。後來她喜歡詩，有想法就會用文字記錄，有一段時間她約束自己每天都用這樣的方式畫一張圖：腦中一有文字想法，繪畫相依而生。
　
她不是一開始就喜歡看書的。
　
過去，她有閱讀障礙，看書會跳行。姊姊和她都有先天性心臟病，但姊姊小時候就動刀治療，身上留下疤。父母親不想要孩子留下相似的傷痕，也就不急著讓陳青琳接受手術。直到高一的某一天，她發現自己沒辦法走路了。
　
緊急開刀的她沒有脫離險境。一離開手術房，她沒辦法躺下，沒辦法進食，感覺心口被什麼重重壓著，天旋地轉。手術醫師信誓旦旦地說，那是因為剛開完刀的心臟很健康，跳得很有活力的緣故。
　
家人半信半疑，出院之後情況卻沒有改善，重新就診，醫師才承認他把她開壞了。轉院檢查，新醫師說她必須馬上再動刀，否則心臟衰竭，活不過一個禮拜。
　
她再次被推進手術室。之後，陸陸續續動了許多次刀，她在加護病房裡住了整整一年。
　
時間再也沒有那麼漫長過了。沒辦法回學校上課，什麼也不能做，她發現什麼也不能做的時候自己反而想得更深。姊姊看她無聊，帶她到二輪電影院，一票兩百塊，六廳一整天，姊妹倆兀自興奮規畫著幾點到幾點看哪部片。她這樣遇見電影。
　
她們也跑圖書館和書店。姊姊遞給她余華的《兄弟》，她本覺得自己不可能喜歡那麼厚的書，沒想到一看不可自拔，坐在原地讀到脖子劇痛。直到最近她仍讀角田光代，有幾位日本小說家是如今一出新書就要去讀的。
　
「如果沒有經過那一整年，我沒有辦法跳脫熱血漫畫角色的平面感。」
　
大病過後，怎麼還當「陳不睡」？她說，其實從復興畢業以後，睡覺就睡得很少。自己花很多時間在畫畫還有作品上，到了大學，也一直都在接案、工作、上課。她很喜歡工作的感覺，一直都維持這個步調。
　
勤奮的勞動，隱然是一種求生意志。曾經瀕臨的死亡，彷彿只是使她醒來的過程，催生了如今停不下來的她。
　
病後短短幾年，高中畢業的她進入職場，一邊就學，一邊在動畫公司上班，也對外接案。那時她 19 歲。
　
等到陳青琳接案穩定，姊妹倆開始合作承接設計案，姊姊負責網頁製作，她負責視覺設計。一開始做飯店的案子，後來案件越來越豐富，遇到有案主要求與公司單位簽約，於是成立工作室，就是如今的「深度設計」。誕生不到一年，深度設計接到了華研公司的案子，製作了「華研所」網站、Popu Lady 淘汰投票網站等大大小小作品。
　
姊姊卻在前年又開了一次刀。
　
一直埋頭工作，睡眠不多，手術過後姊姊休養至今。工作室無法再以網站架設為主要方向，陳青琳一方面想著找更多的方向發展，因緣際會接到 MV，又回到了當年離開的動畫領域。
　
「其實，我本來就沒有設限我只是一個畫畫的人。」她剖析自己，有系統、有脈絡地去做一件事並不像她的作風。做一件事情的途中若遇其他有趣的事物便會被吸引。容易沉迷，但也輕易放下，「我對於變動不會不適應，只是有些東西需要習慣。」
　
「我本來就很難定義自己。只有多變和混亂像我。」
　
　
變，不變
　
在大環境，多變即是求生。深度設計近年接下不少影像案，從文博會〈嘻哈囝〉、〈2018 新媒體實戰 PLUS+〉到飛兒樂團〈刺青春〉MV 都有她們跨足的身影。
　
今年，陳青琳也完成了三件對自己的職涯意義重大的案子：誠品策展《越夢》、金曲獎主視覺與宣傳片，以及《聲林之王 2》的節目包裝。《越夢》是一個全面性的策展，是她沒有執行過的規模。過往每次個展，大部分心力在展示畫作，但《越夢》是在商業空間的展覽，要考量如何在商場諸多限制中維持展品的穩固，使觀者能安全的觀賞、同時表達自己的意念。她在前置期花了很多時間思考，透過所有團隊的夥伴給予幫助，嘗試讓自己用全觀的角度安排結構。
　
原本以為大案子必須面對公私部門層層關卡，但在金曲獎團隊，負責整體統籌的設計師顏伯駿攬下了大部分的對外事務。兩人本是好友，這次經驗讓陳青琳對團隊分工領悟更深一層。她說，分工就像打遊戲，團隊有人適合當刺客，有人適合坦。她在自己的團隊裡面必須擔負對外坦下傷害的角色，在顏伯駿的團隊裡則學習專心當個刺客。
　
「我喜歡和不同的團隊合作、甚至擔任不同角色。因為每次的不一樣都需要用新的邏輯和方式面對，不能用一套打天下。雖然更累，但也常常讓作品更有意思。對我來說工作很重要，但夥伴最重要，讓每次合作都能愉快是我對自己的期待。」
　
「無論是客戶或我們，都希望作品好。有時候會遇到客戶不信任我們，在合約細節上來回溝通許久。其實疑人不用，用人不疑，我常常跟客戶說，這樣的來回顯見不信任，可是其實，我們在同一條船上。」
　
《聲林之王 2》的節目視覺，是她近期最有成就感的案子。除了節目開場的短影音，包含節目中的畫面框、戰隊說明、預告、動態字等等都要一手包辦。過程中找來節目核心林宥嘉、蕭敬騰和 Lulu 三人做全身掃描，製作他們的動畫模型，也因為這樣又熟悉了 3D 掃描這一塊。在不同的案子裡，她不停切換身分，真的如她所自述的「多變、混亂」了。
　
收穫豐滿的 2018 年，卻也是她對插畫環境最不滿的一年。即便設計環境開始變好，插畫環境卻依舊糟。她感覺做插畫的人是整個產業裡最末端的底層勞工，被當成會走路的圖庫。以前，她對那些聳聳肩，說「就當是工作吧，算了」的人感到憤怒。然而，當問到她在影像、導演、策展、繪畫……這些不同身分裡，做哪一件事的時候最舒適？「我現在的目標還是想要往影像發展。但最自在的時候還是畫畫吧。」她說。
　
第十一年，無論對什麼失望，但無法對畫畫本身失望。再怎麼討厭呼吸，也無法不去呼吸。
　
她對畫畫最早的記憶，是老家的一面牆壁。小時候的她在上面畫著想像中的小女孩，姊姊經過時告訴她：妳這個人沒有畫天靈蓋，要把天靈蓋補上去喔。兩個小女孩花一整個下午，為牆面上的人頭補上天靈蓋。她往後的一生，作品中那些拼接、超寫實的形變，還有和姊姊一起坐在地板上完成一面牆壁的模樣……一切彷彿在那個下午就已經有了端倪。
　
她拿起桌上的那幅畫。遠遠看像一朵花，近看卻仍原來是一個人。小小的人形在她手中，同樣的主題，不同的變形 ──
　
原來她一直沒有離最初的自己太遠，依舊一直盯著某個地方，等待那個地方變出某個樣子。
　
　
　
　
形變、分割、嫁接：
不愛睡覺的設計師陳青琳，作品卻像夢
http://www.biosmonthly.com/interview_topic/10134
　
採訪撰稿_ 蕭詒徽
攝影_ 王晨熙 hellohenryboy
助理_ 洪以樺 Chair Hong
責任編輯_ 溫若涵

分享用做網頁(HTML5)的觀念做出APP

這學期在元智大學開的課程，主要教會學生能期中考前架設網站，
期末考前則是把網站轉成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_加上按鈕完成畫面分享用做網頁(HTML5)的觀念做出102APP

課程理念
智慧型手機平台，已成為手機上最完整的開放開發平台
人手必備的趨勢下行動上網已達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教學研習懶人包：

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

分享用做網頁(HTML5)的觀念做出APP

這學期在元智大學開的課程，主要教會學生能期中考前架設網站，
期末考前則是把網站轉成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_加上按鈕完成畫面分享用做網頁(HTML5)的觀念做出102APP

課程理念
智慧型手機平台，已成為手機上最完整的開放開發平台
人手必備的趨勢下行動上網已達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教學研習懶人包：

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

分享用做網頁(HTML5)的觀念做出APP

這學期在元智大學開的課程，主要教會學生能期中考前架設網站，
期末考前則是把網站轉成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_加上按鈕完成畫面分享用做網頁(HTML5)的觀念做出102APP

課程理念
智慧型手機平台，已成為手機上最完整的開放開發平台
人手必備的趨勢下行動上網已達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教學研習懶人包：

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