web analytics

บันทึกการทำแอป Top-up Story 1.0 เติมเงินออนไลน์

cover

สวัสดีครับ ใกล้จะปีใหม่ ปี 2018 แล้ว ผมกำลังพยายามนำแอปต่างๆที่ผมทำมาเขียนบล็อกบันทึกเอาไว้ว่าทำอะไรไปบ้าง คิดว่าบทความนี้น่าจะเป็นบทความบันทึกแอปสุดท้ายในปี 2017 แล้ว แอปนี้คือแอปเติมเงินออนไลน์ ผมตั้งชื่อว่า Top-up Story ขอเล่าก่อนว่า ที่บ้านผมนั้นมีร้านขายของชำ น้าของผมเป็นคนขายและรับเติมเงินออนไลน์ด้วย ในหลายๆครั้งผมก็เฝ้าร้านขายของให้เป็นบางโอกาส ทำให้ผมต้องเรียนรู้วิธีการเติมเงิน ซึ่งปกติการเติมเงินออลไลน์จะใช้วิธีการกดเบอร์ตาม pattern เช่น *123*1234*หมายเลข*จำนวนเงิน*รหัสผ่าน# โทรออก และในแต่ละค่ายผู้ให้บริการก็จะมี pattern นี้ต่างกันไป ผมจึงคิดว่า ถ้าผมทำแอปมาสักตัวแล้วก็ไม่ต้องมานั่งจำ pattern พวกนี้ แค่ใส่เบอร์ ใส่จำนวนเงิน กดเติมเงินเป็นอันเสร็จ ก็คงจะดี อีกทั้งถ้าเราทำเป็นแอปมันก็จะช่วยให้สามารถบันทึกแล้วนำมาเป็นสรุปรายได้ เป็นรายงานว่าเราเติมไปเบอร์ไหน กี่บาท เมือไหร่ วันนี้ได้กำไรกี่บาทได้อีกด้วย แต่ว่าในการใช้งานจริงก็มีข้อจำกัดอยู่บ้าง เช่น การเติมเงินมันต้องอยู่ที่ซิมด้วย ซึ่ง 1 เครื่องอย่างมากก็ใส่ได้แค่ 2 ซิม ทำให้ไม่สามารถใช้แอปนี้สำหรับเติมเงิน 3 ระบบได้ และโดยปกติแล้วเท่าที่ผมเห็นร้านค้ามักจะมีมือถือ 3 เครื่องสำหรับเติมเงิน และมักเป็นมือถือแบบปุ่มกดเสียด้วยทำให้ไม่สามารถลงแอปได้ ต้องเป็น Android นะ เช่น ร้านค้าของผม มี Android 1 ซิม 2 เครื่อง สำหรับสำหรับเติมเงิน AIS , Dtac ส่วนของทรูใช้มือถือปุ่มกดอยู่ ทำให้ต้องลงแอปทั้งสองเครื่อง

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

 

Top-up Story เติมเงินออนไลน์

ic_app_300

google-play-badge

 

การเติมเงิน

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

1 2

 

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

3

 

ประวัติการเติมเงิน

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

4 7

 

ลูกค้า

หากมีลูกค้าคนไหน เป็นลูกค้าขาประจำ สามารถเพิ่มหมายเลขลูกค้าในแท็บลูกค้าได้เลย
โดยลูกค้าแต่ละคนอาจจะมีหลายเบอร์ก็ได้ เช่นมีเบอร์ทรู กับเบอร์ dtac
จากนั้นเราสามารถกดปุ่มเติมเงินได้เลย

5 6

 

ผู้ให้บริการ

ผมทำเมนูสำหรับตั้งค่าผู้ให้บริการไว้ด้วย เพราะจริงๆแล้วใน pattern การเติมเงินมันมีรหัสผ่านอยู่ เป็นรหัสผ่านของร้านค้า
ซึ่งซ่อนอยู่อยู่ใน pattern และในบางกรณีก็อาจจะมีการเปลี่ยน pattern ด้วย
ดังนั้นสามารถเข้ามาตั้งค่าได้ในเมนูผู้ให้บริการ
ตรงนี้มีให้ตั้งค่ากำไร (ร้อยละ) ด้วยนะ

9 10

 

สามารถปรับสีได้ เผื่ออยากจะเปลี่ยนสีของแต่ละค่าย
และก็สามารถแก้ไข pattern ได้ โดยรหัสผ่านจะต้องพิมพ์ตายตัวในนี้เลย

12 11

 

ตั้งค่า

เมนูตั้งค่า มีให้กำหนดชื่อร้านค้า
แล้วก็กำหนดรูปแบบการแสดงเบอร์โทรศัพท์

8 13

 

จบแล้ว

เวอร์ชันนี้ขอทำเพียงเท่านี้ก่อน ยังขาดพวกสรุปรายได้อยู่ หากมีเวลาว่างๆจะค่อยๆทำเพิ่มครับ หรือหากมีอะไรแนะนำก็คอมเม้นมาได้เลยครับ