E-book_รุ่งรัชต์_พรหมทอง_031_IT221

ิ
รวบรวมกจกรรมวิชา

ปฏสัมพันธ์
ิ





ระหว่างมนุษย์







และคอมพิวเตอร์




0241330160






ี
ประจําภาคเรียนท 2/2564

อาจารย์นิธิพร วรรณโสภณ
















ํ
จัดทาโดย


์
นางสาว รุ่งรัชต พรหมทอง
ั ึ ่
รหัสนกศกษา 363202360031 กลุม IT221

ก ิิจกรรมงานเดี ยว
กจกรรมงานเดี ยว

กจกรรมท 1
ิ
ี




์
่
ุ
อปกรณเชื อมตอประสานระหว่างมนษย์และคอมพิวเตอร์
ุ
หัวข้อ : การพัฒนาระบบปฏิสัมพันธ์ระหว่างมนุษย์กับคอมพิวเตอร์บนคลาวด์

เทคโนโลยีทรองรับหนาจอหลายขนาด
้
ี

เรือง : หลักไวยากรณ์ภาษาอังกฤษ


ผู้จัดทาวจัย : 1.ณฐพล ธนเชวงสกุล 2.ปภาฟวิชญ มงคุณแสน
ํ
์
ุ
ั
์
3.สุดากาญจน ตดตะ
ิ














































Notes:

กจกรรมท 1
ิ
ี




ุ
่
ุ
อปกรณเชื อมตอประสานระหว่างมนษย์และคอมพิวเตอร์
์



































































Notes:

กจกรรมท 1
ิ
ี




ุ
่
ุ
์
อปกรณเชื อมตอประสานระหว่างมนษย์และคอมพิวเตอร์

กจกรรมท 2
ี
ิ



ั
ึ
ั
ให้นกศกษาหาตวอย่างหน้าจอมาอย่างละ 2 ตวอย่าง
ั



WIDGET >> PROGRESS BAR



































ALERT BOXES เปน DIALOG BOX


MindMap






ิ
ปฏสัมพันธ์ระหว่างมนษย์และคอมพิวเตอร์
ุ



หัวข้อ : สรุปเนื อหาบทเรียน



MINEMAP

ุ
ปฏสัมพันธ์ระหว่างมนษย์
ิ
และคอมพิวเตอร์

กจกรรมรายบคคล
ิ
ุ

ราชมงคลศรีวิชัยแฟร์ 2565 คณะวิทยาศาสตร์และเทคโนโลยี

มหาวิทยาลยเทคโนโลยีราชมงคลศรีวิชัย
ั



หัวข้อ : นิทรรศการเสมือนจริง VIRTUAL

EXHIBITION PLATFORM
รปแบบออนไลน์
ู
ระหว่างวันท 21 - 25 กุมภาพันธ์ 2565
ี











SCITECH @ SRIVIJYAFAIR 2022
VIRTUAL EXHIBITION PLATFORM


HTTPS://SRIVIJAYAFAIR.RMUTSV.AC.TH

ิ
กจกรรมรายบคคล
ุ



RESPONSIVE WEB DESIGN





หัวข้อ : ทํา PROFILE

ผ่าน GOOGLE SITE สามารถแสกนเพือ
ู
ดู PROFILE ไดเตมรปแบบ
้
็
























































กจกรรม
ิ
และผลงาน

กจกรรมงานคูู่
ก ิิจกรรมงานค ่




ุ
์
นางสาวร่งรัชต พรหมทอง 031
ิ
นายวรรณกร ต วตระกูล 032

กจกรรมงานคูท 1
ิ
่
ี



นางสาวร่งรัชต พรหมทอง 031
ุ
์
ิ
นายวรรณกร ต วตระกูล 032


หัวข้อ : ออกแบบป ายสัญลักษณ์เกี ยวกับการปฏิบัติตัวในรั วมหาลัยในยุคโควิดโดยศึกษาจากรูป
้
ึ
ั
ั
ี
แบบทมีนามาประยกตและออกแบบเป นเอกลกษณ์ของนกศกษาอย่างนอย 8-10 รูป
ํ
์
ุ

กจกรรมงานคูท 1
ี
่
ิ

กจกรรมงานคูท 2
่
ิ
ี



ุ
นางสาวร่งรัชต พรหมทอง 031
์
ิ
นายวรรณกร ต วตระกูล 032


หัวข้อ : ให้วิเคราะห์จากโปรเจคนักศึกษา โดยให้นักศึกษาเขียน TASKANALYSIS ของโปรเจค
ู
ํ
้
ํ
ในรปแบบนาเสนอดวยข้อความ (TEXT PRESENTATION) และนาเสนอด้วยแผนภาพ
(DIAGRAM PRESENTATION) และนาเสนอ PROTOTYPING MODEL
ํ
TEXT PRESENTATION



0. จัดทาเว็บไซต ์
ํ
ํ
1. วางแผนจัดทาเว็บไซต ์
ํ
2. การกาหนดโครงสร้างของเว็บ

3. กาหนดการเชื อมโยงระหว่างเว็บเพจ
ํ
้
้
4. ออกแบบหนาเว็บเพจแตละหนา
่
่
5. สร้างเว็บเพจในแตละหนา
้
ั
6. อพโหลดเว็บไซต ์



DIAGRAM PRESENTATION

กจกรรมงานคูท 2
ิ
่
ี






PROTOTYPING MODEL





หนาระบบรวมข้อมล
้
ู

กจกรรมงานคูท 2
่
ี
ิ






PROTOTYPING MODEL





เข้าสู่ระบบ

กจกรรมงานคูท 2
ิ
่
ี






PROTOTYPING MODEL





ั
ึ
้
หนาเพิ ม ลบ แกไขข้อมลนกศกษา
ู
้

กจกรรมงานคูท 2
ิ
ี
่






PROTOTYPING MODEL





่
หนาเพิ ม ลบ แกไขข้อมลกลุมเรียน
้
้
ู

กจกรรมงานคูท 3
่
ิ
ี



นางสาวร่งรัชต พรหมทอง 031
์
ุ
ิ
นายวรรณกร ต วตระกูล 032


หัวข้อ : การออกแบบและพัฒนา GUI ของระบบหรืออปกรณ์ทให้สามารถเชื อมตอกบการใช้งาน
่
ั
ุ
ี
้
ุ
ของมนษย์ไดตามหลก HCI ดานนวัตกรรมใหม่
้
ั
เรือง : HCI กบนวัตกรรมใหม่ดวยระบบ AI เพือด้านการเกษตร การอนุรักษธรรมชาต ิ

้
์

ั
้
และสิ งแวดลอม