Designing a Web Application as a Platform for Buying and Selling Mechanical Keyboard and Customizable Mechanical Keyboards for Keyboard Enthusiasts
การออกแบบและพัฒนาเว็บแอปพลิเคชันเพื่อเป็นตัวกลางในการซื้อ-ขายคีย์บอร์ดกลไกตามความสนใจสำหรับผู้ชื่นชอบคีย์บอร์ด
FINDTYPEFINDTYPEFINDTYPEFINDTYPE
App Screenshot

Project Info

FINDTYPE Logo

FINDTYPE

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

Designing a Web Application as a Platform for Buying and Selling Mechanical Keyboard and Customizable Mechanical Keyboards for Keyboard Enthusiasts

Technology:
Web Application
Category:
University Students
Advisor:
อาจารย์ณัฐวุฒิ เลื่อนไธสง
Main project visual
Sub project visual 1
Sub project visual 2

ขอบเขต (SCOPE)

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

The development of a web application that serves as a platform for buying and selling customizable keyboards tailored to users’ interests and preferences. The application is designed to be accessible on computers, iPads, and smartphones, featuring a product purchasing page with clearly categorized sections to enhance product visibility and discoverability.

รายละเอียดของโครงการ (IDEA CONCEPT)

การจับคู่สินค้าโดยใช้ Dialogflow แพลตฟอร์มจากกูเกิลที่ใช้พัฒนาเอไอ มาช่วยกรองคีย์เวิร์ดคำค้นหากับสินค้า เป็นฟังก์ชันที่ช่วยในการตัดสินใจซื้อสินค้า เนื่องจากกลุ่มเป้าหมายของเว็บไซต์มีทั้งผู้เริ่มศึกษาและผู้ที่มีความรู้อยู่แล้ว ทำเพิ่มช่องทางการสินค้าประเภทคีย์บอร์ดเกิดการหมุนเวียนในตลาดทั้งแบบมือ1 และมือ2

Product matching using Dialogflow, a Google-developed AI platform, is implemented to filter keywords from user searches and align them with suitable products. This function supports purchasing decisions, as the website targets both beginners and experienced users. It also creates additional channels for keyboard circulation in the market, including both new and second-hand items.

STACK

CODING LANGUAGE

  • PHP
  • HTML
  • CSS
  • JavaScript

DATABASE SYSTEM

  • MySQL

CODING TOOL

  • Dialog Flow
  • Visual Studio Code

DESIGN TOOL

  • Figma
  • Procreate
  • Adobe Illustrator

TESTING & FEEDBACK

Feedback image 0
Feedback image 1
Feedback image 2
Feedback image 3

กลุ่มเป้าหมาย (Target Group)

กลุ่มคนวัยทำงานGen Y และ Gen X อายุตั้งแต่ 18-44 ปี ที่มีความชื่นชอบเกี่ยวกับคีย์บอร์ดกลไก

Gen Y and Gen X working-age individuals (18–44 years old) who are enthusiasts of mechanical keyboards.

4.20ค่าเฉลี่ยด้านการออกแบบ
4.30ค่าเฉลี่ยด้านการใช้งาน

ความคิดเห็นจากผู้ใช้งาน

  • ตัวหนังสือบางจุดพอไม่ใช้คอมแล้วเล็ก อ่านยาก
  • น่าสนใจ เพราะเว็บดูเจาะจงดี แต่ UI ดูยังไม่สวย
  • อยากให้มันแก้ไขข้อมูลได้ หรือลบได้ถ้ากรอกผิด

KEY FUNCTION

Key function visual
01

Product purchasing and order number tracking function

ฟังก์ชันซื้อสินค้า และตรวจสอบเลขออเดอร์

02

Product selling, editing, and deletion function

ฟังก์ชันขายสินค้า และแก้ไข ลบสินค้า

03

Product-user matching function

ฟังก์ชันจับคู่สินค้าและผู้ใช้งาน

SCREENSHOTS

FINDTYPE
FINDTYPE
FINDTYPE
FINDTYPE
FINDTYPE

CREATOR

เจ้าของผลงาน FINDTYPE

Gasorn Supawong (Grace)

เกสร สุภาวงษ์ (เกรซ)

มาทำความรู้จักกับน้องเกรซ
Creator main photo
Creator sub photo

About

งานนิทรรศการฟลายแนร์รี ของเรามีแนวคิดเรื่องการขยับปีกของผีเสื้อ (fly, butterfly effect) ผลจากการปัดค่าทศนิยม ที่มีค่าน้อยมากๆ แต่สามารถนำไปสู่ความแตกต่างกันอย่างมหาศาล เมื่อระยะเวลาผ่านไปหลายปีผสมผสาน กับชุดรหัสดิจิทัลเลขฐานสอง (binary code) ซึ่งเป็นภาษาคอมพิวเตอร์ที่ใช้ในการสั่งงานอุปกรณ์ดิจิทัลให้ทำงาน หรือสร้างสรรค์ความสามารถในการแก้ปัญหาให้กับโลกที่กำลังเปลี่ยนแปลงอย่างไม่หยุดนิ่ง โดย นักศึกษาวิชาเอกอินเทอร์แอคทีฟแอปพลิเคชัน คณะเทคโนโลยีสารสนเทศและการสื่อสาร มหาวิทยาลัยศิลปากร


Insider

Project Manager

  • Songpob Hamthanan
  • Parichat Nuaon
  • Jiratchaya Nilsuay
  • Piyanut Plaimee

Web Design

  • Parichat Nueon
  • Jiratchaya Ninsuay
  • Kanna Mueangthianwatthana

Web Development

  • Piyanut Plaimee
  • Kajbandit Kundee

Video Editor

  • Supareuk Singsai
  • Jiratchaya Ninsuay

Art Direction & Graphic Design

  • Kunyada Chammee
  • Supareuk Singsai
  • Hatthakarn Janchavee
  • Waralee Patsarn

Media & Public Relation

  • Gasorn Supawong
  • Supareuk Singsai
  • Waralee Patsarn

Photographer & Production

  • Supareuk Singsai
  • Songpob Hamthanan

Financial Manager

  • Silpsupa Sereesuachart
  • Jiratchaya Ninsuay
logo

Supported By

Deemmi
DUCK LAB

OBOON TECHNOLOGY

NATVIPA THANANCHAYANON

ARRIYAPACH JEAMWARASAWAT

SUWIT SUPSRINGKAR

PONPITAK SIRIMART

PANIDA CHANPEN


Website Repository


Follow us