thaifreewaredownload.com: 2023

สร้างแอพขายกาแฟด้วย Appsheet ตอนที่ 1

EP1 บันทึกข้อมูลสินค้า

Intro แสดงรูปแบบ พริวิวขั้นตอนการทำงานของแอพ แดงเมนูสินค้า การเลือกสินค้าและจำนวน การชำระค่าสินค้า การกรองข้อมูลรายการขาย และส่งออกในรูปแบบไฟล์ PDF

ออกแบบตาราง ออกแบบ UX และบันทึกข้อมูลตัวอย่าง

แนวคิดการ ควบคุมการนำเข้าข้อมูล หมวดหมู่สินค้า รายชื่อสินค้า ร้อน เย็น ปั่น

UX เป็น Desk และปิดการแก้ไขข้อมูล edit del จัดกลุ่มตาม หมวดหมู่ การแสดงข้อมูล ภาพตัวอย่างสินค้า รายชื่อสินค้า ราคาสินค้า และ รูปแบบของการชงสินค้า

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

ขั้นตอนแรก ไปที่ Google drive ของเรา แล้วสร้างโพลเดอร์ขึ้นมา กำหนดชื่ออะไรก็ได้ที่เกี่ยวข้องกับงานที่กำลังจะทำ ตัวอย่างผมกำหนดเป็น COFFEE POS V5

เข้าไปในโพลเดอร์ดังกล่าว แล้วสร้างตารางฐานข้อมูลด้วย Sheet ขึ้นมา ตั้งชื่อ sheet ว่า COFFEE POSV5 เช่นกัน

สร้างตารางขึ้นมาเก็บข้อมูลแสดงรายการเมนูของร้านกาแฟ ผมตั้งเป็น Menu และ มีจำนวนคอลัมน์ในการบันทึกรายการดังนี้

ตาราง Menu

Menu ID

วิธีการสร้างไฟล์ PDF จากแอพชีท

แอพชีพ เป็นโปรแกรมสร้งแอพที่ง่าย และมีประสิทธิภาพตัวหนึ่ง วันนี้ผมจะมาแนะนำความรู้สำหรับการ Gen หรือสร้างไฟล์ PDF ด้วยแอพชีพ กัน เพื่อนำเสนอข้อมูลหรือพิมพ์เอกสาร รายงานประกอบการนำเสนอ หรืออื่นๆ ตามวัตถุประสงค์

CONCATENATE("My Drive/appsheet/data/EvalSF-2250971/mypdf2/mypdf2",[ID],".pdf")

"/mypdf2"

concatenate("mypdf2",[ID])

อย่าลืม Disable timestamp

ไฟล์ Google sheet และไฟล์ Doc ที่ใช้เป็นแม่แบบ PDF จะต้องอยู่ใน โฟลเดอร์ของแอพชีพ

ขั้นตอน

Google drive สร้างไฟล์ บันทึกข้อมูล ขึ้นมา

สร้างแอพใหม่ Appsheet ลิงค์ไปตารางที่พึงสร้าง

กำหนดค่า คอลัมน์ ให้สอดคล้องกับชนิดข้อมูล

สร้าง New bot ขึ้นมา เพื่อ Gen ไฟล์ PDF ให้เรา ใช้เทคนิค create และใช้เทคนิค Move ไฟล์ ไปในโฟลเดอร์เดียวกันกับแอพชีพ

แนะนำการสร้าง โฟลเดอร์ขึ้นมาใหม่ เพื่อเก็บไฟล์เอกสาร PDF

การสร้างลิงค์ไฟล์จากแอพชีพ เพื่อเปิดไฟล์เอกสาร PDF

วิธีดาวโหลดและติดตั้ง OBS ล่าสุด 2023

สำหรับโปรแกรม OBS เป็นฟรีแวร์แบบเปิด Open Source ที่ใช้งานได้ดีมากๆ ตัวหนึ่งในการทำวีดีโอถ่ายถอดสด หรือ Live Streaming

รองรับ Windows ,Mac และ Linux

สำหรับสเปคคอมพิวเตอร์ใช้งาน สามารถใช้ Windows 10 หรือ 11 ก็น่าจะเพียงพอในการใช้งานโปรแกรม

การดาวโหลด และติดตั้ง ขั้นแรก ให้ลิงค์ ดาวโหลดตามนี้ ครับ

https://obsproject.com/

โหลดลงเครื่อง และคลิก run หรือ install โปรแกรม OBS

ขั้นตอนการใช้งานโปรแกรม การ Live สด เลือกตั้งค่า ว่าจะ Live ผ่านแพลตฟอร์ม Facebook หรือ YouTube

สลับไปที่เว็บไซต์ Facebook หรือ YouTube ของเรา และเลือก Live สด จะมีช่องรหัส Key stream ให้ copy มาวางลงในการตั้งค่าของ OBS

บนเมนูบาร์ด้านขวาของโปรแกรม OBS คลิก Start to Stream เพื่อเริ่มต้นการทำงาน

ในช่อง Add Source คลิกปุ่ม + เพื่อเลือกแชร์หน้าจอคอมพิวเตอร์ หรือ เลือก Windows display เฉพาะหน้าต่างของโปรแกรมที่กำลังเปิด

cross check ตรวจสอบการ Live ว่าภาพและเสียงปกติ โดยใช้อุปกรณ์ มือถือ หรือแท็บเล็บอีกเครื่องในการเข้าดูหรือ Monitoring

แนะนำให้หาไมค์ไลท์สด พร้อมช่องเสียงลำโพงแบบ หูฟังจะช่วยให้คุณภาพเสียงชัดเจน และรบกวนเสียงรบกวนรอบข้างได้ดี

เช่น JBL ไมค์ไลค์สด เป็นต้น

วิธีใช้งานลำดับอัตโนมัติ Google Sheet

บทความแนว how to วันนี้ผมได้ศึกษาความรู้การใช้งานลำดับอัตโนมัติหรือ Auto numbering ในโปรแกรมตารางข้อมูลออนไลน์อย่าง Google sheet พร้อมแล้วก็ไปดูขั้นตอนและคำอธิบายประกอบสั้นๆ ดังนี้

สูตรที่ใช้งานคือ

=sort(ArrayFormula(sequence(MATCH(2,1/(B:B<>""),1)-1)),1,0)

สำหรับสูตรนี้จะ sort หรือเรียงค่าจากมากไปน้อยลงไป

100

เป็นต้น

ตัวอย่างแสดงแค่ 2 คอลัมน์คือ A และ B

ในช่อง A ตั้งชื่อคอลัมน์เป็น Id และ B เป็น name

คลิกที่เซลส์ A2 และใช้สูตร =sort(ArrayFormula(sequence(MATCH(2,1/(B:B<>""),1)-1)),1,0)

ทดสอบการทำงานในช่อง B2 กรอกข้อมูลชื่อแรกลงไปแล้ว enter จะได้เลขลำดับอัตโนมัติ เรียงจากมากไปน้อย ตามลำดับ

วิธีดาวโหลดและติดตั้ง windows11

ดาวโหลด Windows 11 สำหรับ user ที่สนใจจะลองลงโปรแกรมวินโดว์ 11 ด้วยตัวเอง สามารถโหลดได้จากเว็บไซต์ของ Microsoft ด้านล่าง

ดาวโหลด Windows11

คำแนะนำการดาวโหลดและติดตั้ง เพื่อเป็นแนวทางสำหรับผู้สนใจ

แนะนำให้โหลดโปรแกรมสร้างสื่อติดตั้งโปรแกรม วินโดว์ 10 ก่อน จะต้องเตรียม USB Drive เปล่าด้วย 1 อัน เพื่อใช้ในการสร้างสือติดตั้ง

จากนั้นดาวโหลดไฟล์อิมเมจของ Windows11 มาลงในเครื่องไว้ก่อน

รันโปรแกรมสร้างสื่อติดตั้ง ระบุตัว USB Disk ที่จะใช้งาน เลือกไฟล์อิมเมจที่โหลดลงมา แล้วคลิกปุ่ม start เพื่อเริ่มต้นสร้างแผ่น หรือ Disk ในการติดตั้งวินโดว์ 11

สร้างจบแล้ว ก็นำไปใช้งาน กดแป้น esc หรือ del หรือ F2 ตามแต่รุ่นและยี่ห้อของ เมนบอร์ด ในตัวเลือกค่าการ boot เลือกเป็น USB disk แล้วรันการทำงานตามขั้นตอนไปจนครบ

ศึกษาทำความเข้าใจ หน้าตา คำสั่งการทำงาน การตั้งค่าการใช้งานต่างๆ ต้องใช้เวลาสักระยะในการคุ้นเคยกับ วินโดว์ 11

การดาวน์โหลดและติดตั้ง Windows SP1 จาก Microsoft Update Catalog

ในปี 2566 จะยังมีคอมเก่าๆ ที่ยังต้องการใช้งานโปรแกรม Windows7 กันอยู่หรือเปล่า ถ้ามีก็ถือว่าปกติ อาจจะด้วยเหตุผล และความจำเป็นของการใช้งานที่แตกต่างกันออกไป

เอาเป็นว่าทางผู้พัฒนา Microsoft ได้ยุติหรือไม่สนับสนุนการใช้งาน windows7 กับคอมพิวเตอร์รุ่นใหม่ๆ ในปัจจุบันแล้ว เปลี่ยนมาใช้งานเป็น windows 10 หรือ 11 แทน

สำหรับคนที่ยังใช้งานมันอยู่ ผมก็อยากจะแนะนำลิงค์ในการดาวโหลดและอัพเดทการทำงานของโปรแกรม ให้เป็นปัจจุบันและทันสมัยสุดในปี 2566 คือ Windows SP1 จาก Microsoft update catalog ครับ

สามารถติดตั้ง SP1 จาก Windows Update โดยสามารถดาวน์โหลดแพคเกจการติดตั้งจาก Microsoft Update Catalog แล้วติดตั้ง SP1 ด้วยตนเอง

ไปที่ หน้าดาวน์โหลด Windows 7 Service Pack 1 บนเว็บไซต์ของ Microsoft

เลือกลิงก์ ดาวน์โหลด ที่สอดคล้องกับเวอร์ชัน Windows 7 ของคุณ

เลือกลิงก์ดาวน์โหลดแต่ละลิงก์และบันทึกลงในพีซีของคุณ เมื่อคุณพร้อมที่จะติดตั้ง SP1 ให้เรียกใช้ไฟล์.exeที่คุณดาวน์โหลดจากไซต์ จากนั้นทําตามคําแนะนําเพื่อติดตั้ง SP1 พีซีของคุณอาจรีสตาร์ตสองสามครั้งระหว่างการติดตั้งใหม่

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

ฝึกสร้างฐานข้อมูลนักเรียนด้วย PHP

สร้างตารางเก็บข้อมูลนักเรียน tbl_student

โครงสร้างตารางฐานข้อมูลใน Phpmyadmin

คลิกคำสั่ง SQL แล้วคัดลอก code ในการสร้างตารางฐานข้อมูล

CREATE TABLE `tbl_student` ( `id` int(11) NOT NULL AUTO_INCREMENT, `fname` varchar(100) NOT NULL, `lname` varchar(100) NOT NULL, `phone` varchar(10) NOT NULL, `class` varchar(255) NOT NULL, `datecreate` timestamp NOT NULL DEFAULT current_timestamp(), PRIMARY KEY (`id`) ) ENGINE=InnoDB AUTO_INCREMENT=3 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci

แปลง celcius to farenheit ด้วย google sheet

เราสามารถใช้งาน Google sheet ในการสร้างสูตรคำนวณได้ ไม่จำกัด รวมถึงการแปลงหน่วยองศา เซลเซียสเป็นฟาเรนไฮน์ เช่นกัน

เราจะมาดูการเขียน code ภาษาในการแปลงหน่วยวัดองศากัน เริ่มจากเปิด google sheet ขึ้นมา

มี แค่ 2 คอลัมน์คือ เซลเซียส กับ ฟาเรนไฮน์

ในช่องฟาเรนไฮน์ให้เรากรอกข้อมูล = CTOFH (A2)

ติดตั้งส่วนขยายแสดงภาพบน wordpress

สร้างอัลบัมภาพบนเวบไซต์ WordPress ด้วยส่วนขยาย

จุดเด่น พัฒนาแบบเปิด Open _source สามารถนำไปพัฒนาต่อได้

สำหรับการแสดงภาพสวยๆ บนหน้าเวบ ที่ใช้โปรแกรม Wordpress ในการจัดทำ

ต้องมีความรู้พื้นฐาน ในการติดตั้ง plugin หรือส่วนขยายของ wordpress

เพิ่มความสวยงามและน่าสนใจกับเวบเพจของเรา ได้อย่างดี

ดาวโหลด Photo Gallery by 10Web

ภาพตัวอย่างหน้าจอการทำงาน

“Photo Gallery by 10Web – Mobile-Friendly Image Gallery” is open source software. The following people have contributed to this plugin

ฝึกเขียน code บันทึกข้อมูลนักเรียน

บทความนี้เป็นการหาความรู้จากแหล่งเปิด Open Source เพื่อฝึกฝนตนเองในการเขียน Code ภาษา โดยจะใช้บริการของ Google Sheet เป็นฐานข้อมูล และ ใช้ภาษา App Script ในการเขียน

ขั้นตอนแรก ให้เราไปที่ google Sheet ของเรา แล้วสร้าง ไฟล์ใหม่ขึ้นมา ตั้งชื่อว่า Test Form

สำหรับการฝึกฝนตามตัวอย่าง จะมีแค่ 2 คอลัมน์คือ Name กับ Date

บนเมนูบาร์ให้เราไปที่คำสั่ง ส่วนขยาย หรือ extension แล้วคลิก app script

จะได้ไฟล์ชื่อว่า รหัส.gs ให้เราฝึกเขียน code หรือ จะcopy ไปวางก็ได้

function AddRecord(name) {
  
  var ss= SpreadsheetApp.getActiveSpreadsheet();
  var mainSheet = ss.getSheetByName("MAIN");
  mainSheet.appendRow([name, new Date()]);
  
}

function startForm()
{
 var form = HtmlService.createHtmlOutputFromFile('AddForm');
 SpreadsheetApp.getUi().showModalDialog(form, 'Add Record');
  
  
}

function addMenu()
{
 var menu = SpreadsheetApp.getUi().createMenu('Custom');
 menu.addItem('Add Record Form', 'startForm');
 menu.addToUi();
  
}

function onOpen(e)
{
  
 addMenu(); 
}

ในไฟล์จะมี 3 ส่วนหลักๆ คือส่วนที่เชื่อมต่อกับตารางฐานข้อมูล google sheet

ส่วนที่เรียกใช้งานแบบฟอร์ม html ในการกรอกข้อมูล

และส่วนที่เพิ่มเมนูในการเพิ่มข้อมูล Name

ขั้นตอนต่อมา ให้เราสร้างไฟล์สำหรับผู้ใช้งาน กรอกข้อมูล name เข้ามา

กำหนดชื่อไฟล์เป็น AddForm.html

จะเขียน code ที่ละบรรทัด หรือจะ copy วางก็ตามสะดวกและถนัด

<!DOCTYPE html>
<html>
  <head>
    <base target="_top">
    <script>
    function AddRow()
    {
    var name = document.getElementById("name").value;
    google.script.run.AddRecord(name);
    }
    </script>
  </head>
  <body>
    Name:  <input type="text" id="name" />
    <input type="button" value="Add" onclick="AddRow()" />
  </body>
</html>

อธิบาย Code ในส่วนนี้ จะมีช่องให้กรอกชื่อ และปุ่ม Add เพื่อเพิ่มข้อมูล

ส่วนที่ 2 จะอาศัยภาษา java script ในการทำงานร่วมกัน โดยชุดคำสั่งดังกล่าวจะอยู่ในแท็ก

<script> </script>

เมื่อผู้ใช้งานคลิกปุ่ม add จะเรียนใช้งานฟังก์ชั่น ที่ชื่อว่า AddRow

สำหรับคอลัมน์ date วันที่ จะเป็นอัตโนมัติของ google sheet ก็ว่าได้

ขั้นตอนการทดสอบการทำงานของไฟล์

กลับมาที่ไฟล์ google sheet แล้วกด refresh จะมีเมนูบาร์ custom เพิ่มขึ้นมา ให้คลิกเลือกใช้งานฟังก์ชั่นในการเพิ่มข้อมูล

ทดสอบกรอกข้อมูล name เข้าไปตามตัวอย่าง

ฝึกเขียน Google Apps Script แรก

App script เป็น Code ภาษาคอมพิวเตอร์ ที่น่าสนใจและนำมาพัฒนาปรับปรุงรูปแบบการทำงานของบุคคล หรือองค์กรได้อย่างน่าสนใจและมีประสิทธิภาพ

สำหรับมือใหม่หรือผู้เริ่มต้นศึกษา อยากจะลองเขียน Code แรกด้วยตนเอง

ขั้นตอนแรก ให้ไปสร้างไฟล์ google sheet ขึ้นมา ตั้งชื่อเป็น test01 ก็ได้

ในหน้าต่าง editor ของโปรแกรม จะมี

จะมีข้อมูลโครงสร้างภาษา เป็น myfunction

ให้ทดสอบพิมพ์ Browser.msgBox("Hello World!");

เข้าไปในหน้าต่างโปรแกรม

การบันทึกและ ไอค่อนรูป disk และคลิกปุ่มคำสั่ง เรียกใช้

อาจจะต้องยินยอมเงื่อนไขการรักษาความปลอดภัย ตรวจสอบสิทธิ์ และอนุญาตการเข้าใช้งานตามบัญชี gmail ของผู้ใช้งาน

ควรจะได้ข้อความผลการทำงานบนหน้าต่างตามภาพ

ดาวโหลดและติดตั้ง Flutter

สำหรับท่านที่สนใจสร้างหรือพัฒนาแอพพลิเคชั่นใช้งาน ต่างๆ ผมอยากจะแนะนำให้ลองศึกษาและใช้งาน Flutter ในการทำงาน เพราะเป็นโปรแกรมที่ช่วยในการสร้างแอพออกมาใช้งานกับมือถือทั้งแบบ iOS และ Android เรียกว่าสร้างแอพเดียวสามารถใช้งานได้ทั้งสองค่ายเลยทีเดียว

ขั้นตอนการดาวโหลดและติดตั้ง ไปที่ลิงค์ install Flutter เพื่อเลือกดาวโหลดไฟล์ติดตั้ง

เลือกระบบปฏิบัติการตามที่ต้องการ

Windows

macOS

Linux

Chrome

ในการสร้างแอพด้วย Flutter สามารถเลือกโปรแกรมสำหรับการเขียนโค้ดอย่าง VSC หรือ Android Studio ได้

จากนั้นจะเป็นการ test drive หรือการทดสอบความพร้อมในการสร้างแอพด้วย flutter

เมื่อทุกส่วนพร้อมก็จะเริ่มต้นสร้างแอพแรกด้วย Flutter กัน โดยจะเริ่มจากง่ายไปหายาก ตามลำดับ

ภาพรวมๆ Overview สู่การพัฒนาฐานข้อมูลบนเว็บด้วยตนเอง

แนวความคิดการพัฒนาฐานข้อมูลด้วยภาษา PHP และ MYSQL

เพราะว่าเป็นฟรีแวร์ และมีการใช้งานโดยหลายระบบเช่น Facebook เป็นต้น

สำหรับผู้เริ่มต้นศึกษา และเรียนรู้การทำงาน จะต้องมีพื้นฐานด้าน คอมพิวเตอร์เครือข่าย Network และระบบปฏิบัติการเช่น Linux OS หรือ Windows เป็นต้น

การสื่อสารข้อมูลผ่านระบบเครือข่ายคอมพิวเตอร์ภายในองค์กร หรือระหว่างองค์กร Fiber Optic Network for instance

การดาวโหลดและติดตั้งแม่ข่ายจำลอง Web Service เช่น XAMPP ,APACHE2 เป็นต้น

https://www.apachefriends.org/download.html

การดาวโหลดติดตั้งโปรแกรม Coding Editor แนะนำเป็นโปรแกรม VSC

https://code.visualstudio.com/download

การออกแบบและสร้างตารางฐานข้อมูล

การสร้างไฟล์สำหรับการ Connect หรือเชื่อมต่อฐานข้อมูลหรือ Database

การสร้างแบบฟอร์มสำหรับให้ผู้ใช้งาน user กรอกข้อมูลเข้ามา

การตกแต่งฟอร์มโดยใช้คำสั่งจัดเรียงข้อมูลและตกแต่งแบบฟอร์มช่วยอย่าง Bootstarp เป็นต้น

การศึกษาการประกาศค่าตัวแปรภาษา PHP การศึกษาและเรียนรู้คำสั่งโครงสร้างภาษา PHP Syntax

ขั้นตอน 2 การต่อยอดสู้การเขียนแอพเพื่อเชื่อมต่อระบบ SQL Databace โดยต้องศึกษาการเขียนประตูเชื่อมระหว่าง PHP MYADMIN กับ แอพพลิเคชั่นบน SmartPhone เช่น Node Js ,Flutter เป็นต้น

Navbar

Search