Http Get Data ตอนที่ 1

ในโปรเจ็คนี้เราจะทำการสร้าง Application ขึ้นมา
โดย app ของเราจะดึงข้อมูลจาก Server มาแสดงผล
ชื่อโปรเจ็คคือ HGD ย่อมากจาก Http Get Data

เรามาดูภาพรวมกันก่อนนะคะ สิ่งแรกที่เราจะต้องมีคือ “ข้อมูล
ข้อมูล” ของเราอยู่ที่ Hosting ฟรี ของเว็บ www.hostinger.in.th
ถ้าใครอยากจะสร้างฐานข้อมูลเองก็เข้าไปใช้บริการได้นะคะ
หรือจะใช้ลิงค์ของเราก็ได้ค่ะ ซึ่งมีโครงสร้างดังนี้

mystou-com-hgd-01

จากภาพจะเห็นว่า เรามีฐานข้อมูล (Database) และในฐานข้อมูลมีตาราง Province อยู่
ในตารางนี้จะเก็บรายชื่อจังหวัดในประเทศไทยเอาไว้ทั้งภาษาไทยและภาษาอังกฤษ
เราจะเรียก (call) ไปที่ลิงค์ province_th.php
ซึ่งไฟล์นี้จะมีโค้ดในการเชื่อมต่อกับฐานข้อมูลและคำสั่ง SQL
ดึงข้อมูลรายชื่อจังหวัดภาษาไทย ออกมาเก็บในรูปแบบ Array ของ JSON
เมื่อไหร่ที่เราเรียกไฟล์นี้ (ลิงค์นี้) เราจะได้ข้อมูลที่ต้องการกลับมา

มาดูอีกมุมหนึ่งนะคะ ส่วนของ Application มีโครงสร้างดังนี้

mystou-com-hgd-02

เริ่มต้นที่ไฟล์ MainActivity.java ทำหน้าที่ควบคุมไฟล์อื่น ๆ ทั้งหมด

ส่วนของ : View
activity_name.xml มีแค่ ListView ตัวเดียวใช้แสดงรายชื่อจังหวัด
layout_province.xml มี TextView 1 ตัว เราจะสร้าง Adapter
แล้วเรียกใช้ layout นี้ก่อนที่จะส่งข้อมูลให้ ListView ไปแสดงผล

ส่วนของ : Java
Constants.java จะเก็บค่าคงที่ของชื่อลิงค์ต่าง ๆ
Province.java จะทำหน้าที่เป็นตัวแทนของข้อมูลรับค่าที่ดึงมา
HttpClient.java ทำหน้าที่เชื่อมต่อ Http และดึงข้อมูลมาใช้

สุดท้ายไฟล์ AndroidManifest.xml
เมื่อมีการใช้งาน Internet เราต้องเปิด Permission INTERNET ด้วย

เมื่อนำทั้ง 2 โครงสร้างมารวมกันจะได้ดังนี้

mystou-com-hgd-03

เมื่อทำโปรเจ็คเสร็จแล้วเราจะมาทำการสรุปรายละเอียดทั้งหมดอีกครั้งนะคะ
ในตอนต่อไปเราจะไปต่อกันในเรื่อง “การเตรียมฐานข้อมูล” ค่ะ


เรื่องที่เกี่ยวข้อง
ตอนที่ 1 ภาพรวมของระบบ (Overview)
ตอนที่ 2 เตรียมฐานข้อมูล (Create Database, Table, Insert Data)
ตอนที่ 3 เตรียม API (Application Programming Interface)
ตอนที่ 4 สร้างโปรเจ็กต์ และเตรียม DTO (Data transfer Object)
ตอนที่ 5 สร้างคลาส HTTPClient (Connect HTTP Protocol)
ตอนที่ 6 สร้างคลาส Constants
ตอนที่ 7 ออกแบบหน้าจอโปรแกรม (Design Application)
ตอนที่ 8 เขียนโค้ดการเชื่อมต่อและแสดงผล (Coding)
ตอนที่ 9 ทดสอบโปรแกรม (Test Application)
ตอนที่ 10 สรุป (Summary)


ธมนวรรณ มณีจันทร์

ธมนวรรณ มณีจันทร์

|:- เราเชื่อมั่นว่าการเสียสละและการแบ่งปันจะทำให้โลกใบนี้สวยงามมากขึ้น ทุกๆ จุดเริ่มต้นของการเรียนรู้ นำไปสู่การเรียนรู้ถัดไป เว็บไซต์แห่งนี้ขอเป็นส่วนหนึ่งของการแบ่งปันความรู้ที่ไม่มีที่สิ้นสุด มาร่วมกันผลักดันโลกของเราให้หมุนไปพร้อมกับพลังแห่งความรักด้วยกันนะคะ :) >>> |:- About Me! -:|