Skip to main content

Hackathon

Preparation

  1. แต่ละกลุ่มคิดชื่อ โดเมน (Domain) ของเว็บไซต์
  2. เลือกชื่อโดเมน / เช็คชื่อโดเมนว่าว่างหรือไม่ทั้ง .ไทย และ .in.th ที่ https://dotarai.co.th/ ตรงตรวจสอบโดเมน เช่น ทรงอย่างแบด.ไทย และ songyangbad.in.th
  3. แจ้งชื่อโดเมนทั้ง .ไทย และ .in.th ที่พี่ชัยทาง Line กลุ่ม ภายในวันที่ 5 ตุลาคม 2569
  4. ทำการซื้อโดเมน และโฮสติ้ง ที่ https://dotarai.co.th/ ภายในวันที่ 5 ตุลาคม 2569 โดยใช้คูปองที่แจกให้
  5. น้องเริ่มถ่ายรูป, ถ่าย vdo, ทำ content ได้เลยตั้งแต่บัดนี้เป็นต้นไป
  6. ศึกษาการรองรับ .ไทย (Universal Acceptance) ที่ https://รู้จัก.ไทย/การรองรับ-ไทย

ชื่อโดเมน

ลำดับ ชื่อทีม .in.th ไทย
1  กาฟิวและพ้องเพื่อน    
2 Queen monsters    
3 Indie programmer    
4 บัคซิล่า 404    
5  อะไรก็ได้ที่สร้างสรรค์2    
6  ดินน้ำลมไฟ    
7  รักแฟนนนน    
8  
เบียว     9       10       11  ff    

โจทย์

สไลด์โจทย์: [LINK]

1. “งานเดี่ยว”ยว” แต่ละคนทำ web “รีวิว”Portfolio” สินค้า/บริการ/สถานที(เว็บแสดงผลงาน และนำเสนอตัวตน) ของตนเอง โดยมุ่งเน้นเพื่อนำไปประกอบการสมัครเรียนต่อในระดับมหาวิทยาลัย หรืออะไรก็แล้วแต่ที่เห็นว่าน่าสนใจอไว้สำหรับสมัครงาน อาจเป็นการรีวิวประเภทเดียวโดยการทำเว็บ หรือรีวิวหลายPortfolio ๆ ประเภทในเว็บเดียว ขึ้นอยู่กับไอเดียการสื่อสารเว็บไซต์ให้คนรู้จักเว็บเรา และมี Requirement ย่อยคือ

    1.1 เว็บรีวิวนี้มาจากแนวคิดที่จะดึงการอ่าน content ของชาวเน็ต ให้กลับมาอ่านในเว็บไซต์ นอกเหนือจากจะอ่านตาม Social Media ต่าง ๆ ฉะนั้นให้น้อง ๆ คิดหาไอเดียว่าจะทำอย่างไรถึงจะดึงการอ่านรีวิสามารถรวบรวมผลงาน เกียรติบัตร รูปภาพกิจกรรมต่าง ๆ คลิปวิดีโอ เนื้อหาที่จะเขียนลงในเว็บ ให้ได้ตามความเหมาะสม

    เมื่อเริ่มเข้าสู่บทเรียน หลังจากน้อง ๆ จดโดเมนเป็นแล้ว กลับมาอยูทำ host เป็นแล้ว น้องสามารถเริ่มทำเว็บของตนเองได้เลย ทั้งในช่วงว่างจากการเรียนหรือนอกเวลาเรียน โดยมีข้อแม้ว่า เนื้อหาต่าง ๆ รูปภาพ วิดีโอ จะต้องผลิตขึ้นมาเองเท่านั้น หรือหากจำเป็นต้องนำมาจากที่อื่น จะต้องมีการขออนุญาต และมีการระบุที่มาไว้ในเว็บไซต์ได้บด้วย สำหรับน้องที่อาจมีการ hook เนื้อหามาจากที่อื่นโดยใช้เทคนิคใด ๆ ที่ไม่ใช่การ copy มาใช้ สามารถทำได้ แต่ต้อง credit แหล่งที่มาด้วย

    **** เพื่อนำไปรวบรวมนำเสนอตอนงานกลุอให้น้องมีทักษะติดตัว ขอให้ “งดเว้น” จากการทำสิ่งต่อไปนี้

          1) ห้าม Coding เอง หรือใช้เครื่องมือทำเว็บอื่น นอกเหนือจากที่สอนอยู่ในค่ายนี้

          2) ห้ามใช้ AI ในทุกเรื่อง ทั้งเรื่อง เขียนเนื้อหา สร้างเว็บ ทำรูป ทำ Content ต่าง ๆ  แม้แต่ถามตอบแก้ปัญหา - ให้ใช้วิธีถามโค้ชที่สอนแต่ละด้านแทน

    2. “งานกลุ่ม” 

    ในวันที่ 8 ต1.2.ค. ในขณะเดียวกัน2569 การอ่านใน Social Media ยังคงเป็นกระแสหลัก ให้น้อง ๆ คิดไอเดียว่าเว็บไซต์เราจะอยูจะได้ร่วมงาน “แบ่งปั๋น: ตำรับตากโบราณ” โดยเป็นการสาธิตทำขนม ข้าวต้มมัด และ ข้าวต้มลูกโยน โดยหน้าที่น้อง ๆ คือ

    2.1 ร่วมกิจกรรมเต็มที่ ดูสาธิต และร่วมกันลงมือทำ

    2.2 เก็บเนื้อหาในกิจกรรมสาธิต เพื่อไปใช้เป็น content ในเว็บที่น้องจะทำ รูปแบบการทำเนื้อหา แล้วแต่น้อง ๆ จะวางแผนเลย เช่น ถ่ายทำสถานการณ์จริง ทำคลิปสัมภาษณ์ ถ่ายรูปส่วนประกอบ และอื่น ๆ แล้วแต่น้องจะสร้างสรรค์

    2.3 น้อง ๆ มีโอกาสหาข้อมูลเพิ่มเติมล่วงหน้า ตั้งแต่วันที่ 28 ก.ย. 2569 เป็นต้นไป เพื่อใช้เป็นวัตถุดิบในเว็บ Socialเช่น Mediaตำรับอาหารอื่น ได้อย่างไรได้บ้ๆ ประวัติของอาหารแต่ละประเภท วัฒนธรรมด้านอาหารและขนมของตาก เรื่องราวต่าง โดยแสดงให้เห็นในเว็บไซต์ๆ ที่เกี่ยวข้องกัน เรื่องอื่น ๆ ใดก็ได้ที่น้องทำขึองคิดว่า อยากนำเสนอร่วมกัน ไม่ติดอยู่แค่นี้นมานี

    2.4 ในวันที่ 9-10 ต.ค. เริ่ม Hackathon ให้น้องทำเว็บ โดยเว็บอาจจะเป็นเว็บข้อมูลนิ่ง ๆ หรือน้องจะสร้างสรรค์เทคนิคต่าง ๆ ให้เว็บมี Function ที่คนอื่นไม่มี ตั้งแต่ง่าย ๆ เช่น สืบค้นข้อมูลได้ ไปจนถึงซับซ้อนแบบเอาเนื้อหามาทำเป็นเว็บเกม หรือแล้วแต่น้องจะสร้างสรรค์ เพื่อให้ดึงดูดกรรมการ

    2.5 แต่ก่อนที่น้องจะเริ่มทำเว็บ ช่วงเช้าวันที่ 9 ต.ค. แต่ละกลุ่มต้องระดมความคิด และนำเสนอไอเดียอีกครัยต่อคณะกรรมการก่อน!!!

    2.6 เพื่อให้น้องมีทักษะติดตัว ขอให้ “งดเว้น” จากการทำสิ่งนี้งตอนงานกลุ

          1) ห้าม Coding เอง หรือใช้เครื่มองมือทำเว็บอื่น นอกเหนือจากที่สอนอยู่ในค่ายนี้

          2) ห้ามใช้1.3 AI ในทุกเรื่อง ทั้งเรื่อง เขียนเนื้อหา สร้างเว็บ ทำรูป ทำ Content ต่าง ๆ  แม้แต่ถามตอบแก้ปัญหา-ให้ใช้วิธีถามโค้ชที่สอนแต่ละด้านแทน

    2.7 ย้ำ ขอให้ถือว่านี่เป็นการฝึกทักษาะติดตัว ไม่ต้องพยายามเอาชนะขนาดนั้น จนต้องเอาวิธีที่ห้ามมาใช้  

    2.8 มี section “ติดต่อ” หรือ “contact us” เพื่อให้คนที่เข้าเว็บ สามารถติดต่อทีมน้องได้ และฟอร์มรับข้อมูลต้องรองรับอีเมลและเว็บภาษาไทย หากผู้เข้าชมเว็บกรอกเข้ามา

    2.9  เว็บไซต์ที่ทำจะต้องใช้ ชื่อโดเมนภาษาไทย และแสดงชื่อโดเมนเป็นภาษาไทย ตลอดเวลาทีตลอดเวลาที่ user ท่องไปในเว็บของเรา   

    ทั้งนี้ น้อง ๆ ต้องเริ่มคิดว่าจะทำเว็บรีวิวอะไร และจัดเตรียมรูปภาพ คลิปวิดีโอ เนื้อหาที่จะเขียนลงในเว็บ ก่อนจะเริ่มค่าย เพื่อเป็นทรัพยากรนำไปใช้ทำ workshop ระหว่างอยู่ในค่าย และเมื่อเริ่มเข้าสู่บทเรียนวันที่ 11 ตุลาคม น้องสามารถเริ่มทำเว็บของตนเองได้เลย โดยมีข้อแม้ว่า เนื้อหาต่าง ๆ รูปภาพ วิดีโอ จะต้องผลิตขึ้นมาเองเท่านั้น หรือหากจำเป็นต้องนำมาจากที่อื่น จะต้องมีการขออนุญาต และมีการระบุที่มา ไว้ในเว็บด้วย สำหรับน้องที่อาจมีการ hook เนื้อหามาจากที่อื่นโดยใช้เทคนิคใดๆ ที่ไม่ใช่การ copy มาใช้ สามารถทำได้ แต่ต้อง credit แหล่งที่มาด้วย

    2. “งานกลุ่ม” แต่ละกลุ่ม สร้างเว็บขึ้นมา 1 เว็บ เป็นเว็บ portal ที่ไว้รวบรวมเว็บรีวิวของทุก ๆ คนในห้องเรียนนี้ให้ได้มากที่สุด โดยมีเงื่อนไขว่า

      2.1 สามารถจัดหมวดหมู่เว็บของเพื่อน ๆ เพื่อให้สะดวกต่อการค้นหา โดยหมวดหมู่มีอะไรบ้าง น้อง ๆ กำหนดขึ้นมาเอง 2.2 มี section “ติดต่อ” หรือ “contact us” เพื่อให้คนที่เข้าเว็บ สามารถติดต่อทีมน้องได้ และฟอร์มรับข้อมูลต้องรองรับอีเมลและเว็บภาษาไทย หากผู้เข้าชมเว็บกรอกเข้ามา 2.3 กลุ่มต้องระดมความคิด และนำเสนอไอเดียข้อ 1.1 และ 1.2 ต่อคณะกรรมการ และต้องทำให้เห็นในเว็บกลุ่มเช่นเดียวกัน (ถ้าทำได้) 2.4 เว็บไซต์ที่ทำจะต้องใช้ ชื่อโดเมนภาษาไทย และแสดงชื่อโดเมนเป็นภาษาไทย ตลอดเวลาที่ user ท่องไปในเว็บของเรา

      โดยมีข้อแม้ว่า เนื้อหาต่าง ๆ รูปภาพ วิดีโอ จะต้องผลิตขึ้นมาเองเท่านั้น หรือหากจำเป็นต้องนำมาจากที่อื่น จะต้องมีการขออนุญาต และมีการระบุที่มา ไว้ในเว็บด้วย สำหรับน้องที่อาจมีการ hook เนื้อหามาจากที่อื่นโดยใช้เทคนิคใด ๆ ที่ไม่ใช่การ copy มาใช้ สามารถทำได้ แต่ต้อง credit แหล่งที่มาด้วย

       

      การประเมิน

      Hackathon น้องจะมีเวลาประมาณ 9 ชั่วโมง เริ่มวัมเช้าวันที่ 89 ตุลาคม เวลา 13:09:00 น. และเสร็จสิ้นวันที่ 10 ตุลาคม เวลา 8:12:00 น.
      การประเมินจะทำโดยโค้ชแต่ละด้าน (5 ด้าน: Content, Media, Design, Host & Domain, WordPress) โดยมีเกณฑ์พิจารณาดังนี้

      1. Teamwork

      2. ความสมบูรณ์ของงาน

      3. ความคิดสร้างสรรค์ / ความเจ๋ง

      4. ทักษะ / ความสามารถ

      คะแนนแบ่งเป็น 3 ส่วน

      1. เว็บกลุ่ม: คะแนนจากโค้ชแต่ละด้าน จะเลือกทีมที่ดีที่สุดในด้านนั้น ๆ เพียงทีมเดียว และทีมที่ได้รับเลือกจะได้ 1 คะแนนจากโค้ชคนนั้น แย่งคะแนนของโค้ชแต่ละคนมาไว้ที่เราให้ได้ (เก่เจ๋งสุดคือโค้ชทั้ง 5 คนให้คะแนนกลุ่มเรา เราก็จะได้ 5 คะแนน)คะแนน กลุ่มอื่นไม่ได้เลย)
      2. เว็บกลุ่ม: เมื่อจบ Hackathon (วันที่ 5)10 ต.ค.) จะต้องมีการ Pitching (นำเสนอ)นำเสนอ) เป็นเวลาทีมละ 5 นาที (ถามตอบอีก 5 นาที)ไม่รวมถามตอบ ซึ่งกรรมการจะมีแต้มสำหรับทีมที่ทำภาพรวมได้ดีและนำเสนอได้ดี สูงสุดอีกทีมละ 35 คะแนน (มีวิธีให้คะแนนต่างจากข้อ 1 คือ แต่ละทีมมีสิทธิ์ได้ 35 คะแนนกี่ทีมก็ได้)
      3. เว็บเดี่ยว: คะแนน webPortfolio ของสมาชิกกลุ่ม โดยโค้ชจะร่วมกันประเมินเว็บของสมาชิกกลุ่มแต่ละคน แล้วนำคะแนนมาหาค่าเฉลี่ย คะแนนเต็ม 25 คะแนนต่อกลุ่ม

      รวมสูงสุด:ด: 1015 คะแนน

      *** ทั้งนี้แต่ละทีมจะต้องจด 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 บาท โดยไม่สนใจอันดับ

      การเตรียมตัว

      1. เตรียมคิดชื่อโดเมน สำหรับทีมเราจะให้ชื่ออะไร คิดแล้วเช็คด้วยว่าว่างไหม ทั้ง .ไทย และ .in.th ตัวอย่าง เช่น รีวิวโดเมน.ไทย และ domain-review.in.th คิดแล้วต้องแจ้งพี่ชัย (ทาง Line) และส่งจดวันแรกที่มาเข้าค่าย

      2. น้องเริ่มถ่ายรูป, ถ่าย vdo, เตรียมเนื้อหา วางรูปแบบในกระดาษเลยว่าจะให้มีอะไรอยู่ในเว็บน้องบ้าง ตั้งแต่บัดนี้เป็นต้นไป แล้วค่อยมาปรับตอนมาเรียนในแต่ละเรื่อง

      Back to top