二手唱片線上交易
138
0
0
全文
(2) 3D校園導覽系統-以逢甲大學校園為例. 目. 錄. 圖表目錄………………………………………………………………III 摘要……………………………………………………………………VII 第一章. 緒 論………………………………………………………...1. 1.1 動機……………………………………………………………1 1.2 目的……………………………………………………………3 第二章. 系統概述……………………………………………………..4. 2.1 背景…………………………………………………………….4 2.2 組織…………………………………………………………….4 2.3 職責…………………………………………………………….5 2.4 以下分配與時程……………………………………………….6 第三章. 系統分析與設計……………………………………………..8. 3.1 方法…………………………………………………………….8 3.2 選用哪一種理由及其理由…………………………………….10 3.3 全景圖………………………………………………………….10 3.4 圖 0…………………………………………………………….11 3.5 子系統功能…………………………………………………….13 3.5.1 會員子系統……………………………………………..13 3.5.1.1 會員註冊……………………………………….14 3.5.1.2 會員登入……………………………………….18 3.5.1.3 會員修改……………………………………….20 3.5.1.4 會員購買……………………………………….22 3.5.1.5 所有會員資料查詢…………………………….26 3.5.1.6 會員編號查詢資料…………………………….29 3.5.1.7 會員姓名查詢資料…………………………….32 －Ｉ－ 逢甲大學 e-Paper (92學年度).
(3) 3D校園導覽系統-以逢甲大學校園為例. 3.5.1.8 會員資料刪除………………………………….36 3.5.2 會計子系統……………………………………………..39 3.5.2.1 查詢 CD 交易明細……………………………..39 3.5.2.2 總收入明細…………………………………….41 3.5.3 存貨子系統……………………………………………..43 3.5.3.1 新增 CD………………………………………43 3.5.3.2 修改 CD………………………………………46 3.5.3.3 歌手姓名查詢 CD……………………………49 3.5.3.4 專輯查詢唱片………………………………...52 第四章. 系統製作……………………………………………………..55. 4.1 會員功能……………………………………………………….55 4.2 系統管理者…………………………………………………….90 第五章. 系統評估……………………………………………………126. 5.1 完成部分……………………………………………………...126 5.2 會員功能評估………………………………………………...126 5.3 站務管理功能評估…………………………………………...127 5.4 未完成部分…………………………………………………...127 第六章. 心得與未來展望……………………………………………128. 6.1 心得…………………………………………………………...128 6.2 未來展望……………………………………………………...129 參考資料………………………………………………………………130. －II－. 逢甲大學 e-Paper (92學年度).
(4) 3D校園導覽系統-以逢甲大學校園為例. 圖. 表. 目. 錄. 圖 3.1 二手 CD 交易系統全景圖………………………………………11 圖 3.2 二手 CD 交易系統圖 0…………………………………………12 圖 3.3 會員功能架構圖………………………………………………..13 圖 3.4 會員註冊資料流程圖…………………………………………..14 圖 3.5 登入之系統流程圖……………………………………………..18 圖 3.6 會員修改之系統流程圖………………………………………..21 圖 3.7 會員帳單建立系統流程圖……………………………………..23 圖 3.8 所有會員資料查詢系統流程圖………………………………..26 圖 3.9 會員編號查詢系統流程圖……………………………………..29 圖 3.10 會員姓名查詢系統流程圖…………………………………….32 圖 3.11 刪除會員資料系統流程圖……………………………………36 圖 3.12 查詢 CD 交易明細流程圖…………………………………….39 圖 3.13 查詢總收入流程圖…………………………………………….41 圖 3.14 新增唱片系統流程圖………………………………………….43 圖 3.15 修改唱片資料流程圖………………………………………….46 圖 3.16 查詢唱片系統流程圖………………………………………….49 圖 3.17 專輯查詢系統流程圖………………………………………….52 圖 4.1 會員註冊基本資料輸入………………………………………...56 圖 4.2 顯示輸入欄位錯誤訊息………………………………………...65 圖 4.3 顯示電子信箱錯誤輸入……………………………………..…66 圖 4.4 顯示註冊成功訊息……………………………………………..66 圖 4.5 註冊失敗訊息…………………………………………………..67 圖 4.6 會員登入………………………………………………………..68 圖 4.7 登入失敗………………………………………………………..72 圖 4.8 登入成功………………………………………………………..72 圖 4.9 會員主頁………………………………………………………..73 ─III─. 逢甲大學 e-Paper (92學年度).
(5) 3D校園導覽系統-以逢甲大學校園為例. 圖 4.10 進入修改程序…………………………………………………73 圖 4.11 修改畫面……………………………………………………….74 圖 4.12 欄位檢查……………………………………………………….79 圖 4.13 修改成功……………………………………………………….80 圖 4.14 查詢 CD………………………………………………………...80 圖 4.15 帳單填寫……………………………………………………….81 圖 4.16 訂單成功成立………………………………………………….87 圖 4.17 回應使用者已售完訊息……………………………………….88 圖 4.18 將商品放進購物車…………………………………………….88 圖 4.19 成功放進購物車……………………………………………….89 圖 4.20 會員資料查詢條件…………………………………………….90 圖 4.21 所有會員資料………………………………………………….92 圖 4.22 輸入查詢會員資料編號……………………………………….93 圖 4.23 會員資料查詢結果…………………………………………….96 圖 4.24 輸入查詢會員資料姓名……………………………………….96 圖 4.25 會員資料查詢結果…………………………………………….99 圖 4.26 輸入會員資料刪除編號…………………………………… 100 圖 4.27 會員資料刪除成功………………………………………….102 圖 4.28 新增唱片資料輸入………………………………………….103 圖 4.29 新增唱片資料成功訊息…………………………………….107 圖 4.30 修改唱片編號輸入………………………………………….108 圖 4.31 輸入欲修改唱片資料項目…………………………………..108 圖 4.32 修改唱片資訊成功訊息……………………………………...112 圖 4.33 查詢唱片條件…………………………………………………113 圖 4.34 所有唱片資料………………………………………………..115 圖 4.35 輸入歌手姓名查詢…………………………………………..116 圖 4.36 唱片資料查詢結果…………………………………………..120 圖 4.37 輸入欲查詢之唱片專輯名稱………………………………..121 圖 4.38 唱片資料查詢結果…………………………………………..125 表 2.1 部門分配………………………………………………………….4 ─IV─. 逢甲大學 e-Paper (92學年度).
(6) 3D校園導覽系統-以逢甲大學校園為例. 表 2.2 甘特圖…………………………………………………………….7 表 3.1 網站首頁………………………………………………………..15 表 3.2 會員登入頁……………………………………………………..15 表 3.3 會員資料填寫…………………………………………………..16 表 3.4 檢驗並新增會員資料…………………………………………..16 表 3.5 會員個人資料表………………………………………………..17 表 3.6 管理員模式……………………………………………………..18 表 3.7 會員主網頁……………………………………………………..19 表 3.8 會員修改確認…………………………………………………..21 表 3.9 會員資料修改確認……………………………………………..22 表 3.10 處理會員修改…………………………………………………22 表 3.11 帳單填寫………………………………………………………24 表 3.12 列出清單………………………………………………………24 表 3.13 交易明細資料表………………………………………………24 表 3.14 CD 資料表……………………………………………………25 表 3.15 查詢條件選擇…………………………………………………27 表 3.16 所有會員資訊顯示……………………………………………27 表 3.17 查詢條件選擇…………………………………………………30 表 3.18 查詢編號輸入…………………………………………………30 表 3.19 查詢會員編號資訊顯示………………………………………31 表 3.20 查詢條件選擇…………………………………………………33 表 3.21 查詢姓名輸入…………………………………………………33 表 3.22 查詢會員姓名資訊顯示………………………………………34 表 3.23 刪除條件選擇…………………………………………………37 表 3.24 刪除會員資訊顯示……………………………………………37 表 3.25 CD 交易明細…………………………………………………...40 表 3.26 收入明細……………………………………………………….41 表 3.27 收入資料表…………………………………………………….42 表 3.28 新增唱片資料輸入…………………………………………….44 表 3.29 新增唱片成功的訊息…………………………………………..44 ─V─. 逢甲大學 e-Paper (92學年度).
(7) 3D校園導覽系統-以逢甲大學校園為例. 表 3.30 修改唱片資料條件找尋……………………………………….47 表 3.31 修改唱片資料列表…………………………………………….47 表 3.32 修改唱片資料成功訊息……………………………………….48 表 3.33 查詢條件選擇………………………………………………….50 表 3.34 查詢唱片條件輸入…………………………………………….50 表 3.35 查詢唱片資訊顯示…………………………………………….51 表 3.36 查詢唱片條件輸入…………………………………………….53 表 3.37 查詢唱片資訊顯示…………………………………………….53. ─VI─. 逢甲大學 e-Paper (92學年度).
(8) 3D校園導覽系統-以逢甲大學校園為例. 摘要： 本專題是一套標準的電子商務交易系統。主要的目的是希望讓 使用者透過網路的便利來交易買賣。整體的技術是採用 Microsoft SQL Server2000、ASP 以及 IIS 建構而成，是標準的網路資料庫的設 備。讓使用者使用起來能夠覺得便利，更可以讓使用者不用出門就能 夠買到他想要的唱片 CD 和節省他們寶貴的時間。這在目前的市場 裡，是相當受到歡迎的，尤其是在 SARS 風暴期間，線上購物的營業 額更是遠遠的超過了一般商家的想像進而成為了可怕的對手。而且本 系統更可以提供商家老闆們另外一個市場以加入競爭。 我們報告的概述，第一章簡單說明了成立動機，第二章說明公 司歷史以及各個部門工作，第三章詳細說明系統分析，第四章說明製 作過程，第五章講的是評估我們系統優點與缺點，第六章則是講述我 們的心得與展望。. ─VII─. 逢甲大學 e-Paper (92學年度).
(9) 3D校園導覽系統-以逢甲大學校園為例. 第一章. 緒論. 1.1 動機 1、. 選擇二手市場的原因 現今唱片市場低迷，雖然唱片業者一在的強調反盜 版，但是似乎沒有太大的效果。而導致唱片的銷售量一 在的下滑，甚至到了連盜版商的銷售量已經比正版唱片 的銷售量好過兩三倍了。而這對於二手的市場卻沒有太 大的影響。 怎麼說呢？因為對於一般的唱片業者來說，只要市 場上一有心唱片出輯，他們就一定要上架，他們必須有 冒險的心理，一旦這一位歌手若是不能賣出好成績，那 麼他們的銷售量就不會有太好的成績，而一開始所進多 餘的或便會存貨。這對於業者來說就不是一個好現象 了。但是，對於二手業者來說，我的進貨並沒有一定的 標準。而且，二手唱片這種東西本來就試看個人喜好了。 說不定，今天一進貨，明天便已經賣出去了。就算是賣 不出去，總也有一天會有喜歡的人，這一方面進貨量可 以控制，一方面，成本也不會花費太多了。. 2、. 潛在的商機 在現在大家高唱反盜版的年代裡，一方面要顧慮. 到智慧財產權，一方面又不願意花好幾倍的價錢去購買熱門的 唱片，在兩方面煎熬之下，相信像是二手唱片行這市場一定存 在著很大的潛力，同好可以藉著交換以及買出賣出來滿足自己 的慾望，而這行業也是屬於有地區性的區隔，位於南部的商家 北部的愛好者考慮到成本問題不可能專程南下，業者為了拓展 市場，也相信不會侷限於某一特定區域，此時連鎖之間的溝通 便是非常的重要，藉由網路傳輸化，能使顧客得到最新的資訊 和最方便的利用，如此即為業者潛力所在。. 逢甲大學 e-Paper (92學年度).
(10) 3D校園導覽系統-以逢甲大學校園為例. 3、. 利用網路所能帶來的好處 人們可以藉由網路來了解到想要的物品是不是足夠. 滿足自己，店家的存量、價格都是消費者想要知道的資訊，而 消費者則能從網路上藉由查詢得知想知道的資訊，進而在網路 上下訂單，如此一來便可少去舟車勞頓之苦而獲得想要的訊息 和最新的動態。. 2. 逢甲大學 e-Paper (92學年度).
(11) 3D校園導覽系統-以逢甲大學校園為例. 1.2 目的: 隨著網路的日新月異，而且屬於資料庫處理的東西也越來越成 熟。因此，我們想要藉著利用主題網站來透過網路提供企業網路服 務，達到與消費者互動與便利的管道，也因為目前市場上尚缺乏資 料庫管理系統應用人才，所以我們想要藉著專題研討的機會來學習 這項技術，進而培養自己本身的競爭力。 根據目前市場上的需求,我們希望我們所設計的系統有下列 幾種功能 1.資料電腦化：隨著網路人口的發達與需求量的增加，店家所 面對的客戶及交易資料繁複，我們希望能將其統整、歸類和 建檔，利用電腦化來讓錯誤率減低以及登錄上的繁雜，達到 更有效率的管理與作業。 2.標準的線上交易功能：毫無疑問地，線上交易功能已經成為網 路購物族所重視的一項功能之一了。而我們所要做的，就是盡 量滿足顧客所需求的交易事項，能夠越人性化越好。 3.人事管理系統：而人事管理系統，當然是讓我們老闆才能操縱 的功能。由老闆來決定人員錄取與否，以及其員工的工作排 班。而員工可以事先給老闆可排班的時間以供老闆來決定排 班，同時也可以清楚的紀錄員工出席與工作情況。 4.訊息交流系統：為了了解顧客需求與市場上的銷售情況，我 們設計一個產品的暢銷排行榜，裡面包含了現今市場上需求 情形以供顧客與店家參考，另外也增加訊息交流的功能，透 過在網路上的留言與交談情形來滿足顧客需求與店家資訊的 快速傳遞，使得顧客不會因為不知道行情而吃虧。. 3. 逢甲大學 e-Paper (92學年度).
(12) 3D校園導覽系統-以逢甲大學校園為例. 第二章. 系統概述. 2.1 背景 小虧的店一開始其實是經營小型唱片專賣店。但是，在一 片經濟不景氣，還有一堆如大眾唱片行和光南唱片行這樣的中 盤商直接進入市場的出現。因為，他們是中盤商而我們只不過 是從中盤商那拿貨的小型唱片行，所以，抵擋不住這樣的市場 壓力只好轉型。而隨著二手商品的流行，我們自己就想出藉由 二手 CD 來闖出一片天下。再者，也經由網際網路的發達，所以 我們希望能夠透過網路來更進一步發展我們的事業。這樣一 來，不但能夠跟進世界潮流也能使消費者能夠不用出門便能知 道有什麼新的二手 CD 上架或者是能夠在本店找到其他唱片行 已經很舊卻以跟新 CD 的價格一樣出售的 CD 本店絕對能提供比 較低價的價格來販賣。所以，這也是本店所能擁有的優勢，如 果再配合網際網路的功能，想必一定能夠增進比目前更大的營 業額。. 2.2 組織 總經理. 會計部門. 業務部門. 存貨部門. 人事部門. 表 2.1 部門分配. 4. 逢甲大學 e-Paper (92學年度).
(13) 3D校園導覽系統-以逢甲大學校園為例. 2.3 職責 本系統將整個公司劃分為四個部門─會計部門、業務部門、 存貨部門、人事部門。根據工作所求，將繁雜的資料內容輸入電 腦處理，使其減輕工作上的負擔且又能增加工作效益。更能增加 其資料正確性以及處理速度。 會計部： 現金收支明細 公司採購紀錄 唱片交易明細 應收帳款明細 薪資發放 業務部： 二手CD報價 網頁管理與更新 二手CD新增、修改、刪除 會員申請與管理 人事部： 員工出勤紀錄 人事異動 員工資料 存貨部： 現有CD之明細 二手CD扥售者的資料明細. 5. 逢甲大學 e-Paper (92學年度).
(14) 3D校園導覽系統-以逢甲大學校園為例. 2.5.以下分配與時程 1.分配時程 時程分配主要就是用來控制發展進度。而使用甘特圖是 一般用來分配十成的主要方法。以下就是我們利用甘特圖控制時程 分配的結果。. 6. 逢甲大學 e-Paper (92學年度).
(15) 3D校園導覽系統-以逢甲大學校園為例. 2.甘特圖 工. 作. 項. 目. 週. 次. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 討論系統 收集資料 與店家討論 規劃系統 撰寫專題規 劃書 規劃系統分 析 撰寫系統分 析書 寫程式以及 測試 評估系統 系統維護 表 2.2 甘特圖. 7. 逢甲大學 e-Paper (92學年度).
(16) 3D校園導覽系統-以逢甲大學校園為例. 第三章 系統分析與設計 3.1 方法 由於軟硬技術的精進與價格的大幅降低，使的資訊 系統的需求量和複雜度也因此升高，所以系統分析最主要 的目的是要能讓系統有效的開發。當系統開發依循系統 化、邏輯化的步驟進行時，可以有利於標準、規範與政策 之推行和建立，開發的過程將更有效率，更能確保品質也 能更容易管理。所以專家們提出了各種不同資訊系統開發 模式以適用於不同情況的需求。 以下是各系統分析方法： 1. 編碼與修正模式 主要包含兩個步驟（1）先寫部分程式（2）在修正 程式中的問題。就是所謂的先編碼而後再考慮需求、設計、 測試與維護。 2. 階段模式 因為編碼與修正模式有諸多缺點，因此 Benington 以他的開發經驗提出了階段模式以改善其缺點。階段模式 共有下列八階段，且需依序執行： (1). 作業規劃. (2). 作業規格描述. (3). 程式規格描述. (4). 編碼. (5). 參數測試. (6). 整合測試. (7). 上線測試. (8). 系統評估. 總而言之，階段模型以具有方法論的模型，該模式所強調 的是系統開發前要有規劃，程式編輯前要有分析與設計， 系統上線前要有測試等。 3. 瀑布模式 8. 逢甲大學 e-Paper (92學年度).
(17) 3D校園導覽系統-以逢甲大學校園為例. 針對階段在執行上的一些問題，Royce 在 1970 年 提出瀑布模式來彌補階段模式的不足，其原則如下： 瀑布模式是一種系統開發的方法，該方法把系統開發的過 程分成幾個階段，每個階段清楚定義要做哪些工作及交付 哪些文件，各階段循序執行且僅循環一次。 4. 漸增模式 由於，瀑布模式在軟體開發之各階段均需同時考量 所有需求，且系統開發需一個週期完成，在某些情況下此 模式的執行會有困難。因次，Mills 於 1971 年提出漸增模 式以解決此問題，原則如下： 漸增模式是一種系統開發方法，該方法把需求分成幾個部 分，然後依漸增開發計畫將每個部分需求之開發訂為一個 開發週期，每個週期可依序或平行開發。每個週期之階段 清楚定義要做哪些工作及交付哪些文件，每個階段循序進 行且僅循環一次。 5. 雛形模式 瀑布模式與漸增模式均需假設在專案開始時，使用 者需求能清楚與完整的描述。但在許多情況下，這種假設 是不切實際的，因為使用者常無法把需求清楚且完整的表 達，但資訊人員可能沒有足夠的經驗與知識完全瞭解使用 者的需求，亦可能一時無法找出解決問題之方法、模式或 資訊科技等。在此情況下，使用者之需求表達可能已很清 楚，對資訊人員來說亦可能已清楚的瞭解使用者之需求， 但對於如何設計具有彈性報表產出能力的資訊系統，可能 還找不出設計方法。因此，Bally 等提出雛形模式以處理 該情況之系統開發。雛形模式雖有不同的衍生模式，但基 本原則如下： 雛形模式是一種系統開發方法，該方法先真對使用者需求 較清楚的部分或資訊人員較能掌握之部分，依分析、設計 與實施等步驟快速開發雛形。開發過程中，強調進早已雛 9. 逢甲大學 e-Paper (92學年度).
(18) 3D校園導覽系統-以逢甲大學校園為例. 形作為使用者與資訊人員需求溝通與學習之工具，雙方透 過雛形之操作與回饋，以釐清、修改及擴充需求，並藉以 修改與擴充雛形。將上述步驟反覆進行，直到系統符合雙 方約定為止。 3.2 選用哪一種方法及其理由 綜觀以上所有的方法，似乎各有其優缺點存在，所 以我們這一組選用“瀑布模式”的方法。瀑布模式一般適 用於發展期間需求可以清楚完整表達、問題知識容易取得 且較不會改變的專案，因為我們認為本系統的所有步驟都 應該按照順序作，這樣在系統設計上才能一件一件的完 成，所以我們選用瀑布模式的方法。 3.3 全景圖 全景圖就是透過利用訪問、問卷，和其它技術收集 關於系統的事實，藉以了解到不同人員、部門、資料，和 程序如何配合起來，支援企業運作。根據所尋找事實的成 果製作對資訊系統的圖形說明。全景圖是表示系統邊界或 範圍的一個資料流圖。全景圖是資訊系統最高層面的境 界。在圖中，不顯示任何資料儲存，因為資料儲存在系統 內部。下圖 3.1 為我們系統的全景圖:. 10. 逢甲大學 e-Paper (92學年度).
(19) 3D校園導覽系統-以逢甲大學校園為例. 圖 3.1 二手 CD 交易系統全景圖 3.4 圖 0 圖 0 是放大背景圖而列出較為詳細概況的一個資 料流圖。全景圖用一個單一過程符號代表整個資訊系統， 而圖 0 則進入一個較深入的層面，表明系統內部的一些主 要過程、資料流，和資料儲存。 在我們的二手 CD 交易系統裡，首先要分為四個部 分，分別為訂單系統、貨物管理系統、員工管理系統和財 務管理系統，我們希望在交易系統的時候能包括到上列這 四個部分，先有客戶透過訂單系統下訂單，經過貨物管理 系統檢查庫存批准訂單之後，再由財務管理系統來要求客 戶付款，而員工管理系統則是負責公司員工排班和薪資的 計算，經由此一完整結構以架構一完整之二手 CD 交易系 統。 11. 逢甲大學 e-Paper (92學年度).
(20) 3D校園導覽系統-以逢甲大學校園為例. 圖 0 如下圖 3.2:. 圖 3.2. 二手 CD 交易系統圖 0. 12. 逢甲大學 e-Paper (92學年度).
(21) 3D校園導覽系統-以逢甲大學校園為例. 3.5. 子系統功能 根據各部門所負責的工作，我們分成了五個. 子系統。而各個子系統的功能將敘述如下： 3.5.1 會員子系統 會員申請可以讓經營者較利於管理，可以使 網站比較單純，而會員可以經由登入的動作而享有網站的 一些功能。 其架構如下： 會員申請功能. 會 員 註 冊. 會 員 登 入. 會 員 修 改. 會 員 購 買. 圖 3.3 會員功能架構圖. 13. 逢甲大學 e-Paper (92學年度).
(22) 3D校園導覽系統-以逢甲大學校園為例. 3.5.1.1 會員註冊. Default.asp. 會員登入. Login.asp. 會員申請. Member.asp. 資料審核. CDSELL.MDF. reg.asp. 圖 3.4. 會員註冊資料流程圖. 14. 逢甲大學 e-Paper (92學年度).
(23) 3D校園導覽系統-以逢甲大學校園為例. 檔案名稱：Default.asp 記錄格式： 序. 號. 欄. 名 格. 式. 長. 度附. 1. 公司介紹 連. 結. 8. 2. 會員專區 連. 結. 8. 3. 二手行情 連. 結. 8. 4. 最新情報 連. 結. 8. 5. 站務管理 連. 結. 8. 6. 郵遞費用 連. 結. 8. 7. 公 告 欄 文字框架. 註. 9×43. 表 3.1 網站首頁 檔案名稱：Login.asp 記錄格式： 序. 號. 欄. 名. 格. 式. 長. 度. 1. 帳. 號. 文. 字. 20. 2. 密. 碼. 文. 字. 20. 會員申請. 連. 結. 8. 3. 備. 註. 4. 確. 定. 連. 結. 20×19. 5. 重. 填. 連. 結. 20×19. 6. 錯誤訊息 1. 文. 字. 18. 帳號不為空. 7. 錯誤訊息 2. 文. 字. 18. 密碼不為空. 表 3.2 會員登入頁 檔案名稱：Member.asp 記錄格式： 序 號. 欄. 名. 格. 式 長. 1. 帳. 號. 文. 字. 20. 2. 密. 碼. 文. 字. 20. 3. 名. 字. 文. 字. 8. 4. 付費方式. 下拉選單. 4. 5. 性. 文. 字. 2. 6. 取貨方式. 下拉選單. 4. 別. 度. 備 註. 15. 逢甲大學 e-Paper (92學年度).
(24) 3D校園導覽系統-以逢甲大學校園為例. 7. 聯絡電話. 數. 字. 12. 8. 行動電話. 數. 字. 10. 9. E-Mail. 文. 字. 40. 10. 地. 址. 文. 字. 50. 11. 確. 定. 按. 鈕. 20×19. 12. 重新填寫. 按. 鈕. 20×19. 13. 錯誤訊息 1 文. 字. 24. 帳號不為空. 14. 錯誤訊息 2 文. 字. 24. 密碼不為空. 15. 錯誤訊息 3 文. 字. 24. 姓名不為空. 16. 錯誤訊息 4 文. 字. 24. 地址不為空. 17. 錯誤訊息 5 文. 字. 24. 聯絡電話不為空. 18. 錯誤訊息 6 文. 字. 24. 行動電話不為空. 19. 錯誤訊息 7 文. 字. 24. E-mail 有誤不為空. 表 3.3 會員資料填寫 檔案名稱：reg.asp 記錄格式： 序. 號. 欄. 名. 格. 式. 1. 成功訊息. 文. 字. 20. 2. 返回首頁. 連. 結. 10. 3. 失敗訊息. 文. 字. 20. 表 3.4. 長. 度. 備. 註. 檢驗並新增會員資料. 檔案名稱：CDSELL.MDF/mem_data 之 table 記錄格式： 序 號. 欄. 名. 格. 式. 1. 帳. 號. 文. 字. 20. 2. 密. 碼. 文. 字. 20. 3. 姓. 名. 文. 字. 8. 4. 付費方式. 下拉選單. 4. 5. 性. 文. 字. 2. 6. 取貨方式. 下拉選單. 4. 別. 長. 度. 備 註. 16. 逢甲大學 e-Paper (92學年度).
(25) 3D校園導覽系統-以逢甲大學校園為例. 7. 地. 址. 文. 字. 30. 8. 聯絡電話. 數. 字. 10. 9. 行動電話. 數. 字. 10. 10. E-Mail. 文. 字. 40. 11. 聯絡電話. 文. 字. 10. 12. 輸入時間. 日期時間. 8. 13. 帳號編號. 長整數. 4. 自動編號. 表 3.5 會員個人資料表 說明： 一開始在由會員申請這個程序來處理使用者經由 Default.asp 選取會員申請的功能來進入 Login.asp。開啟 Login.asp 中的會員申請連結來開啟 Member.asp 在 Member.asp 中，按確定的連結，會先確定資料 輸入的欄位是否不為空且輸入資料欄位皆為正確的，若是 皆為正確那就會將之資料交至 reg.asp 處理是否有錯誤密 碼或是相同帳號的檢查。都為正確的話就可存進會員資料 庫中。. 17. 逢甲大學 e-Paper (92學年度).
(26) 3D校園導覽系統-以逢甲大學校園為例. 3.5.1.2 會員登入 Start 進入會 員登入頁. Login.asp. 資料驗證. Manage.asp. 登. 出. User.asp. CDSELL.MDF. 圖 3.5. 登入之系統流程圖. 檔案名稱：Login.asp 記錄格式：請參照表 3.2 檔案名稱：Manage.asp 記錄格式： 序. 號. 欄. 名. 格. 式 長 度 附. 1. 會員登入模式. 連. 結. 8. 2. 會員資料查詢. 連. 結. 8. 3. 會員資料刪除. 連. 結. 8. 4. 新增唱片資料. 連. 結. 註. 8. 18. 逢甲大學 e-Paper (92學年度).
(27) 3D校園導覽系統-以逢甲大學校園為例. 5. 修改唱片資料. 連. 結. 12. 6. 查詢唱片資料. 連. 結. 8. 表 3.6 管理員模式 檔案名稱：CDSELL.MDF/mem_data 之 table 記錄格式：請參照表 3.5 檔案名稱：User.asp 記錄格式： 序. 號. 欄. 名. 格. 式 長. 度. 1. 會員修改. 連結. 8. 2. 最新消息. 連結. 8. 3. 查詢唱片. 連結. 8. 4. 帳單建立. 連結. 8. 5. 會員資料查詢. 連結. 8. 6. 唱片分類列表. 連結. 8. 附. 註. 表 3.7 會員主網頁 說明： 使用者在 default.asp 中可選擇會員登入或是管理 員模式。若以會員員模式登入的話，則配合資料庫做做 資料驗證，進入 User.asp。進而使用會員所能使用的一 些功能。. 19. 逢甲大學 e-Paper (92學年度).
(28) 3D校園導覽系統-以逢甲大學校園為例. 3.5.1.3 會員修改. User.asp. 選取修改資料. Edit.asp. editchec k.asp. 資料驗證. CDSELL.MDF. Check.asp. 欄位確認. CDSELL.MDF. 20. 逢甲大學 e-Paper (92學年度).
(29) 3D校園導覽系統-以逢甲大學校園為例. update.asp. 圖. 3.6. 會員修改之系統流程圖. 檔案名稱：User.asp 記錄格式：參照表 3.7 檔案名稱：CDSELL.MDF/mem_data 之 table 記錄格式：參照表 3.5 檔案名稱：Edit.asp 記錄格式： 序. 號. 欄. 名. 格. 式. 長. 度. 附. 註. 1. 帳. 號. 文. 字. 20. 2. 密. 碼. 文. 字. 20. 3. 確. 定. 按鈕連結. 20×9. 4. 重. 填. 按鈕連結. 20×9. 5. 錯誤訊息. 文. 字. 18. 帳號不可 NULL. 6. 錯誤訊息. 文. 字. 18. 密碼不可 NULL. 表 3.8 會員修改確認. 檔案名稱：check.asp 記錄格式： 序 號. 欄. 名. 格. 式. 長. 度. 1. 帳. 號. 文. 字. 20. 2. 密. 碼. 文. 字. 20. 備 註. 21. 逢甲大學 e-Paper (92學年度).
(30) 3D校園導覽系統-以逢甲大學校園為例. 3. 名. 4. 字. 文. 字. 8. 付費方式. 下拉選單. 4. 5. 性. 文. 字. 2. 6. 取貨方式. 下拉選單. 4. 7. 地. 址. 文. 字. 30. 8. 聯絡電話. 數. 字. 12. 9. 行動電話. 數. 字. 10. 10. E-Mail. 文. 字. 40. 11. 聯絡電話. 文. 字. 50. 12. 確定修改. 按. 鈕. 20×19. 13. 錯誤訊息 1 文. 字. 24. 帳號不為空. 14. 錯誤訊息 3 文. 字. 24. 密碼不為空. 15. 錯誤訊息 5 文. 字. 24. 姓名不為空. 16. 錯誤訊息 7 文. 字. 24. 聯絡電話不為空. 17. 錯誤訊息 8 文. 字. 24. 聯絡地址不為空. 別. 表 3.9 會員資料修改確認 檔案名稱：update.asp 記錄格式： 序. 號. 欄. 位. 格. 式. 長. 度. 1. 成功訊息. 文. 字. 20. 2. 錯誤訊息. 文. 字. 20. 3. 會員頁. 連. 結. 10. 表 3.10. 備. 註. 處理會員修改. 說明： 使用者選取會員修改連結開啟 Edit.asp。 使用者要在 Edit.asp 中填入正確的帳號密碼，選取確定之後經 editcheck.asp 會跟資料庫比照正確與，若是正確則進入 check.asp 以修改，若是失敗則顯示失敗訊息。使用者在 check.asp 中修改完. 22. 逢甲大學 e-Paper (92學年度).
(31) 3D校園導覽系統-以逢甲大學校園為例. 資料後，選取確定，若是欄位皆為正確則會存入資料庫內。若是失 敗的話則顯示失敗訊息。. 3.5.1.4 會員購買. User.as p. 帳單建立. Order.a sp. 確定購買 CDSELL.M DF. OrderSuc cess.asp. 圖 3.7 會員帳單建立系統流程圖. 23. 逢甲大學 e-Paper (92學年度).
(32) 3D校園導覽系統-以逢甲大學校園為例. 檔案名稱：user.asp 記錄格式：參照表 3.7. 檔案名稱：order.asp 記錄格式： 序. 號. 欄. 名. 格. 式. 長. 度. 備. 註. 1. 編. 號. 文. 字. 20. 2. 數. 量. 數. 字. 8. 3. 確. 定. 按. 鈕. 20×9. 4. 重新填寫. 按. 鈕. 20×9. 5. 錯誤訊息 1. 文. 字. 24. 編號不可為空. 6. 錯誤訊息 2. 文. 字. 24. 數量不可為空. 表 3.11 帳單填寫. 檔案名稱：Ordersuccess.asp 記錄格式： 序. 號. 欄. 名. 格. 式. 1. 訂單編號. 文. 字. 4. 2. 收件人姓名. 文. 字. 20. 3. 收件人電話. 文. 字. 10. 4. 收件人地址. 文. 字. 50. 5. 商品編號. 文. 字. 4. 6. 商品價格. 文. 字. 5. 7. 下單時間. 文. 字. 8. 表 3.12. 長. 度. 備. 註. 列出清單. 檔案名稱：CDSELL.MDF 之 order table 24. 逢甲大學 e-Paper (92學年度).
(33) 3D校園導覽系統-以逢甲大學校園為例. 記錄格式： 序. 欄. 名. 格. 式. 文. 字. 備. 註. 號 1. 訂單編號. 文. 字. 20. 2. 收件人編號 文. 字. 4. 3. 商品編號. 文. 字. 4. 4. 下單時間. 日期時間. 8. 表 3.13. 交易明細資料表. 檔案名稱：CDSELL.MDF 之 CD_data 資料表 記錄格式： 序. 號. 欄. 名. 格. 式. 長. 度. 1. 歌手名稱. 文. 字. 20. 2. 專輯名稱. 文. 字. 20. 3. 價. 格. 數. 字. 10. 4. 編. 號. 數. 字. 5. 附. 註. 表 3.14 CD 資料表. 說明： 會員可以使用此功能來購買 CD。填寫 CD 編號以及數量，若 是填寫錯誤回給錯誤訊息，而且下訂單成功後，會內存一筆交易明 細，以供日後證明。. 25. 逢甲大學 e-Paper (92學年度).
(34) 3D校園導覽系統-以逢甲大學校園為例. 3.5.1.5 所有會員資料查詢 Start. manage.asp. 會員資料查詢. memquery.asp. 所有會員查詢. cdsell.MDF. allmem.asp. 圖 3.8. 所有會員資料查詢系統流程圖. 26. 逢甲大學 e-Paper (92學年度).
(35) 3D校園導覽系統-以逢甲大學校園為例. 檔案名稱：manage.asp 紀錄格式：參考表 3.6 檔案名稱：memquery.asp 紀錄格式： 序. 號. 欄. 名. 格. 式. 長. 度. 附. 註. 度. 附. 註. 1. 全部會員查詢. 文字連結. 16. 2. 會員編號查詢. 文字連結. 16. 3. 會員姓名查詢. 文字連結. 16. 表. 3.15. 查詢條件選擇. 檔案名稱：allmem.asp 紀錄格式： 序. 號. 欄. 名. 格. 式. 長. 1. 編. 號. 數. 字. 5. 2. 姓. 名. 文. 字. 20. 3. I. D. 文. 字. 20. 4. password. 文. 字. 20. 5. 付款方式. 文. 字. 8. 6. 性. 別. 文. 字. 4. 7. 取貨方式. 文. 字. 8. 8. 電. 話. 數. 字. 10. 9. 手機電話. 數. 字. 10. 10. 住. 址. 文. 字. 20. 11. e-mail. 文. 字. 20. 12. 註冊日期. 文. 字. 20. 13. 回上一頁. 文字連結. 8. 27. 逢甲大學 e-Paper (92學年度).
(36) 3D校園導覽系統-以逢甲大學校園為例. 14. 回首頁. 文字連結. 6. 15. 回管理者頁. 文字連結. 12. 面 表 3.16. 所有會員資訊顯示. 檔案名稱：CDSELL.MDF 之 CDDATA table 紀錄格式：參考表 3.14 說明: 管理者在 manage.asp 選擇會員查詢功能連結到 memquery.asp，在 memquery.asp 選取查詢所有會員資料，系統從 cdsell.MDF 抓取所有會員資料顯示在 allmem.asp。. 28. 逢甲大學 e-Paper (92學年度).
(37) 3D校園導覽系統-以逢甲大學校園為例. 3.5.1.6 會員編號查詢資料 Start. manage.asp. 會員查詢. memquery.asp. 編號查詢. mem_numquery.asp. 編號送出. cdsell.MDF. 29. 逢甲大學 e-Paper (92學年度).
(38) 3D校園導覽系統-以逢甲大學校園為例. mem_numresult.asp. 圖 3.9. 會員編號查詢系統流程圖. 檔案名稱：manage.asp 紀錄格式：參考表 3.6 檔案名稱：memquery.asp 紀錄格式： 序. 號. 欄. 名. 格. 式. 長. 度. 1. 全部會員查詢. 文字連結. 16. 2. 會員編號查詢. 文字連結. 16. 3. 會員姓名查詢. 文字連結. 16. 表. 3.17. 附. 註. 查詢條件選擇. 檔案名稱：mem_numquery.asp 紀錄格式： 序. 號. 欄. 名. 1. 輸入會員編號. 2. 送出查詢. 3. 錯誤訊息 1. 格. 式. 文. 字. 按鈕連結 文. 表 3.18. 長. 度. 附. 註. 20 20×8. 字. 12. 編號不可空白. 查詢編號輸入. 檔案名稱：mem_numresult.asp 紀錄格式： 序. 號. 欄. 名. 格. 式. 長. 度. 1. 編. 號. 數. 字. 5. 2. 姓. 名. 文. 字. 20. 附. 註. 30. 逢甲大學 e-Paper (92學年度).
(39) 3D校園導覽系統-以逢甲大學校園為例. 3. I. D. 文. 字. 10. 4. Password. 文. 字. 10. 5. 付款方式. 文. 字. 8. 6. 性. 別. 文. 字. 4. 7. 取貨方式. 文. 字. 8. 8. 電. 話. 數. 字. 10. 9. 手機電話. 數. 字. 10. 10. 住. 址. 文. 字. 20. 11. e-mail. 文. 字. 20. 12. 註冊日期. 文. 字. 20. 13. 回上一頁. 文字連結. 8. 14. 回首頁. 文字連結. 6. 回管理者頁面 文字連結. 12. 15. 表 3.19 查詢會員編號資訊顯示 檔案名稱：CDSELL.MDF 之 CDDATA table 紀錄格式：參考表 3.14 說明: 管理者在 manage.asp 選取查詢會員資料連結到 memquery.asp，在 memquery.asp 選擇以會員編號查詢會員所有資料 連結到 mem_numquery.asp，輸入會員編號後送出查詢從 cdsell.MDF 資料庫提找該筆會員資料並顯示在 mem_numresult.asp。. 31. 逢甲大學 e-Paper (92學年度).
(40) 3D校園導覽系統-以逢甲大學校園為例. 3.5.1.7 會員姓名查詢資料 Start. manage.asp. 會員查詢. memquery.asp. 姓名查詢. mem_namequery.asp. 姓名送出. cdsell.MDF. 32. 逢甲大學 e-Paper (92學年度).
(41) 3D校園導覽系統-以逢甲大學校園為例. mem_nameresult.asp. 圖 3.10. 會員姓名查詢系統流程圖. 檔案名稱：manage.asp 紀錄格式：參考表 3.6. 檔案名稱：memquery.asp 紀錄格式： 序. 號. 欄. 名. 格. 式. 長. 度. 1. 全部會員查詢. 文字連結. 16. 2. 會員編號查詢. 文字連結. 16. 3. 會員姓名查詢. 文字連結. 16. 表. 3.20. 附. 註. 附. 註. 查詢條件選擇. 檔案名稱：mem_namequery.asp 紀錄格式： 序. 號. 欄. 名. 格. 式. 長. 度. 33. 逢甲大學 e-Paper (92學年度).
(42) 3D校園導覽系統-以逢甲大學校園為例. 1. 輸入會員姓名. 2. 送出查詢. 3. 錯誤訊息 1 表 3.21. 文. 字. 按鈕連結 文. 20 20×8. 字. 12. 編號不可空白. 查詢姓名輸入. 檔案名稱：mem_nameresult.asp 紀錄格式： 序. 號. 欄. 名. 格. 式. 長. 度. 1. 編. 號. 數. 字. 5. 2. 姓. 名. 文. 字. 20. 3. I. D. 文. 字. 20. 4. password. 文. 字. 20. 5. 付款方式. 文. 字. 8. 6. 性. 別. 文. 字. 4. 7. 取貨方式. 文. 字. 8. 8. 電. 話. 數. 字. 10. 9. 手機電話. 數. 字. 10. 10. 住. 址. 文. 字. 20. 11. e-mail. 文. 字. 20. 附. 註. 34. 逢甲大學 e-Paper (92學年度).
(43) 3D校園導覽系統-以逢甲大學校園為例. 12. 註冊日期. 文. 字. 20. 13. 回上一頁. 文字連結. 8. 14. 回首頁. 文字連結. 6. 回管理者頁面 文字連結. 12. 15. 表 3.22. 查詢會員姓名資訊顯示. 檔案名稱：CDSELL.MDF 之 CDDATA table 紀錄格式：參考表 3.14. 說明: 管理者在 manage.asp 選取查詢會員資料連結到 memquery.asp，在 memquery.asp 選擇以會員編號查詢會員所有資料 連結到 mem_namequery.asp，輸入會員編號後送出查詢從 cdsell.MDF 資料庫提找該筆會員資料並顯示在 mem_nameresult.asp。. 35. 逢甲大學 e-Paper (92學年度).
(44) 3D校園導覽系統-以逢甲大學校園為例. 3.5.1.8 會員資料刪除 Start. manage.asp. 刪除會員資料. mem_delete.asp. 刪除資料. cdsell.MDF. mem_del_success.asp. 36. 逢甲大學 e-Paper (92學年度).
(45) 3D校園導覽系統-以逢甲大學校園為例. 圖 3.11. 刪除會員資料系統流程圖. 檔案名稱：manage.asp 紀錄格式：參考表 3.6 檔案名稱：mem_delete.asp 紀錄格式： 序. 號. 欄. 名. 格. 式. 1. 會員編號. 數. 字. 2. 確定刪除. 按鈕連結. 3. 錯誤訊息. 文. 表 3.23. 長. 度. 附. 註. 4 20×8. 字. 12. 編號不可空白. 刪除條件選擇. 檔案名稱：mem_del_success.asp 紀錄格式： 序. 號. 欄. 名. 格. 式. 長. 度. 1. 回上一頁. 文字連結. 8. 2. 回首頁. 文字連結. 6. 回管理者頁面 文字連結. 12. 3. 附. 註. 37. 逢甲大學 e-Paper (92學年度).
(46) 3D校園導覽系統-以逢甲大學校園為例. 表 3.24. 刪除會員資訊顯示. 檔案名稱：CDSELL.MDF 之 CDDATA table 紀錄格式：參考表 3.14. 說明： 管理者在 manage.asp 選擇刪除會員資料連結到 mem_delete.asp，在 mem_delete.asp 輸入欲刪除之會員編號確定送 出，系統會將 cdsell.MDF 資料庫該筆會員資料刪除並顯示刪除成功 訊息於 mem_del_success.asp。. 38. 逢甲大學 e-Paper (92學年度).
(47) 3D校園導覽系統-以逢甲大學校園為例. 3.5.2 會計子系統 此系統是提供給管理者使用的，主要提供管理者查詢 CD 交 易明細、應收帳款明細以及支出明細等功能。 3.5.2.1 查詢 CD 交易明細. Manag er.asp. 查詢 CD 交 易明細. CDSELL. MDF. CDtran s.asp. 圖 3.12 查詢 CD 交易明細流程圖. 39. 逢甲大學 e-Paper (92學年度).
(48) 3D校園導覽系統-以逢甲大學校園為例. 檔案名稱：Manage.asp 記錄格式：同表 3.6. 檔案名稱：Cdtrans.asp 記錄格式： 序. 號 1. 欄. 名. 格. 式. 長. 度 備. CD 交易明細查詢 文. 字. 20. 2. CD 編號. 文. 字. 20. 3. 目前存貨. 數. 字. 10. 4. 賣出收入. 數. 字. 10. 註. 表 3.25 CD 交易明細. 檔案名稱：CDSELL.MDF 之 CDdata table 記錄格式：同表 3.14 說明： 管理者可以利用此功能來查詢某 CD 的目前銷售以及目前存 貨，可以清楚收入的狀況。. 40. 逢甲大學 e-Paper (92學年度).
(49) 3D校園導覽系統-以逢甲大學校園為例. 3.5.2.2 總收入明細 Manag er.asp. 查詢總收 入. CDSELL. MDF. Sum.as p. 圖 3.13 查詢總收入流程圖. 檔案名稱：Manage.asp 記錄格式：同表 3.6 41. 逢甲大學 e-Paper (92學年度).
(50) 3D校園導覽系統-以逢甲大學校園為例. 檔案名稱：Sum.asp 記錄格式： 序. 號. 欄. 名. 格. 式. 長. 1. 目前收入. 數. 字. 10. 2. 目標收入. 數. 字. 10. 度. 備. 註. 度. 備. 註. 表 3.26 收入明細. 檔案名稱：CDSELL.MDF 之 income table 記錄格式：. 序. 號 1. 欄. 名. 格. 式. CD 收入. 文. 字. 長 5. 表 3.27 收入資料表. 說明： 管理者可以透過此功能，查詢公司的收入。另外他還有公司 的目標收入，可以藉此看出目前收入與目標相差多少。. 42. 逢甲大學 e-Paper (92學年度).
(51) 3D校園導覽系統-以逢甲大學校園為例. 3.5.3 存貨子系統 此子系統主要功用是提供管理者新增 CD、刪減 CD、查詢 CD 等功能。 3.5.3.1 新增 CD. Start. Manage.as p. 新增唱片. Cdinfo.asp 43. 逢甲大學 e-Paper (92學年度).
(52) 3D校園導覽系統-以逢甲大學校園為例. 確定資料. CDSELL. MDF. Cdsuccess.as p. 圖 3.14. 新增唱片系統流程圖. 檔案名稱：Manage.asp 紀錄格式：同表 3.6 檔案名稱：Cdinfo.asp 紀錄格式： 序. 號. 欄. 名. 格. 式. 1. 歌手名稱. 文. 字. 20. 2. 專輯名稱. 文. 字. 20. 3. 價. 格. 數. 字. 10. 4. 編. 號. 數. 字. 5. 5. 送出新增. 按鈕連結. 20×8. 6. 重新輸入. 按鈕連結. 20×8. 7. 錯誤訊息 1. 文. 字. 12. 歌手不可為空. 8. 錯誤訊息 2. 文. 字. 12. 專輯不可為空. 9. 錯誤訊息 3. 文. 字. 12. 價格不可為空. 10. 錯誤訊息 4. 文. 字. 12. 編號不可為空. 表. 3.28. 長. 度. 附. 註. 新增唱片資料輸入 44. 逢甲大學 e-Paper (92學年度).
(53) 3D校園導覽系統-以逢甲大學校園為例. 檔案名稱：Cdsuccess.asp 紀錄格式： 序. 號. 欄. 名. 格. 式. 1. 成功訊息. 文. 字. 12. 2. 回上一頁. 連. 結. 8. 表. 新增唱片成功的訊息. 3.29. 長. 度. 附. 註. 檔案名稱：CDSELL.MDF 之 Cddata 資料表 紀錄格式：同表 3.14 說明： 管理者在 Manage.asp 網頁中選擇新增唱片資料，系統會顯示 出新增內容包含項目網頁 Cdinfo.asp，管理者輸入資訊後系統會檢 查所填項目是否正確，有錯誤地方會顯示出錯誤訊息，成功輸入會 把資料寫入資料庫檔案中，並顯示出新增成功之成功訊息。. 45. 逢甲大學 e-Paper (92學年度).
(54) 3D校園導覽系統-以逢甲大學校園為例. 3.5.3.2 修改 CD Start. Manager.as p. 修改資料. Editinfo.asp. 修改項目輸入 CDSELL. MDF. 46. 逢甲大學 e-Paper (92學年度).
(55) 3D校園導覽系統-以逢甲大學校園為例. Editcd.asp. 輸入修改資料 CDSELL. MDF. Cdeditsuccess.asp. 圖 3.15. 修改唱片資料流程圖. 檔案名稱：Manage.asp 紀錄格式：參考表 3.6 檔案名稱：Editinfo.asp 紀錄格式： 序. 號. 欄. 名. 格. 式. 1. 歌手名稱. 文. 字. 20. 2. 專輯名稱. 文. 字. 20. 3. 送出資料. 按鈕連結. 4. 錯誤訊息 1. 文. 字. 12. 歌手不可空白. 5. 錯誤訊息 2. 文. 字. 12. 專輯不可空白. 表 3.30. 長. 度. 附. 註. 20×8. 修改唱片資料條件找尋. 檔案名稱：Editcd.asp 紀錄格式： 序. 號. 欄. 名. 格. 式. 長. 度. 1. 歌手名稱. 文. 字. 20. 2. 專輯名稱. 文. 字. 20. 附. 註. 47. 逢甲大學 e-Paper (92學年度).
(56) 3D校園導覽系統-以逢甲大學校園為例. 3. 價. 格. 數. 字. 10. 4. 編. 號. 數. 字. 5. 5. 送出修改. 6. 錯誤訊息 1. 文. 字. 12. 歌手不可空白. 7. 錯誤訊息 2. 文. 字. 12. 專輯不可空白. 8. 錯誤訊息 3. 文. 字. 12. 價格不可空白. 9. 錯誤訊息 4. 文. 字. 12. 編號不可空白. 表. 按鈕連結. 3.31. 20×8. 修改唱片資料列表. 檔案名稱：Cdeditsuccess.asp 紀錄格式： 序. 號. 欄. 名. 格. 式. 1. 成功訊息. 文. 字. 2. 回主選單. 按鈕連結. 表. 3.32. 長. 度. 附. 註. 8 20×8. 修改唱片資料成功訊息. 檔案名稱：CDSELL.MDF 之 Cddata table 紀錄格式：參考表 3.14 說明： 管理者在 manage.asp 選取查詢功能後，進入 choosequery.asp 選擇查詢所有唱片資訊，系統從 cdsell.MDF 資料 庫檔捉出資料顯示在 allcd.asp。. 48. 逢甲大學 e-Paper (92學年度).
(57) 3D校園導覽系統-以逢甲大學校園為例. 3.5.3.3 歌手姓名查詢 CD Start. Manage.asp. 查詢唱片. Querycd.asp. 輸入資料 CDSELL. MDF. Queryinfo.asp. 49. 逢甲大學 e-Paper (92學年度).
(58) 3D校園導覽系統-以逢甲大學校園為例. 圖 3.16. 查詢唱片系統流程圖. 檔案名稱：Manage.asp 紀錄格式：參考表 3.6. 檔案名稱：choosequery.asp 紀錄格式： 序. 號. 欄. 名. 格. 式. 長. 度. 1. 所有唱片查詢. 文字連結. 16. 2. 歌手名稱查詢. 文字連結. 12. 3. 專輯名稱查詢. 文字連結. 12. 4. 唱片語言查詢. 文字連結. 12. 5. 回前頁. 文字連結. 6. 表. 3.33. 附. 註. 查詢條件選擇. 50. 逢甲大學 e-Paper (92學年度).
(59) 3D校園導覽系統-以逢甲大學校園為例. 檔案名稱：querycd.asp 紀錄格式： 序. 號. 欄. 名. 格. 式. 1. 歌手名稱. 文. 字. 2. 送出查詢. 按鈕連結. 3. 錯誤訊息 1 表 3.34. 文. 字. 長. 度. 附. 註. 20 20×8 12. 歌手不可空白. 查詢唱片條件輸入. 檔案名稱：queryinfo.asp 紀錄格式： 序. 號. 欄. 名. 格. 式. 1. 編. 號. 數. 字. 5. 2. 歌手名稱. 文. 字. 20. 3. 性. 別. 文. 字. 4. 4. 專輯名稱. 文. 字. 20. 5. 語. 言. 文. 字. 6. 6. 價. 格. 數. 字. 10. 7. 存. 貨. 數. 字. 4. 8. 回前頁. 文字連結. 6. 表 3.35. 長. 度. 附. 註. 查詢唱片資訊顯示. 51. 逢甲大學 e-Paper (92學年度).
(60) 3D校園導覽系統-以逢甲大學校園為例. 檔案名稱：CDSELL.MDF5 Cddata table 紀錄格式：參考表 3.14 說明： 管理者在 manage.asp 選擇查詢功能連接到 choosequery.asp， 在 choosequery.asp 選取以歌手姓名當作搜尋專輯唱片資料的關鍵 字連結到 querycd.asp，輸入查詢的歌手姓名之後，此歌手所有相 關專輯唱片會從 cdsell.MDF 資料庫顯示在 queryinfo.asp。. 3.5.3.4 專輯查詢唱片. Start. manage.asp. 查詢條件. choosequery.asp. 查詢專輯. querycdname.asp. 52. 逢甲大學 e-Paper (92學年度).
(61) 3D校園導覽系統-以逢甲大學校園為例. 送出查詢資料. cdsell.MDF. querycdnameinfo.asp. 圖 3.17. 專輯查詢系統流程圖. 檔案名稱：manage.asp 紀錄格式：參考表 3.6 檔案名稱：choosequery.asp 紀錄格式：參考表 3.33. 檔案名稱：querycdname.asp 紀錄格式： 序. 號. 欄. 名. 格. 式. 1. 專輯名稱. 文. 字. 2. 送出查詢. 按鈕連結. 3. 錯誤訊息 1. 文. 長. 度. 附. 註. 20 20×8. 字. 12. 專輯不可空 白. 表 3.36. 查詢唱片條件輸入. 檔案名稱：querynameinfo.asp 紀錄格式： 序. 號. 欄. 名. 格. 式. 長. 度. 附. 註. 53. 逢甲大學 e-Paper (92學年度).
(62) 3D校園導覽系統-以逢甲大學校園為例. 1. 編. 號. 數. 字. 5. 2. 歌手名稱. 文. 字. 20. 3. 性. 別. 文. 字. 4. 4. 專輯名稱. 文. 字. 20. 5. 語. 言. 文. 字. 6. 6. 價. 格. 數. 字. 10. 7. 存. 貨. 數. 字. 4. 8. 回前頁. 文字連結. 6. 表 3.37. 查詢唱片資訊顯示. 檔案名稱：CDSELL.MDF 之 CDDATA table 紀錄格式：參考表 3.14 說明： 管理者在 manage.asp 選擇查詢功能連接到 choosequery.asp， 在 choosequery.asp 選取以歌手姓名當作搜尋專輯唱片資料的關鍵 字連結到 querycd.asp，輸入查詢的歌手姓名之後，此歌手所有相 關專輯唱片會從 cdsell.MDF 資料庫顯示在 queryinfo.asp。. 54. 逢甲大學 e-Paper (92學年度).
(63) 3D校園導覽系統-以逢甲大學校園為例. 第四章. 系統製作. 系統製作也是一個系統開發的過程中，頗為重要的一環，所 需的工作時間、人力和費用在整個資訊系統的開發成本佔有很大的 比例。系統製作就是把一個概念轉為一個實體的過程，一般而言， 每一個系統製作包括 IPO 三個部分： 1. INPUT：系統的輸出。 2. PROCESS：執行輸出的過程 3. OUTPUT：系統的輸出. 以下將就本系統一一功能做詳細的介紹：. 4.1 會員功能. 本站採用會員制，所以使用者必須註冊成為本站會員才能使 用相關服務。而本子系統的目的則是讓使用者註冊成為本站會 55. 逢甲大學 e-Paper (92學年度).
(64) 3D校園導覽系統-以逢甲大學校園為例. 員，因為要註冊成為會員才能擁有購買的權利。 此子系統分為下列幾個功能： 1. 註冊 2. 登入 3. 修改 4. 購買. 1. 註冊 (A)INPUT： 在詳細填完個人相關資料後，按下送出的按鈕即可將之資料 送至本系統，如果按的是重新填寫鍵，則所有的相關欄位皆 會被清除掉以便讓使用者再次填寫。如下圖 4.1 所示：. 圖 4.1 會員註冊基本資料輸入 56. 逢甲大學 e-Paper (92學年度).
(65) 3D校園導覽系統-以逢甲大學校園為例. (B)PROCESS 首先是先檢查欄位： function datacheck if len(mem.id.value)=0 then msgbox "id不得為空白",64,"錯誤訊息" focusto(0) exit function end if if len(mem.pwd.value) = 0 then focusto(1) msgbox "密碼不得為空白",64,"錯誤訊息" exit function end if if len(mem.pwd1.value)=0 then focusto(2) msgbox "確認密碼不得為空白",64,"錯誤訊息" 57. 逢甲大學 e-Paper (92學年度).
(66) 3D校園導覽系統-以逢甲大學校園為例. exit function end if if len(mem.name.value)=0 then focusto(3) msgbox " 名字不得為空白",64,"錯誤訊息" exit function end if if len(mem.addr.value)=0 then focusto(7) msgbox "住址不得為空白",64,"錯誤訊息" exit function end if if len(mem.phone.value)=0 then focusto(8) msgbox "電話不得為空白",64,"錯誤訊息". 58. 逢甲大學 e-Paper (92學年度).
(67) 3D校園導覽系統-以逢甲大學校園為例. exit function end if if len(mem.cellphone.value)=0 then focusto(9) msgbox "行動電話不得為空白",64,"錯誤訊息" exit function end if if len(mem.email.value)=0 then focusto(10) msgbox "電子郵件不得為空白",64,"錯誤訊息" end if if instr(mem.email.value,"@")=0 then focusto(10) msgbox "電子郵件必須含有'@'字元",64,"錯誤訊息" exit function end if 59. 逢甲大學 e-Paper (92學年度).
(68) 3D校園導覽系統-以逢甲大學校園為例. mem.submit end function sub focusto(x) document.mem.elements(x).focus() end sub 再來，將之資料送至資料庫處理：. dim rs,adocon '給予序號且是唯一不為空 function get_sn() sqlstr="select id_num from mem_data order by id_num" set rs = adocon.execute(sqlstr) if not rs.eof then while not rs.eof get_sn=rs("id_num") rs.movenext. 60. 逢甲大學 e-Paper (92學年度).
(69) 3D校園導覽系統-以逢甲大學校園為例. wend get_sn=get_sn+1 else get_sn=1 end if end function function check_pass() '取得表單的內容 id=request.form=("id") '檢查是否有相同的id sqlstr="select * from mem_data where id='"& id&"'" set adocon=server.createobject("adodb.connection") adocon.open"cdsell" set sal=adocon.execute(sqlstr) if sal.eof then check_pass=false 61. 逢甲大學 e-Paper (92學年度).
(70) 3D校園導覽系統-以逢甲大學校園為例. else check_pass=true end if sal.close adocon.close end function. sub add_reg() '將資料新增到資料庫 set adocon=server.createobject("adodb.connection") adocon.open"cdsell" dim id,pwd,name,payway,id_num dim sex,getway,addr,phone,cellphone,email,inputtime dim sqlstr id=request.form("id") id_num=get_sn 62. 逢甲大學 e-Paper (92學年度).
(71) 3D校園導覽系統-以逢甲大學校園為例. if request.form("pwd")<>request.form("pwd1") then response.write"(<h1><center>密碼錯誤</center></h1>)" else pwd=request.form("pwd") end if name=request.form("name") payway=request.form("payway") sex=request.form("sex") getway=request.form("getway") addr=request.form("addr") phone=request.form("phone") cellphone=request.form("cellphone") getway=request.form("getway") email=request.form("email") inputtime=date(). 63. 逢甲大學 e-Paper (92學年度).
(72) 3D校園導覽系統-以逢甲大學校園為例. sqlstr="insert into mem_data values('" & id &"','" sqlstr=sqlstr & pwd &"','"&id_num&"','"& name &"','" sqlstr=sqlstr & payway &"','"& sex &"','"&getway&"','" sqlstr=sqlstr & addr &"','"& phone&"','" sqlstr=sqlstr &cellphone&"','"&email&"','"&inputtime&"')" adocon.execute(sqlstr) if err.number<>0 then response.write"wrong num:"&err.number&"<br>" response.write"wrong prog:"&err.source&"<br>" response.write"wrong mesg:"&err.description&"<br>" else response.write("<h1><center>") response.write("註冊成功") response.write("</center></h1>") end if adocon.close 64. 逢甲大學 e-Paper (92學年度).
(73) 3D校園導覽系統-以逢甲大學校園為例. end sub sub register() if check_pass() then show_waring() else add_reg() end if end sub sub show_waring() response.write("<h1><center>") response.write("該會員已註冊") response.write("</center></h1>") end sub (C)OUTOUT： 如果使用者在填寫欄位有錯時或是沒有填到欄位，在選取確定鈕之 後，本系統會顯示錯誤訊息。如下圖所示，沒有填到欄位就會顯示錯 誤訊息：. 65. 逢甲大學 e-Paper (92學年度).
(74) 3D校園導覽系統-以逢甲大學校園為例. 圖4.2 顯示輸入欄位錯誤訊息 另外我們有做一個偵測，即是電子信箱若是沒有包含”@”位元的話 就會出現錯誤訊息，以防使用者填寫錯誤的電子信箱。如下圖：. 圖4.3. 顯示電子信箱錯誤輸入. 當資料確認無誤之後，系統會將其個人會員資料寫進資料庫當中並回 應使用者成功的畫面。如圖4.4. 66. 逢甲大學 e-Paper (92學年度).
(75) 3D校園導覽系統-以逢甲大學校園為例. 圖4.4. 顯示註冊成功訊息. 若是帳號已有人申請，則顯示失敗訊息，如圖4.5：. 圖4.5 註冊失敗訊息. 67. 逢甲大學 e-Paper (92學年度).
(76) 3D校園導覽系統-以逢甲大學校園為例. 2. 會員登入 已註冊過的會員可以登入網頁來進入使用者頁面，進而使用會員 資料修改、查詢、購買CD、帳單建立等功能。. (A)INPUT 輸入個人所擁有的帳號密碼來登入，選取確定之後即可送出資料驗 證，選取重新填寫鍵則會清除所輸入的資料重新再填寫。如圖4.6：. 圖4.6 會員登入 (B)PROCESS <script language="VBscript" RunAt="Server"> function check_pass() set adocon=server.createobject("adodb.connection") 68. 逢甲大學 e-Paper (92學年度).
(77) 3D校園導覽系統-以逢甲大學校園為例. adocon.open"cdsell" id=request("user") session("id")=request("user") pwd=request("pwd") SQLstr="select * from mem_data where id='" & id SQLstr= SQLstr & "'and pwd='"& pwd & "'" set sal= adocon.Execute(SQLstr). if sal.eof then check_pass=false else check_pass=true session("name")=sal("name") session("payway")=sal("payway") session("sex")=sal("sex") session("getway")=sal("getway") 69. 逢甲大學 e-Paper (92學年度).
(78) 3D校園導覽系統-以逢甲大學校園為例. session("addr")=sal("addr") session("phone")=sal("phone") session("cellphone")=sal("cellphone") session("email")=sal("e-mail") end if sal.close adocon.close end function. </script>. <html> <head> <title>check_pass.asp</title> </head> <body vlink=white>. 70. 逢甲大學 e-Paper (92學年度).
(79) 3D校園導覽系統-以逢甲大學校園為例. <% response.write("<center><h1><body bgcolor=black text=white>") if check_pass() then response.write("歡迎光臨，"&session("id")&"") response.write("</center></h1>") response.write("<meta http-equiv='refresh' content='10;url=http://newandysun.adsldns.org/user.asp'>") %> <a href="user.asp"><center>請按此到使用者頁 </center></a></body> <% else response.write("帳號或密碼錯誤請再試一次") response.write("</center></h1></body>") response.write("<meta http-equiv='refresh' content='10;url=http://newandysun.adsldns.org/login.asp'>"). end if %> </html> 71. 逢甲大學 e-Paper (92學年度).
(80) 3D校園導覽系統-以逢甲大學校園為例. (C) OUTPUT 若是帳號和密碼不能同時輸入正確的話就會出現錯誤訊息。如圖4.7：. 圖4.7 登入失敗 只有帳號和密碼同時輸入正確才會出現成功的訊息。如圖4.8：. 72. 逢甲大學 e-Paper (92學年度).
(81) 3D校園導覽系統-以逢甲大學校園為例. 圖4.8 登入成功 在登入成功後，可以按下超連結到會員主頁或是等待10秒網頁會自動 刷新至會員主頁。如圖4.9：. 圖4.9. 會員主頁. 3. 會員修改 (1)確認： 73. 逢甲大學 e-Paper (92學年度).
(82) 3D校園導覽系統-以逢甲大學校園為例. (A)INPUT： 選取會員修改後，首先會再次確認你是否為使用者，所以會再要求輸 入一次帳號密碼。選擇重新填寫鍵則會清除所輸入之值以重新填寫。 如圖4.10：. 圖4.10 進入修改程序 當輸入驗證成功之後，便進入了修改畫面。如圖4.11：. 圖4.11 修改畫面 (B)PROCESS 首先是驗證修改程序：. 74. 逢甲大學 e-Paper (92學年度).
(83) 3D校園導覽系統-以逢甲大學校園為例. function check_pass() set adocon=server.createobject("adodb.connection") adocon.open"cdsell" id=request("id") pwd=request("pwd") SQLstr="select * from mem_data where id='" & id SQLstr= SQLstr & "'and pwd='"& pwd & "'" set sal= adocon.Execute(SQLstr) if sal.eof then check_pass=false else check_pass=true end if sal.close adocon.close end function 75. 逢甲大學 e-Paper (92學年度).
數據
+7
相關文件
5.4 出發口令為:「READY - SET」 ，然後下出發信號。.
- allow students to demonstrate their learning and understanding of the target language items in mini speaking
If a contributor is actively seeking an appointment in the aided school sector but has not yet obtained an appointment as a regular teacher in a grant/subsidized school, or he
Had I the heaven’s embroidered cloths, Enwrought with golden and silver light, The blue and the dim and the dark cloths Of night and light and the half-light,. I would spread the
To complete the “plumbing” of associating our vertex data with variables in our shader programs, you need to tell WebGL where in our buffer object to find the vertex data, and
Is end-to-end congestion control sufficient for fair and efficient network usage. If not, what should we do
congestion avoidance: additive increase loss: decrease window by factor of 2 congestion avoidance: additive increase loss: decrease window by factor of 2..
◉ These limitations of vanilla seq2seq make human-machine conversations boring and shallow.. How can we overcome these limitations and move towards deeper
