第二章 系統分析與設計
3.6 營業子系統
3.6.2 客戶資訊管理
主要功能：（１）查詢客戶資訊
（２）新增修改刪除客戶資訊
圖 3.15 客戶管理功能圖
營業子系統
客戶資訊管理
新增修改刪除 客戶資訊 查詢客戶資訊
２•客戶資訊的處理流程
Procedure2-2：讓使用者可以對客戶資訊以及其產品做管理。
pronews.MYD：產品資訊
cunews.ＭYＤ：客戶資訊
圖 3.16 客戶管理流程圖
Procedure2-2
pronews.ＭYＤ cunews.ＭYＤ
pronews.ＭYＤ
proinfo.PHP 完成訊息
cunews.ＭYＤ
３．檔案名稱 :
（１）客戶資訊紀錄表 記錄格式 :
序號 欄位名稱 長度 資料型態 備註
1 *客戶名稱 4 int
2 地址 60 varchar
3 聯絡電話 15 varchar
表 3.6 客戶資訊紀錄表
3.6.3 工作排程資訊管理 １•工作排程管理的處理
主要功能：（１）查詢工作排程
（２）新增修改刪除工作排程資訊
圖 3.17 工作排程管理功能圖
營業子系統
工作排程管理
新增修改刪除 工作排程資訊 查詢工作排程
２•工作排程的處理流程
Procedure2-3：讓使用者可以對客戶資訊以及其產品做管理。
pronews.MYD：產品資訊
buisness.ＭYＤ：工作排程資訊
圖 3.18 工作排程管理流程圖
Procedure2-3
pronews.ＭYＤ buisness.ＭYＤ
pronews.ＭYＤ
schedule.PHP 完成訊息
buisness.ＭYＤ
３．檔案名稱 :
（１）工作排程紀錄表 記錄格式 :
序號 欄位名稱 長度 資料型態 備註
1 工作排程編號 4 int
2 產品名稱 20 varchar
3 訂單數量 8 int
4 派工數量 8 int
5 生產日期 10 varchar
表 3.7 工作排程紀錄表
3.7 管理子系統
１、人事：使用者可以新增修改刪除產品的資訊
２、總務：客戶下單後，可以新增工作排程來排定給生產 的部門。
２、生產紀錄管理：使用者可以新增修改刪除客戶的資訊
圖 3.19 管理子系統架構圖
主系統
管理部
管理部子系統
人事資料管理 總務管理 生產紀錄管理
3.7.1 人事 １•人事的處理
主要功能：（１）查詢人事資料
（２）新增修改刪除人事資料
圖 3.20 人事管理功能圖
管理子系統
人事
查詢人事資料 新增修改刪除
人事資料
２•人事的處理流程
Procedure3-1：讓使用者可以管理人事資料。
Member.MYD ：人事資料
圖 3.21 人事管理流程圖
Procedure3-1
Member.ＭＹＤMember.ＭYＤ
Employe.PHP 完成訊息
３．檔案名稱 :
3.7.2 總務 １•總務的處理
主要功能：（１）查詢總務資料
（２）新增修改刪除總務資料
圖 3.22 總務管理功能圖
管理子系統
總務
查詢總務資料 新增修改刪除
總務資料
２•總務的處理流程
Procedure3-2：讓使用者管理總務的資料。
Account.MYD ：總務資料
圖 3.23 總務管理流程圖
Procedure3-2
Account.ＭＹＤAccount.ＭYＤ
Money.PHP 完成訊息
３．檔案名稱 : 總務資料紀錄表 記錄格式 :
序號 欄位名稱 長度 資料型態 備註
1 總務編號 4 int
2 物料或產品名稱 20 varchar
3 購入 10 int 4 賣出 10 int 5 日期 10 varchar
表 3.9 總務資料紀錄表
3.7.3 生產紀錄管理 １•生產紀錄管理的處理
主要功能：（１）查詢並計算不良率資料。
圖 3.24 生產紀錄管理功能圖
管理子系統
生產紀錄管理
查詢生產紀錄
２•生產紀錄管理的處理流程
Procedure3-3：讓使用者查看生產紀錄的資料。
printing.ＭＹＤ：印刷生產紀錄資料 packing.ＭYＤ：包裝記錄資料
cuting.ＭYＤ：裁切記錄資料
圖 3.25 生產紀錄管理流程圖
Procedure3-3
printing.ＭＹＤ packing.ＭYＤproman.PHP 完成訊息
cuting.ＭYＤ
３．檔案名稱 :
4 完成米數 8 int 5 成品方向 4 varchar 6 離型面 2 varchar 7 標籤內容 2 varchar 1 工作排程編號 4 int
表 3.10 生產紀錄表
第四章 系統建置
4.1 員工的登入
1.輸入畫面
一開始要進入公司網頁，必需先作會員的登入，輸入正確後才 能依照所屬部門連結到該部門的資料庫網頁。
圖 4.1 登入畫面
2.演算法
Key In 帳號密碼 Click 登入{
Check 帳號密碼 If(True){
Display 各部門首頁;
2. 輸出畫面
圖 4.2 登入錯誤畫面
4.2 營業子系統
4.2.1 產品管理 A.新增產品 1. 輸入畫面
圖 4.4 新增產品畫面
2. 演算法
Key In 資料 Click 送出{
Check 輸入資料 If(True){
Insert Into 產品資訊
3. 輸出畫面
資料輸入錯誤畫面
圖 4.5 新增錯誤畫面
B.查詢產品 1. 輸入畫面
圖 4.6 查詢產品畫面
2.演算法
Key In 資料 Click 查詢{
Check 輸入資料 If(True){
Display 產品資訊;
}
Else {
Display 輸入資料錯誤;
} }
3.輸出畫面
圖 4.7 查詢結果畫面
c.修改產品資料 1.輸入畫面
圖 4.8 修改產品畫面
2.演算法
Key In 資料 Click 修改{
Check 輸入資料 If(True){
Update 產品資訊;
}
Else {
Display 輸入資料錯誤;
} }
3.輸出畫面
圖 4.9 更新後的畫面
4.2.2 客戶管理 A. 新增客戶資料 1.輸入畫面
圖 4.10 新增客戶畫面
2.演算法
Key In 資料 Click 送出{
Check 輸入資料 If(True){
Insert Into 客戶資訊
3.輸出畫面
資料輸入錯誤畫面
圖 4.11 錯誤畫面
B.查詢客戶 1.輸入畫面
圖 4.12 查詢客戶畫面
2.演算法
Key In 客戶資料 Click 查詢{
Check 輸入資料 If(True){
Display 客戶資訊;
}
Else {
Display 輸入資料錯誤;
} }
3.輸出畫面
圖 4.13 客戶查詢結果畫面
C.修改客戶資料 1.輸入畫面
先找出要修改的客戶資料
圖 4.14 修改客戶資訊畫面
2.演算法
Key In 資料 Click 修改{
Check 輸入資料 If(True){
Update 客戶資訊;
}
Else {
Display 輸入資料錯誤;
} }
3.輸出畫面
圖 4.15 修改客戶資訊成功畫面
4.2.3 工作排程 A.新增工作排程 1.輸入畫面
圖 4.16 新增工作排程畫面
2.演算法
Key In 資料 Click 送出{
Check 輸入資料 If(True){
Insert Into 工作排程
3.輸出畫面
資料輸入錯誤畫面
圖 4.17 錯誤畫面
B.查詢工作排程 1.輸入畫面
圖 4.18 查詢工作排程畫面
2.演算法
Key In 查詢條件 Click 查詢{
Check 輸入資料 If(True){
Display 工作排程;
}
Else {
Display 輸入資料錯誤;
} }
3.輸出畫面
圖 4.19 工作排程查詢結果畫面
C.修改工作排程 1.輸入畫面
先找出要修改的工作排程
圖 4.20 修改工作排程畫面
2.演算法
Key In 資料 Click 修改{
Check 輸入資料 If(True){
Update 工作排程;
}
Else {
Display 輸入資料錯誤;
} }
3.輸出畫面
圖 4.21 工作排程更新完成畫面
4.3 生產子系統
4.3.1 印刷 1. 輸入畫面
圖 4.22 印刷畫面
2. 演算法
Key In 資料 Click 送出{
Check 輸入資料 If(True){
Insert Into 生產紀錄
3. 輸出畫面
若是輸入資料錯誤則出現錯誤畫面
圖 4.23 錯誤畫面
4.3.2 裁切 1.輸入畫面
圖 4.24 裁切畫面
2.演算法
Key In 資料 Click 送出{
Check 輸入資料 If(True){
Insert Into 生產紀錄
3.輸出畫面
若是輸入資料錯誤則出現錯誤畫面
圖 4.25 錯誤畫面
4.3.3 包裝 1.輸入畫面
圖 4.26 包裝畫面
2.演算法
Key In 資料 Click 送出{
Check 輸入資料 If(True){
Insert Into 生產紀錄
3.輸出畫面
若是輸入資料錯誤則出現錯誤畫面
圖 4.27 錯誤畫面
4.3.4 倉儲 A.新增庫存 1.輸入畫面
圖 4.28 新增庫存畫面
2.演算法
Key In 資料 Click 送出{
Check 輸入資料 If(True){
Insert Into 倉儲紀錄
3.輸出畫面
若是輸入資料錯誤則出現錯誤畫面
圖 4.29 錯誤畫面
B.查詢庫存 1.輸入畫面
圖 4.30 查詢庫存畫面
2.演算法
Key In 資料 Click 送出{
Check 輸入資料 If(True){
Display 庫存紀錄;
}
Else {
Display 輸入資料錯誤;
} }
3.輸出畫面
圖 4.31 庫存查詢結果畫面
4.4 管理子系統
4.4.1 人事 A.新增人事資料 1.輸入畫面
圖 4.32 新增人事畫面
2.演算法
Key In 資料 Click 送出{
Check 輸入資料 If(True){
Insert Into 人事資料
3.輸出畫面
若是輸入資料錯誤則出現錯誤畫面
圖 4.33 錯誤畫面
B.查詢人事資料 1. 輸入畫面
圖 4.34 查詢人事畫面
2. 演算法
Key In 資料 Click 送出{
Check 輸入資料 If(True){
Display 人事資料;
}
Else {
Display 輸入資料錯誤;
} }
3. 輸出畫面
圖 4.35 人事查詢結果畫面
C.修改人事資料 1.輸入畫面
圖 4.36 修改人事資料畫面
2.演算法
Key In 資料 Click 送出{
Check 輸入資料 If(True){
Update 人事資料;
}
Else {
Display 輸入資料錯誤;
} }
3.輸出畫面
圖 4.37 人事資料修改成功畫面
4.4.2 總務 A.新增總務資料 1.輸入畫面
圖 4.38 新增總務資料畫面
2.演算法
Key In 資料 Click 送出{
Check 輸入資料 If(True){
Insert Into 總務資料
3.輸出畫面
若是輸入資料錯誤則出現錯誤畫面
圖 4.39 錯誤畫面
B.查詢總務資料 1.輸入畫面
圖 4.40 查詢總務資料畫面
2.演算法
Key In 資料 Click 送出{
Check 輸入資料 If(True){
Display 總務資料;
}
Else {
Display 輸入資料錯誤;
} }
3.輸出畫面
圖 4.41 總務資料查詢結果畫面
C.修改總務資料 1.輸入畫面
圖 4.42 修改總務資料畫面
2.演算法
Key In 資料 Click 送出{
Check 輸入資料 If(True){
Update 總務資料;
}
Else {
Display 輸入資料錯誤;
} }
3.輸出畫面
圖 4.43 總務資料修改成功畫面
4.4.3 生產紀錄 A.查看生產紀錄 1. 輸入畫面
圖 4.44 生產記錄查詢畫面
2. 演算法
Key In 資料 Click 送出{
Check 輸入資料 If(True){
Display 生產紀錄;
}
Else {
Display 輸入資料錯誤;
} }
3.輸出畫面
圖 4.45 生產記錄查詢畫面
第五章 系統評估
5.2 生產子系統評估
5.3 管理子系統評估
第六章 結論
因為我的程式功力真的蠻差的。但到最近做到後面時 我突然有股滿足感，因為至少在這大學四年裡我做出 了一個比較像樣的東西了，我和隊友們從慢慢一個一 個問別人到從書上、網路上找尋疑問的答案，於是慢 慢做出這個成品出來，老實說，我真的覺得在程式方 面我有很大的進步。至少不像以前那樣爛了，雖然專 題這一科給我的壓力太大時常讓我覺得喘不過氣來，
但我還是得感謝它讓我學到不少東西，尤其是寫程式
方面的技巧，我認為即使是個程式白癡，但只要肯查
書、肯問人、會利用網路查尋，再難的問題也都一定
有它解決的方法。
2.張柏淇組員的心得 :
我體認到了書本上的知識僅僅只是知道並沒有什麼太
大的用處.只有哪一點你可以真正的實作出來時，自己
解決實際所碰到的問題，那才是你所得到的知識。也
許這一個專題，不管到最後它的完成度有多高，我們
都學會很多事情並不是光用想的就可以成功，在進行
工作時必須細心的規劃出進度和明確的目標才可以讓
事情順利的完成。最後我謝謝幫助我們的指導教授謝
老師和被我們煩到不行的同學們，這次的專題對我們
而言有著積極和正面的意義。
3.陳劼酉組員的心得 :
接下來我們在實作的時候其實也並非得心應手，主要 是我們再一開始的時候對於系統的設計就不夠嚴謹，
所以我們在實作的時候就必須東修西改，浪費了不少
的時間，但是隨然我的專題並不是非常順利，但是我
自己很高興能跟其他組員一起合作，起步縱使有點困
難，但是一起克服困難直到最後，更使我認知到”團
隊”重要性，也培養了我這些重要的觀念，我曾經聽
人家說過，逢甲的學生出社會後在職場對於團隊合作
的表現十分突出，我想這些學長姐們一定也都是在這
樣的學習環境下，培養出在職場上的競爭力，很高興
在專題裡學到了許多自己不曾注意的觀念。
6.1 未來展望
參考書籍
[1]胡昭明，最新資料結構，松崗，1998 p.153-p.206
[2]趙啟志，實力導引活用 PHP 與 MySQL 建構 Web 世界，博碩，2000 ch3-ch15
[3]數位文化，PHP4 互動式網頁資料庫實戰手冊，松崗，2002 ch4.
ch7. ch13
[6]陳俊宏，PHP and MySQL 徹底研究，旗標，2000 ch2-ch15 [7]Welling Luke、Laura Thomson，陳長念譯，PHP & MySQL 完全 架站攻略，上奇科技，2001 p.53-p.89
[8]林政錦，PHP 入門經典，第三波，2001 ch.-ch.5
[9]施威銘研究室，Flash 5 躍動的網頁，旗標，2000 p.20-p.55 [10]吳明哲，Flash MX Action 網頁程式設計贏家，文魁，2003 p.33-p.79
[11] 何 東 隆 ， Flash MX 動 感 世 界 . 基 礎 應 用 篇 ， 文 魁 ， 2002 p.83-p.103
[12]數位文化，FLASH 5 初學網頁動畫設計實務，第三波，2000 p.44-p.154