第二章 系統概述
2.8 時程甘特圖
第三章 系統分析與設計
3.1 方法
1. 結構化分析( structured analysis )︰系統被視為一生命體，
具有生、老、病、死等生命現象。 將系統開發生命週期( SDLC, system development life cycle)區分為：系統規劃、系統分析、
系統設計、系統建置、系統運作與支援等一連串的幾個階段。這 種系統開發工作強調 「將資料轉化成有用的資訊的過程」。
2. 物件導向分析與設計( object-oriented analysis and design )︰將資料和處理資料的工作整合成為一個稱為物件 ( object )的實體。物件具有各種特質( properties )，在物件 中內建了一些方法 (具有執行特定工作的功能 method)，物件提
3.3 全景圖與 Diagram 0
ID/PASSWORDID/PASSWORD 庫存不足
營業部門 ID/PASSWORD
ID/PASSWORD 庫存不足
3.4 正規化
(primary key)，且資料表的所有欄位都是不可再分割的。1. 正規化的步驟 去除掉，也就是說非 primary key 不可以只與某些 primary key 有關。只有一種情況另外，就是超過一個欄位來當 primary key 時才有可能發生。
C. 第三正規化
3.5 生產子系統
3.5.1 印刷 １•印刷的處理
主要功能：（１）查詢產品的印刷規格 （２）印刷紀錄填寫
圖 3.4 印刷功能圖
生產子系統
印刷
印刷紀錄填寫 查詢產品印刷
規格
２•印刷的處理流程
Procedure1-1：讓使用者在查詢到了今日工作排程以及產品規格 後，可以填入印刷的紀錄。
buiness.MYD ：工作排程資訊
pronews.MYD：產品資訊
product.ＭYＤ：生產紀錄
圖 3.5 印刷流程圖
Procedure1-1
pronews.ＭYＤ buiness.ＭＹＤ
product.ＭYＤ
printing.PHP 完成訊息
３．檔案名稱 :
3.5.2 裁切
１•裁切的處理
主要功能：（１）查詢產品的裁切規格 （２）裁切紀錄填寫
圖 3.6 裁切功能圖
生產子系統
裁切
裁切紀錄填寫 查詢產品裁切
規格
２•裁切的處理流程
Procedure1-2：讓使用者在查詢到了今日工作排程以及產品規格 後，
可以填入裁切的紀錄。
buiness.MYD ：工作排程資訊
pronews.MYD：產品資訊
product.ＭYＤ：生產紀錄
圖 3.7 裁切流程圖
Procedure1-2
pronews.ＭYＤ buiness.ＭＹＤ
product.ＭYＤ
cutting.PHP 完成訊息
３．檔案名稱 :
3.5.3 包裝
１•包裝的處理
主要功能：（１）查詢產品的裁切規格 （２）包裝紀錄填寫
圖 3.8 包裝功能圖
生產子系統
包裝
包裝紀錄填寫 查詢產品包裝
規格
２•包裝的處理流程
Procedure1-3：讓使用者在查詢到了今日工作排程以及產品規格 後，可以填入包裝的紀錄，並且由包裝後的數量來 做比較，如果生產較訂單量多的產品，則自動在倉 儲的地方加總，反之如果不足的部份則由庫存補 足。
buiness.MYD ：工作排程資訊
pronews.MYD：產品資訊
product.ＭYＤ：生產紀錄
圖 3.9 包裝流程圖
Procedure1-3
pronews.ＭYＤ buiness.ＭＹＤ
product.ＭYＤ
packing.PHP 完成訊息
Puting.ＭYＤ
３．檔案名稱 :
3.5.4 倉儲
１•倉儲的處理
主要功能：（１）查詢庫存資訊 （２）新增庫存
圖 3.10 倉儲功能圖
生產子系統
倉儲
新增庫存 查詢庫存資訊
２•倉儲的處理流程
Procedure1-4：讓使用者在查詢到庫存資訊，可以新增庫存，並且 自動在總務的資料中作加總。
puting.MYD ：庫存資訊
Account.ＭYＤ：總務資訊
圖 3.11 倉儲流程圖
Procedure1-4
puting.ＭYＤPutting.ＭYＤ
item.PHP 完成訊息
Account.ＭYＤ
３．檔案名稱 : 倉儲紀錄表 記錄格式 :
序號 欄位名稱 長度 資料型態 備註
1 *庫存編號 4 int
2 產品名稱 20 varchar
3 數量 8 int 4 日期 10 varchar
表 3.4 倉儲紀錄表
3.6 營業子系統
１、產品資訊管理：使用者可以新增修改刪除產品的資訊 ２、工作排程管理：客戶下單後，可以新增工作排程來排
定給生產的部門。
２、客戶資訊管理：使用者可以新增修改刪除客戶的資訊
圖 3.12 營業子系統架構圖
主系統
營業部
營業部子系統
產品資訊管理 工作排程管理 客戶資訊管理
3.6.1 產品資訊管理 １•產品資訊管理的處理
主要功能：（１）查詢產品資訊
（２）新增修改刪除產品資訊
圖 3.13 產品管理流程圖
營業子系統
產品資訊管理
新增修改刪除 產品資訊 查詢產品資訊
２•產品資訊管理的處理流程
Procedure2-1：讓使用者可以對產品資訊做管理。
pronews.MYD：產品資訊
圖 3.14 產品管理功能圖
Procedure2-1
pronews.ＭYＤpronews.ＭYＤ
proinfo.PHP 完成訊息
３．檔案名稱 :
（４）印刷規格紀錄表
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. 輸入畫面
B.查詢人事資料 1. 輸入畫面