คู่มือการใช้งานโมบายแอปพลิเคชั่น Vegetable organic สารบัญ เรื่อง หน้า 1.การดาวน์โหลดแอปพลิเคชั่น 1 1.1 ระบบ Android 1 2.เมื่อติดตั้งเสร็จ 2 3.เมื่อเปิดแอปพลิเคชั่น vegetablesorganic จะพบหน้าจอ 3 4.วิธีการสมัครเข้าใช้งาน 4 4.1 จะพบหน้า login กด register 5 4.2 จะได้หน้า user มา 6 5.แทบเครื่องมือภายในแอปพลิเคชั่น vegetablesorganic 7 6.เมนูหลัก 8 6.1 เมนู Home 8-9 6.2 เมนู shop 10 6.3 เมนู cart 11-12 6.4 เมนู user 13-14 7.วิธีการสั่งซื้อ 15 7.1 เข้าเมนู shop กดปุ่ม add to cart 15 7.2 กดปุ่ม cart 16 7.3กด view cart หรือ checkout 17 7.4 หน้า checkout 18-22 โครงการ การพัฒนาแอปพลิเคชันเพื่อบริการขายผัก ปลอดสารพิษในชุมชน
1 2 คู่มือการใช้งานแอปพลิเคชั่น vegetablesorganic 1.การดาวน์โหลดแอปพลิเคชั่น 1.1 ระบบ Android เข้าบราว์เซอร์พิมพ์ https://vegetablesorganic-downlond.web.app กดที่ downlond now หรือ สแกนที่ qrcode นี้ 2.เมื่อติดตั้งเสร็จแอปพลิเคชั่นจะขึ้นที่หน้าจอ รูปที่ 1 รูปที่ 3 รูปที่ 2
3 4 4.วิธีการสมัครเข้าใช้งาน 3.เมื่อเปิดแอปพลิเคชั่น vegetablesorganic จะพบหน้าจอ รูปที่ 4 รูปที่ 5 1.กดที่ปุ่ม user
3.กดปุ่ม register เพื่อ สร้างบัญชี 5 6 4.1 จะพบหน้า login กด register 4.2 จะได้หน้า user มา 1.กดปุ่ม register 2.พิมพ์ email address รูปที่ 6 รูปที่ 7
7 5. แทบเครื่องมือภายในแอปพลิเคชั่น vegetablesorganic ปุ่มเมนูบาร์ จะรวบรวมเกี่ยวกับฟังก์ชั่น ย่อย ของแอปพลิเคชั่น ปุ่มเมนูหลัก ได้แก่ Home shop Cart User ปุ่ม cart จะรวบรวมสินค้าที่กดเพิ่ม ในรถเข็น รูปที่ 8
8 9 6.เมนูหลัก แอปพลิเคชั่นเข้าสู่หน้าหลัก แบ่งเป็น 4 หมวดหมู่ ได้แก่ Home,shop,cart,User 6.1เมนู Home เมื่อกดปุ่ม “home” จะแสดงหน้า home เมื่อผู้ใช้ กดปุ่มจะ เข้าไปสู่หน้า Shop คอลัมน์นี้จะแสดงสินค้าที่เพิ่มใหม่ คอลัมน์นี้จะแสดงสินค้าเด่น เมื่อ มีการให้คะแนนการซื้อขาย หรือ การสั่งซื้อเป็นจำนวนมากจะแสดง เป็นรายการแนะนำ รูปที่ 9 รูปที่ 10
รูปที่ 11 10 6.2 เมนู shop เมื่อผู้ใช้กดเลือกปุ่ม “shop”แอปพลิเคชั่นจะแสดงหน้า shop ปุ่มแสดงตัวเลือกประเภทสินค้า ปุ่ม add to cart เมื่อกดสินค้า ชิ้นนั้นจะเพิ่มไปยัง หน้า cart
11 12 6.3 เมนู cart เมื่อผู้ใช้กดเลือกปุ่ม “cart” แอปพลิเคชั่นจะปรากฎหน้า cart ปุ่มเพิ่มจำนวนสินค้า ปุ่มเพิ่มคูปองสินค้า ปุ่ม update cart จะกดได้ ก็ต่อเมื่อมีการเพิ่มจำนวน สินค้า ถ้าจะเพิ่มจำนวน สินค้าให้ผู้ใช้กดปุ่มนี้เพื่อ คำนวน จำนวนและราคา สินค้าใหม่ รูปที่ 12 ปุ่มเปลี่ยนที่อยู่ ปุ่ม proceed to checkout เมื่อ กดจะไปสู่หน้า checkout รูปที่ 10 รูปที่ 13
13 14 6.4 เมนู user เมื่อผู้ใช้กดเลือกปุ่ม “user” แอปพลิเคชั่นจะปรากฎหน้า user เมื่อ login แล้ว ถ้ายังไม่ login จะปรากฏหน้า login รูปที่ 14 เมื่อ login แล้ว รูปที่ 15 เมื่อยังไม่ login
15 16 7.วิธีการสั่งซื้อ 7.1 เข้าเมนู shop กดปุ่ม add to cart 7.2 กดปุ่ม cart กดปุ่ม add to cart รูปที่ 16 กดปุ่ม cart รูปที่ 17
17 7 7.3 กด view cart หรือ checkout ปุ่มยกเลิกสินค้า ราคารวมของสินค้า จะไปหน้า view cart จะไปหน้า checkout รูปที่ 18
กดเพื่อใส่คูปอง พิมพ์ชื่อจริง พิมพ์นามสุกล พิมพ์ชื่อบริษัท (ไม่บังคับ) พิมพ์ที่อยู่ พิมพ์เลขที่ห้องสำหรับคนที่อยู่ ในอพาร์ตเมนต์(ไม่บังคับ) พิมพ์ชื่อเมือง เลือกจังหวัด พิมพ์รหัสไปรษณีย์ พิมพ์เบอร์โทรศัพท์ พิมพ์ email address 18 19 7.4 หน้า checkout รูปที่ 19 รูปที่ 20
รายละเอียดการสั่งซื้อ ปักหมุดที่อยู่ ปุ่มสร้างบัญชีสำหรับ ผู้ใช้ที่ยังไม่มีบัญชี ปุ่มสำหรับจัดส่งไปยังที่ อื่นเพิ่มเติม พิมพ์รายระเอียดเพิ่มเติม (ไม่บังคับ) 20 21 รูปที่ 21 รูปที่ 22
กด place order 22 รูปที่ 23