活--大稻埕場域實踐之設計思考 與在地生活
陳聖智S. C. Chen 國立政治大學傳播學院數位內容碩士學位學程專任助理教授 政大創新與創造力中心研究員 教育部智慧生活智活文創產業跨校教學聯盟共同主持人
新媒體、資通訊科技 創意與想像力 資訊 科技 社會 傳播 產業
VS
設計
智慧生活 人才培育
數位工具改變(媒材與科技的發生)
當資通訊遇上在地生活
設計思考與生活實驗室課群 課程主軸
策略聯盟(夥伴)學校/系所/老師 國立政治大學 傳播學院陳聖智教授 國立交通大學 建築所侯君昊教授／張倍銜教授
設計思考與 生活實驗室
東南科技大學 數位媒體設計系林惠娟教授／高士珮教授 真理大學
資管系李沿儒教授
中華大學
通訊工程系余誌民教授／生物資訊系侯玉松教授
5
高士珮 東南科技大學
日本8年「大提琴家」 5年前「日本語文學」
3年前「通識教育中心」 直接空降到「數位媒體 設計系」
高士珮教授提供
泰雅族
高士珮教授提供
阿美族
高士珮教授提供
天籟奇雞 步驟1.到傳統市場收音 步驟2.收到的聲音去噪取精華 步驟3.家裡一樓雜貨店養的九官鳥 運用無敵想像力解析上天賜予的天籟雞 聲製成主旋律 步驟4.主旋律加上節奏 步驟5.加上BASS與電子音樂等
高士珮教授提供
夜市人 聲
高士珮教授提供
高士珮教授提供
高士珮教授提供
QR - Code
高士珮教授提供
桃山、泰雅、自在 余誌民 副教授 中華大學通訊工程學系
余誌民教授提供 14
自在網路
余誌民教授提供 15
隨意網路
Real-life Host 1
Real-life Host 2
余誌民教授提供 16
泰雅文化的科學內涵 • 環保：就地取材，運用大自然資源。 • 科學：蘊含物理、生物、數學等科學原理。
余誌民教授提供
陷阱製作：力學、獸徑、動物習性
余誌民教授提供
竹管琴製作：取竹、洗竹、通節、 烤竹、調音、組裝、結繩
余誌民教授提供
泰雅/賽夏傳說動畫製作
矮靈祭傳說
聰明的頭目
余誌民教授提供
真理大學李沿儒教授
東南科大 李沿儒教授 林惠娟教授
城市 . 創意 . 滲透 交大建築研究所 許倍銜
許倍銜教授提供
Reshaping the City Opportunity
Sensitivity 圖片來源: https://www.facebook.com/chiaying.yang.3990 許倍銜教授提供
Space
Creative Technology
Reshaping 許倍銜教授提供
Intelligent Nodes on Campus
Power Generation
Power Supply
Distributing 許倍銜教授提供
Information
Lighting
Nodes & Linkages
許倍銜教授提供
侯君昊教授提供
侯君昊教授提供
侯君昊教授提供
侯君昊教授提供
侯君昊教授提供
設計思考與應用 Change by Design with Communication: How Design Thinking Transforms Creative Projects and Inspires Innovation and Entrepreneurship
用科技說故事
互動科技: 媒材、感知與設計
現況掃描
分析架構
前進敘事新舞台
真實環境
敘事
虛擬世界
解決實質問題 回應心靈需求
虛實共構
數位匯流時代影像敘事的意義與機會 —
靜態影像
說故事
動態影像
設計思考想像 發揮創意連結
互動影像
數位敘 事
社群網路與集體智 慧 智慧型多點觸控裝 置 新媒體雲端互動科 技
新的數位平台 建立應用創新
智活
文創
課程目標
以在地區域為實證、重視文化場域、結合智 慧科技與行動導覽系統的課程服務設計及教 研模式創新
將實際場域帶入課程實作! !
Mobile YiLan: Enhancing Visitor Experiences in Ubiquitous Computing Environments
Where is YiLan?
• Sheng-Chih Chen • Cheng-Ming Huang • Megan F. Liu
From: http://www.swcb.gov.tw/album/index-1.asp?m=16&m1=13&m2=390&sid=71 http://en.wikipedia.org/wiki/Yilan_County,_Taiwan
40
• With the rapid development of information computer technology(ICT), “Travel Via Cloud” concept has been promoting.
41
Interactive Course and Methodology • “Interactive Technology: Media, Perception, & Design”. • Main purpose: – Considers the relationships among social cognition, social value, and service experience, integrate interface design and technology with culture to provide solve problems and perform strategic simulations.
• Method: – Students develop their own mobile application, performing product planning, field test, and the design and implementation of their service in the course.
42
Service Learning(SL) • Makes students observe and learn more in social interactions, maintaining their links with society, providing a sense of identity and responsibility to society and community[1]
[1]“A service-learning curriculum for faculty,� Michigan Journal of Community Service Learning, vol. 2, no. 1, pp. 112-122, 1995. [2] http://www.tamiu.edu/profcenter/whatisSL.shtml
43
Logging in YiLan •
• •
•
• • •
In 1940’s, logging industry contributed greatly to Taiwan’s economy. It began to be used for recreation from 1980’s. Each logging trail is about 1 to 4 kilometers long, and walking each route 0.5 to 3 hours roughly. Can gain logging process and the history and life of ancient logging cultures
Logging trails (Map by Ching-Ting, Lee) http://www.wretch.cc/blog/bluejohn5/2325682 http://forestlife.info/Onair/327.htm
44
Apps in Ubiquitous Computing Environments - I • Woodman Diary
• Screenshots
System architecture
Eight logging trails on the left
Flip-book style
45
Good Design YiLan •
•
After SyueShan Tunnel opened in 2006, the driving time was reduced from 2 hours to only 50 minutes from Taipei to YiLan. Not only has abundant natural scenery but also full modern facilities. •
Ex. River park, springs and center for traditional arts.
http://www.my-life.tw/travel-talk/thread-1898-1-1.html http://www.e-land.gov.tw/ct.asp?xItem=54148&ctNode=891&mp=4 http://travel.network.com.tw/tourguide/point/showpage/1512.html
46
Apps in Ubiquitous Computing Environments - II • Modern YiLan
• Screenshots
System architecture
Photo-list view
Attraction introduction
47
後續建構為教學創新展示平台app
48
後續建構為教學創新展示平台app
49
後續建構為教學創新展示平台app
50
後續建構為教學創新展示平台app
51
「設計思維」課程目標 以學習者為中心之教學模式 以智慧生活行動學習為導向 以解決真實問題為核心之學習歷程 培養學生具有科學、美學、與新媒體素養並 以創造性解決問題之現代公民核心能力 • 養成具備智慧生活、創新、跨領域、知識統 整的未來社會人才 • • • •
52
設計思維 大稻埕APP行動學習導覽系統 先導型規劃 教師端
53
環境 1. 無網 路 2. 有網 路
功能 1. 基本景點資訊提供，且可分類資訊，如干、茶、布藥、小吃、藝 文、文創空間等。 2. 懷舊歷史老照片瀏覽 1.
2.
3.
4. 5. 6.
景點資訊可在網路環境下更新為最新內容(如使用者上傳新的 景點資訊，要能在連線網路後呈現與更新) 一日遊非線性路線規劃(讓學生自行挑選景點，排序方式可依 距離，ex. Funtrip)，且造訪完畢後，也能以GPS記錄造訪過的 景點，呈現一日遊歷的影音文字記錄。 行動測驗平台，可讓學生測驗題目，後端也能記錄學生的答題 狀況，如正確率以及停留時間等，以利進行學習分析(可以是 QR Code觸發網頁的學習事件，可參考最末頁(P.5)流程圖與連 結影片) 天氣、地圖資訊 拍照 Facebook分享(意謂社群方式) 54
系統架構圖(System Architecture)
55
系統流程圖 – client, offline
56
系統示意圖 – client, offline
57
流程圖 – client, online(1) 1
58
示意圖 – client, online(1)
景點新增方法有兩種，如下： 方法一：能透過前端上傳景點資料去更新後端資料庫，較直覺但實作難度較高 方法二：透過後端平台去擴充景點資料庫，安全性較高 59
百年風華大稻埕之服務科學先導型服務設計系統 台灣服務科學學會/溫世仁文教基金會 大稻埕景點
一、景點分類：
（400點）
美食
批貨體驗
走走看看
特色文創
在地小吃
布行
歷史古蹟
藝文空間
咖啡飲茶
中藥材行
名人故居
文創商店
Bar
茶行
河岸風光
二手店尋寶
南北(乾)貨行
二、執行狀況： 1. 預計完成景點數：400點 2. 已完成景點數：220點
在地實踐 三、景點資料彙整成果： 例1. 面對慈聖宮左前方
媽祖宮口原汁排骨
‧ 分類：美食─在地小吃 ‧ 電話：0928-880-015 ‧ 地址：台北市大同區保安街49巷17號(慈聖宮小吃街) ‧ GPS：E 25.060245／N 121.512184 ‧ 營業時間：09:00 ~ 16:00 ‧ 建議停留時間：20 mins
在地實踐 三、景點資料彙整成果： 例2. 日星鑄字行 ‧ 分類：走走看看─歷史建築 ‧ 電話：02-25564626 ‧ 地址：台北市大同區太原路97巷13號 ‧ GPS：E 25.052654／N 121.516317 ‧ 營業時間：週一至週五 9:00-12:30、14:00~17:30 單週週六 9:30~12:00 國定假日及週日公休 ‧ 建議停留時間：15 mins ‧ 網址：http://rixingtypography.blogspot.tw/ 日星鑄字行，臺灣一家活版鑄字廠，專門生產鉛體文字， 以提供給印刷業，做活版印刷之用。由張錫齡於1969年 創辦，現由張錫齡之子張介冠經營。日星鑄字行是現在 臺灣唯一僅存的鑄字行。
在地實踐 三、景點資料彙整成果： 例3. 鳥居紡布匯 ‧ 分類：批貨體驗─布行 ‧ 電話：02-2552-1116 ‧ 地址：台北市大同區民樂街71號1樓 ‧ GPS：E 25.052654／N 121.516317 ‧ 營業時間：週一至週五 09:00-18:00 週六、假日 10:00-18:00 週日公休 ‧ 建議停留時間：15 mins ‧ 網址：http://www.niaopj.com/ 提供日本傳統布、少淑女布料、毛料、彈性布、先染布 、格子、條紋、包包鞋子用布、傢飾工藝用布。
在地實踐 三、景點資料彙整成果： 例4. URS 155 Cooking Together ‧ 分類：特色文創─文創商店 ‧ 電話：02-2552-0349 ‧ 地址：台北市大同區迪化街一段155號 ‧ GPS：E 25.058671／N 121.509646 ‧ 營業時間：週二至週日 11:00-19:00 週一公休 ‧ 建議停留時間：15 mins ‧ 網址：https://www.facebook.com/cookingtogether155/ 大稻埕城市書院建於西元1850年代，原為雜糧行與中藥 材貿易店屋，建築樣式為傳統閩南的二進三層樓建築。 作為迪化街生活創作基地，URS155以cooking together 為概念，運用創意以及在地食材，和大家一起煲煮創意 湯頭，醞釀街區的創意。現為希嘉文化有限公司經營。
大稻埕景點說明 對應dropbox「大稻埕」資料夾 中之子資料夾，以流水編號整理
該景點的文字資訊及介紹 內容、完整度齊備與否
對應照片原始檔案名稱。表 示驗收通過之照片 “X”表示未通過驗收之照 片（每個景點的基本照片量 為5～7張）
驗收結果
該景點之分類（分 類清單請參考p2）
美術組組內驗收結 果及需改進方向
#1~#100景點概覽 景點名
#1 久順茶行
#2 大稻埕教 會
照片
基本資料
電話：02-2553-2862 地址：台北市保安街54號 營業時間：10:00~21:30 建議停留時間：20min GPS：N 25.059035／ E 121.512694 http://www.joshuntea.com.t w/tc/aboutus_a.php • • • • •
• 電話：02-2553-9741 • 地址：台北市大同區甘 州街40號 • 營業時間：星期日早上 10：00 • 建議停留時間：5min • GPS： http://www.tttchurch.org.t w/
簡介
30年老店，五個兄弟一 起齊心合力打拚起來的 茶行，堅持傳統的好品 質外，更提供客製化的 茶，來滿足新世代的茶 癮，放眼國際推廣茶文 化外銷至韓國、日本、 東南亞及北美洲，算是 一種台灣之光。
大稻埕教會於1875年8 月15日由馬偕博士創立， 後由「台灣茶葉之父」 的李春生長老獻地，於 商業重鎮、人文薈萃之 大稻埕，獨資捐獻禮拜 堂。為加強磚造為主結 構，採質地優良的大正 初年清水紅磚砌成，施 工品質優良，立面佐以 中西特色之藝術裝飾。
景點名
#永樂台南土 魠魚羹
#蚵嗲
照片
基本資料 • 電話：02-2558-8658 • 地址：台北市大同區民樂 街1號 • 營業時間：07：30～20： 30 • 建議停留時間：20min • GPS： 25.054406/121.510309
• 電話：02-2555-5783 • 地址：台北市延平北 路二段36巷17號 • 營業時間：09:3018:00週一公休 • 建議停留時間：15min • GPS： 25.054936/121.51117 9
簡介 永樂市場附近老牌好 吃的土魠魚焿店，因 為人氣超高，所以一 到用餐時間總是高朋 滿座。除了可以點招 牌土魠魚焿之外，還 有麵和米粉可以選擇。 羹湯用白菜下去熬煮， 加上炸土魠魚魚的鮮 美，喝起來鮮甜爽口 不油膩，吃膩肉羹的 人不妨試試。
青草茶街旁巷弄 中的小攤販，專 賣蚵嗲、傳統炸 物以及醃蛤蠣。 現作現炸的蚵嗲 外皮脆口、內裡 軟嫩，蚵的腥味 不重且肉鮮甜多 汁。另外炸蘿蔔 糕也是必點之物， 香脆金黃的皮， 咬下去又不會太 硬，有別於一般 早餐店的蘿蔔糕， 多了份濃濃的古 早味。
教育部智慧生活大稻埕配套活動計畫 計畫目的：
1.透過國際交流讓學生以國際視野重 新思考本地的常民文化 2.透過場域參與提高學生對於系統應 表達的人文內涵 時間：
在地場域 實證學習
102.02.28 (四) 上午 09：00~12：00
國際學生 跨界交流
參與人數：
日本與台灣參與 總人數約25人
產學整合 創新研發
創意專題 共同創作
智慧生活 人才培育
68
百年風華大稻埕場域配套計畫 計畫目標
智活人才培育 教材建置 在地觀光 行動服務
服務設計 體驗學習
地方產業資 通訊應用/ App建構 網路傳播擴散 多媒體創意影片
72
73
75
尚漢鼎主任提供
尚漢鼎主任提供
故事探
發展數位
索教學
課程光碟
Qrcode
數位課程
行動學習
網頁平臺
AR導覽 學習系統
引導問題 確定問題
建置大稻 埕數位導 覽中心
發展教材
MPBL創新 教學模式
觀察情境 察覺問題
教學活動
進行探究
自我建構
整合分享 交流推廣
即時線上 雲端測驗
大稻埕 M探索
建置情境 智慧教室 學習共同 體整合
分工合作
鷹架學習
分享經驗 整合成果 課堂學習 成果報告
建置ICT
綜合評鑑
教學系統
認知負
推廣應用
荷分析
課程發展
學生學習
永續循環 跨校聯盟
政治大學 永樂國小
國際交流
成效探究
目標與資訊融入教學 教材庫 教學平台
數位設備 行動載具 數位影像設備 數位融入教學 PBL教學 智慧教室 Hiteaching Hileranning 資訊團隊 專業學習社群 資訊創新小組 永樂國小大稻 埕教學團隊
尚漢鼎主任提供
教學模式
方案 緣起
教學 模式
教學 歷程
資訊 整合
成效 評估
團隊 運作
1.應用主題探究模式，培養學生資訊能力和問題解決能力，包括六個階段： (一)工作定義 (task definition)
(二)尋找策略 (information seeking strategies)
(三)取得資訊 (location & access)
(四)使用資訊 (use of information)
(五)統整資訊 (synthesis)
(六)評估 (evaluation)
2.PBL的教學模式特徵 1.學習者為學習歷程中的主體。 2.學習須在真實的社會情境中進行。 3.重視建構性知識，學生必須主動探究。 4.與同儕群體討論，從做中學，整合內化自己。
3.本校整合網路探究模式與PBL發展為「MPBL教學模式」 觀察情境 察覺問題 尚漢鼎主任提供
引導問題 確定問題
分工合作 進行探究
分享經驗 整合成果
綜合評鑑 推廣應用
成長 省思
曾仁杰教授教學模組演講
林崇偉教授教學模組演講
小結
數位工具改變(媒材與科技的發生) 新媒材的運用︰從平面設計到互動系統設計 藝術設計形態轉變(互動性) 設計思考的概念與數位敘事說故事 智慧生活文化與生活科技的體驗情境 社群媒體興起智慧型手機(即時性) 創造力與想像力 互動科技: 媒材、感知與設計 數位文創設計 86
遊戲介面
智活文創--大稻埕場域實踐之設 計思考與在地生活 用科技說故事 Thank you 謝謝聆聽敬請指教
陳聖智 scchen222@gmail.c