วิธีสร้างแอพจัดการหนังสือที่บ้านด้วยตนเอง EP3

 สำหรับ ep ที่สาม ในส่วนของ text สำหรับอธิบายคนชอบอ่าน มากกว่าชอบดูและฟัง 

ขั้นตอนแรก คือ การสร้าง Action สำหรับอัพเดท คอลัมน์ Book status ตาราง Books 

ไปที่แท็บ Data 

เลือกตาราง Books

ไปที่เมนู Behavior 

คลิกคำสั่ง Actions

คลิกปุ่ม + ตั้งชื่อว่า Update book status checkout 

rocord of this table = books

do this = set the value of some column in the row 

เลือก คอลัมน์ book status = "ถูกยืม"

คลิก save 

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

เลือกตาราง Books

ไปที่เมนู Behavior 

คลิกคำสั่ง Actions

คลิกปุ่ม + ตั้งชื่อว่า Update book status when return

rocord of this table = books

do this = set the value of some column in the row 

เลือก คอลัมน์ book status = "พร้อมใช้งาน"

คลิก save 

ไปสร้าง bot เพื่อผูกหรือโยง 2 actions ดังกล่าวให้ทำงานกัน 

ไปที่คำสั่ง Automation 

สร้าง bot ตัวแรกว่า update book status to checkout

สร้าง event หรือเหตุการณ์ เฉพาะเจาะจงขึ้นมาในตารางของการบันทึกยืมหนังสือ Borrow 

การทำงานคือ Data change กำหนด add data คือ มีการบันทึกยืมหนังสือเข้ามา 

การเพิ่ม Step หรือขั้นตอนการทำงาน 

Run action on row

referenced table เลือก Books

การกำหนดค่า  reference rows ในการอ้างอิง 

Select(Books[Book ID],[Book ID]=[_THISROW].[Book ID])

ตรง Referenced action เลือก Update book status checkout 

คลิก Save

สร้าง Bot เพิ่มอีก 1 ตัว 

ไปที่คำสั่ง Automation 

สร้าง bot ตัวสองว่า update book status when return

สร้าง event หรือเหตุการณ์ เฉพาะเจาะจงขึ้นมาในตารางของการบันทึกยืมหนังสือ Borrow 

การทำงานคือ Data change กำหนด Update  คือ มีการแก้ไขข้อมูลตอนคืนหนังสือ 

การเพิ่ม Step หรือขั้นตอนการทำงาน 

Run action on row

referenced table เลือก Books

การกำหนดค่า  reference rows ในการอ้างอิง 

Select(Books[Book ID],[Book ID]=[_THISROW].[Book ID])

ตรง Referenced action เลือก Update book status when return

คลิก Save

 

วิธีสร้างแอพจัดการหนังสือที่บ้านด้วยตนเอง EP2

หลังจาก ออกแบบตารางฐานข้อมูลด้วย Google sheet 

ขั้นต่อมาไปที่ appsheet

สร้าง new แอพ เลือกตารางฐานข้อมูล ไปที่ตาราง google sheet ที่สร้างไว้ นำเข้ามาให้ครบทั้ง 3 ตาราง

ขั้นต่อมา 

กำหนดคุณสมบัติเฉพาะของแต่ละคอลัมน์ 

ดังนี้

โดยที่ตาราง Books บันทึกข้อมูลหนังสือ จะมี 6 คอลัมน์ ได้ แก่ 

Book ID       text เป็น key หลัก ค่าเริ่มต้น initial ใส่ uniqeid()

Book title    test 

Book cover    image 

Book cate    ref    (สร้างตารางเพิ่ม )

Book author    text 

Book status  enum เพิ่มสถานะ  ถูกยืม และ พร้อมใช้งาน 

 

ตาราง Borrowed บันทึกข้อมูลการยิมหนังสือ จำนวน 7 คอลัมน์ ได้แก่ 

Borrow ID   text เป็น key หลัก ค่าเริ่มต้น initial ใส่ uniqeid()

Book ID   ref โยงไปที่ตารางหนังสือ books

Member ID   ref โยงไปที่ตารางหนังสือ Members

Date start   วันที่ date

Date end  วันที่ date

Date return   วันที่ date

Borrow status    enum เพิ่มเงื่อนไข  ถูกยืม และ ส่งคืน 

ตาราง Members บันทึกข้อมูลสมาชิก จำนวน 4 คอลันน์ ประกอบด้วย 

Member ID   text เป็น key หลัก ค่าเริ่มต้น initial ใส่ uniqeid()

Member name   text ข้อความ 

Mphone    phone 

Date register    date วันที่ 

การสร้างวิวหรือ มุมมอง UX

จำนวน 4 มุมมอง    คือ 

หมวดหมู่ 

หนังสือ

ยืมหนังสือ

สมาชิก

ขั้นตอนและวิธีการสร้าง สามารถชมได้จากคลิปวีดีโอ ครับ 

การบันทึกข้อมูลสมาชิก ข้อมูลหนังสือ การจัดกลุ่มการแสดงผล 

จบ ep2 ไปตามต่อ ep3 สร้าง action และ bot มาติดตามสถานะ การยืมและการคืนหนังสือ 

วิธีสร้างแอพจัดการหนังสือที่บ้านด้วยตนเอง EP1

 สำหรับบทความแนว How to ในวันนี้แอดมินจะมาเอาใจพิเศษคนรักหนังสือ หรือชอบสะสมหนังสือ โดยจะมาสอนวิธีการสร้างแอพจัดการข้อมูลหนังสือที่บ้าน หรือสำนักงานขนาดเล็กๆ ด้วยตนเอง 

โดยใช้โปรแกรม Appsheet และฐานข้อมูล Google drive 

ตามแนวคิดหรือ concept ของแอพ เน้นที่ประสิทธิภาพและความง่ายในการใช้งาน 

โดยจะแบ่งออกเป็น 3 ตอนด้วยกัน คือ 

• สร้างฐานข้อมูลด้วย Google Sheet 
• สร้างแอพจัดการหนังสือด้วย  Appsheet 
• การสร้างระบบงาน workflow เพื่อตรวจสอบสถานะการยืมและส่งคืนหนังสือ 

ขั้นตอนแรก เริ่มจากการออกแบบตารางฐานข้อมูล 3 ตาราง คือ Books , Borrowed , และ Members 

โดยที่ตาราง Books บันทึกข้อมูลหนังสือ จะมี 6 คอลัมน์ ได้ แก่ 

Book ID

Book title 

Book cover 

Book cate

Book author 

Book status

 

ตาราง Borrowed บันทึกข้อมูลการยิมหนังสือ จำนวน 7 คอลัมน์ ได้แก่ 

Borrow ID

Book ID

Member ID

Date start

Date end

Date return

Borrow status

ตาราง Members บันทึกข้อมูลสมาชิก จำนวน 4 คอลันน์ ประกอบด้วย 

Member ID

Member name

Mphone

Date register

ep4 การส่งข้อมูลของแบบฟอร์ม

 ในตอนนี้เราจะมาฝึกเขียนโค้ดคำสั่งจัดการข้อมูลของฟอร์มกัน 

ซึ่งภาษา PHP จะมีตัวแปรชนิด superglobal ที่สามารถเรียกใช้งาน 2 วิธีคือ $_GET กับ S_POST 

โดยทั้งสองตัวแปร จะมีหน้าที่สำหรับการ รวบรวมข้อมูลหรือ data collect จากแบบฟอร์ม   

เราสามารถใช้ได้ทั้งแบบ get และแบบ post สำหรับ บทความนี้เราจะมาฝึกใช้งานตัวแปร Post กัน 

โดยใช้แท็ก <form action="ชื่อไฟล์" method="POST">

สร้างไฟล์ ชื่อ register_show.php

ในแท็กพื้นฐาน 

<html>

<body>

Name <?php   echo $_POST ["Firstname"]; ?> <br>

ข้อความแสดงด้านหน้ากำกับคล้าย label จากนั้น เปิดด้วยแท็ก coding ภาษา PHP แล้ว ใช้คำสั่งแสดงข้อมูลหรือ echo รับค่าจากฟอร์ม 

ทำต่อในคอลัมน์ต่อไปตามลำดับ จนครบ แล้วลองทดสอบผลการทำงาน

Last name

Phone 

Class 

</body>

</html>

เริ่มต้นเขียนภาษา PHP ด้วยตนเอง EP3 การสร้างฟอร์ม

 ตอนที่สาม เราจะมาสร้างฟอร์มสำหรับให้ คนกรอกข้อมูลที่เราต้องการจัดเก็บ กรอกเข้ามากัน 

แท็กแรกของฟอร์ม 

<form>

..... ใส่ส่วนต่างๆของแบบฟอร์ม เช่น ข้อความให้กรอก ตัวเลือกให้คลิก และคำสั่งให้เริ่มการทำงาน 

</form>

เราเขียนง่ายๆ โดยใช้แท็ก input หรือนำเข้าข้อมูล

เราจะได้รู้จัดชนิดของข้อมูล คือ text หมายถึงข้อความ 

ปุ่ม radio ไม่ใช่วิทยุนะครับ คือปุ่มที่สามารถให้เลือกข้อมูลตามที่เราต้องการได้ 

แท็ก <label>   </lable> สำหรับเขียนป้ายข้อความกำกับ

ปุ่มบันทึกข้อมูล save หรือปุ่ม submit เพื่อให้ code คำสั่งที่เรากำลังเริ่มต้นศึกษา ทำงานหรือ take action ตามที่เราต้องการกัน 

ตามตัวอย่าง เก็บข้อมูล ชื่อแรก first name 

ข้อมูลนามสกุล Lastname

ข้อมูลหมายเลขโทรศัพท์ phone

และข้อมูลระดับชั้นการเรียน class

<form>

  <label for="Firstname"> Firstname:</label><br>

<input type="text" id="Firstname" name="Firstname"><br>

<label for="Lasttname"> Lastname:</label><br>

<input type="text" id="Lastname" name="Lastname"><br>

<label for="phone"> phone:</label><br>

<input type="text" id="Phone" name="Phone"><br>

<input type="radio" id="A1" name="class" value="อนุบาล 1">

<label for="A1"> อนุบาล1:</label><br>

<input type="radio" id="A2" name="class" value="อนุบาล 2">

<label for="A2"> อนุบาล2:</label><br>

<input type="radio" id="A3" name="class" value="อนุบาล 3">

<label for="A3"> อนุบาล3:</label><br>

<input type="submit" value="Submit"><br>

</form>

เมื่อจบบทนี้ เราควรได้รู้จักวิธีการสร้างแบบฟอร์มพื้นฐานที่สุดกัน เพื่อนำไปต่อยอด ความรู้และฝึกฝนเพิ่มเติมในโอกาสหน้า 

การสร้างฐานข้อมูล PHPMYADMIN

 หลังจากติดตั้งโปรแกรมจำลองการใช้งานผ่านเว็บหรือ Browser อย่าง XAMPP กันแล้ว 

มาดูขั้นตอนและวิธีการสร้างฐานข้อมูลกัน ไปที่โปรแกรมท่องเน็ตอย่าง Chrome แล้วพิมพ์ 

localhost/ ลงไปแล้ว enter

คลิกไปที่ phpmyadmin 

คลิก new 

ระบุชื่อฐานข้อมูล ลงไปเช่น myDB 

จากนั้นคลิกคำสั่ง  Create 

ขั้นต่อมาให้เราสร้างตารางขึ้นมาใหม่ โดยใช้วิธีคลิกที่ sql 

ฝึกการสร้างตารางขึ้นมาใช้งาน ตามคำสั่งเป็น 

สร้างตารางชื่อ students

Create tabel Students (

    id int(11),

    Firstname varchar(255),

    Lastname varchar(255),

    phone varchar(10),

);

มีคอลัมน์ id ชนิดข้อมูลเป็นตัวเลข ความยาว 11 ตัว

Firsrtname ชนิดข้อมูลเป็น ข้อความ ความยาว 255

เริ่มต้นเขียนภาษา PHP ด้วยตนเอง EP1 การ Connect

 การ Connect ฐานข้อมูลเป็น Code แรกที่เราจะเริ่มต้นเขียนกัน หรือจะ copy ไปวางก็ได้ แต่ควรอ่านและทำความเข้าใจ ในภาพรวมๆ 

เริ่มตั้งแต่การสร้างแท็กภาษา PHP

การกำหนดค่าตัวแปรขึ้นมาใช้งาน ในการเชื่อมต่อฐานข้อมูล phpmyadmin

การเขียน code ดักจับควาผิดพลาดการ connect ให้แสดงข้อความผิดพลาด หรือทำงานสำเร็จ 

และการรัน test ทดสอบการทำงานของ code

<?php

$servername = "localhost" ;

$username = "root" ;

$password = "" ;

try {

$conn=new PDO("mysql:host=$servername;dbname=myDB", $username,$password);

// set the PDO error mode to exception

$conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);

echo "Connected successfully";

} catch (PDOException $e) {

echo "Connetion failed:" .$e->getMessage();

}

?>