元培科技大學
夜二技資訊管理系畢業專題
創新育成中心網站導覽系統
專題計劃書
指導老師：何天華老師
組 員：莊政偉
(0972308025)
徐琳淵
(0972308017)
張志華
(0972308018)
余秉和
(0972308003)
余欣達
(0962308070)
中
華
民
國
九
十
八
年
十
二
月
1
摘 要
長期以來，中小企業在台灣的經濟成長或產業發展，一直扮演著舉足輕重的角色，醫療 技術與生物科技是近年來繼電子科技後的新興產業，亦是政府近年來大力資助輔導的重點產 業，而相關產品與產業亦如雨後春筍般出現成長，而要如何保護，新產品在開發設計生產後 的相關智慧財產，而如何不被相關不肖業者仿冒並圖利，便需要靠專利權來保護業者產品的 相關智慧財產權。本育成中心除了協助中小企業廠商進行產品研發及設計外，尚包括產品的 相關智慧財產專利權申請，而中心內的育成中心是一個創新設施（Innovative facility），本身即 是一個經營事業體，其對象是擁有技術的創業者與其新創的公司；藉由中心提供其負擔得起 的出租空間、共用的設備、各種商業服務與諮詢，以及專業技術與管理的支援與管道，有效 的結合進駐廠商、資金、技術、專業技術（know-how）與市場資訊，創造一個可以引導創業、 生存與早期成長的整體培育環境，以降低技術商品化過程的成本與風險，減少外界環境對初 期創業階段的巨大壓力，本育成中心在產品展示上將加入 3D 導覽，讓產品展示更加生動，而 友善的瀏覽環境及更加精緻的網頁美工排版，能提高網站人氣黏著度更能增加新企業成功的 機會。此設施及運作機制對於創新高科技的孕育及發展，具有無可取代的重要功效，尤其對 於研發比重高，以無形智慧財產為訴求的相關科技產業，更需要育成中心的助益。2
目 錄
摘 要 ... 1 目 錄 ... 2 表目錄 ... 3 圖目錄 ... 4 第一章 緒 論... 6 1.1 研究背景與動機 ... 6 1.2 研究目的 ... 6 1.3 研究限制 ... 6 1.4 關鍵名詞定義 ... 7 第二章 文獻探討 ... 8 2.1 創新育成中心簡介 ... 8 2.2 專利源起及特性簡介... 8 2.3 專利類型簡介 ... 9 2.4 TRIZ「萃思」 系統性創新方法 ... 10 2.5 產學合作 ... 12 2.6 創新育成中心未來發展與展望 ... 12 2.7 各大專院校創新育成中心網站比較... 13 第三章 專題設計與規劃 ... 17 3.1 專題規劃目標 ... 17 3.2 系統開發方法 ... 17 3.3 系統藍圖描述 ... 19 3.4 專題開發所使用設備... 22 第四章 專題成果 ... 25 4.1 需求分析 ... 25 4.2 系統分析 ... 26 4.3 使用者路徑描述 ... 26 4.4 系統介紹 ... 31 4.4 使用手冊 ... 36 第五章 結論與建議 ... 44 5.1 結論與新發現 ... 44 5.2 建議 ... 44 5.3 未來研究方向 ... 44 參考文獻及網站 ... 45 附 錄 ... 473
表目錄
表 2- 1 各創新育成中心網站優缺點比較 ... 15 表 3- 1 軟硬體需求表... 22 表 3- 2 工作時程計劃表 ... 22 表 4- 1 首頁描述 ... 26 表 4- 2 中心簡介描述... 27 表 4- 3 產品資訊描述... 27 表 4- 4 專利證書描述... 27 表 4- 5 進駐廠商描述... 28 表 4- 6 留言板描述 ... 28 表 4- 7 一般使用者描述 ... 28 表 4- 8 登入描述 ... 29 表 4- 9 新增帳號描述... 29 表 4- 10 修改密碼描述 ... 30 表 4- 11 選單管理描述 ... 30 表 4- 12 公告管理描述 ... 30 表 4- 13 產品管理描述 ... 31 表 4- 14 簡介管理描述 ... 31 表 4- 15 產品管理描述 ... 314
圖目錄
圖 2- 1 TRIZ 解決矛盾流程圖 ... 10 圖 2- 2 產品創新設計流程圖 ... 11 圖 2- 3 元培科大（目前創新育成中心）首頁 ... 13 圖 2- 4 元培科大創新育成中心網站導覽主選單 ... 14 圖 2- 5 遠東科技大學創造力中心首頁 ... 14 圖 2- 6 遠東科大創造力中心網站導覽主選單 ... 14 圖 2- 7 中華大學創新育成中心首頁 ... 15 圖 2- 8 中華大學創新育成中心網站導覽主選單 ... 15 圖 3- 1 系統開發流程圖 ... 19 圖 3- 2 系統架構藍圖 ... 20 圖 3- 3 管理者系統架構圖 ... 21 圖 3- 4 甘特圖 ... 23 圖 4- 1 使用者系統案例圖 ... 26 圖 4- 2 首頁公告循序圖 ... 32 圖 4- 3 中心簡介循序圖 ... 32 圖 4- 4 專利產品循序圖 ... 33 圖 4- 5 留言板循序圖... 33 圖 4- 6 進駐廠商循序圖 ... 34 圖 4- 7 登入循序圖 ... 34 圖 4- 8 管理資訊循序圖 ... 35 圖 4- 9 管理產品循序圖 ... 35 圖 4- 10 公告訊息 1... 36 圖 4- 11 公告訊息 2... 36 圖 4- 12 產品資訊 ... 37 圖 4- 13 中心簡介 ... 37 圖 4- 14 專利證書 ... 38 圖 4- 15 進駐廠商 ... 38 圖 4- 16 留言板 1 ... 39 圖 4- 17 留言板 2 ... 39 圖 4- 18 選單管理 ... 40 圖 4- 19 公告管理 ... 40 圖 4- 20 產品管理 1... 41 圖 4- 21 產品管理 2... 415
圖 4- 22 簡介管理 ... 42
圖 4- 23 廠商管理 ... 43
圖 4- 24 新增帳號 ... 43
6
第一章 緒 論
1.1 研究背景與動機
生活中常常有一些瑣碎的小事物會造成不便，如何將不方便的事物消去，讓工作上或是 生活上更方便，平常生活中所習慣使用的物品，或許都還有許多可以改進的地方，不管是在 什麼時候所想到的改善方法，都是為了使繁雜的過程變得更簡化及方便大眾使用，而如何將 腦中所想到的改善方法給實現出來，便是藉由專利申請的過程及步驟，來實際設計並生產出 產品，並且成功結合創新育成中心的 3D 網頁導覽系統及線上資料庫，提供一個討論以及交流 的管道，除了可以進行招商也能提供一個產學合作的互動平台。 目前國內許多大專院校的創新育成中心，在產品創新以及產學合作上雖有不錯的戰績及 成果，但在未來提供線上產品導覽的網站，最終還是會朝向 3D 以及虛擬實境的方式將產品呈 現，將產品跳脫傳統 2D 瀏覽的限制，以 3D 方式呈現出產品樣貌，將會是創新育成中心的一 種創新經營思維。1.2 研究目的
本專題是---『創新育成中心 3D 網站導覽系統』。在學校舊版創新育成中心網站，於功能 以及成果展示等方面皆無法達到完美的效果，而縱觀未來網頁設計漸漸也會融入許多 3D 元 素，將創新育成中心導入 3D 網站導覽系統，不只可提供 360 度的產品導覽，更方便且人性化 的討論及留言設計，讓使用者在進入網站時更願意駐足停留，增加育成中心網站在人氣上的 黏著力。動態展示校內同仁所研發成功的專利產品，在無形中也達成吸引商機。 另一方面配合學校開設的『專利寫作』課程，任何構思中的創新想法及微型創意都可藉創新 育成中心協助其規劃並實現，並利用專利申請的過程將辛苦研發產品的過程及相關開發智慧 藉由專利權來加以保障。1.3 研究限制
本專題在進行過程中力求盡善盡美，但恐怕尚有下列限制： 1. 由於本專題進行時間僅一學年，且組員間因工作關係，若要進行專題討論往往組員彼此 時間也必須能相互配合，以致可利用討論的時間並不是非常充裕。 2. 在開發軟體的選擇上，為求能夠將本校育成中心特色以及學校同仁所設計開發產品的 3D7 導覽功能完整呈現，故選擇使用 Visual Studio 2005 以及 Dreamweaver 作為網頁設計及程式 開發的平台，但組員間程式能力有所差異，故開發過程中仍須借助部分外部支援協助解 決相關問題，而可能會影響網站整體效果呈現及美觀。 3. 本專題尚搭配有另一技轉網站作為整體育成中心的全貌，如何與他組所立的技術轉移網 站達到完整互動，亦需要完整的溝通與確認。
1.4 關鍵名詞定義
本專題計用到下列幾個重要的名詞，茲分別定義如下： 1. 創新育成：創新育成中心，簡稱創業中心，國際上一般稱之為企業育成中心或創新中心 （business incubator 或 Innovation Center），是一種新型的社會機構組織。英文的 incubator 原詞翻譯為孵化器，本義指人工孵化鳥蛋的專門設備。後來引進經濟領域，是指通過提 供研發、生產、經營的場地，通訊、網路與辦公等方面的共享設施，系統的培訓和諮詢， 政策、融資、法律和市場推廣等方面的支援，以降低創業企業的創業風險和創業成本， 並提高企業的存活率和成功率。 2. 技術轉移：技術轉移是指技術在國家、地區、行業內部或之間以及技術本身在系統內輸 出與輸入的活動過程。包括技術成果、信息、能力的轉讓、移植、引進、交流和推廣普 及，簡稱“技術轉移”。 3. 專利：政府有關部門向發明人授與的在一定期限內生產、銷售或以其他方式使用發明的 排他專利。專利分為發明專利、新型專利、新式樣專利等三種。 4. 產學合作：產學合作為產業公司與學校之間的合作關係，由產業提出需求和資金，與學 校的教授們進行合作研究的計畫，優點為藉助教授的知識，培養教授底下研究生成為產 學人材，達到彼此雙方雙贏的境界。5. TRIZ「萃思」：TRIZ「萃思」是俄文的縮寫，其意義為「發明性問題解決理論」（Theory of Inventive Problem Solving）。是由蘇俄發明家 Genrich Altshuller 於 1946 年開始，分析研究二 十萬件專利所提出的理論，及實務的系統性創新方法。
8
第二章 文獻探討
2.1 創新育成中心簡介
創新育成中心設立之功能在於培育國內相關產業之新創中小企業。對於新創企業之培育 模式大致可分為徵募、篩選、規劃、訓練、諮詢輔導、推廣幾個階段。徵募階段之工作在於 徵求有意願接受本中心培育之新創企業。篩選階段則是對有意願之新創企業加以審核。規劃 階段將協助進駐企業擬定培育計畫。規劃完成後即可依據培育計畫提供必要之訓練課程。在 培育過程中，學校會視實際狀況定期或不定期提供技術與管理上之諮詢輔導以及產品推廣之 服務。[1] 1. 定義：育成中心（ Incubation Centers）是以孕育創新事業、創新產品、創新技術及協助中 小企業升級轉型的場所，藉由提供進駐空間、儀器設備及研發技術、協尋資金、商務服 務、管理諮詢等有效地結合多項資源，降低創業及研發初期的成本與風險，創造優良的 培育環境，提高事業成功的機會。 2. 目的：催生更多健全且具競爭力的中小企業，並協助經營有成的中小企業升級轉型，生 產具有高附加價值的產品，與大企業共同發展經濟。 3. 功能： a. 減輕創業及創新研發過程的投資費用與風險，增進初創業者及創新研發者的成功率。 b. 協助產業孕育計畫、開發新技術與新產品。 c. 引導研發成果商品化。 d. 提供產學研合作場所。 e. 提供測詴服務、加速產品開發。 f. 輔導企業有關人才培訓、資金籌措、資訊提供及營運管理之諮詢服務。2.2 專利源起及特性簡介
世上第一個專利可追朔到 1623 年英國國王詹姆士一世允許專利權設立，保護新發明的權 利，此舉對日後工業革命的發生與世界歷史發展產生巨大影響。專利是種刺激個人創造力的 制度。然而對個人創造力加以刺激的制度並不止限於專利，技術秘密保護制度和獎勵制度等 都起著同樣的作用，但它們發揮作用的機制不同，這些不同決定了專利是必要的，而專利兩 字可解釋為當發明人發明或創作出一種新的物品或方法時，而且這種物品或方法的技術，是 可以重複的製造生產，提供產業上的利用時。可向經濟部智慧財產局申請專利，經過審查認9 為符合專利法規定，即會通知申請人繳費領取專利證書，獨享該專利權，往後如他人未經過 專利權人同意，擅自生產製造、買賣、使用或進口此專利權所製作的物品或其他等等即違反 專利法，而因為專利權是一種無形財產，所以它與有形財產相比，有其獨特的特點： 1. 專有性：專有性也稱獨占性，指專利權人對其發明創造所享有的獨占性的製造、使用， 銷售，和進口的權利。也就是說，其他任何單位或個人未經專利權人許可不得進行為生 產、經營目的的製造、使用、銷售和進口其專利產品，使用其專利方法，或者未經專利 權人許可為生產、經營目的製造、使用、銷售和進口依照其方法直接獲得的產品。否則， 就是侵犯專利權。 2. 地域性：指一個國家依照其本國專利法授予的專利權，僅在該國法律管轄的範圍內有效， 對其他國家沒有任何約束力，外國對其專利權不承擔保護的義務〃如果一項發明創造只 在我國取得專利權，那麼專利權人只在我國享有專有權或獨占權。如果有人在其他國家 和地區生產，使用或銷售該發明創造，則不屬於侵權行為。搞清楚專利權的地域性特點 是很有意義的，這樣，我國的單位或個人如果研製出有國際市場前景的發明創造，就不 僅僅應及時申請國內專利，而且還應不失時機地在擁有良好市場前景的其他國家和地區 申請專利，否則國外的市場就得不到保護。 3. 時間性：所謂時間性，指專利權人對其發明創造所擁有的專有權只在法律規定的時間內 有效，期限屆滿後，專利權人對其發明創造就不再享有製造、使用、銷售和進口的專有 權〃這樣，原來受法律保護的發明創造就成了社會的公共財富，任何單位或個人都可以 無償地使用。對於專利權的期限，各國專利法都有明確的規定，對發明專利權的保護期 限自申請日起計算一般在 10 至 20 年不等；對於新型專利和外觀設計專利權的期限，大 部分國家規定為 5 至 10 年，我國現行專利法規定的發明專利、新型專利以及新式樣專利 的保護期限分別為自申請日起算 20 年、10 年和 10 年。[6]
2.3 專利類型簡介
專利權依照類型可分成發明專利、新型專利、新式樣專利等三種，依照專利名稱所給 予的定義分別為： 1. 發明專利：為利用自然界原有的定律，所產生的技術思想，表現在物品，或方法及物品 的用途上，或利用自然法則對現有的物品或方法之改進。 2. 新型專利：新型專利為在原有物品的形狀，構造或者裝置上，加以改良使它能產生新的 作用或增加功能效果。 3. 新式樣專利：新式樣專利就是指物品外觀及須透過視覺訴求之具體設計。物品的外觀是10 以物品的形狀為主，可以搭配花紋或色彩的結合設計。[10]
2.4 TRIZ「萃思」 系統性創新方法
TRIZ 「萃思」理論在俄語含義的單詞為 TRIZ 是俄文теории решения изобретательских задач 的英文音譯 Teoriya Resheniya Izobreatatelskikh Zadatch 的縮寫，其英文全稱是 Theory of the Solution of Inventive Problems（發明問題解決理論）。在歐美國家也可縮寫為 TIPS。1946 年， 二十歲的 TRIZ 創始人 Genrich Altshuller 任職於前蘇聯海軍專利局擔任專利審核員，在專利的 審核作業中，他察覺到任何一種技術系統的創新過程中都是有其一定的型態與過程。因此他 開始從 200,000 件的專利中著手進行研究，挑出其中 40,000 件被視為具有較佳創新方法的專 利，來探索其解決之道與運用方法，企圖從其中歸納出基本原則與型態。他發現每一個具有 創意的專利，基本上都是在解決“創意性”的問題。所謂“創意性”的問題，其中包含著“需 求衝突”的問題，也就是他所謂的“矛盾”。此外，他也發現解決這些衝突的基本解決方法 被一再的使用，而且通常是在隔了數年之後。他據此推論，如果後來的發明家能夠擁有早期 解決方案的知識，那麼他們在創新發明的工作將會更為容易。
Genrich Altshuller 和他的 TRIZ 研究機構 50 多年來提出了 TRIZ 系列的多種工具，如衝突矩陣、 76 標準解答、ARIZ、AFD、物質--場分析、ISQ、 DE、8 種演化類型、科學效應等，常用的 有基於巨集觀的矛盾矩陣法（衝突矩陣法）和基於微觀的物場變換法。事實上 TRIZ 針對輸入 輸出的關係（效應）、衝突和技術進化都有比較完善的理論，有別於傳統的腦力激盪，TRIZ 強調發明或創新可依一定的程序與步驟進行，而非僅是隨機或天馬行空的腦力刺激而已。 圖 2- 1 TRIZ 解決矛盾流程圖 TRIZ 的理論核心：基本理論和原理，具體包括：總論（基本規則、矛盾分析理論、發明 的等級）、技術進化論、解決技術問題的 39 個通用工程參數及 40 個發明方法，物場分析與轉 換原理及 76 個標準解法，發明問題的解題程序（算子），物理效應庫。
11 TRIZ 是一個包括由解決技術問題，實現創新開發的各種方法到演算法組成的綜合理論體 系，在 TRIZ 理論中，在邁向解決問題的流程上，須先拋開各式各樣客觀的限制因素，通過理 想化來定義問題的 最終理想解，以明確理想解所存在的方向和位置，以求在設計解決問題的 過程中沿著此目標前進 並獲得最終理想解，從而避免了傳統創新設計方法中以 Brainstroming 或 Try & Error 方式缺乏目標的弊端，提升了創新設計的效率。
TRIZ 是一套有系統性的研發程序及解題理論；例如，某人在某時已解決過與我相類似的 問題，善用某人的智慧來解決自己的問題；TRIZ 理論特別強調問題的定義=>好解決方法，不 如一個好問題! 百分之八十問題如果正確地定義，就很容易產生解答。 TRIZ 不是教你如何創新，而是教你有系統性的運用前人智慧，找出問題的創意性解答。 透過找到解答的過程，也可能觸發我們的創新，利用 TRIZ 來提昇發明之創新層級與預測下世 代明星商品。 圖 2- 2 產品創新設計流程圖
12 TRIZ 之通盤、有效且具系統化之特性，適用於研發人員用以突破產品設計瓶頸、製程人 員用以發展改善作法、管理階層用以創新作業流程、支援部門用以改造服務方法，是當今研 發及創新，最有效的系統手法。[2]
2.5 產學合作
產學合作中心以推動產學合作及服務產業為目標，產學合作重點有： 1. 技術支援： a. 透過本校教師專長資料庫，尋求本校教師提供產學技術合作及專利諮詢或委託研究 等服務。 b. 貴重儀器及各系所研究資源均可透過合作計畫提供進駐企業研發、測詴等服務。 c. 協助以產學合作或技術移轉方式引進新技術。 d. 協助廠商與其他科技研發單位結盟合作。 2. 商務、資訊、行政支援： a. 提供營運諮詢與各項行政支援服務。 b. 協助產品與技術推廣或創投引介。 c. 邀請產官學界專家協助提供輔導諮詢與經驗。 d. 輔導廠商建置行銷網絡，引介各項專業顧問。 e. 提供政府輔導資訊，協助廠商取得政府資源。 f. 協助加入國內外專業協會組織，供市場及技術最新市場資訊。 3. 技術研發：結合本校與其他技專校院教師，籌組研究團隊，進行與產業界合作的大型、 長程研究計畫，共同開發技術。 4. 技術諮詢：應用本校及其他技專校院人才，為產業界提供技術諮詢。 5. 技術移轉：將本校及聯盟的研發成果如專利或智慧財產權等，透過技術移轉程序，轉給 廠商並輔導其開發成產品。[15]2.6 創新育成中心未來發展與展望
面對未來的全球競爭局勢，創新乃國際經濟驅動重要因子，如何活絡新創事業，建構創 業型經濟，一直是未來育成中心的發展重點，透過建構創新育成平台，促進經濟發展之策略 思維，包括「強化創新育成平台」、「建構創業資訊平台」及「協助新創事業取得資金」，為深 化育成企業之輔導成效，另外政府於 2006 年起推動「育成中心知識服務環境建構計畫」，主 要為了資源與知識做有效的運用，將資源集中、擴散，以發揮最大資源使用效益，進而提升13 育成中心知識服務效益，未來育成中心在「知識管理」、「智財加值」、「資源整合」三方面， 不但提供更多元化的服務，更須朝向以下四個面向持續邁進。 1. 協助中小企業推動研究發展，落實產業升級轉型以達成提昇競爭力之目標。 2. 建立良好之企業培育環境，提供具發展潛力之新創或中小企業進駐並接受輔導，以提昇 其發展價值與營運成效。 3. 全方位提供由創意、技術、流程、商務、管理、品質、法務與市場的整合服務。 4. 推廣本校同仁（教授、學生）研究成果之發表、創業，以產學合作、研發或技術移轉方 式，促進研究成果之實用價值與技術之流通性。 育成中心面對知識經濟時代的新局面，必須從全球化格局來挑選新創事業標的，並整合 週遭資源，提供國內外企業更優良之進駐環境與輔導措施。並以育成支援中心及新創事業智 慧資源規劃服務，建立具創意、特色的組織型態，以贏得新時代的考驗與挑戰。[8]
2.7 各大專院校創新育成中心網站比較
在本章節中，將對目前學校舊有創新育成中心的網站與其他學校的創新育 成中心，在 功能以及互動上做簡單的介紹與比較。 1. 元培科技大學（舊創新育成中心）：http://web.ypu.edu.tw/incub/ 圖 2- 3 元培科大（目前創新育成中心）首頁14 圖 2- 4 元培科大創新育成中心網站導覽主選單 a. 設計及美工排版上較單調，所有選單項目置於固定頁面上 b. 創新專利內提供專利相關消息，並可查詢專利案件申請狀況 2. 遠東科技大學創造力中心：http://icc.feu.edu.tw/pat.htm 圖 2- 5 遠東科技大學創造力中心首頁 圖 2- 6 遠東科大創造力中心網站導覽主選單 a. 設計簡單在使用及閱讀上皆輕鬆，網頁美工用色較樸實，頁面排版分類清楚，所有 選單項目置於固定頁面上，瀏覽網站時較不易迷路 b. 媒體報導提供相關報章雜誌新聞作為育成中心實力見證 c. 生活剪影提供校外團體參觀照片
15 d. 創意成果內有校內同仁產品競賽得獎記錄清單 3. 中華大學創新育成中心：http://www.iic.chu.edu.tw/2003/ 圖 2- 7 中華大學創新育成中心首頁 圖 2- 8 中華大學創新育成中心網站導覽主選單 a. 設計偏商業化，網頁美工排版分類乾淨，搭配動態選單點選閱讀較輕鬆 b. 廠商資訊提供許許多過往及畢業廠商資訊，作為中心能力保證 c. 貸款資訊提供有意進駐廠商，於進駐前可如何取得創業資金各大專院校 4. 比較分析與新版創新育成中心網站設計重點： 表 2- 1 各創新育成中心網站優缺點比較 分類清潔 內容充實 介面易懂 執行效率 提供資訊 元培科大 V V 遠東科大 V V V V V 中華大學 V V V V 優 缺 點 網 站
16 在與其他大專院校網站做大略比較後，舊版創新育成中心網站與其他學校育成中心網站 在功能以及內容上皆明顯不足，未來新版創新育成網站在設計上除將斟酌納入其他創新育成 中心的特點外，在新版網站的功能加強上則列出以下幾點： a. 友善的瀏覽環境及更加精緻的網頁美工排版，提高網站人氣黏著度。 b. 產品展示除基本 2D 預覽圖外，點選進入後可觀看 360 度全景產品展示。 c. 加入留言討論以及註冊管理功能，覽客可留言討論並快速得到解答並可提高網站與 覽客的互動。 d. 設立專利工作室，除了線上專利的諮詢外，也可讓校內同仁擁有新點子啟發並可以 付諸實現的地方。 e. 配合技術轉移網站作為延伸商務服務的一部分，可加強育成中心在招商部分的能力。
17
第三章 專題設計與規劃
3.1 專題規劃目標
本專題希望能夠達到的功能： 1. 協助中小企業推動研究發展，落實產業升級及轉型達成提昇競爭力之目標，並建立良好 之企業培育環境，提供具發展潛力之新創企業進駐育成中心並加以輔導，以提昇其發展 價值與營運成效。 2. 提供校內擁有新點子，及改善方案的創意人士一個可以認識專利進而申請專利的管道並 協助其產品開發。 3. 設立人才資料庫及線上產品導覽功能，推廣本校同仁研究成果，以產學合作研發或技術 移轉方式，促進研究成果之實用價值與技術之流通性。 4. 幫助廠商申請計畫，運用政府提供資源，加速產品開發，並協助廠商評估企業體質，提 供市場資訊、引導新產品開發方向，並協助行銷及網路建立與推運。 茲將預期可達成的效益概分為以下幾點敘述 1. 3D 導覽技術目前各行各業已有許多廠商實際使用，如國內房仲業的信義房屋所推出的 線上看屋，讓瀏覽者不用出門就可以輕鬆看屋，諸如此類的應用。 2. 藉由 3D 導覽技術可以更生動活潑的推銷產品，增加網站瀏覽者對產品的興趣，並滿足 瀏覽者想知道更多產品細節的好奇心 3. 配合廠商拍攝多媒體影片實際操作展示產品的使用方式，讓瀏覽者更快知道產品的使 用方法提高產品的好感度，免去閱讀使用說明書此道艱澀程序。 4. 廠商產品可配合多媒體影片上傳至 YUTUBE 等影音網站，藉由點閱率造成的邊際效 應，增加產品曝光度。 許多公司網站皆引進了 3D 導覽的技術，在國內外已有許多的導覽應用實例可循，如線上 看車、線上買屋、線上買衣服等等，傳統的平面影像瀏覽方式無法帶給使用者更多詳細的產 品細節及互動，加入 3D 導覽後可使網站的產品展示更加生動活潑，預期能夠增加許多人氣點 擊率，並在無形中帶動商機。3.2 系統開發方法
1. 系統開發流程：(如圖 3-1)18 下列為系統開發之流程說明： a. 系統目標設定：首先以本專題之最終目的為系統開發方向。 b. 系統分析：對本系統作分析。 c. 系統架構擬定：對系統分析後的各種需求及功能作架構擬定。 d. 資料結構設計：對系統中所要應用之資料分析與作結構設計。 e. 畫面模型製作：將系統所使用之畫面先以粗略的框架製作模型。 f. 程式設計：系統核心程式的撰寫。 g. 系統測詴：在系統初步完成時的系統測詴並加以修改。 h. 系統交付：系統初步架設完成並作交付。 i. 系統驗收：系統整體完成並作總驗收。 j. 調整修正：在驗收中所發現需修正處做調整。 k. 系統啟用：系統正式啟用。 2. 系統架構藍圖：(如圖 3-2) 系統主要可概分為以下三類： a. 知識訊息類：如中心簡介、最新資訊此類為。 b. 產品簡介：產品以 3D 的方式陳現，可讓瀏灠者看自己想看的每個角度。 c. 創意討論：可用討論區方式將個人的創意提出討論並發展。 3. 管理者系統架構圖：(如圖 3-3) 管理者系統架構主要是以系統管理者本身之需求所設定的，主要在於方便管理系統 資料的更新整理或修改刪除等。
19
3.3 系統藍圖描述
系統分析
系統架構擬定
系統目標設定
資料結構設計
畫面模型製作
程式設計
系統交付
調整修正
系統測詴
系統驗收
系統啟用
圖 3- 1 系統開發流程圖20 創 新 育 成 中 心 -導 覽 網 站 中心簡介 產品簡介 討論開發 相關網站 中心簡介 成立目的 未來目標 最新資訊 本站專利 維型創意 創意工作室 創意討論版 技術轉移 元培科技大學 廠商資訊 產品3D導覽 提出構想 刪除構想 修改構想 成員簡介 查詢構想 製作小組 專利相關知識 最新資訊 圖 3- 2 系統架構藍圖
21
創
新
育
成
中
心
管
理
系
統
最新資訊
產品簡介
討論版
創意工作室
新增資訊
刪除資訊
新增產品
刪除產品
修改產品
查詢產品
新增構想
新增留言
刪除留言
修改留言
查詢留言
刪除構想
修改構想
查詢構想
圖 3- 3 管理者系統架構圖22
3.4 專題開發所使用設備
表 3- 1 軟硬體需求表 4. 開發時程規劃： 本專題由開始規劃至完成，預計會有下表所列工作項目及所需工作時間： 表 3- 2 工作時程計劃表 使用之軟體 使用之硬體 Dreamweaver CS4 DVD/CD-ROM 光碟機 Macromedia Flash CS4 印表機 Microsoft Office 2007 個人電腦 Microsoft Windows XP、Vista 筆記型電腦 PixMaker 隨身碟 Visual Studio 2005、2008 數位相機 or 錄影機（含讀卡機） ASP、PHP 個人電腦 工作名稱 所需時間 開始時間 結束時間 討論專題題目 14 工作日 2009/01/01 2009/01/14 專題方向資料蒐集 30 工作日 2009/01/14 2009/02/12 專利申請書撰寫 30 工作日 2009/03/24 2009/04/22 專題企劃書撰寫 190 工作日 2009/04/23 2009/10/29 網頁建置以及工作分配 70 工作日 2009/05/09 2009/07/17 資料庫建置 90 工作日 2009/05/30 2009/08/27 產品 3d 圖與 flash 製作 150 工作日 2009/06/01 2009/10/29 偵錯 30 工作日 2009/11/01 2009/11/30 系統整合 60 工作日 2009/10/01 2009/11/30 網頁修改 45 工作日 2009/10/15 2009/11/30 書面資料修改整合 30 工作日 2009/11/01 2009/11/30 書面及網站完成 15 工作日 2009/11/15 2009/11/3023 依照開發時程規劃表中預定時間，繪製表格來個別區分所需工作天數，已確保專題製作 進度不會落差過大。 茲將本專題進行流程的甘特圖繪製如下： 圖 3- 4 甘特圖 資料收集: 一開始我們決定先收集參考資料。因為參考資料是撰寫企劃書必備的項目， 再者對我們了解育成中心導覽系統也有相當程度的幫助 對育成中心網站的了解: 由於我們是第一次製作學校育成中心網站系統，所以我們勢必 要先了解其他學校所作育成中心有哪些功能是對方所沒有的級我們所要加入的。 企劃書的撰寫: 實做系統之前，必須先有一份企劃書來計畫我們系統所要實作的功能以 及計劃表，我們在觀察各校育成中心網站上的功能，加上我們自己實作的新功能以及相 關的研究資料。 系統設計以及工作分配: 由於專題是屬於團體的計畫並非能夠以個人之力完成。在撰寫 完企劃書之後，我們將明確知道有哪些工作項目是必須完成的，所以我們必須將工作分 配然後以並行的方式來進行，這樣一來，才能有效縮短育成中心系統的開發時間。 系統建置 導覽系統的多媒體影音化:將元培大學育成中心作實景拍攝，並用後製作的多媒體軟 體將其影音化，最後再用全景實境的方式整合到之前的育成中心系統當中。 2009 年 執行項目 01 月 02 月 03 月 04 月 05 月 06 月 07 月 08 月 09 月 10 月 11 月 12 月 討論、決定專題 資料收集 系統開發 網頁設計 進度整合 資料庫建置時間 功能測詴、除錯 技術文件撰寫 完成
24 偵錯:在軟體開發的過程中，一定會需要作偵錯的動作。這樣才能確保育成中心導覽系統 的穩定度和正確性。 系統整合:我們將舊有育成中心內的資料整合進新的育成中心導覽系統裡面，並做一些整 合性的測詴。 網頁修改: 由於我們的育成中心導覽系統盡量要求方便以及輕鬆的滑鼠操作，所以會修 改之前一些較繁瑣的網頁，以方便使用者來使用。 書面資料修改與整合: 將我們所實作的功能用文字搭配圖片的方式來敘述和說明，並整 合之前我們所撰寫的企劃書，完成一份完整的專題報告。 書面及網站完成: 根據指導老師的意見，再將我們的育成中心導覽系統和書面報告做小 幅度的修改。
25
第四章 專題成果
4.1 需求分析
有別於其他學校的育成中心導覽系統，我們將育成中心系統作了下列幾項重大的更新與 改變: 更生動的影音內容資料: 有別於先前的靜態文字與圖片的導覽方式，我們利用了攝影機 將元培育成中心作實景拍攝，並利用了後製作軟體加上了全景環繞內容。使用者在瀏覽 新的育成中心網站時，可以藉由實境的影像而有身歷其境的感覺。 專利證書展示系統: 我們提供了翻頁式的證書瀏覽系統讓使用者可以閱覽對元培育成中 心的認識與成果。藉由這套證書翻頁系統，可以讓使用者對元培育成中心研發項目有更 多認識。並藉由這項服務加強廠廠商對育成中心的好感，進而提升合作的機會。 模組化的設計: 除了讓一般使用者所操作的前端的育成中心導覽系統，我們還新增了讓 網站管理者可以很容易更新與管理圖書館導覽系統的後端網站管理系統。透過這個管理 系統，網站管理者可以很容易的更改育成中心內的條文內容或是更新育成中心的最新資 訊，如此一來，就可以保證育成中心導覽系統的內容一直維持在最新資訊。4.1.1
使用者需求
由於原先學校育成中心網站設計上功能不夠完整，且在內容呈現上不符合實際需求也無法達 到效果，才會需要一個新的瀏覽系統方便管理者管理以及瀏覽者使用。4.2.1
新系統目標
學校並沒有充足的人力可以支援育成中心導覽系統的全貌以及給予使用者如何利用育成中心26 內部資源。因此，建置育成中心導覽系統將可以提供相關服務給校內所有同仁，可以提供不 受限時間、空間，隨時都能夠上網使用系統。
4.2 系統分析
本專題系統製作過程所繪製設計圖計有如下: 圖 4- 1 使用者系統案例圖使用者路徑描述
1. 首頁 a. 參與者：一般使用者 b. 前提：無 c. 成功條件：點選標題選項 d. 失敗條件：無 e. 事件路徑： 基本路徑： 表 4- 1 首頁描述27 Actor 動作 系統回應 使用者點選標題選項 系統切換至標題內容 2. 中心簡介 a. 參與者：一般使用者 b. 前提：無 c. 成功條件：點選標題選項 d. 失敗條件：無 e. 事件路徑： 基本路徑： 表 4- 2 中心簡介描述 Actor 動作 系統回應 使用者點選標題選項 系統切換至標題內容 3. 產品資訊 a. 參與者：一般使用者 b. 前提：無 c. 成功條件：點選標題選項 d. 失敗條件：無 e. 事件路徑： 基本路徑： 表 4- 3 產品資訊描述 Actor 動作 系統回應 使用者點選標題選項 系統切換至標題內容 4. 專利證書 a. 參與者：一般使用者 b. 前提：無 c. 成功條件：點選標題選項 d. 失敗條件：無 e. 事件路徑： 基本路徑： 表 4- 4 專利證書描述 Actor 動作 系統回應 使用者點選標題選項 系統切換至標題內容
28 5. 進駐廠商 a. 參與者：一般使用者 b. 前提：無 c. 成功條件：點選標題選項 d. 失敗條件：無 e. 事件路徑： 基本路徑： 表 4- 5 進駐廠商描述 Actor 動作 系統回應 使用者點選標題選項 系統切換至標題內容 6. 留言板 a. 參與者：一般使用者 b. 前提：無 c. 成功條件：點選標題選項或輸入正確資料 d. 失敗條件：未輸入正確資料 e. 事件路徑： 基本路徑： 表 4- 6 留言板描述 Actor 動作 系統回應 使用者點選標題選項 系統切換至標題內容 使用者輸入正確之暱稱及內容 統儲存並顯示該內容 例外路徑： 系統顯示"您沒有輸入暱稱"或"您必須輸入 5 個英文數字以上才能留言"或"你所 輸入內容只能 1000 個字" 7. 技轉展示 a. 參與者：一般使用者 b. 前提：無 c. 成功條件：點選標題選項 d. 失敗條件：無 e. 事件路徑： 基本路徑： 表 4- 7 一般使用者描述 Actor 動作 系統回應 使用者點選標題選項 系統切換至標題內容
29 8. 登入 a. 參與者：管理者 b. 前提：具系統帳號者 c. 成功條件：輸入帳號密碼正確 d. 失敗條件：輸入帳號密碼錯誤 e. 事件路徑： 基本路徑： 表 4- 8 登入描述 Actor 動作 系統回應 使用者輸入帳號密碼 系統確認號密碼是否正確 系統切換至已登入介面 例外路徑： 系統顯示"您的登入嘗詴失敗。請再詴一次" 9. 新增帳號 a. 參與者：最高管理者 b. 前提：具 Admin 系統帳號者(密碼：ab0000+) c. 成功條件：輸入帳號密碼正確 d. 失敗條件：輸入帳號密碼錯誤 e. 事件路徑： 基本路徑： 表 4- 9 新增帳號描述 Actor 動作 系統回應 點選新增帳號鈕 輸入新帳號資料 系統確認是否為 Admin 帳號 系統啟用新帳號 例外路徑： 系統顯示"請輸入不同的使用者名稱"或"密碼最小長度應為:7,必須包含非英數 字元:1" 10. 修改密碼 a. 參與者：管理者 b. 前提：具系統帳號者 c. 成功條件：輸入帳號密碼正確 d. 失敗條件：輸入帳號密碼錯誤
30 e. 事件路徑： 基本路徑： 表 4- 10 修改密碼描述 Actor 動作 系統回應 輸入密碼,新密碼,確認新密碼 使用者點選標題選項 系統更改密碼 系統切換至標題內容 例外路徑： 系統顯示"密碼不正確或新密碼無效"或"新密碼的最小長度應為: 7,必須包含非 英數字元: 1" 11. 選單管理 a. 參與者：最高管理者 b. 前提：具 Admin 系統帳號者 c. 成功條件：輸入帳號密碼正確 d. 失敗條件：輸入帳號密碼錯誤 e. 事件路徑： 基本路徑： 表 4- 11 選單管理描述 Actor 動作 系統回應 點選新增或編輯 系統記錄或更新選單 12. 名稱：公告管理 a. 參與者：管理者 b. 前提：具系統帳號者 c. 成功條件：輸入帳號密碼正確 d. 失敗條件：輸入帳號密碼錯誤 e. 事件路徑： 基本路徑： 表 4- 12 公告管理描述 Actor 動作 系統回應 點選新增或編輯 系統記錄或更新 13. 產品管理 a. 參與者：管理者 b. 前提：具系統帳號者
31 c. 成功條件：輸入帳號密碼正確 d. 失敗條件：輸入帳號密碼錯誤 e. 事件路徑： 基本路徑： 表 4- 13 產品管理描述 Actor 動作 系統回應 點選新增或編輯 系統記錄或更新 14. 簡介管理 a. 參與者：管理者 b. 前提：具系統帳號者 c. 成功條件：輸入帳號密碼正確 d. 失敗條件：輸入帳號密碼錯誤 e. 事件路徑： 基本路徑： 表 4- 14 簡介管理描述 Actor 動作 系統回應 點選新增或編輯 系統記錄或更新 15. 產品管理 a. 參與者：管理者 b. 前提：具系統帳號者 c. 成功條件：輸入帳號密碼正確 d. 失敗條件：輸入帳號密碼錯誤 e. 事件路徑： 基本路徑： 表 4- 15 產品管理描述 Actor 動作 系統回應 點選新增或編輯 系統記錄或更新
4.4 系統介紹
1. 首頁公告循序圖:32 圖 4- 2 首頁公告循序圖
2. 中心簡介循序圖:
33 3. 專利產品循序圖
圖 4- 4 專利產品循序圖
4.
留言板循序圖:34 5. 進駐廠商循序圖
圖 4- 6 進駐廠商循序圖 6. 登入循序圖
35 7. 管理資訊循序圖
圖 4- 8 管理資訊循序圖 8. 管理產品循序圖
36
4.4 使用手冊
1. 首頁：公告訊息 點選欲瀏覽之標題(圖 4-10)，即可看到內容(圖 4-11)。 圖 4- 10 公告訊息 1 圖 4- 11 公告訊息 237 2. 產品資訊 點選欲瀏覽之標題(圖 4-12)，即可看到內容。 圖 4- 12 產品資訊 3. 中心簡介 點選欲瀏覽之標題(圖 4-13)，即可看到內容。 圖 4- 13 中心簡介 4. 專利證書 用遊標左右拉動或按鈕翻頁(圖 4-14)。
38 圖 4- 14 專利證書
5. 進駐廠商
點選欲瀏覽之標題(圖 4-15)，即可看到內容。
39 6. 留言板
點選欲瀏覽之標題(圖 4-16)，即可看到內容與留言(圖 4-17)。
圖 4- 16 留言板 1
40 7. 選單管理 點選欲修改之項目(圖 4-18)，即可作編輯。 圖 4- 18 選單管理 8. 公告管理 點選欲修改之項目(圖 4-19)，即可作編輯。 圖 4- 19 公告管理
41 9. 產品管理 點選欲修改之項目(圖 4-20)，即可作編輯。 圖 4- 20 產品管理 1 10. 產品管理 點選欲修改之項目(圖 4-21)，即可作編輯。 圖 4- 21 產品管理 2
42 11. 簡介管理 點選欲修改之項目(圖 4-22)，即可作編輯。 圖 4- 22 簡介管理 12. 廠商管理 點選欲修改之項目(圖 4-23)，即可作編輯。
43 圖 4- 23 廠商管理 13. 新增帳號 輸入正確新帳號資料即可新增(圖 4-24)。 圖 4- 24 新增帳號 14. 變更密碼 輸入新舊密碼即可變更(圖 4-25)。 圖 4- 25 變更密碼
44
第五章 結論與建議
5.1 結論與新發現
有別於以往元培舊有的育成中心網站，我們採用了更豐富的多媒體方式來呈現育成中心的功 能，增加了 FLASH 功能來加強整體所呈現出來的效果，能讓使用者在最短的時間內了解到元 培科技大學育成中心所提供的服務與功能，也可藉此網站了解到有關專利的任何訊息，以及 申請專利的過程等等。藉著我們所追加的新功能讓育成中心導覽系統不只是單方面的介紹給 使用者資訊，更期許結合育成中心以及學校的軟硬體資源，更可以激發校內同仁在專利思維 上的任何構想以及腦力激盪，進一步達成與廠商互惠的環境。5.2 建議
育成中心在企業創辦時要給予新創企業在軟硬體上的多方協助，而在產品以及專利創新上企 業亦需要學術界許多的新奇思維，而育成中心在企業及學術界之間所扮演的溝通角色，育成 中心對於企業扶植的成功與否至關重要，以學術界角度來看育成中心的扶植成功率對該學校 未來發展也有很大的影響。5.3 未來研究方向
過去在政府及產學各界大力配合下，目前已有許多大學院校的育成中心已經創立運作並且也 取得不錯的成績，而在近年來全球產業的大洗盤及改革後，面對未來更加嚴苛的環境下如何 保持一流的創新能力並取得領先地位將會是重要的問題之一，國內外各大學的激烈競爭加上 企業出走以及國外學校搶人大作戰等等，面對這些問題育成中心在各項資源的取得及提供上 將會變得至關重要。45
參考文獻及網站
1. 中小企業創新育成中心，http://incub.cpc.org.tw/aboutcenter.htm。 2. 宋明弘，2009-04-20，鼎茂出版社，萃智：系統性創新理論與應用。 3. 林文成，1995，台灣育成中心模式之研究─科技研發成果商品化的培育設施，國立交通大 學科技管理研究所碩士論文。 4. 林文成，1995，台灣育成中心模式之研究─科技研發成果商品化的培育設施，國立交通大 學科技管理研究所碩士論文。 5. 林耀欽，2002，「技術驅動企業新價值--學校型育成中心是企業技術創新價值的加速器」， 創業、創新、育成，1 期。 6. 林洲富，2008 年 06 月 01 日，五南出版社，專利法-案例式。 7. 洪永杰，徐業良，2004 年 12 月 21 日，元智大學-最佳化設計實驗室，TRIZ 理論與應用 簡介。 8. 經濟部技術處（1998）,「我國育成中心之推動與展望」,1998 年產業技術白皮書, 391-402 頁。 9. 經濟部智慧財產局，2007 年 5 月 1 日，經濟部智慧財產局，專利法制與實務論文集(95 年)。 10. 蔡明誠，2000 年 3 月，新學林出版社，發明專利法研究。 11. 施珮芬，2005，學術型創新育成中心核心價值之研究，中原大學會計研究所碩士論文。 12. 廖和信，2003 年 10 月 16 日，天下文化，專利，就是科技競爭力。 13. 簡俊成，96 年 4 月，「企業概論」，初版，滄海書局。 14. 陳南鳴，96 年 2 月，國立台灣科技大學，企業動態---產學合作技術移轉。 15. 陳信良、洪銘建、紀明伶，94 年 9 月，吳鳳技術學院，產學合作模式之個案研究，吳鳳 學報第十三期頁，P.237~248。46 16. 盧錦芬，陳淑渟，張則君，1996 年 6 月 1 日，永然文化，如何申請專利登記：兼論專利 糾紛。 17. 蕭詠今，2006 年 4 月 21 日，臺海文化傳播，創意快閃 TRIZ 大思維。 18. 戴肇洋，90 年 6 月，財團法人國家政策研究基金會，國改研究報告，強化育成中心功能， 台灣綜合研究院研一所副所長。 19. 鄭中人，2002 年 12 月 25 日，五南出版社，專利法逐條釋論。
20. Alan L. Durham，2004 年 9 月 30 日，Patent Law Essentials: A Concise Guide，Greenwood Pub Group
47
48 98 元 培 科 技 大 學 夜 二 技 資 訊 管 理 系 創 新 育 成 中 心 網 站 導 覽 系 統 專 題 計 劃 書 莊 政 偉 徐 琳 淵 張 志 華 余 秉 和 余 興 達
