Hackathon
Preparation
- แต่ละกลุ่มคิดชื่อ โดเมน (Domain) ของเว็บไซต์
- เลือกชื่อโดเมน / เช็คชื่อโดเมนว่าว่างหรือไม่ทั้ง .ไทย และ .in.th ที่ https://dotarai.co.th/ ตรงตรวจสอบโดเมน เช่น ทรงอย่างแบด.ไทย และ songyangbad.in.th
- แจ้งชื่อโดเมนทั้ง .ไทย และ .in.th ที่พี่ชัยทาง Line กลุ่ม ภายในวันที่ 5 ตุลาคม 2569
- ทำการซื้อโดเมน และโฮสติ้ง ที่ https://dotarai.co.th/ ภายในวันที่ 5 ตุลาคม 2569 โดยใช้คูปองที่แจกให้
- น้องเริ่มถ่ายรูป, ถ่าย vdo, ทำ content ได้เลยตั้งแต่บัดนี้เป็นต้นไป
- ศึกษาการรองรับ .ไทย (Universal Acceptance) ที่ https://รู้จัก.ไทย/การรองรับ-ไทย
ชื่อโดเมน
| ลำดับ | ชื่อทีม | .in.th | ไทย |
| 1 | |||
| 2 | |||
| 3 | |||
| 4 | |||
| 5 | |||
| 6 | |||
| 7 | |||
| 8 | |||
| 9 | |||
| 10 | |||
| 11 |
โจทย์
สไลด์โจทย์: [LINK]
1. “งานเดี่ยว” แต่ละคนทำ web “Portfolio” (เว็บแสดงผลงาน และนำเสนอตัวตน) ของตนเอง โดยมุ่งเน้นเพื่อนำไปประกอบการสมัครเรียนต่อในระดับมหาวิทยาลัย หรือไว้สำหรับสมัครงาน โดยการทำเว็บ Portfolio น้อง ๆ สามารถรวบรวมผลงาน เกียรติบัตร รูปภาพกิจกรรมต่าง ๆ คลิปวิดีโอ เนื้อหาที่จะเขียนลงในเว็บ ให้ได้ตามความเหมาะสม
เมื่อเริ่มเข้าสู่บทเรียน หลังจากน้อง ๆ จดโดเมนเป็นแล้ว ทำ host เป็นแล้ว น้องสามารถเริ่มทำเว็บของตนเองได้เลย ทั้งในช่วงว่างจากการเรียนหรือนอกเวลาเรียน โดยมีข้อแม้ว่า เนื้อหาต่าง ๆ รูปภาพ วิดีโอ จะต้องผลิตขึ้นมาเองเท่านั้น หรือหากจำเป็นต้องนำมาจากที่อื่น จะต้องมีการขออนุญาต และมีการระบุที่มาไว้ในเว็บด้วย สำหรับน้องที่อาจมีการ hook เนื้อหามาจากที่อื่นโดยใช้เทคนิคใด ๆ ที่ไม่ใช่การ copy มาใช้ สามารถทำได้ แต่ต้อง credit แหล่งที่มาด้วย
**** เพื่อให้น้องมีทักษะติดตัว ขอให้ “งดเว้น” จากการทำสิ่งต่อไปนี้
1) ห้าม Coding เอง หรือใช้เครื่องมือทำเว็บอื่น นอกเหนือจากที่สอนอยู่ในค่ายนี้
2) ห้ามใช้ AI ในทุกเรื่อง ทั้งเรื่อง เขียนเนื้อหา สร้างเว็บ ทำรูป ทำ Content ต่าง ๆ แม้แต่ถามตอบแก้ปัญหา - ให้ใช้วิธีถามโค้ชที่สอนแต่ละด้านแทน
2. “งานกลุ่ม” ในวันที่ 8 ต.ค. 2569 น้อง ๆ จะได้ร่วมงาน “แบ่งปั๋น: ตำรับตากโบราณ” โดยเป็นการสาธิตทำขนม ข้าวต้มมัด และ ข้าวต้มลูกโยน โดยหน้าที่น้อง ๆ คือ
2.1 ร่วมกิจกรรมเต็มที่ ดูสาธิต และร่วมกันลงมือทำ
2.2 เก็บเนื้อหาในกิจกรรมสาธิต เพื่อไปใช้เป็น content ในเว็บที่น้องจะทำ รูปแบบการทำเนื้อหา แล้วแต่น้อง ๆ จะวางแผนเลย เช่น ถ่ายทำสถานการณ์จริง ทำคลิปสัมภาษณ์ ถ่ายรูปส่วนประกอบ และอื่น ๆ แล้วแต่น้องจะสร้างสรรค์
2.3 น้อง ๆ มีโอกาสหาข้อมูลเพิ่มเติมล่วงหน้า ตั้งแต่วันที่ 28 ก.ย. 2569 เป็นต้นไป เพื่อใช้เป็นวัตถุดิบในเว็บ เช่น ตำรับอาหารอื่น ๆ ประวัติของอาหารแต่ละประเภท วัฒนธรรมด้านอาหารและขนมของตาก เรื่องราวต่าง ๆ ที่เกี่ยวข้องกัน เรื่องอื่น ๆ ใดก็ได้ที่น้องคิดว่า อยากนำเสนอร่วมกัน ไม่ติดอยู่แค่นี้
2.4 ในวันที่ 9-10 ต.ค. เริ่ม Hackathon ให้น้องทำเว็บ โดยเว็บอาจจะเป็นเว็บข้อมูลนิ่ง ๆ หรือน้องจะสร้างสรรค์เทคนิคต่าง ๆ ให้เว็บมี Function ที่คนอื่นไม่มี ตั้งแต่ง่าย ๆ เช่น สืบค้นข้อมูลได้ ไปจนถึงซับซ้อนแบบเอาเนื้อหามาทำเป็นเว็บเกม หรือแล้วแต่น้องจะสร้างสรรค์ เพื่อให้ดึงดูดกรรมการ
2.5 แต่ก่อนที่น้องจะเริ่มทำเว็บ ช่วงเช้าวันที่ 9 ต.ค. แต่ละกลุ่มต้องระดมความคิด และนำเสนอไอเดียต่อคณะกรรมการก่อน!!!
2.6 เพื่อให้น้องมีทักษะติดตัว ขอให้ “งดเว้น” จากการทำสิ่งนี้
1) ห้าม Coding เอง หรือใช้เครื่องมือทำเว็บอื่น นอกเหนือจากที่สอนอยู่ในค่ายนี้
2) ห้ามใช้ AI ในทุกเรื่อง ทั้งเรื่อง เขียนเนื้อหา สร้างเว็บ ทำรูป ทำ Content ต่าง ๆ แม้แต่ถามตอบแก้ปัญหา-ให้ใช้วิธีถามโค้ชที่สอนแต่ละด้านแทน
2.7 ย้ำ ขอให้ถือว่านี่เป็นการฝึกทักษาะติดตัว ไม่ต้องพยายามเอาชนะขนาดนั้น จนต้องเอาวิธีที่ห้ามมาใช้
2.8 มี section “ติดต่อ” หรือ “contact us” เพื่อให้คนที่เข้าเว็บ สามารถติดต่อทีมน้องได้ และฟอร์มรับข้อมูลต้องรองรับอีเมลและเว็บภาษาไทย หากผู้เข้าชมเว็บกรอกเข้ามา
2.9 เว็บไซต์ที่ทำจะต้องใช้ ชื่อโดเมนภาษาไทย และแสดงชื่อโดเมนเป็นภาษาไทย ตลอดเวลาที่ user ท่องไปในเว็บของเรา
โดยมีข้อแม้ว่า เนื้อหาต่าง ๆ รูปภาพ วิดีโอ จะต้องผลิตขึ้นมาเองเท่านั้น หรือหากจำเป็นต้องนำมาจากที่อื่น จะต้องมีการขออนุญาต และมีการระบุที่มา ไว้ในเว็บด้วย สำหรับน้องที่อาจมีการ hook เนื้อหามาจากที่อื่นโดยใช้เทคนิคใด ๆ ที่ไม่ใช่การ copy มาใช้ สามารถทำได้ แต่ต้อง credit แหล่งที่มาด้วย
การประเมิน
Hackathon น้องจะมีเวลาประมาณ 9 ชั่วโมง เริ่มเช้าวันที่ 9 ตุลาคม เวลา 09:00 น. และเสร็จสิ้นวันที่ 10 ตุลาคม เวลา 12:00 น.
การประเมินจะทำโดยโค้ชแต่ละด้าน (5 ด้าน: Content, Media, Design, Host & Domain, WordPress) โดยมีเกณฑ์พิจารณาดังนี้
1. Teamwork
2. ความสมบูรณ์ของงาน
3. ความคิดสร้างสรรค์ / ความเจ๋ง
4. ทักษะ / ความสามารถ
คะแนนแบ่งเป็น 3 ส่วน
- เว็บกลุ่ม: คะแนนจากโค้ชแต่ละด้าน จะเลือกทีมที่ดีที่สุดในด้านนั้น ๆ เพียงทีมเดียว และทีมที่ได้รับเลือกจะได้ 1 คะแนนจากโค้ชคนนั้น แย่งคะแนนของโค้ชแต่ละคนมาไว้ที่เราให้ได้ (เจ๋งสุดคือโค้ชทั้ง 5 คนให้คะแนนกลุ่มเรา เราก็จะได้ 5 คะแนน กลุ่มอื่นไม่ได้เลย)
- เว็บกลุ่ม: เมื่อจบ Hackathon (วันที่ 10 ต.ค.) จะต้องมีการ Pitching (นำเสนอ) เป็นเวลาทีมละ 5 นาที ไม่รวมถามตอบ ซึ่งกรรมการจะมีแต้มสำหรับทีมที่ทำภาพรวมได้ดีและนำเสนอได้ดี สูงสุดอีกทีมละ 5 คะแนน (วิธีให้คะแนนต่างจากข้อ 1 คือ แต่ละทีมมีสิทธิ์ได้ 5 คะแนนกี่ทีมก็ได้)
- เว็บเดี่ยว: คะแนน Portfolio ของสมาชิกกลุ่ม โดยโค้ชจะร่วมกันประเมินเว็บของสมาชิกกลุ่มแต่ละคน แล้วนำคะแนนมาหาค่าเฉลี่ย คะแนนเต็ม 5 คะแนนต่อกลุ่ม
รวมสูงสุด: 15 คะแนน
*** ทั้งนี้แต่ละทีมจะต้องจด Username และ Password ของเว็บกลุ่มตัวเอง ส่งให้พี่ชัยเมื่อจบ Hackathon
ส่วนเว็บเดี่ยว (web Portfolio) น้องสามารถเอาไปใช้งานเองได้เลย
Security เบื้องต้น: ตั้ง password ให้ยาก ซับซ้อนหน่อย ไม่ควรตั้งแบบนี้เช่น Password, P@ssw0rd, 111111, 123456, 09102026, Parkpoom, !QAZXSW@
Password จะต้อง - เกิน 8 ตัวอักษร, อ่านออกไม่ได้, ไม่เป็น password ที่ใช้ที่อื่น, มีตัวหนังสือตัวเล็ก ตัวใหญ่ ตัวเลข อักขระพิเศษ ปนเปกันไป
สิทธิ์ในการปรึกษาโค้ช
แต่ละทีมจะได้ Ticket เป็นสิทธิ์ในการปรึกษาโค้ช 10 ใบต่อทีม โดยน้อง ๆ จะต้องบริหารจัดการ Ticket เองว่าจะเลือกปรึกษาโค้ชด้านใด และใช้ Ticket กี่ใบ
- 5 นาที 5 ใบ
- 10 นาที 4 ใบ
- 15 นาที 1 ใบ
โค้ชแต่ละด้าน
- Web Development : พี่มิลค์/พี่เกื้อกูล
- Web Hosting : พี่นัท/พี่ลีโอ
- Web Design : พี่เบล
- Web Content : พี่ภาค
- Media Production: พี่ไอซ์
รางวัล
อันดับ 1 ได้รับเงินรางวัล 5,000 บาท
อันดับ 2 ได้รับเงินรางวัล 3,000 บาท
อันดับ 3 ได้รับเงินรางวัล 2,000 บาท
รางวัลพิเศษ: สำหรับกลุ่มไหนที่จะทำเว็บต่อหลังค่าย อาจมีการโฆษณาประชาสัมพันธ์เพื่อให้มีผู้เข้ามาใช้งาน ทำเป็นเว็บจริงจัง จะมีเงินสนับสนุนให้อีกทีมละ 3,000 บาท โดยในการทำงานของทีมหลังจากค่าย จะต้องแสดงให้เห็นความตั้งใจที่จะให้แพลตฟอร์มของน้องได้ถูกนำไปใช้งาน ให้เวลา 3 เดือน
รางวัลพิเศษ: ทีมไหนพัฒนาเว็บให้รองรับการกรอกชื่อโดเมนภาษาไทยและอีเมลภาษาไทยสำเร็จจะได้รับเงินรางวัล 3,000 บาท โดยไม่สนใจอันดับ
การเตรียมตัว
- เตรียมคิดชื่อโดเมนสำหรับเว็บกลุ่ม จะให้ชื่ออะไร คิดแล้วเช็คด้วยว่าว่างไหม ทั้ง .ไทย และ .in.th ตัวอย่างเช่น ตำรับตาก.ไทย และ takrecipe.in.th คิดแล้วต้องแจ้งพี่ชัย (ทาง Line) และส่งจดวันแรกที่มาเข้าค่าย เช็คว่าว่างไหมได้ที่ DotArai.co.th หน้าแตกตรงกล่อง “ตรวจสอบโดเมน”
- ส่วนโดเมนรายบุคคล จะเป็น sub-domain ใต้โดเมนกลุ่ม เช่น ลิซ่า.ตำรับตาก.ไทย และ lisa.takrecipe.in.th
- น้องเริ่มถ่ายรูป, ถ่าย vdo, เตรียมเนื้อหา วางรูปแบบในกระดาษเลยว่าจะให้มีอะไรอยู่ในเว็บน้องบ้าง ตั้งแต่บัดนี้เป็นต้นไป แล้วค่อยมาปรับตอนมาเรียนในแต่ละเรื่อง