40 จากรูปที่ 2.19 สามารถอธิบายส่วนต่าง ๆ ได้ดังนี้ 1. แสดงชื่อ Table ที่เปิดอยู่ 2. หมายถึง ตำแหน่งรายการ ที่ชี้อยู่ 3. หมายถึง ตำแหน่งรายการใหม่ 4. หมายถึง ส่วนของการเลื่อนรายการ รูปที่ 2.20 แสดงการเลือกข้อมูลในมุมมองแผ่นข้อมูล จากรูปที่ 2.20 สามารถอธิบายส่วนต่าง ๆ ได้ดังนี้ 1. หมายถึง ปุ่มเลือกทุกรายการ 2. หมายถึง ปุ่มเลือกแต่ละรายการ 3. หมายถึง แถบเลื่อนรายการในแนวตั้ง 4. หมายถึง แถบเลื่อนเขตข้อมูลในแนวนอน การใช้ Lookup Wizard ในการป้อนข้อมูล เป็นเครื่องมือที่ช่วยสร้างตัวเลือกให้กับผู้บันทึก ข้อมูล โดยไม่ต้องคีย์ข้อมูลผ่านทางคีย์บอร์ด สามารถใช้กับข้อมูลประเภท Text, Number หรือ Yes/No ขั้นตอนการกำหนด - เข้าสู่มุมมองออกแบบ - เลือกเขตข้อมูลที่ต้องการกำหนด - เลือกชนิดข้อมูล ของเขตข้อมูลเป็น Lookup Wizard ให้เลือกเมนูดังต่อไปนี้ 1. ฉันต้องการให้เขตข้อมูลการค้นหารับค่าจากตารางหรือแบบสอบถามอื่น • เลือกตาราง หรือ แบบสอบถาม ที่ต้องการ • เลือกเขตข้อมูลที่ต้องการนำมาสร้างเป็นตัวเลือก
41 2. ฉันจะพิมพ์ค่าที่ฉันต้องการเข้าไปเอง • ระบุจำนวนคอลัมน์ • พิมพ์ข้อมูลแต่ละตัวเลือกตามต้องการ • เลือกคอลัมน์ที่เป็นตัวเลือก - ระบุป้ายชื่อเขตข้อมูลโดยจะปรากฏชื่อเดิมถ้าต้องการเปลี่ยนแปลงให้พิมพ์ชื่อใหม่ - เลือก เสร็จสิ้น หลังการออกแบบ ให้เข้าสู่เมนูมุมมอง แล้วคลิกที่เขตข้อมูล pos พบว่าจะมีปุ่ม ลูกศรทางด้านซ้ายมือ เมื่อคลิกที่ปุ่มลูกศรจะปรากฏรายการตัวเลือกตามที่ออกแบบเพื่อทำการเลือก รายการที่ต้องการดังรูปที่ 2.21 รูปที่ 2.21 แสดงการป้อนข้อมูลด้วย Lookup Wizard บนแผ่นข้อมูล การป้อนข้อมูลในเขตข้อมูลประเภท OLE-Object ในการป้อนข้อมูลประเภท OLE-Object หรือข้อมูลประเภทรูปภาพ กราฟิก เสียงอื่น ๆ จะต้องเรียก ผ่านโปรแกรมเพื่อเลือกรูปภาพที่ต้องการ โดยมีขั้นตอนดังต่อไปนี้ - หลังจากเข้าสู่มุมมอง Datasheet ให้คลิกขวาที่เขตข้อมูล รูปภาพ - เลือกเมนู แทรกวัตถุ คลิกเลือก สร้างจากแฟ้ม • สร้างใหม่ หมายถึง การนำรูปภาพผ่านโปรแกรมที่เลือกให้ทำการเลือก ประเภทโปรแกรมที่จะนำมาสร้างรูปภาพที่ Object Type • สร้างจากแฟ้ม หมายถึง นำภาพที่มีอยู่แล้วมาบันทึกให้ทำการระบุไดรฟ์ โฟลเดอร์ และเลือกชื่อแฟ้มรูปภาพตามต้องการ - เลือก ตกลง
42 คุณสมบัติพื้นฐานของโปรแกรม Adobe Photoshop โปรแกรม Photo shop เป็นโปรแกรมในตระกูล Adobe ที่ใช้สำหรับตกแต่งภาพถ่ายและ ภาพกราฟิก ได้อย่างมีประสิทธิภาพไม่ว่าจะเป็นงานด้านสิ่งพิมพ์ นิตยสาร และงานด้านมัลติมีเดีย อีก ทั้งยังสามารถ retouching ตกแต่งภาพและการสร้างภาพ ซึ่งกำลังเป็นที่นิยมสูงมากในขณะนี้ เรา สามารถใช้โปรแกรม Photoshop ในการตกแต่งภาพ การใส่ Effect ต่าง ๆ ให้กับภาพ และ ตัวหนังสือ การทำภาพขาวดำ การทำภาพถ่ายเป็นภาพเขียน การนำภาพมารวมกัน การRetouch ตกแต่งภาพต่าง เราสามารถเรียนรู้วิธีการใช้โปรแกรม Adobe Photoshop นี้ได้ด้วยตัวเอง คุณสามารถที่จะ ทำการแก้ไขภาพ ตกแต่งภาพ ซ้อนภาพในรูปแบบต่าง ๆ ได้อย่างง่ายดาย และสิ่งที่ขาดไม่ได้ก็คือ การ ใส่ข้อความประกอบลงในภาพด้วย และเนื่องด้วย Adobe Photoshop มีการพัฒนาโปรแกรมมา อย่างต่อเนื่อง ทำให้เราจำเป็นต้องศึกษาคำสั่งต่าง ๆ ให้เข้าใจ แต่ที่สำคัญ เมื่อคุณเรียนรู้การใช้คำสั่ง ในเวอร์ชันเก่า คุณก็ยังคงสามารถนำไปประยุกต์ใช้กับเวอร์ชันใหม่ ๆ ได้ ความสามารถพื้นฐานของ Adobe Photoshop ที่ควรทราบ - ตกแต่งหรือแก้ไขรูปภาพ - ตัดต่อภาพบางส่วน หรือที่เรียกว่า crop ภาพ - เปลี่ยนแปลงสีของภาพ จากสีหนึ่งเป็นอีกสีหนึ่งได้ - สามารถลากเส้น แบบฟรีสไตล์ หรือใส่รูปภาพ สี่เหลี่ยม วงกลม หรือสร้างภาพได้อย่าง อิสระ - มีการแบ่งชั้นของภาพเป็น Layer สามารถเคลื่อนย้ายภาพได้เป็นอิสระต่อกัน - การทำ cloning ภาพ หรือการทำภาพซ้ำในรูปภาพเดียวกัน - เพิ่มเติมข้อความ ใส่ effect ของข้อความได้ - Brush หรือแปรงทาสี ที่สามารถเลือกรูปแบบสำเร็จรูปในการสร้างภาพได้และอื่น ๆ อีก มาก โปรแกรม Adobe Photoshop CS6 เมื่อทำการเปิดโปรแกรมแล้ว จะพบหน้าตาของ โปรแกรม
43 รูปที่ 2.22 หน้าตาโปรแกรม Adobe Photoshop CS6 ส่วนประกอบของโปรแกรม Adobe Photoshop CS6 โปรแกรม Adobe Photoshop CS6 ได้ปรับเปลี่ยนรูปแบบ นอกจากจะมีสีสันสวยงามขึ้น แล้ว ยังจัดการกับพาเนลหรือเครื่องมือที่จัดวางไม่เป็นระเบียบ ออกไปจากหน้าต่างการทำงาน ค่อนข้างมาก เช่น เพิ่มปุ่มคำสั่งและจัดเรียงปุ่มคำสั่งบางปุ่มใหม่ จึงมีความจำเป็นต้องรู้จักกับ ส่วนประกอบที่สำคัญเพื่อให้สามารถค้นหาและเรียกใช้เครื่องมือได้อย่างรวดเร็ว สำหรับหน้าต่างโปรแกรม Adobe Photoshop CS6 ประกอบไปด้วยพาเนลและกล่อง เครื่องมือที่วางอยู่บนพื้นที่ว่างซึ่งเปรียบเสมือนกับโต๊ะทำงาน ดังนั้นจึงสามารถเคลื่อนย้ายตำแหน่ง พาเนลและเครื่องมือไปยังจุดที่ต้องการได้ส่วนประกอบสำคัญของหน้าต่างโปรแกรม มีรายละเอียด ดังนี้ - แถบเมนูคำสั่ง (Menu Bar) เป็นจุดรวบรวมชุดคำสั่งที่ใช้สำหรับเรียกคำสั่งต่าง ๆ เพื่อใช้ จัดการไฟล์ภาพหรือตกแต่งภาพ ดังแสดงในรูปที่ 2.23 รูปที่2.23 แถบเมนูคำสั่งโปรแกรม Adobe Photoshop CS6
44 รูปแบบการทำงานของแถบเมนู • File สำหรับจัดการกับไฟล์ภาพในลักษณะต่าง ๆ เช่น สร้างไฟล์งานใหม่ เปิดไฟล์ ภาพ บันทึกไฟล์งาน นำเข้าหรือส่งออกไฟล์เพื่อทำงานในลักษณะอื่น ๆ • Edit สำหรับแก้ไขภาพ เช่น ตัด คัดลอก วาง รวมถึงปรับแต่งค่าเบื้องต้นของ โปรแกรม • Image สำหรับจัดการภาพ เช่น แก้ไขความสว่างหรือสีของภาพให้สมดุลยิ่งขึ้น รวมถึงใช้ สำหรับย่อขยายขนาดภาพ และกำหนดขนาดพื้นที่การทำงานของภาพ • Layer สำหรับจัดการเกี่ยวกับเลเยอร์ เช่น การสร้างเลเยอร์ใหม่ การรวมเลเยอร์ การแปลง เลเยอร์ การจัดการกับเลเยอร์ของไฟล์ลักษณะต่าง ๆ รวมถึงการจัดการ รายละเอียดของภาพในเลเยอร์นั้น ๆ • Type สำหรับจัดการและปรับแต่งเกี่ยวกับข้อความ เช่น ปรับแต่งสีข้อความ ปรับแต่งขอบข้อความ หรือการเปลี่ยนข้อความให้เป็นภาพ • Select สำหรับปรับแต่งการเลือกพื้นที่ บันทึกและเรียกพื้นที่ที่เลือกมาใช้งาน รวมถึงคำสั่งสำหรับการเลือกพื้นที่เพื่อให้ได้ผลลัพธ์ที่ดียิ่งขึ้น • Filter สำหรับปรับแต่งภาพให้มีรูปแบบที่น่าสนใจยิ่งขึ้น บิด ดัดปรับรูปทรงรูปแบบ ต่าง ๆ • View สำหรับเลือกรูปแบบการแสดงผล เช่น ย่อขยายภาพ แสดงไม้บรรทัด เส้นไกด์ • Window สำหรับเลือกเปิดปิดพาเนล รวมถึงกำหนดรูปแบบการแสดงหน้าต่างใน แบบต่าง ๆ • Help ใช้สำหรับแสดงความช่วยเหลือเกี่ยวกับการใช้เครื่องมือหรือคำสั่งในรูปแบบ ต่าง ๆ - แถบตัวเลือก (Options Bar) เป็นส่วนที่ใช้ในการปรับแต่งค่าการทำงานของเครื่องมือโดย การกำหนดค่าในแถบตัวเลือกจะเปลี่ยนไปตามเครื่องมือที่ใช้งานอยู่ ดังแสดงในรูปที่ 2.24 รูปที่ 2.24 แถบตัวเลือกโปรแกรม Adobe Photoshop CS6
45 - กล่องเครื่องมือ (Toolbox) เป็นส่วนที่ใช้เก็บเครื่องมือพื้นฐานในการทำงาน ในโปรแกรม สามารถเรียกใช้ชุดเครื่องมือย่อยโดยการคลิกรูปสามเหลี่ยมที่มุมด้านล่างดังแสดงในรูปที่ 2.25 รูปที่ 2.25 แถบตัวเลือกโปรแกรม Adobe Photoshop CS6 เครื่องมือพื้นฐานบนกล่องเครื่องมือของโปรแกรม Adobe Photoshop CS6 ได้แบ่ง การ ทำงานออกเป็นหมวดหมู่หรือเป็นกลุ่มย่อย ๆ ดังแสดงในตารางที่ 2.21
46 ภาพ ชื่อเครื่องมือ ความหมาย Move Too ใช้เคลื่อนย้ายภาพบริเวณที่ เลือกพื้นที่หรือไม่ได้เลือก พื้นที่ไปยังตำแหน่งใหม่ 1. Rectangular Marquee Tool 2. Elliptical Marquee Tool 3. Single Row Marquee Tool 4. Single Column Marquee Tool 1. เลือกพื้นที่แบบรูปทรง สี่เหลี่ยม 2. เลือกพื้นที่แบบรูปทรง วงกลม วงรี 3. เลือกพื้นที่แบบเส้นตรง แนวนอน 4. เลือกพื้นที่แบบเส้นตรง แนวตั้ง 1. Lasso Tool 2. Polygonal Lasso Tool 3. Magnetic Lasso Tool 1. เลือกพื้นที่แบบอิสระ 2. เลือกพื้นที่แบบมุมเหลี่ยม 3. เลือกพื้นที่แบบชิดเส้น ขอบภาพ 1. Quick Selection Tool 2. Magic Wand Tool 1. เลือกพื้นที่ตามพื้นที่ที่ ลากเมาส์ผ่าน 2. เลือกพื้นที่โดยยึดตามสีที่ มีค่าใกล้เคียงกัน 1. Crop Tool 2. Perspective Crop Tool 3. Slice Tool 4. Slice Select Tool 1. ใช้ตัดภาพโดยเลือก เฉพาะบริเวณที่ต้องการใช้ งาน 2. ใช้ตัดภาพที่มีมุมบิดเบี้ยว ให้กลายเป็นมุมที่ถูกต้อง 4. ใช้ปรับแต่งขนาดของ ภาพที่ตัดออกเป็นชิ้นเล็ก ๆ จากเครื่องมือ Slice Tool ตารางที่ 2.21 เครื่องมือพื้นฐานของโปรแกรม Adobe Photoshop CS6
47 ภาพ ชื่อเครื่องมือ ความหมาย 1. Eyedropper Tool 2. Color Sampler Tool 3. Ruler Tool 4. Note Too 1. ใช้เลือกสีจากภาพไปใช้ งาน 2. ใช้ดูดสีไว้สำหรับ เปรียบเทียบค่า 3. ใช้วัดระยะห่างและ กำหนดตำแหน่ง 4. ใช้เพิ่มคำอธิบายให้กับ ภาพ 1. Spot Healing Brush Tool 2. Healing Brush Tool 3. Patch Tool 4. Content-Aware Move Tool 1. ใช้แก้ไขจุดบกพร่องขนาด เล็กบนภาพ 2. ใช้แก้ไขจุดบกพร่องขนาด ใหญ่บนภาพ 3. ใช้แก้ไขพื้นผิวของภาพ ขนาดใหญ่ โดยการนำพื้นผิว อื่นมาแปะทับ 4. ใช้ย้ายวัตถุในภาพไปยัง ตำแหน่งใหม่ โดยเครื่องมือ จะเติมสีพื้นหลังให้ด้วย 5. ใช้แก้ไขภาพถ่ายตาแดง 1. Clone Stamp Tool 2. Pattern Stamp Tool 1. ใช้คัดลอกวัตถุจากจุด หนึ่งไปแปะทับอีกจุดหนึ่ง 2. ใช้ตกแต่งภาพพื้นผิวที่ คลิกแทนที่ลงไปบนภาพ 1. Eraser Tool 2. Background Eraser Tool 3. Magic Eraser Tool 1. ใช้ลบพื้นที่ที่ไม่ต้องการ และแทนที่ด้วยสีพื้นหลัง 2. ใช้ลบภาพพื้นหลังออก ด้วยการคลิกเลือกสีที่จะลบ และจะได้พื้นหลังแบบ โปร่งใส ตารางที่ 2.21 เครื่องมือพื้นฐานของโปรแกรม Adobe Photoshop CS6 (ต่อ)
48 ภาพ ชื่อเครื่องมือ ความหมาย 3. ใช้ลบสีพื้นหลังภาพอย่าง รวดเร็วและ จะได้พื้นหลัง แบบโปร่งใส 1. Blur Tool 2. Sharpen Tool 3. Smudge Tool 1. ใช้ระบายภาพให้เบลอใน จุดที่ลากเมาส์ 2. ใช้ปรับเพิ่มความคมชัดให้ ภาพ 3. ใช้เกลี่ยสีให้กลมกลืนใน จุดที่ลากเมาส์ 1. Dodge Tool 2. Burn Tool 3. Sponge Tool 1. ใช้เพิ่มความสว่างให้จุดที่ ลากเมาส์ผ่าน 2. ใช้เพิ่มความมืดให้จุดที่ ลากเมาส์ผ่าน 3. ใช้ลดและเพิ่มความอิ่มตัว ของสี โดยการลากเมาส์ผ่าน 1. Brush Tool 2. Pencil Tool 3. Color Replacement Tool 4. Mixer Brush To 1. ใช้สร้างเส้นหรือลวดลาย ให้กับเส้น 2. ใช้สร้างเส้นหรือลวดลาย แต่จะได้เส้นที่หยาบกว่า 3. ใช้เปลี่ยนสีภาพเป็นสีใหม่ 4. ใช้เกลี่ยสีของภาพให้ กลายเป็นภาพวาด 1. History Brush Tool 2. Art History Brush Tool 1. ใช้ย้อนกลับการทำงาน คำสั่งที่ผิดพลาดเมื่อลาก เมาส์ไปบนภาพ 2. ใช้เปลี่ยนเป็นภาพวาด แบบง่าย ๆ เมื่อลากเมาส์ไป บนภาพ ตารางที่ 2.21 เครื่องมือพื้นฐานของโปรแกรม Adobe Photoshop CS6 (ต่อ)
49 ภาพ ชื่อเครื่องมือ ความหมาย 1. Gradient Tool 2. Paint Bucket Tool 1. ใช้ลากเมาส์ไปบนภาพเพื่อ ไล่เฉดสี 2. ใช้เพื่อเติมสีหรือลวดลาย ลงไปบนภาพ 1. Pen Tool 2. Freeform Pen Tool 3. Add Anchor Point Tool 4. Delete Anchor Point Tool 5. Convert Point Tool 1. ใช้สร้างเส้นพาธรอบภาพ โดยการลากเมาส์กำหนด ทิศทาง 2. ใช้สร้างเส้นพาธแบบอิสระ เพื่อปรับแต่งในภายหลัง 3. ใช้เพิ่มจุดแองเคอร์เพื่อ ปรับแต่งรูปทรงเส้นพาธ 4. ใช้ลบจุดแองเคอร์ที่มาก เกินไป 5. ใช้ปรับแต่งมุมของเส้นพาธ 1. Horizontal Type Tool 2. Vertical Type Tool 3. Horizontal Type Mask Tool 4. Vertical Type Mask Too 1. ใช้สร้างข้อความแบบ เวคเตอร์ในแนว นอน 2. ใช้สร้างข้อความแบบ เวคเตอร์ในแนวตั้ง 3. ใช้สร้างข้อความแบบ ราสเตอร์ในแนว นอน 4. ใช้สร้างข้อความแบบ ราสเตอร์ในแนวตั้ง 1. Path Selection Tool 2. Direct Selection Tool 1. ใช้ย้ายตำแหน่งหรือปรับ ขนาดเส้นพาธ 2. ใช้คลิกไปบนจุดแองเคอร์ เพื่อปรับแต่งรูปทรงเส้นพาธ ตารางที่ 2.21 เครื่องมือพื้นฐานของโปรแกรม Adobe Photoshop CS6 (ต่อ)
50 ภาพ ชื่อเครื่องมือ ความหมาย 1. Rectangle Tool 2. Rounded Rectangle Tool 3. Ellipse Tool 4. Polygon Tool 5. Line Tool 6. Custom Shape Too 1. ใช้สร้างรูปทรงสี่เหลี่ยม 2. ใช้สร้างรูปทรงสี่เหลี่ยมมุม โค้งมน 3. ใช้สร้างรูปทรงวงกลม วงรี 4. ใช้สร้างรูปทรงหลาย เหลี่ยม รูปดาว 5. ใช้สร้างรูปทรงเส้นตรง 6. ใช้สร้างรูปทรงสำเร็จรูป 1. Hand Tool 2. Rotate View Tool 1. ใช้เลื่อนดูส่วนของภาพ 2. ใช้หมุนภาพทิศทาง ๆ Zoom Tool ใช้ขยายดูส่วนของภาพ Foreground/Background ใช้กำหนดสีพื้นหน้าและสีพื้น หลัง Edit in Standard Mode/ Edit in Quick Mask Mode ใช้แสดงหรือแก้ไขภาพใน โหมดปกติและแสดงการ ทำงานคล้ายการสร้าง หน้ากาก เพื่อปิดบังพื้นที่ส่วน ที่ไม่ต้องการเลือกเอาไว้โดย สามารถคลิกเมาส์สลับโหมด ไปมาได้ 1. Standard Screen Mode 2. Full Screen Mode with Menu Bar 3. Full Screen Mode 1. ใช้แสดงหน้าจอแบบ มาตรฐานปกติ 2. ใช้แสดงแบบเต็มหน้าจอ โดยไม่มีแถบชื่อเรื่องของ โปรแกรม 3. ใช้แสดงแบบเต็มหน้าจอ โดยไม่มีแถบชื่อเรื่องและแถบ เมนูคำสั่ง ตารางที่ 2.21 เครื่องมือพื้นฐานของโปรแกรม Adobe Photoshop CS6 (ต่อ)
51 - แถบชื่อเรื่อง (Title Bar) เป็นส่วนที่แสดงชื่อไฟล์ภาพที่เปิดใช้งานอยู่ สำหรับโปรแกรม Adobe Photoshop CS6 แถบชื่อเรื่องจะเรียงกันเป็นแท็บ (Tab) ดังแสดงรูปที่ 2.26 รูปที่ 2.26 แถบชื่อเรื่องโปรแกรม Adobe Photoshop CS6 - แถบสถานะ (Status Bar) เป็นส่วนที่แสดงคุณสมบัติเกี่ยวกับภาพ เช่น เปอร์เซ็นต์ในการ ย่อขยายไฟล์ภาพ ขนาดไฟล์ภาพ เป็นต้น ดังแสดงรูปที่ 2.27 รูปที่ 2.27 แถบสถานะโปรแกรม Adobe Photoshop CS6 - พื้นที่ใช้งาน (Working Area) เป็นส่วนที่ใช้ในการสร้างงานกราฟิก โดยการเปิดไฟล์ภาพ เพื่อแก้ไขบนพื้นที่ใช้งาน หรือวาดภาพใหม่ลงไปบนพื้นที่ใช้งาน ดังแสดงในรูปที่ 2.28 รูปที่2.28 พื้นที่ใช้งานโปรแกรม Adobe Photoshop CS6
52 - พาเนล (Panel) ใช้สำหรับจัดการกับภาพ โดยแยกออกเป็นหมวดหมู่ เช่น พาเนลสำหรับ เลือกสี พาเนลสำหรับปรับแต่งความสว่าง พาเนลสำหรับควบคุมการใช้งานเลเยอร์เป็นต้น ดังแสดง ในรูปที่ 2.29 รูปที่ 2.29 พาเนลโปรแกรม Adobe Photoshop CS6
53 2.4 ระบบงานที่เกี่ยวข้อง นายชัฐพงศ์พร้อมเจริญ และนายเจษฎา แตบไธสงและนายจิรเมธ พิณทอง (2564) ระบบ ฐานข้อมูลอพาร์ทเม้นท์ทีแมนชั่น, โครงการนี้สามารถค้นหา ตรวจสอบ เพิ่ม ลบ และแก้ไขข้อมูล บุคลากรได้เพื่อให้เกิดความสะดวกมีประสิทธิภาพยิ่งขึ้น นายธนพัทธ์ผ่านกระโทก และนายพรเทพ สิงห์นันท์และนายปรเมษฐ์ รัตนอมรเวช (2564) ระบบฐานข้อมูล ประเภทการเช่าที่จอดรถ, โครงการนี้มีระบใส่ทะเบียนรถ ระบบจ่ายเงิน และการ ออกใบเสร็จเพื่อเพิ่มความสะดวกสบายให้ตอบสนองความต้องการของลูกค้าที่จะเข้ามาจอดรถ นายจอมพล ประทีปรัมย์ และนายศุภกิจ จงดิษฐ์และนายกิตติภูมิ แสงพรม (2564) ระบบ ฐานข้อมูลร้านเจ๊เล็กข้าวต้มป้อมปีกกา, โครงการนี้สามารถป้องกันข้อมูลได้โดยระบบ Login เข้าใช้ งานในการปรับปรุง เพิ่ม-ลบ แก้ไข และตรวจสอบข้อมูลของสินค้าภายในร้านได้เพื่อรักษาความ ปลอดภัย
บทที่ 3 การออกแบบระบบงานด้วยคอมพิวเตอร์ 3.1 การออกแบบแผนภาพความสัมพันธ์ของข้อมูล (E-R Diagram) รูปที่ 3.1 ER Diagram ระบบฐานข้อมูลคลังสินค้าบริษัท ไทยโซลเดอร์อินดัสตรี จำกัด
55 3.2 การออกแบบพจนานุกรมข้อมูล (Data Dictionary) ตารางข้อมูลพนักงาน (Employees) Field Name ชื่อฟิลด์ Type ชนิดของข้อมูล Field Side ขนาดฟิลด์ Description ใช้เก็บข้อมูล หมายเหตุ Emp_id AutoNumber Long Integer รหัสพนักงาน PK Emp_name Short Text 255 ชื่อพนักงาน Emp_birth Date/Time General Date วันเกิด Emp_salary Number Long Integer เงินเดือน Emp_User Short Text 255 ผู้ใช้งาน Emp_Pass Short Text 6 รหัสผ่าน ตารางที่ 3.1 ตารางข้อมูลพนักงาน (Employees) ตารางข้อมูลลูกค้า (Customer) Field Name ชื่อฟิลด์ Type ชนิดของข้อมูล Field Side ขนาดฟิลด์ Description ใช้เก็บข้อมูล หมายเหตุ Cus_id AutoNumber Long Integer รหัสลูกค้า PK Cus_name Short Text 255 ชื่อลูกค้า Cus_add Short Text 255 ที่อยู่ Cus_tel Short Text 10 เบอร์โทร Cus_photo Attachment - รูป ตารางที่ 3.2 ตารางข้อมูลลูกค้า (Customer)
56 ตารางข้อมูลสินค้า (Products) Field Name ชื่อฟิลด์ Type ชนิดของข้อมูล Field Side ขนาดฟิลด์ Description ใช้เก็บข้อมูล หมายเหตุ product_id AutoNumber Long Integer รหัสสินค้า PK product_name Short Text 255 ชื่อสินค้า Sale_price Number Long Integer ราคาขาย ตารางที่ 3.3 ตารางข้อมูลสินค้า (Products) ตารางการรับเข้าสินค้า (ProductIn_H) Field Name ชื่อฟิลด์ Type ชนิดของข้อมูล Field Side ขนาดฟิลด์ Description ใช้เก็บข้อมูล หมายเหตุ In_id AutoNumber Long Integer เลขที่รับเข้า PK In_date Date/Time General Date วันที่รับเข้า Emp_id Number Long Integer รหัสพนักงาน ตารางที่ 3.4 ตารางการรับเข้าสินค้า (ProductIn_H) ตารางรายละเอียดรับเข้าสินค้า (ProductIn_D) Field Name ชื่อฟิลด์ Type ชนิดของข้อมูล Field Side ขนาดฟิลด์ Description ใช้เก็บข้อมูล หมายเหตุ In_id Number Long Integer เลขที่รับเข้า Product_id Number Long Integer รหัสสินค้า Buy_price Number Long Integer ราคาซื้อ In_qty Number Long Integer จำนวน ตารางที่ 3.5 ตารางรายละเอียดรับเข้าสินค้า (ProductIn_D)
57 ตารางการเบิกออกสินค้า (ProductOut_H) Field Name ชื่อฟิลด์ Type ชนิดของข้อมูล Field Side ขนาดฟิลด์ Description ใช้เก็บข้อมูล หมายเหตุ Out_id AutoNumber Long Integer เลขที่เบิกออก PK Out_date Date/Time General Date วันที่เบิกออก Cus_id Number Long Integer รหัสลูกค้า Emp_id Number Long Integer รหัสพนักงาน Out_Status Short Text 255 สถานะ ตารางที่ 3.6 ตารางการเบิกออกสินค้า (ProductOut_H) ตารางรายละเอียดเบิกออกสินค้า (ProductOut_D) Field Name ชื่อฟิลด์ Type ชนิดของข้อมูล Field Side ขนาดฟิลด์ Description ใช้เก็บข้อมูล หมายเหตุ Out_id Number Long Integer เลขที่เบิกออก Product_id Number Long Integer รหัสสินค้า Out_qty Number Long Integer จำนวน Sale_price Number Long Integer ราคาขาย ตารางที่ 3.7 ตารางรายละเอียดการเบิกออกสินค้า (ProductOut_D)
58 3.3 การออกแบบแผนภาพแนวความคิด (Story Board Design) รูปที่ 3.2 หน้าเข้าสู่ระบบ รูปที่3.3 หน้าหลัก
59 รูปที่ 3.4 หน้ารับสินค้าเข้าคลัง รูปที่ 3.5 หน้าเบิกสินค้าในคลัง
60 รูปที่ 3.6 หน้าคลังสินค้าคงเหลือ รูปที่ 3.7 หน้าค้นหาสินค้า
61 รูปที่ 3.8 หน้าค้นหาประเภทสินค้า 3.4 การออกแบบสิ่งนำเข้า (Input Design) 1. การเข้าสู่ระบบ 2. ข้อมูลสินค้า 3. ข้อมูลพนักงาน 3.5 การออกแบบสิ่งนำออก (Output Design) 1. ข้อมูลแสดงทางจอคอมพิวเตอร์ 2. ข้อมูลแสดงออกทางเครื่องพิมพ์ 3. ข้อมูลแสดงออกใบรายงาน
บทที่ 4 การพัฒนาระบบโครงงานระบบฐานข้อมูลคลังสินค้าบริษัท ไทยโซลเดอร์ อินดัสตรีจำกัด 4.1 เครื่องมือและอุปกรณ์ที่ใช้ 1. Notebook DEL 2. Mouse 3. Flash drive 16GB 4. Printer canon 4.2 โปรแกรมที่ใช้ในการพัฒนา 1. โปรแกรม Microsoft Access 2016 ใช้สำหรับสร้างฐานข้อมูล 2. โปรแกรม Adobe Photoshop CS6 ใช้สำหรับตกแต่งรูปภาพ
63 4.3 การติดตั้งโปรแกรมและระบบ 1.เข้าเว็บไซต์ www.office.com 2.เข้าสู่ระบบด้วย Account O365 จะพบหน้าต่างดังภาพ รูปที่ 4.1 เข้าเว็บไซต์ www.office.com 3.จากนั้นท่านจะได้รับไฟล์สำหรับการติดตั้ง รูปที่4.2 ไฟล์สำหรับการติดตั้ง
64 4.คลิกเมาส์สองครั้งไฟล์ที่ดาวน์โหลด ปรากฏ Dialog Box "Open File" ให้ทำการคลิก ปุ่ม Run รูปที่4.3 ถามยืนยันการติดตั้งโปรแกรม 5.โปรแกรมทำการติดตั้งชุด Microsoft Office ซึ่งอาจต้องใช้เวลาขึ้นอยู่กับความเร็วของ อินเทอร์เน็ต ณ ขณะติดตั้ง รูปที่ 4.4 โปรแกรมกำลังติดตั้ง
65 6. เมื่อทำการติดตั้งเรียบร้อยแล้ว ให้คลิกปุ่ม Close และทำการเปิดโปรแกรมขึ้นมาใช้งาน รูปที่ 4.5 โปรแกรมติดตั้งเรียบร้อย 7. เปิดโปรแกรมที่ติดตั้งขึ้นใช้งาน โดยไปที่ Start Menu> และเลือกโปรแกรมที่ต้องการ รูปที่ 4.6 เลือกใช้งานโปรแกรมAccess
66 4.4 วิธีการนำไปใช้งาน รูปที่ 4.7 หน้าเข้าสู่ระบบ รูปที่ 4.8 หน้าเมนูหลัก
67 รูปที่4.9 หน้าข้อมูลลูกค้า รูปที่ 4.10 หน้าข้อมูลพนักงาน
68 รูปที่ 4.11 หน้าข้อมูลสินค้า รูปที่ 4.12 หน้ารับสินค้าเข้าคลัง
69 รูปที่ 4.13 หน้าเบิกสินค้าในคลัง
บทที่ 5 สรุปผลการทำโครงการ 5.1 สรุปผลโครงการ 1. ได้ระบบฐานข้อมูลที่ผู้ศึกษานั้น มีความรู้ความเข้าใจและรู้จักคอมพิวเตอร์มากขึ้น 2. ได้ระบบฐานข้อมูลที่ผู้ใช้สามารถทราบถึงการใช้งานและการบำรุงรักษาคอมพิวเตอร์ได้ อย่างถูกต้อง 3. ระบบฐานข้อมูลที่ผู้สนใจได้ทดสอบความรู้และความเข้าใจของตนเองได้ 4. ได้ระบบฐานข้อมูลที่ผู้ใช้สามารถนำความรู้ที่ได้ไปประยุกต์ใช้ในชีวิตประจำวัน 5. ได้ระบบฐานข้อมูลที่ผู้ใช้นั้น สามารถเผยแพร่ความรู้เกี่ยวกับการใช้งานของคอมพิวเตอร์ รวมถึงการดูแลรักษาคอมพิวเตอร์ได้อย่างถูกต้อง 5.1.1 ขนาดโปรแกรมของแต่ละไฟล์ ที่ ชื่อไฟล์ ขนาดของไฟล์ หมายเหตุ 1 ระบบฐานข้อมูลคลังสินค้า 2,264 KB หน้าหลักของฐานข้อมูล ตารางที่ 5.1 แสดงขนาดของโปรแกรม 5.1.2 ข้อผิดพลาดที่มีต่อการออกแบบระบบงาน 1. ผิดพลาดเกี่ยวกับฐานข้อมูลบ่อยครั้ง 2. แบ่งเวลางานไม่ดีทำให้โปรแกรมสำเร็จช้าและไม่สมบูรณ์เท่าที่ควร 3. ช่วงแรกยังไม่ชำนาญในการใช้โปรแกรมจึงเกิดความล่าช้า 4. โค้ดปัญหาไม่สามารถ Run ได้ โค้ดทับซ้อนกันเปิดไม่ติด 5. การติดต่อสื่อสารระหว่างกลุ่มไม่ต่อเนื่องทำให้งานล่าช้าและผิดแผนที่วางไว้ 5.1.3 ข้อผิดพลาดที่มีในโปรแกรม 1. ไม่รู้จักวิธีการติดตั้งเซิร์ฟเวอร์ 2. โค้ดที่เขียนผิดพลาดและ Run ไม่ได้ 3. Run โปรแกรมในโน๊ตบุ๊คไม่ได้ 4. เชื่อมฐานข้อมูลสำเร็จแต่ไม่สามารถเรียกใช้งานได้ 5. สร้าง Query ผิดหลายรอบจนไม่สามารถใช้งานไม่ต้องจึงต้องทำใหม่
71 5.2 ปัญหาและอุปสรรคในการดำเนินงาน 1. โน๊ตบุ๊คมีอาการชำรุด หน้าจอค้างจึงต้องรอซ่อม 2. สมาชิกในกลุ่มมีเวลาในการทำงานไม่ตรงกัน 3. โค้ดปัญหาไม่สามารถ Run ได้โค้ดทับซ้อนกันเปิดไม่ติด 4. การติดต่อสื่อสารระหว่างกลุ่มไม่ต่อเนื่องทำให้งานล่าช้าและผิดแผนที่วางไว้ 5.3 สรุปเวลาการทำงานจริง (Gantt Chart) ตารางที่ 5.2 สรุปเวลาการดำเนินงานจริง รายการ ภาคเรียนที่ 1 มิถุนายน 65 กรกฎาคม 65 สิงหาคม 65 กันยายน 65 ระยะเวลา 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 เสนอหัวข้อ ATC.01 5-10 มิ.ย. 65 ประกาศผลรอบที่ 1 13 มิ.ย. 65 เสนอหัวข้อ รอบที่ 2 14-16 มิ.ย. 65 ประกาศผล รอบที่ 2 17 มิ.ย. 65 เสนออาจารย์ที่ปรึกษา ร่วม ATC.02 13 - 30 มิถุนายน 65 ส่งเอกสารบทที่ 1 สมบูรณ์ 14 มิ.ย. 65 ถึง 8 ก.ค. 65 ส่งเอกสารบทที่ 2 สมบูรณ์ 9-31 ก.ค. 65 ส่งเอกสาร บทที่ 3 สมบูรณ์ 1-31 ส.ค. 65 สอบนำเสนอโครงงาน ATC.03 ครั้งที่ 1 5-23 ก.ย. 65 ส่งเอกสารโครงงาน ปก ,บทที่ 1-3 บรรณานุกรม ATC 01-05 26 - 30 กันยายน 65 ติดตามความคืบหน้าโปรแกรม อาจารย์ที่ปรึกษาร่วม ตุลาคม 65 รายละเอียดในการเข้าพบที่ปรึกษาร่วม 1 2 3 4 ส่งความคืบหน้าโปรแกรม 20 % โครงร่างชิ้นงาน ออกแบบโลโก้ชื่อแบรนด์ 3-9 ต.ค. 65 ส่งความคืบหน้าโปรแกรม 40 % การลงเนื้อหา จัดวางรูปภาพ สีที่ใช้ 10-16 ต.ค. 65 ส่งความคืบหน้าโปรแกรม 60 % การเชื่อมโยง การตั้งชื่อ 17-23 ต.ค. 65 ส่งความคืบหน้าโปรแกรม 80 % ระบบเริ่มใช้งานได้ 24-31 ต.ค. 65
72 ตารางที่ 5.2 สรุปเวลาการดำเนินงานจริง(ต่อ) 5.4 สรุปค่าใช้จ่ายในการดำเนินการจริง ตารางที่ 5.3 สรุปค่าใช้จ่ายในการดำเนินงานจริง รายการ ภาคเรียนที่ 2 พฤศจิกายน 65 ธันวาคม 65 มกราคม 66 กุมภาพันธ์ 66 ระยะเวลา 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 ส่งความคืบหน้าโปรแกรม 100 % 1-7 พ.ย. 65 สอบนำเสนอโครงงาน ระดับปวส.2 - ปวช.3 ATC.03 ครั้งที่ 2 26 พ.ย. 65 ส่ง ATC.06 1-16 ธ.ค. 65 ส่ง ATC.07 1-30 ม.ค. 66 ส่งเอกสาร บทที่ 4 สมบูรณ์ 20 ธ.ค. - 23 ม.ค. 66 ส่งเอกสาร บทที่ 5 สมบูรณ์ 31 มกราคม 2566 บทคัดย่อ กิตติกรรมประกาศ คำนำ 1-7 ก.พ.66 สารบัญ สารบัญรูป สารบัญตาราง 8-14 ก.พ.66 ประวัติผู้จัดทำ หน้าอนุมัติ 15-19 ก.พ.66 ภาคผนวก ATC.04-05 20-27 ก.พ.66 ส่งเล่มโครงงาน 28 ก.พ.66 ส่งไฟล์เอกสาร Word PDF โปรแกรม ไฟล์รวม PDF ไม่เกิน 10 มีนาคม 2566 ลำดับ รายการ จำนวน ราคา (บาท) 1 กระดาษ A4 3 รีม 420 2 ค่าหมึกเครื่องพิมพ์canon 4 ขวด 400 3 ค่าเข้าเล่มเอกสาร 1 เล่ม 200 4 เปลี่ยนหัวหมึกเครื่องพิมพ์canon 1 ตลับ 700 5 ค่าเช่าพื้นที่เก็บไดร์ฟ - 40 รวมเป็นเงิน 1,760
ภาคผนวก - ใบเสนอขออนุมัติการทำโครงการระบบคอมพิวเตอร์ธุรกิจ (ATC.01) - ใบเสนออาจารย์ที่ปรึกษาร่วมโครงการ (ATC.02) - ใบขอสอบป้องกันโครงการระบบคอมพิวเตอร์ธุรกิจ (ATC.03) - ใบบันทึกรายงานความคืบหน้า อาจารย์ที่ปรึกษาหลัก และอาจารย์ที่ปรึกษาร่วม (ATC.04) - ใบบันทึกการเข้าพบอาจารย์ที่ปรึกษาโครงการ (ATC.05) - ใบขออนุญาตอาจารย์ที่ปรึกษาร่วมจัดทำเอกสารบทที่ 4-5 (ATC.06) - ใบรับรองการนำไปใช้ประโยชน์ได้จริง (ATC.07)