1、資管系 FLASH Action script動態導覽網頁學 生： 林筱雯 49207010陳宛吟 49207032吳靜璇 49207037陳佩琪 49207038陳雅茹 49207040林珮瀅 49207048指導老師： 姚卓元 老師中 華 民 國 九 十 五 年 十 一 月目 錄第一章 緒論1第一節 中英文摘要1第二節 研究背景2第三節 研究動機6第四節 研究目的8第五節 研究目標11第六節 研究技術13第七節 設計原理及架構16第二章 Flash 介紹.23第三章 製作規畫29第一節 研究流程29第二節 資料蒐集32第三節 工具簡介33第四章 成品展示及操作說明37第五章 結論與心得58
2、參考文獻 601第一章 緒論第一節 中英文摘要資管系 FLASH Action script 動態導覽網頁FLASH Action scriptWeb for a Tour of Department of Information Management2第二節 研究背景現在是一個高科技急速發展的時代，大部份的人們都是以資訊傳輸的方式來過生活，造成資料科技不斷的在改變和前進。如何讓人們都能夠更方便的使用這些知識和資訊，有效的帶動生活上的便利及效用，這種成長是人們所渴望追求的。在不斷的刺激及需求的帶動之下，人類的生活終於到達了高科技的時代。在 1989 年，網際網路的創始人伯納斯李(Berners
3、-Lee)，研發了全球資訊網(WWW)，就目前全球的網站已超過七百萬個了，發展之神速的確超乎相像。隨著時代的變遷，現代的科技已經不是以前可媲美的了，現在在家裡幾乎有台必備的電腦，更是人人手中隨身攜帶的，所以現今台灣上網人口達到 600 萬人。我們的網路教育及電子商務等應用也在台灣蓬勃發展，民眾均可以很容易上網查看資料、收發信件、玩網路連線遊戲、購買商品，甚至自己擁有網站或首頁，也隨著電腦硬體速度的提升、寬頻線路的逐漸普及，以及製作網頁軟體的研究發展，所以建立個人或企業網站或網頁的條件，已經到了令人滿意的地步。現在上網除了看見各式以 Flash 網頁、動畫、賀卡等樣本出現，目前更有以 Flash
4、 製作的電影的推出，因此，學習使用 Flash 來製作網頁動畫，已成為現代人不可或缺的需求了。Flash 是一套多媒體動畫的發展軟體，由 Macromedia 公司發展，並制定網路動畫格式 Shockwave Flash，以向量格式為動畫表達的主要方式，有別於 GIF 動畫，大大的節省了檔案的大小，提升了網路傳輸的效率；強大的平面設計功能，動畫設計時無須要其它的軟體輔助，大大的增加了設計上的效率；Flash 也可以在不同的平台播放。在網際網路上與網頁設計整合是一大主流，可以補強網頁動感不足的缺憾。極高的程式功能，創造互動性極佳的網頁，吸引更多人的興趣。由小至按鈕、選單的製作，大到多場景動畫影片
5、的設計，Flash 皆可勝任。由於 Flash 有極佳的互動功能，強調互動機制的動畫設計，譬如遊戲、互動廣告、線上調查等等。3Flash 紅遍大街小巷，無論是網管工程人員，或是網路的過往行人，無一不知 Flash 為何。Flash 之所以會在短短的幾年間，勝出所有的網路規格，盛行於網路之中，有下列幾項特點。1. 檔案空間小向量格式的 Flash，大大的縮小了一般動畫的檔案大小。略黯圖形格式的人都會知道向量格式有檔案小的特點，向量格式是以座標的方式記錄圖形中的各個點，再以計算的方式描繪出圖形，而一般在網頁中常用的點陣式圖形格式（BMP 含 jpg、gif ） ，是以圖形中的每點顏色做記錄，在格式
6、的紀錄方面，向量只須儲存數據，點陣圖則需儲存各個點的顏色，相較之下Flash 的向量格式，檔案大小明顯的小許多。2. 畫質清晰，不模糊向量格式的 Flash，除了檔案空間小外，畫質清晰也是另外一項特點。向量式的圖形不受大小的限制，可以隨意縮放，保持清晰的樣子，這點可是一般點陣圖無法做到的。3. Stream 資料流，即時播放Flash 由於功能強大，不少精彩動畫的檔案大小驚人，若要等其下載完畢才能播放，勢必會讓瀏覽者苦等許多的時間。所以 Flash 有支援 Stream-線上串流播放模式，瀏覽者無須等待下載時間，可以邊看邊傳，即使檔案有數 M 的大小，在觀賞的過程中，會自動的下載其餘的檔案，不
7、秏費等待的時間。4. 極佳互動性Flash 除了設計動畫外，其互動性強更是受人歡迎的一部分，在動畫中加入互動的功能，讓動畫不再是用來觀賞，讓瀏覽者留言、玩遊戲、做問卷、聊天，Flash 強大的互動性功能，幾乎讓網頁僅需要一個 Flash 就可以完成。45. 聲光效果俱佳Flash 除了讓瀏覽者感受到視覺的享受外，聽覺感受也是極具豐富。Flash 自 Flash4 開始便加入了聲音效果的功能，以 Mpeg 3 的音效格式，將聲音幾乎不失真地傳達給瀏覽者，不僅僅在視覺上感受到 Flash 的威力，更從聽覺上也感受到 FLASH 所帶來的震撼，使瀏覽者充分在視覺、聽覺上享受Flash 帶來的效果。6
8、. 獨立出版，用途多元化Flash 除了網頁運用外，其可以在出版（Publish ）時，出版成製行檔（.exe） ，將播放程式附在檔案中，無須經由瀏覽器的 Shockwave，便可以直接執行 Flash，目前在坊間，有許多的互動性動畫光碟，幾乎都是採 Flash的獨立出版的方式，由於 Flash 的方便，大大地節省了許多的費用及時間。7. 跨平台演出Flash 除了能在主流 PC 上執行外，更能支援 Mic 的格式，當然 Linux更不在話下，無論在哪個平台下，幾乎都能觀賞 Flash 動畫，甚至在不同平台下製作 Flash 動畫。以上七點，是 Flash 之所以能在網路的泥沼之中出類拔粹的主
9、因。隨著 Flash 越來越流行的狀況，許多網站也都會使用 Flash 來製作網頁，讓網頁內容更加的生動有趣。除此之外，您也可以使用 Flash 來設計電子賀卡、邀請函，透過電子郵件傳送給遠端的朋友，如果您擔心對方電腦沒有安裝 Flash Player，而無法開啟 Flash 動畫時，還可以將動畫轉換為 EXE執行檔，就不用擔心動畫無法播放的情形。Flash 自從 1996 年正式發表至今，功能是愈來愈強。它輕鬆地整合聲音、動畫、圖片、互動式設計，並且能夠正常的顯示在多種瀏覽器與作業平台。國內外許多網站，都有效地利用 Flash 創造出豐富絢麗的網站內容，成功地將公司或產品形象傳達給消費者，讓
10、使用者留下非常深刻的印象。5順應資訊科技時代的來臨，許多媒體都以數位化的形式呈現，本校資管系也開始積極應用新科技，以改變資管系內部功能及對外的溝通方式，並建立與學生之間新的互動模式。從空間性、行動化、延伸性與資訊呈現來看，校園行動數位導覽具有讓人對地理位置一目瞭然及快速資訊查詢的特性。近年來程式設計逐漸成熟，相關的應用越來越普及。本研究運用系上資源去設計屬於東南資管系導覽系統，整合 Flash 程式繪製出提供新生及訪客免費線上查詢服務，當使用者需要進一步查詢各種關於本系老師與學生資訊時，可直接在網頁或系上公共資訊站進行查詢。讓使用者無須在各樓層或不同網頁上奔波，時間與心力上的耗損可大幅降低，享
11、受資訊化時代便利快速的服務。線上查詢設立的目的在於讓使用者快速且便利的獲取資訊，並進一步產生各種互動。本研究提供校園資訊站多媒體影像導覽與系上老師、設備等相關資訊查詢系統，配合 Flash 多媒體的應用，使其資訊傳播更加流暢，提供使用者自然互動的多元化服務。本研究即在探討，如果運用應用軟體及校園的結合，將動畫、文字及資訊等整合於線上導覽系統上，讓使用者以自我導覽的方式參觀，並藉此模式迅速瞭解並尋求所需資料。6第三節 研究動機由於網際網路的發展十分迅速，全球資訊網儼然已成為一個全新的媒體，各類的資訊皆可於網路上流通，且其不受時間以及地域的限制，並能夠與使用者產生各種類型的互動。根據經濟部技術處委
12、記資策會電子商務應用推廣中心 FIND(Focus on Internet News & Date)進行的我國網際網路用戶數調查統計(資策會電子商務應用推廣中心，民 91)，2000 年 6 月底為止，我國網際網路用戶數已達到 557 萬，這使得我國的網際網路普及率達到 25%；至 2002 年 3 月底止，我國網際網路使用戶數已達 790 萬，網際網路普及率提升至 35%；至今此數據仍在往上攀升。Graham(1998)在Principles of Interactive Design一書中提出， 互動設計可以是簡單的，有時可以只是純文字，也可以是複雜的具有多媒體特性及更多的控制按鈕和連結。
13、這些資訊內容可使用圖片、文字、動劃、影片或是虛擬實境等。不管是簡單或者複雜的互動設計，能清楚地呈現訊息、容易理解和操作的介面及可以控制往前或往後的功能，讓使用者經由互動的控制內容，有益於資料的查詢。藉由互動的刺激、吸引觀眾，深入了解。Screven(1999)提出兩種參與模式： 被動式參與與互動式參與 ，被動式參與通常是單向獲得資訊， 互動式參與使用者可自行選擇尋找所須的答案，以達到有效的認知學習。本研究發現，傳統的校園教室查詢，依然需要學生或訪客以步行的方式且口頭問路才可找到想要到的地點；教師及班級查詢，依然需要透過一個又一個的執行檔案才可得到想要的資訊。然而，網路是給美術與多媒體創作者一個
14、揮灑藝術與思維的空間，在所有網路傳播多媒體工具之中，Flash 是創作者們相當喜愛的工具之一，實際結合創作者的力量，推動多媒體進步的原動力。本專題研究將探討如何讓傳統的校園能以網際網路方式讓使用者進行線上資料查詢，並設計繪製出導覽系統，以本校資管系為主軸，對於系上老師與班級資訊進行整合，本專題創作之理念在於建構一個互動式之導覽系統，讓使用者能依所需進行資料查詢，以達成使用者與系統互動效果。本組專題的主要研究目的在於發展以學校地理位置資管系為例的導覽7系統，目標在於讓使用者更了解學校位於四維樓資管系之路線。使用 Flash 動態導覽網頁，使其能夠以最短的時間、花費最少的成本到達目的地。同時也導入
15、一些生活中的資訊服務，讓使用者能清楚的了解此區域的特色。與其他地圖網站的最大區別在於對單一特定地點做詳細的地圖顯示，包括提供最佳路徑、重要路標顯示等，所以並不是只給使用者單純的地圖顯示而已。而是幫使用者做建議及參考，讓使用者更快速到達並了解東南技術學院資管系。而初期目標先定位在本系導覽為主，將來可運用在其他特定地點之導覽，擴充此系統的範圍與功能，例如擴大到全校導覽，給使用者顯示的不再是單純的顯示地圖，讓本系統與其他地圖網站做最大的區別。本專題主要設計一套東南技術學院資管系的導覽系統，結合 Flash 與網路科技的特性與功能，讓使用者更加的方便認識資管系。由於每一年系上都會招收許多新生，開學新生
16、到學校的主要活動就是認識校園，系上的電腦教室也常成為檢定考試的考場，舊生也可以藉由此系統查詢老師辦公室及課表，為了讓新舊生和考生，可以更快速的找尋系上的各個位置，例如：系辦公室、各導師辦公室、系學會辦公室及上課的教室.等，隨著時代的進步與 e 化的到來，擺脫紙本的地圖或路人的指引讓使用者可以藉由網路來查詢所要的資訊，提升了便利性及實用性，不用再另外多花時間到實際的地點尋找。8第四節 研究目的由於台灣地區地狹人稠，土地取得不易，尤以近幾年來新興成立的大專院校需要廣大的校地，所以只好往較為偏遠地區取得，也因此許多人對於偏遠學校的地理位置感到陌生。根據交通部數字統計1，國內每個駕駛人每年必須在馬路上
17、奔波約 30,000 公里，其中將近二成的數據來自於走錯了路，但倘若透過電子地圖系統後，這種不必要的錯誤與浪費的時間將盡可能的改善。為了讓新生以及家長能夠更便利的了解學校的地理位置，並基於成本以及時間上的考量本組導入電子地圖的概念來發展交通導覽系統。同時也讓校園內的師生能夠對於資管系能夠更清楚的了解。隨著網路的發達，關於地理資訊系統也漸漸受到重視，其應用層面和使用對象也從專業人員延伸至一般大眾。但不同的資訊提供者有不同的應用需求，如房屋仲介業者他們所需要的是各房屋的屬性資料，如房屋形式、價格、週邊環境、產權、格局等。所以必須發展出一套標準的查詢介面，各資訊提供者可以透過這些標準的格式將資訊表達
18、出來，使用者也可以藉由此統一的介面來查詢到各類不同種類的資訊，因此本專案的目的主要有以下幾點，首先是提出一個可以透過網際網路讓使用者作地理資訊查詢的系統架構，第二則是提供一個標準的、彈性的查詢介面，讓使用者可以在此介面上查詢各類關於東南資管系的資訊，第三則是希望以此雛型來發展出一個地圖式的入口網站，提供便利的使用環境與強大的搜尋資料功能，以及簡單的資料分析與彙整之功能。電子地圖與傳統地圖的比較：電子地圖，顧名思義，它不再是用紙張來傳遞，而是電子訊號，因此有著許多絕對的優勢是傳統地圖無法達到的，例如：查詢分析，路徑規劃等。當前 Internet 正在以驚人的速度迅速蓬勃發展，在這樣的情勢下，使用
19、者只需要透過網際網路瀏覽，就能獲得許多豐富的地圖資訊。如何將電子地圖引入 Internet 世界，使其充分利用和發揮網際網路的優勢，就成為地圖數位化發展研究的一個重要課題。9與一般傳統的紙張式地圖相比，本組認為電子地圖的發展具有以下的優點：1. 更廣泛的使用層面使用者可以同時造訪多個位於不同地方的伺服器上的最新地圖資訊，而 Internet 所特有的優勢大大方便了電子地圖的資料管理，使分散式的多資料模式的資料管理和整合更易於實現。2. 平台獨立性無論伺服器或客戶端是使用何種機器或是何種軟體，由於透過了通用的 Web 瀏覽器，使用者就可以很方便地使用地理資訊的資料，在本機或某個 Server 上
20、進行分散式元件的動態組合和空間資料的處理與分析，實現遠端資料共享的目標。3. 可大規模降低系統成本一般專業的 GIS 軟體均非常昂貴，而使用者最常用的只是一些最基本的功能。在客戶端通常只需使用 Web 瀏覽器（有時還需要外掛模組 Plug-Ins） ，其軟體成本與全套專業 GIS 軟體相比明顯要節省得多。另外，由於客戶端的簡單性而節省的維護費用也不容忽視。4. 更簡單的操作要廣泛推廣電子地圖，使地理資訊網路化能為廣大的民眾所接受，而不僅僅侷限於少數受過專業訓練的專業用戶，就要降低對系統操作的要求，如簡易的操作介面。通用的 Web 瀏覽器無疑是降低對系統操作的要求。 10系統介紹：本系統之網路架
21、構如圖一所示：【圖一】 系統網路架構圖當初本組組員想要研究作出整個資管系屬於自己的網頁，不是像一般單單只有文字敘述，網頁瀏覽而已，加上之前的課程有學到 Flash 的實作練習，對於 Flash 有基本的了解，所以就整組決定要以 Flash 動畫呈現出整個資管系的介紹。技術是由以往課程中所學習到的範圍，不懂的地方，或者想呈現出更完美的成品出來時，做不出來時，就會去圖書館找尋所要的資料，從中慢慢摸索學習到想要達成的結果出來。11第五節 研究目標四維樓資管系：本研究所述及之四維樓，其意為東南技術學院資訊管理系所屬的相關資源，包括：專任老師辦公室、系主任辦公室、系學會、專業技能教室、系上設備、視廳教室
22、及相關系上資訊公佈等。導覽系統(Navigation System)：一般導覽系統是指以導覽內容 (包括諮詢性質或解說性質) 為主題，透過多媒體的應用，整合文、圖形、動畫、影像和語音等媒介，以進行導覽解說的媒體；使用者以點選的方式，操控導覽系統資訊的呈現順序，並獲取所需的資訊。而在本研究中之導覽系統，是以東南技術學院四維樓資管系為導覽內容，包括：專任老師辦公室、系主任辦公室、系學會、專業技能教室、系上設備、視廳教室、專任老師相關資訊及系上資訊公佈等。本系統以 Windows XP Professional 為作業平台，以 Macromedia Flash MX Professional 200
23、4 為設計軟體，本組依系上資源設備，繪製不同的動畫，並將所有的動畫做連結，且在不同的呈現效果裡輸入指令，讓使用者能依自己所需進行查詢。因此在本研究的導覽系統中，提供給使用者不僅是視覺上的不同，也同時讓使用者查詢想得到的資訊。以下是本組專題各場景的簡略功能介紹：1. 四維樓以東南資管系為主，介紹四維樓資管系各樓層構造。2. 資管系辦公室介紹系辦行政人員與連結系上公告、提供行事曆查詢、觀看系上榮譽榜123. 主任辦公室介紹主任個人歷年經歷、專長、專業領域與對資管系的期許與規劃。4. 老師辦公室系上各專任老師位置介紹，並對各老師的個人資料、證照、專業領域與課表等逐一簡介。5. 學會辦公室設計系學會位
24、置圖，針對學會成員(歷屆)、行事曆、活動比賽等進行呈現的設計。6. 電腦教室在主任與系上各老師的用心下，不斷更新系上的設備，並以業界著名的 CCNA 網路認證為課程的主軸。13第六節 研究技術軟體操作環境Flash 的基本操作環境是由工具、選單、面板、場景等四個部分所組成，與其他軟體類似。但是 Flash 的結構中還有許多特別之處，像是取用電影的時間編輯概念，可以有許多不同的場景(Scene)可以分別編輯，並調整其前後順序，讓每一個場景的內容組合更加靈活。每一個影格還有許多屬性可以設定，如設定為關鍵影格，就可以將二個關鍵影格的物件插入補間動畫，很容易且快速的完成動畫的效果。元件(Symbol)
25、的設計也是一大特點，元件分為三種性質：影片片段 (Move Clip)、按鈕 (Button)、圖像(Graphic) 。影片片段元件有獨立播放的功能，按鈕元件可以設定連結動作，圖像元件則可以設定出現在場景不同實體的影格位置，並根據時間軸的影格設定而出現或隱藏。製作的新元件會放在元件庫內，元件庫就像是後台，元件就像是一個個的角色，可以從元件庫中的元件複製出多個實體到場景的舞台上。因為設計好的網頁需要透過網路傳輸到各個終端機的螢幕上，檔案越小，傳輸所花的時間就越少，所以不管幾個元件的實體放到場景上，都只有紀錄一個元件的屬性，這樣軋以讓檔案變小，有利於網路傳輸，卻不會影響網頁內容的豐富性。另外，每
26、一個元件本身還包含時間軸與 Action Script 動作屬性，使得元件的互動性提高許多。前面所提到元件的 Action Script 動作屬性，正是 Flash 精華所在。Action Script 動作設定可以讓元件、影格停止或繼續播放，可以讓動態文字物件顯示特定文字、現在的時間或經過的數字，可以讓影片隨著滑鼠的位置而調整移動速度的快慢，可以讓追蹤滑鼠，可以拖曳圖像放到指定位置，可以連結到指定網址等等，這些都是要靠 Action Script 才能完成的功能，所以使用者在這個部份的學習可是要下一番功夫，增加自己設計網頁的能力。連結檔案的路徑觀念14一般連結檔案的路徑分為絕對路徑、相對路徑
27、二類，絕對路徑就是完整 而唯一的路徑，有網址路徑與本機路徑二種。網址路徑就是瀏覽網頁常用的路徑，如 http:/www.thu.edu.tw 就是連結東海大學全球資訊網首頁的路徑，這個路徑是連結到全世界唯一的一台伺服器檔案上，所以稱為絕對路徑。本機路徑也是絕對路徑的一種，只能夠連結到你自己硬碟上的唯一檔案，例如 file:/Cl/web/index.html，就是連結到您電腦 C 槽中 web 資料夾內的 index.html 檔案。使用這種路徑，就算其他們連上網路也無法連結到這個檔案。相對路徑就是指檔案與檔案之間的相對位置，在編輯網頁連結時，通常是使用這種相對路徑。一般網站預設的主要連結檔案
28、為 index.html、index.htm，因此在這個檔案同一料層或其下層的資料使用相對路徑連結，只要使用相對路徑連結，不管您將這整個資料夾放在哪裡，它們之間的連結依然存在。例如，現在有三個檔案：index.html、a1.html、a2.html 放在相同資料夾，彼此連結時，只要寫上檔案名稱即可，不必像絕對路徑要寫完整的網址。這個資料夾，不管是放在自己的電腦上或伺服器的電腦上，都可以互相連結。如果將這個資料夾放在網路伺服器上，只要輸入指定到這個資料夾的網址，網頁伺服器自然顯示 index.html 檔案，可連結其他二個檔案。這樣就可延伸到整個複雜或龐大的網站內容。常用的快速鍵測試影片：Cr
29、tl+Enter在原地貼上：Ctrl+Shift+V新增元件：Ctrl+F8轉換成元件：F8元件庫：Ctrl+L編輯元件：Ctrl+E插入影格：F5移除影格：Shift+F5插入關鍵影格：F6插入空白關鍵影格：F7放大顯示：Ctrl+=15縮小顯示：Ctrl+-本組在進行專題討論時，曾提及此專題製作時，所涉及的範圍及相關技術。因為本組將最後製作的成品定位為以學校為主題性的網路廣告 ，而本組為了達成這個目標，在製作的過程中最主要使用的軟體為 Flash，並依許多不同需要，搭配各種不同功能的軟體作為輔助。製作過程中所用到的技術，本組將之分類為圖形設計 、 特殊效果這二大類。在此，本組將所用到的技術
30、及使用的理由作較為清楚的說明：1. 圖形設計：在 Flash 的製作過程中，動畫的設計是一定會用到的，除了在某些情況下使用照片之外，大多數的圖，會由本組組員依各種情況的不同需要，而自己著手去設計。在設計時，最主要是使用 Flash 中許多功能強大的繪圖工具，這些繪圖工具，這些繪圖工具可以幫助本組繪製各種不同的圖形及線條。另外，因為 Flash 所繪製的圖檔是向量式的，所以在某些情況下，為了畫面呈現時的不同效果，本專題可能也會運用到其他的繪圖軟體來做輔助(例：PhotoImpact.等點陣式繪圖軟體)。圖形設計的範圖，本組主要使用了 Flash 中的向量繪圖工具、點陣式繪圖軟體這兩項的操作來完成
31、繪圖的工作，某些較為複雜的圖形，可能會考慮使用手寫繪圖板來做為輔助。2. 特殊效果：在 Flash 的製作過程中，圖形及線條製作完畢後，要讓這些圖形及線條的效果呈現更加美觀及多元化，本專題運用比圖形製作時更進階一些的效果工具，這些工具可以讓原本靜態的圖形，變成動態以達到動畫的效果。16而 Flash 中有許多函數可以讓效果有更多的變化，而這些函數使用，會偏向一點程式上的設計。當程式設計完畢之後，可以幫助本專題達成許多其他繪圖軟體所達不到的效果，因為 Flash 並不只是單純的繪圖軟體而已，而是到達了多媒體聲光效果的強大軟體，這也是本專題以 Flash 作為主要工具的最大原因。在特殊效果的範圖中
32、，本組主要使用了效果工具及程式設計，來達成本專題所要呈現的目標。第七節 設計原理及架構 本節將介紹本系統之部份功能，下圖為本系統整個架構的簡略示意圖： 17【圖二】 系統架構及功能圖從圖二可以清楚看出本系統主要分成位置導覽、各辦公室、學會辦公室、電腦教室及視廳教室等功能，而各功能將概略敘述如後。 1. 位置導覽 使用者透過網際網路進入主畫面後，可點選畫面地圖四維樓查詢選項進到資管系，接著利用資管系各樓層的平面圖，點選所要導覽的地點，在此選項中，使用者可以依其所需選各辦公室、學會辦公室、電腦教室及視廳教室等詳細地圖檢視。幫助您快速了解資管系的結構圖。如圖三：18【圖三】 四維樓3樓平面圖2. 各
33、辦公室導覽選擇所要查詢導覽之各辦公室，裡面會詳細介紹主任、老師、助教個人資料、老師課表、學校及系上的行事曆、個人的專業領域、對資管系的期許與規畫及給學生的話等，對於有關本系的資源應有盡有，提供大量最新的資料給使用者查詢。如圖四： 19【圖四】 老師辦公室3. 系學會辦公室 選擇所要查詢導覽之學會辦公室，裡面會詳細介紹歷年成員介紹、歷年系上活動行事曆、運動會、系際盃比賽照片、迎新送舊活動，提供大量最新的資料給使用者查詢。如圖五： 【圖五】 系學會辦公室204. 電腦教室有專用的電腦教室及實驗室，可以提供作為檢定考試的考場所使用分類如下:網路管理實驗室(Network Management Lab
34、.) 發展方向及特色： 以業界著名的 CCNA 網路認證為課程的主軸，提供 Router 一人一機環境，質量與數量皆具規模。 主要硬體設備： Cisco 1670 Router54 組 ；Cisco 24P Switch 22 組。主要軟體設備： CNAP 標準教材。支援課程： 網路概論、網路 CCNA 認證 網路資訊安全。企業流程實驗室(Workflow and ERP Lab.) 發展方向及特色： 以完整之實務企業流程控管及實習場所，配合產學互動及證照輔導，讓學生得以驗證企業資訊系統管理之理論與實務。 主要硬體設備：電腦伺服器、教學用 PC。主要軟體設備：鼎新 ERP 系統。主要支援課程：
35、 資料庫管理系統、 企業支援規劃系統、 行銷管理系統、管理資訊系統、 生產管理系統、企業流程規劃。21自由上機教室 結合電算中心資源，提供學生自由上機空間。 開放時間：AM 8:00 PM 9:40。證照考場CERPS 專業認證考場(306) 進行 ERP 專業就校認證考場 網頁設計丙級證照考場(306) 進行職訓局網頁設計檢定考場 即測即評考場(402) 技能檢定定期即測即評學科考場 VUE 國際證照考場(503) 進行 CCNA 等證照考試如圖六：【圖六】 電腦教室225. 視廳教室多媒體視廳教室 舉辦小型研討會並提供視廳教學環境。 如圖七：【圖七】 視廳教室23第二章 Flash 介紹認
36、識 FlashFlash 是一套多媒體套裝軟體，它可以使一位完全不懂美工的人輕易的設計出一套影音多媒體動畫，這就是所謂介面傻瓜化的便利性，曾經聽過有人說：Flash 就像是動畫中的小畫家，由此可見 Flash 的親和力，但是Flash 最為人所稱道的並不是僅止於上述的優點，而是它可以將設計者的心血結晶轉換為網頁檔案的 HTML 格式，這對於許多已不安份於文字及靜態圖案的網頁設計者來說，簡直就是莫大的福音。Flash 採用向量(Vector)圖像格式，有別於一般的點陣類型的動畫格式，即使在低頻寬的網路環境下，仍舊可以播放高品質的動畫。此外，Flash 的多媒體與互動的功能，更顯出它的優異性，充分
37、發揮網路媒體的特性。Flash 的特點：高畫質常見的影像處理和繪圖軟體，例如 Photoshop、Painter 和Windows 的小畫家等專門處理點陣類型圖片的軟體。另一類型的插畫軟體，如 Flash、FreeHand 和 Illustrator 及 CorelDraw等，則是屬於向量式的繪圖軟體。點陣格式的圖像是由分佈在螢幕上各種顏色的像點(Pixel)所組成，當讀者放大或縮小圖檔時，構成圖檔的點陣也一併被放大或縮小，因此會造成所謂的“鋸齒狀“ 邊緣，常見的BMP、JPEG 、GIF 和 TIFF 等，都是點陣格式。1. 向量圖檔採用數學式描述繪製在螢幕上的圖形，因此當您改變圖像外觀的時
38、候，只是改變了數學式裡的某些參數，讓電腦重新計算各點的座標位24置，最後的畫質仍舊完好。常見的向量圖檔格式有 WMF，AI 和 DXE 等等。2. 檔案體積小 Shockwave Flash 格式版本的大小為 5.10KB，同樣內容的GIF 動畫的檔案大小則是 17.5KB。而 Shockwave Flash 動畫裡面還可以包含互動按鈕與聲音，這可是 GIF 動畫辦不到的。3. 簡易的製作環境 Flash 的繪圖工具比起 FreeHand 或 CorelDraw，算是平易近人，它可算是向量繪圖界的“小畫家“ 軟體，不過，雖然它的繪圖工具使用簡單，但麻雀雖小五臟俱全。舉凡遮照，透明圖層和變形效果
39、等，都可以輕鬆地完成。4. 可匯入匯出多種圖檔格式 Flash 軟體的原始工作檔格式為“.fla “檔，最後輸出的動畫影片稱為 Shockwave Flash，檔案格式為“.swf“。雖然 Flash 是一套向量式的動畫軟體，但是它的動畫成品可以輸出成 QuickTime 或 AVI影片、GIF 動畫、連續編號的圖像；或者，您也可以把某一圖框匯出成靜態的 GIF，BMP，JPEG 或 WMF 及 AI 等點陣或向量式的圖片。5. 影音整合是所有多媒體工具的基本要求。但是在整個動態網頁的製作環節當中，它卻又是表現最弱的部份。但是在 Flash 上面，您可以輕鬆地替電影加上背景音效，人物對白或按鈕
40、的音效，再加上 Shockwave Flash 採用序列(Stream)傳輸模式可以將電影 “ 邊傳邊放 “ 減少網路用戶的負擔，充實網頁多媒體效果，Flash 是您的最佳選擇。6. 簡單且具威力的互動指令 Flash 包含數個簡單好用的指令(稱作“Action“動作指令)可以用來製作互動影片，控制影片的播放流程，連結網頁，控制Flash 播放器，甚至製作簡單的遊戲。此外，Shockwave Flash 動畫甚至還可以和其它程式語言相互溝通，例如從 Shockwave Flash 動畫呼叫網頁裡的JavaScript 的函式，或透過 JavaScript 控制 Flash，讓您的動畫作品與網頁
41、更緊整合在一起。7. 外掛程式隨處可見目前新版的網景通訊家或微軟的 IE 都附 Shockwave Flash 的外掛程式。外掛程式就像它的動畫一樣，體積很小，大概只有170KB，即使您遇到沒有安裝 Shockwave Flash 外掛程式的電腦，它也不會佔用您太多的下載時間，目前蘋果電腦的 QuickTime4.0 播放器也可直接播放 Shockwave Flash 動畫檔，而不論 Windows 或 Mac OS 平台，Flash 都能直接輸出 QuickTime 格式的動畫檔。而且還有 Java 類型的播放器，讓您的25Shockwave Flash 作品在網路上通行無阻。8. 容易與網
42、頁整合 Flash 內建網頁出版(Publish)指令，可以自動替您把指定的 Shockwave Flash 動畫嵌入網頁，並替您產生其它必要的 HTML 和JavaScript 程式，只需要一個指令就能全部的完成。Flash 主要有以下幾點特性：1. 使用向量式圖形技術來製作動畫，它使檔案容量較小（因為向量圖形是使用數學函數來記錄圖形中的屬性） ；而且將向量圖放大或縮小，也不會失真，最重要的是檔案容量也不會改變。2. 可為網頁配上悅耳動聽的音效，而且是以 MP3 的音樂壓縮格式壓縮，可大幅降低聲音所佔據的檔案容量，也可保有高品質的音質。 可匯入WAV (WIndows)的聲音檔 。3. 採用
43、 Stream 資料流傳送方式，在檔案下載的同時即可流暢的播放，不須等到資料全部下載完畢才能觀看動畫。4. 提供 Actions 指令設定環境，可使網頁作到極佳的互動性。5. 為了讓使用者可以在完成動畫之後，立即看到動畫在網頁中的效果，Flash 可直接將動畫出版成網頁，產生 HTML。6. 具有抗鋸齒的功能，可讓文字或影像的邊緣都非常平滑。7. 加強與支援點陣式圖形處理 (Enhanced Bitmap Support)，使之可旋轉、 拉長等功能。認識 Flash 動畫的基本概念Flash 動畫具備了五樣重要的元素，那就是：劇本(Dramatic)、場景(Scene)、圖層 (Layer)、
44、畫格(Frame) 、角色(Symbol) ，當然更少不了你這位導演了。26劇本(Dramatic) ：整個動畫要如何演出必須在你的腦中構思成形，並且排練過一遍，再藉由 Flash 驚人的技術將之表現出來，因此要設計一個可看性高的動畫應將整個細節紀錄下來，將有助於動畫的製作。角色(Symbol)：動畫上各式各樣的圖片或文字。畫格(Frame)：像卡通影片中每一個人物的各個分解動作，而每個分解動作畫面就是一個畫格，在 Flash 中是以時間軸來表示其畫格。圖層(Layer)：由數個畫格所組成，它記錄著每一個角色所要進場演出的時間及出場時間。場景(Scene)：場景包含了所有製作動畫的基本設定，例
45、如動畫的尺寸、背景色。Macromedia Flash 盛行網路多年，應用層面廣泛，除了生動的網路動晝的引人入勝之外，各種互動效果與應用亦層出不窮，這些互動效果其背後都有賴於 Action Script 的控制能力。在第一影格時，會定義一個圖型，接著定義 sprite 來表示包裝此圖形的 MovieClip，然後定義這個 sprite 的位置，最後是利用 show frame 這個標籤來顯示所有在這個影格中所出現的元素，到了第二影格以後時，便是不斷的利用變更此 sprite 的位置，與不斷的 show frame 來顯示元素，達到動畫的效果。當所有 Tag 執行完畢，也就是影格走到了最後一格的
46、時候，若是沒有特別執行 stop 指令的話，Tag 的特性將會是像錄音帶的原理一樣，不斷的重複播放。當播放到每個影格時，其上的 Action Script 會優先被執行，而且一定會被執行，然後才會顯示舞台上的元素，再者，因為播放到每個影格時，都會有 show frame 來作顯示影格的命令，所以這也是 Flash 可以製作串流內容的緣故，下載多少就播放多少的機制。基於 Flash 並不是一個多線程的軟體，通常會與瀏覽器一樣，都是利用系統計時器的 callback，有相同的線程中執行，因此 Flash 也不能保證當使用到 setInterval 時，可以精確到毫秒的準確度，但是通常至少其精確度會
47、比影格的速率高上 10 倍，這部份其實也依照不同的播放環境有不同的準確度。27Flash 為了讓各種想用的字體可以正常顯示，就必須將字體的外框資訊記錄到 swf 中，來達到內嵌字體的效果，但是這有時候又牽扯到造字者的版權問題，不能完全將每個字體外框的端點資訊記錄起來，這就導致當小字使用裝置字體時，能用的字體比較有限，因此 Flash MX 2004 新增了平滑字體的功能，可以讓較小的字體變的比以往更清晰可讀，新功能中便會將小字轉成點陣圖紀錄，如此一來，也可以做到向下支援，即使是使用Flash MX 2004 所製作的小字體，在 Flash MX 以前版本的 Player 上播放，也依然清晰。強
48、大動畫功能及多媒體支援時間軸及特效：除了可利用 Flash 持有的時間軸面板進行動晝的設定外，Flash 更提供了方便使用的特效，只要一個步驟就可以製作一段具特殊效果的動畫。而且這些特效能夠被還原，也可以進行修改或者取消。匯入 PDF 及 EPS 格式檔案：您可以將 PDF 格式文件及 lllustrator 10 格式檔案匯入 Flash 檔案中。匯入視訊影片：可匯入 Quicktime 格式影片及 AVI 格式影片。匯入後還可以進行縮放、旋轉、扭曲、遮罩等動作，更可使用程式碼使影片具有互動性。且匯入影片時，可透過視訊匯入精靈修剪影片長度、建立多個片段順序等。加入音效：可加入 MP3、ADP
49、CM 及 Nelly Mosser 等格式音效，且可控制量和音源移動的效果。操作處理工具物件處理視覺化：在 Flash 檔案內可以快速且有效率地以視覺化方式處理物件，如物件移動、複製、刪除、調整層級位置、對齊方式等。可自訂工作環境的版面編排方式：Flash 可讓工作環境中面板放置位置儲存起來，如此一來便可在不同狀態下取用不同的面板方式。繪圖工具：有橢圓形工具、矩形工具、多邊形工具、鋼筆工具、鉛筆工具可供取用，以產生所需的物件形狀。場景、圖層：在 Flash 檔案中可利用場景安排不同的動晝片段；利用圖層則28可將物件、元件進行分類，提升製作效率。自由變形工具：Flash 提供了製作遮色片效果的功能，可局部顯示圖案，且遮色片也具有產生動態效果的能力。點陣圖向量化：可追蹤點陣圖的影像，將點陣圖轉化為向量圖案。色彩管理能力：Flash 提供了管理色彩的功能，可使 RGB、CMYK 及網頁色系產生準確的色彩。程式開發功能行為指令：您可以撰寫行為指令或從
