107級 畢業專題
整理/林怡玟
Part1
[ 感 受 嘉 溫 ]
工作分配
鍾華栩
剪輯,網頁設計
陳京里
聯絡廠商
剪輯攝影
許育誠
剪輯,文宣設計
指導老師
劉漢欽
製作理念
讓來嘉義遊玩的旅客能夠感受到當底的特色及人情味。
是否有跟廠商合作?
有,頂菜園。
使用到哪些軟體?
分別用這些軟體製作什麼部分?
> Dreamweave:做網站
> Premier:做影片
> Audacity:去雜音
> After Effects:後製
> Photoshop和illustrator:製作文宣
做出的教材有哪些?
網站,影片,文宣。
遇到哪些困難?
怎麼解決?
組員時間衝突,工作分配不均 → 開會溝通,找出解決的方法。
[ 歐跟尼克的盤子 ]
工作分配
(訪談為小組全體進行)
謝明聖
專題企劃、網站架設
鄭峻委
專題企劃、腳本設計
林治丞
動畫製作、影片剪輯
蔣佩玲
料理烹調、拍攝素材
指導老師
王思齊
製作理念
我們希望能夠藉由數位化、影像化有機產業的相關資訊來推廣有機概念,由於網際網路的發達,各種領域的教學已經不用面對面進行,其中又以影音媒體有較高的觸及率,透過行動裝置便能輕易地瀏覽各式各樣的影片。
是否有跟廠商合作?
有,農場(香積苑、金品、安弟)。
使用到哪些軟體?
分別用這些軟體製作什麼部分?
> AfterEffects:做動畫
> photoshop:做動畫素材
> 威力導演、Premiere:剪影片
> wix:做網站
做出的作品有哪些?
動畫、網站(連結: )、影片
遇到哪些困難?
怎麼解決?
1. 動畫素材自行製作花費過多時間 → 使用免費icon網站的素材。
2. 農場婉拒參訪
→尋找農場資訊時盡量多洽談幾家農場以備不時之需。
3. 料理影片效果不佳 → 重新拍攝、改寫腳本或替換食材。
[ 隨時享果趣 ]
工作分配
(訪談為小組全體進行)
許敬卉
美工、設計
陳易暄
網頁程式撰寫
林歆喬
攝影、修圖
林晉仕
影片拍攝
剪輯後製
指導老師
王佩瑜
製作理念
就現代人來說,水果不僅能健康身體,還能舒緩心靈。 基於社會大眾對果類植物認知與理解的欠缺,我們希望建構一個網站來傳達豐富且正確的知識, 所有資料來源參考自衛服部水果營養資料庫、"果療"、"水果食療大全" 等書籍, 來製作一個知識性的網站,以柔和溫暖的訴求,重新提醒國人水果的重要性,期待能提升大眾對水果的觀感與想法,進而從中得到幫助。
是否有跟廠商合作?
否
使用到哪些軟體?
分別用這些軟體製作什麼部分?
> AI:繪圖
> PS: 修圖
> Lr:修圖
> Pr:影片後製
> Fl:動畫app
> Atom : 撰寫網頁程式
做出的作品有哪些?
網站(主)、app、影片
遇到哪些困難?
怎麼解決?
1.專題內容有法律爭議 → 諮詢SME並調整內容。
2.網站風格未定 → 問卷調查。
3.拍不出理想的照片 → 多嘗試或使用修圖軟體進行後製。
4.網頁製作相容問題→多嘗試,討論並一起找出Bug。
網站截圖
網站截圖
網站截圖
網站截圖
[ 搞定N4單字 ]
工作分配
(撰寫企畫書、課程編排為兩人共同製作)
謝亞修
撰寫App程式、建立資料庫
郭庭妤
美術設計、App排版設計
指導老師
黃國鴻
製作理念
組員中有對日文有興趣者且通過日本語能力測驗N1,具有一定日文知識,明白學習一種語言不是件容易的事,所以欲製作日文教材讓其他日文學習者能輕鬆學習日文。根據在日文教學上有多年經驗,同時也是我們畢業專題SME的嘉義旭文日本語學院專案經理志方優老師表示,他的學生當中日文程度接近日本語能力測驗四級檢定的人數是最多的,而隨著數位內容的發展,並且智慧型手機又逐漸取代電腦的存在,大家對於智慧型手機的依賴會多過於書本介紹,因為只需滑動手指便能掌握想要的資訊。但即使教育性App數量日益增加,多數的內容依舊以單調的電子書為主體、缺乏互動性,再加上App本來就難以如同傳統式教學中老師可以針對學生課堂行為對其教學方式進行調整。在使用App數位學習和傳統式教學之間各有優點與缺點,我們認為這優缺點是可以互相補足的,以下為其分析:
(1) 時間空間限制
傳統式教學易受到時間與空間的限制,App數位學習則可以隨時隨地進行學習。
(2)多數教育類App內容單調
教育性App數量雖日益增加,但多數的內容依舊以單調的電子書、靜態圖片為主體,缺乏互動與吸引使用者學習的趣味性。
(3)依學習情況進行調整
多數教育性App難以如同傳統式教學般有老師可以針對學生課堂行為對其教學方式進行調整。
結合以上的幾點,我們將製作一個具有互動性且可以依據學生學習狀況進行調整的日語N4檢定單字App,如此一來將沒有時間空間的限制、兼具基本記憶方面的學習內容與有趣的互動,以及視學生學習狀況進行強調、重複出現等方式輔佐學生學習。目標是透過智慧型手機應用程式讓使用者熟悉日語N4檢定考試範圍內的單字且與學生有所互動,能夠根據學習行為、學習狀況為每位不同的學生提供不同的教材內容。
是否有跟廠商合作?
否
使用到哪些軟體?
分別用這些軟體製作什麼部分?
美術部分:
> Adobe illustrator:AR遊戲掃描用卡片與APP卡片冊收藏卡片
> Adobe Photoshop:3D模型的貼圖
> Sai:AR遊戲掃描用卡片
> Maya2015:3D模型
程式部分:
> Unity:界面製作、程式編寫、動畫製作、資料庫、AR SDK
> eclipse:Native plugin。
做出的作品有哪些?
app
遇到哪些困難?
怎麼解決?
在期中報告中被教授覺得這個專題沒有亮點,在組員深度討論過後加入了AR遊戲增加趣味性與讓人記住的亮點,同時也將美術風格從簡約大改成趣味,程式方面則幾乎全改,最後產出了目前這個APP。
[ 流浪狗與我們 ]
工作分配
謝亞修
撰寫App程式、建立資料庫
郭庭妤
美術設計、App排版設計
陸家耀
影片製作、故事撰寫
張郡友
網頁製作、故事撰寫
林憶庭
繪本製作、故事撰寫
鄭字耕
繪本製作、故事撰寫
指導老師
林菁
製作理念
狗狗天生就該流浪嗎?
牠們因為人類的自私走向了不幸的日子。
我們是不是該負責任去了解牠們的流浪之路,
並想辦法減少這些本來不應該發生的悲劇?
因此,我們的畢專希望能帶你們連結「流浪狗」與「我們」的世界…
是否有跟廠商合作?
否
使用到哪些軟體?
分別用這些軟體製作什麼部分?
> AI和PS:繪本
> PR:影片
> Wix:網站
做出的作品有哪些?
繪本、網站
遇到哪些困難?
怎麼解決?
組員不合、工作拖遲
→ 請老師幫忙調解,並利用更多時間趕畢專成品的進度。
繪本截圖
繪本截圖
繪本截圖
繪本截圖
[ 七步成師 ]
工作分配
李怡萱
網站程式撰寫、
網站上架
謝亞修
撰寫App程式、建立資料庫
顏詩芸
美術設計、
課程腳本及製作
羅袁穎
進度管控、影片製作
指導老師
王思齊
製作理念
七步成師是為有效化網路學習Photoshop、Illustrator所設計,在網路上有相當多的免費學習資源未做系統性整理,內容冗長、耗時,早已學會的內容也無從判斷。 於是我們提出兩種形式──「全程式」與「段落式」做為學習方法。影片式就如多數的線上影音教學,佐語音、後製說明,長度約20分鐘;而段落式,我們將整個學習內容整理切成七個部分,製作七個縮至一分鐘內的gif,亦後製焦點說明,gif會無限重複播放,即使不懂,也可以從旁邊的文字講義中,閱覽詳細說明。藉這兩種教材相互搭配,也能讓不同階段的學習者輕鬆進行學習或複習。
是否有跟廠商合作?
否
使用到哪些軟體?
分別用這些軟體製作什麼部分?
> Adobe Photoshop、Adobe Illustrator:課程
> Adobe Dreamweaver:網站
> Adobe AfterEffect、Adobe Premeire、Gif > > Brewerry、Adobe Photoshop:影片、gif
> github:網站架設
遇到哪些困難?
怎麼解決?
1. 專題本身:AI、PS軟體更新速度過快,容易產生版本不適用與學習落差的問題,專案對學習者的有效性恐怕會隨時間愈加有限。 若欲改善此情形,必須要持續更新以及補充說明,降低不同版本操作上的差異。
2. 製作時困境: 當在製作中時常遇上瓶頸,可能是自身所學無法應付,或是製作軟體不足以做出理想成品,甚至是製作初期缺乏靈感等。 當這些困難發生時,首先會請教老師、業師、和同儕們,尋求解決之道; 再者會額外進修以精進自身,如買書、上網搜尋資料、或是額外上課來提升實力。
logo
網頁icon
GIF截圖
logo
[ 跳躍吧!時空大叔 ]
工作分配
顏綾萱
程式、動畫配音,教學動畫之配音、 網頁程式撰寫
謝亞修
撰寫App程式、建立資料庫
郭庭妤
美術設計、App排版設計
林芝伃
企劃、動畫配樂,動畫腳本以及圖文腳本撰寫、 教學動畫之配樂
卓科含
視覺呈現,平面主視覺繪製、分鏡圖繪製
林春秀
視覺呈現,分鏡圖繪製、 動畫製作
指導老師
李佩倫
製作理念
空間與時間與人類密不可分,了解時間與空間之間的關係更能帶動人類科技的進步與發展。且時間與空間影響著人類的進行,古今中外所有學科的討論都離不開時間與空間,由此可知時間與空間對人類的影響甚巨。因此,我們希望透過簡單的時空理論,配合載具的方便性以及普及性,利用響應式的教學網頁讓具有科學基礎的人了解時空效應,也能開啟他們對於時空效應這類物理知識的興趣。
是否有跟廠商合作?
否
使用到哪些軟體?
分別用這些軟體製作什麼部分?
網頁撰寫首頁的部分使用 parallax 的技術搭配 JavaScript 呈現出視差的效果;在 html 的部分,為了方便撰寫與閱讀使用了 pug 程式語言;為了方便閱讀及整理 css 使用 sass 撰寫;全網站皆使用 JavaScript 及 jquery 插件來撰寫動畫效果;在響應式的部分選擇使用 bootstrap4 及 grid 的技術;版本控制及網路空間的部分則是使用 github 來進行來撰寫。動畫平面繪製以及圖文圖像繪製的部分使用 Adobe Photoshop 以及 Adobe Illustrator,動畫動態的部分使用 Adobe After Effect 來製作。
遇到哪些困難?
怎麼解決?
林芝伃:
1. 專題內容複雜困難 → 努力問老師努力上網找努力消化理解
2. 時間來不及 → 規劃好大家的時程,沒做到自己的進度就罰錢
3. 想要的音效找不到 → 努力找
顏綾萱:
1. 所需技術學校課程沒有 → 使用線上學習平台自學
2. 因每個人的載具解析度不同造成網頁排版困難 → 使用較簡單的排版 多使用動畫插件讓畫面看起來叫不死板
3. 滑鼠事件與行動載具的滑動事件不同 → 製作兩種網頁版本
卓科含:
1. 分鏡和轉場難想,常常卡住 → 多看mv和電影,放鬆又有靈感。
2. 同時畫7支動畫的所有背景和元件以及網頁的視覺,每天都有腦袋爆炸的危機!
→ 定期找人訴苦(超重要),維持心裡健康,但要抱著身體絕對沒辦法健康的心理準備。
3. 用滑鼠畫畫,肌腱炎的日常煩惱 → 去嘉義市做針灸跟推拿,隔天又可以繼續飆畫了!
林春秀:
1. 想好的分鏡腳本的特效都不會做 → 努力找教學影片和文章,就算是英文的也給它看下去!不能錯過任何希望!
2. 住在宿舍容易分心,動畫進度緩慢 → 借住綾萱家,請她盯著我認真做動畫。
3. 一支動畫快結束的時候需要一直修改,上傳到雲端給大家看,但是因為動畫輸出的檔案很大,上傳的速度超級慢,浪費很多時間 → 快完成的那天,大家聚在一起做事,就可以直接看。