สร้างเว็บแอพพลิเคชัน ด้วย Python Django
EP 002
รู้จักกับโปรเจกต์ Car Zone และฟีเจอร์ต่าง ๆ ที่เราจะพัฒนาร่วมกัน
Introduction
สำหรับ Project ของเราที่จะได้ทำกัน จะเป็น Django project ที่มีชื่อว่า Car Zone ซึ่งเป็นเว็บไซต์สำหรับขายรถยนต์มือสอง โดยเราจะ Built from scratch กัน
โดยหน้าตาของเว็บไซต์ที่เราจะทำ จะหน้าตาประมาณนี้ครับ
รูปที่ 1: หน้าตาของเว็บไซต์ที่จะพัฒนาในหนังสือเล่มนี้
Scenarios ของโปรเจกต์
เราจะทำเว็บไซต์สำหรับเจ้าของธุรกิจรถยนต์ที่ต้องการแสดงข้อมูลของรถที่มีอยู่บนเว็บไซต์ และจะยอมให้ User ที่มาที่เว็บไซต์นี้สามารถค้นหาข้อมูลของรถล่าสุดที่มีอยู่ (Latest Cars) และ Featured car (รถแนะนำ) ได้
คือถ้าจะถามว่า featured car คืออะไร มันคือ รถที่ทางเว็บไซต์เลือกที่จะทำการโปรโมต ซึ่งอาจจะด้วยเงื่อนไขที่ว่า รถคันนี้อยู่ในสภาพดี วิ่งเลขไมล์น้อย เป็นรุ่นที่นิยม หรือด้วยเหตุผลอื่น ๆ เช่นต้องการทำโปรโมชันรถรุ่นนี้
นอกจากนี้ยังสามารถค้นหาและกรองรถยนต์ด้วยโมเดลหรือราคาและสามารถสอบถามข้อมูลเกี่ยวกับรถที่มีเพื่อขายเหล่านี้ได้
การแบ่งส่วนของหน้าเว็บ
ดังนั้น เราจะแบ่งส่วนของหน้าเว็บเพจเป็นส่วน ๆ ดังนี้
รูปที่ 2: แสดงการแบ่งส่วนของหน้าเว็บ
ฟีเจอร์เด่นของโปรเจกต์
ในส่วนของ UI ในโปรเจกต์นี้เราจะใช้ Bootstrap template ในการทำ UI ในส่วนของ Front-end และเรายังจะได้ทำการ Customize UI ของ Django admin panel ให้ดูดีขึ้นอีกด้วย
รูปที่ 3: ตัวอย่างการ Customize UI Admin panel
นอกจากนี้ฟีเจอร์เด่นอีกตัวก็คือสามารถ Login ด้วย Facebook และ Google ได้ด้วย
รูปที่ 4: ตัวอย่างปุ่ม Login ด้วย Facebook และ Google
และนอกจากนี้เรายังจะได้สร้างแบบฟอร์มสำหรับให้คนที่เช่ารถให้ฟีดแบคเรา ในชื่อว่า Car rental review feedback form ด้วย
เอาล่ะ เมื่อเราได้รู้แล้วว่า เราจะทำอะไรกันบ้าง
ก็มาเริ่มกันที่สร้าง Virtual Environment กันเลยครับ
กำลังสนุกเลย เดี๋ยวเราจะไปเรียนกันต่อใน EP-003
WeLearnDev
เรียนรู้การเขียนโปรแกรมผ่านบทเรียนที่ออกแบบมาเพื่อเด็ก ด้วยเนื้อหาที่สนุก เข้าใจง่าย และกิจกรรมที่ช่วยพัฒนาทักษะการคิดเชิงตรรกะ
ผลงานของนักเรียน
เว็บไซต์ขายของออนไลน์
โดย น้องมิ้นต์
ระบบจัดการห้องสมุด
โดย น้องเบล
เกมส์ทายตัวเลข
โดย น้องปิง