BaNANA

ขั้นตอนที่ 5 การออกแบบ

5.1 แบบจำลองข้อมูล

จากข้อมูลในส่วนของแบบจำลองขั้นตอนการทำงานของระบบที่ผ่านมาสามารถนำมาออกแบบ แบบจำลองข้อมูล โดยใช้ แผนภาพความสัมพันธ์ระหว่างข้อมูล (Entity Relationship Diagram : E-R Diagram) ดังต่อไปนี้

ภาพที่ 1 E-R Diagram ของระบบ App Banana

5.2 การออกแบบระบบ (Design)

5.2.1 การออกแบบฐานข้อมูล

เป็นการออกแบบเพื่อกำหนดโครงสร้างทางกายภาพของฐานข้อมูล จากโครงสร้างที่ได้รับการออกแบบมาแล้วในระดับตรรกะ (Logical Design) จากแผนภาพ E-R Diagram จากขั้นตอนที่ผ่านมาด้วยการนำความสัมพันธ์ (Relation) ที่ได้มาสร้างเป็นตารางและกำหนดโครงสร้างทางกายภาพ คือ ชนิด ขนาดและชนิดของคีย์ให้กับ Attribute ทั้งหมดในตารางหรือพจนานุกรมข้อมูล (Data Dictionary) ดังต่อไปนี้

ตารางที่ 5-1 ลูกค้า (Member)

ตารางที่ 5-2 สินค้า

ตารางที่ 5-3 พนักงานขาย

ตารางที่ 5-4 ใบสั่งซื้อสินค้า

5.3 การออกแบบ Application

เป็นการออกแบบส่วนติดต่อกับผู้ใช้งาน (User Interface) เป็นการออกแบบหน้าจอโปรแกรมเพื่อให้ผู้ใช้งานได้โต้ตอบกับผู้ใช้ได้ตามวัตถุประสงค์ ดังนี้

ภาพที่ 5-1

หน้าแรกของ Application ของบริษัทเราจะมีแต่ละหัวข้อในการลือกใช้ทำงานในแต่ละแบบที่ต่างกันออกไป

ภาพที่ 5-2

ระบบข้อมูลลูกค้า เป็นระบบที่สามารถค้นหาและดูรายละเอียดของลูกค้าได้ สามารถ เพิ่ม ลบ แก้ไข หรือสั่งพิมพ์ข้อมูลลูกค้าได้

ภาพที่ 5-3

ระบบตัวแทนจำหน่าย เป็นระบบที่จัดเก็บข้อมูลของตัวแทนจำหน่ายไว้ สามารถเพิ่ม ลบ แก้ไข หรือ การสั่งพิมพ์ข้อมูลตัวแทนจำหน่ายได้

ภาพที่ 5-4

ระบบข้อมูลสินค้า เป็นระบบที่เก็บข้อมูลรายละเอียดของสินค้า สามารถตรวจสอบจำนวนของสินค้าได้ สามารถเพิ่ม ลบ แก้ไข หรือ การสั่งพิมพ์ข้อมูลสินค้าได้

ภาพที่ 5-5

ระบบข้อมูลการสั่งซื้อสินค้า ระบบนี้จะทำการจัดเก็บข้อมูลการสั่งซื้อของลูกค้าหรือตัวแทนจำหน่ายสามารถสั่งซื้อสินค้าได้ง่ายมากขึ้น สามารถบอกรายละเอียดสินค้าให้แก่ลูกค้าได้ สามารถคำนวณราคาสินค้า และออกใบเสร็จให้กับลูกค้า และยังสามารถเพิ่ม ลบ แก้ไข หรือ การสั่งพิมพ์ข้อมูลสินค้าได้