สร้างเว็บไซท์ระบบลางาน แบบไม่ต้องเขียนโค้ด ด้วย Softr และ Airtable (แบบจับมือทำ)
HTML-код
- Опубликовано: 27 июл 2024
- สร้างเว็บไซท์ระบบลางาน แบบไม่ต้องเขียนโค้ด ด้วย @Softr และ @AirtableApp (แบบจับมือทำ)
ถ้าคุณคิดว่าการทำเว็บเป็นเรื่องยาก วันนี้ผมจะมาลองจับมือทุกคนทำเว็บที่จะทำให้ทุกคนสามารถ login เข้ามาดูข้อมูลของตัวเองได้แบบง่ายๆ โดยไม่จำเป็นต้องเขียนโค้ด ด้วยระบบ Softr และ Airtable ครับ
ระบบในวันนี้เราจะมาทำเว็บไซท์สำหรับการ request วันลางานของพนักงาน รวมถึงทำให้พนักงานแต่ละคนสามารถดูข้อมูลวันลาของตัวเองได้แบบอัตโนมัติเมื่อ login เข้าเว็บไซท์
พนักงานสามารถเลือก filter ดูข้อมูลการลาของตัวเองได้ตามประเภท และสถานะการอนุมัติแบบง่ายๆได้ทันที
[รายละเอียดของ platform Softr]
Softr เป็นหนึ่งใน platform ที่ช่วยให้เราสามารถมีเว็บไซต์ที่มีระบบต่างๆที่ advance ขึ้นได้ มีความเป็น dynamic คือสามารถดึงข้อมูลจากฐานข้อมูลได้ แบบไม่น่าเชื่อว่าเว็บไซต์ฟรีก็สามารถทำแบบนี้ได้ด้วยเหรอ โดยระบบฐานข้อมูลที่เจ้า softr ใช้ก็คือ Airtable ซึ่งถือเป็นหนึ่งในระบบฐานข้อมูลที่ใช้งานง่าย มีความสามารถหลากหลาย และที่สำคัญคือฟรีครับ
สนใจก็สามารถเข้าทางเว็บด้านล่างได้เลยครับ
------------------------------------------------------
Link สมัคร platform softr
Softr - softrplatformsgmbh.grsm.io/yq...
Link สมัคร platform Airtable
Airtable - airtable.com/invite/r/SJg1qqKI
Link สำหรับ copy template ตาราง Employee Leave Tracker ใน Airtable
airtable.com/appNglrRriyvZiWB...
------------------------------------------------------
00:00 - Start
00:58 - ระบบที่เราจะทำกันในวันนี้มีรายละเอียดยังไง??
03:29 - เริ่มต้นสร้าง database ใน airtable
04:17 - อธิบาย database ใน airtable
07:35 - การเริ่มต้นสร้างเว็บในระบบ softr
08:21 - การสร้าง Access Tokens
10:38 - การปรับแต่งหน้าเว็บเบื้องต้น
17:05 - การใช้งานระบบที่เราสร้างขึ้นมา
19:09 - วิธีการสร้างฟอร์มในเว็บไซท์
23:00 - การใส่สีใน สถานะ tag ของประเภทการลา
23:25 - ทดสอบการกรอกฟอร์มผ่านเว็บไซท์
24:00 - การเปลี่ยน logo ของเว็บไซท์
25:46 - สรุป
------------------------------------------------
🎥 อุปกรณ์ที่ผมใช้
กล้อง Sony ZV-E10 kit 16-50mm : (shope.ee/5KeppTetsX)
Mouse Logitech MX Master 3s: (shope.ee/8UbraALvKD)
Mouse Logitech G502 Hero: (shope.ee/99rYOea8Z9)
MacBook Air M2: (shope.ee/qCQTd8LuD)
ไมค์ wireless Saramonic Blink 500 : (shope.ee/2feGcpazuj)
กระเป๋าใส่คอม TATHATA Brand : (shope.ee/5fLRlgmRXa)
------------------------------------------------
บริหารงานแบบคนไอที
FB Page : / managewithnoobitguy
LineOA : lin.ee/4HxwEJi
RUclips Channel : / บริหารงานแบบคนไอที
Website : noobitguy.one/
Email : managewithnoobitguy@gmail.com
-----------------------------------------------
▬▬▬▬▬▬▬▬▬▬ Copy and Paste ▬▬▬▬▬▬▬▬▬▬▬
🎵Music provided by BGM President
🎵Track : We were in ChunCheon - • [행복한 추억의 감성음악] 춘천이었다 |...
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ - Наука
ขอบคุณมาค่ะ อธิบายละเอียดมาก และเสียงก็ดูเหนื่อยมาก พักผ่อนบ้างนะคะ
โอ้ขอบคุณมากครับ :)
ปล. เลยต้องกลับไปลองฟังเสียงตัวเองดูเลยครับ
ขอบคุณครับ
ขอบคุณมากครับ สอบถามหน่อยครับ ถ้าจะนับจำนวนวันลาเฉพาะวันทำการต้องใช้สูตรยังไงครับ
วันลาเฉพาะวันทำการ คืออะไรเหรอครับ
ขอบคุณครับ
ขอนุญาตสอบถามครับ ถ้าจะให้สิทธิ์ลาครึ่งวันหรือ เป็นชั่วโมง สามารถทำได้มั๊ยครับ ต้อง set ยังไงครับ
สามารถทำได้หลายวิธีเหมือนกันครับ
อาจจะให้ใส่เป็นหมายเหตุ ว่าลาครึ่งวัน
หรือทำ column เป็นใส่ชั่วโมงการลาก็ได้นะครับ
แล้วแต่หลักเกณฑ์ของแต่ละบริษัทได้เลยครับ
มีระบบจัดการคลัง ระหว่างคบังมั้ยครับ
มีหลายๆคลังแล้วคุใค่อนข้างยากครับ
แบบนี้ไหมครับ
ruclips.net/video/xi1ktrMKGsQ/видео.htmlsi=EJnC1EFLSXoaLbAk
สามารถกำหนดให้มีผู้อนุมัติหลายชั้นได้มั้ยครับ เช่น ต้องอนุมัติทั้งหัวหน้างาน และ ผอ.กลุ่ม เป็นต้น ขอบคุณครับ
ทำได้เช่นกันครับ เราสามารถทำการสร้างสถานะในการอนุมัติเพิ่มขึ้นมาได้ครับ เช่น อนุมัติ-1 อนุมัติ-2 และก็สามารถใช้เทคนิคเดียวกันในการ filter ข้อมูลสำหรับหน้าการอนุมัติได้ครับ
@@noobitguy ขอบคุณมากครับผม
จำกัดจำนวนปริมาณ USER ในการใช้งานไหมครับ
จำกัดครับ ลองดูที่หน้านี้ได้ครับ
www.softr.io/pricing
❤❤❤
อจ ครับตัว softr & airtable เขาให้ใช้ได้นานแค่ไหนครับ
คิดว่ายังไง model ของเค้าก็ให้ใช้ฟรีก่อนละครับ ขึ้นอยู่กับว่าเค้าจะปรับ package ฟรี ลงเมื่อไหร่มากกว่าครับ
แต่ยังไงเบื้องต้นคิดว่าเริ่มต้นใช้งานฟรีตลอดไปแน่นอนครับ
อาจารย์ครับ เราถ้าสาสามารถเขียน เว็บเพื่อ เก็บข้อมูลพนักงาน และ ประวัติการแจ้งซ๋อมได้ไหมครับ
ทำได้เช่นกันครับ
ใน template ของ softr จะมีเกี่ยวกับการเก็บข้อมูลพนักงานอยู่เหมือนกันครับ ลองกดเข้าไปดูตัวอย่างได้
ขอบคุณค่ะ แต่ถ้าจำนวนพนักงานมากกว่า200 คนจะใช้งานระบบนี้ได้ไหมคะ
ใช้ได้ครับ แผนฟรีจะใช้ได้ 100 users ละครับ
ถ้าเป็น 200 users ขึ้นไปจะต้องเสีย 49 USD ต่อเดือนครับ
ถ้าเป็น email ที่เป็น domain จดเอง จะนับเป็น Internal หรือ External user อะครับ @@noobitguy
@@tanonl.3396 ผมเดาว่า internal user คือคนที่เรา invite เข้า softr project ที่สามารถ edit หรือดูข้อมูลหลังบ้านใน project ได้ ส่วน external คือทุกคนที่เรา invite เข้ามาใช้งานโปรเจคครับ
สอบถามครับ create token ไม่ได้ขึ้นข้อความนี้มาครับYou are not permitted to perform this operation
อันนี้คือตอนกดสร้าง personal access token ใช่ไหมครับ ข้อความขึ้นตอนกด create token เหรอครับ?
น่าจะกดอะไรผิดสักอย่างละครับ เมื่อกี้ลองอีกครั้งก็ไม่มีปัญหาอะไรในทุก account เลยละครับ
ยังไงฝากลองอีกครั้งได้ไหมครับ
ใช่ครับตอนสร้างcreate token
ตอนนี้ลองทำอยู่ก็ยังไม่ได้เหมือนเดิมครับ@@noobitguy
สามารถใส่โลโก้ในใบลาได้ไหมครับ
ได้ค้าบ สามารถปรับแต่งเพิ่มเติมเองได้เลยครับ
วันที่ สามารถใช้เป็น พ.ศ ได้ไหมครับ
ระบบจะมีเป็นแต่แบบ คศ ละครับ
ของหนูมันขึ้นแบบนี้คะ แก้ยังไง หลังจากกด Copy base to your Airtable account แล้วขึ้นแบบนี้
Issue Tracker by Softr base not found.
If you didn’t grant Softr access to All current and future bases, we can’t see the base you just copied.
If that’s the case, please re-authenticate
น่าจะลืมติ้กให้สิทธิ์ในการเข้าถึง workspace ของเราหรือเปล่าครับ ฝากลองทำดูอีกรอบนะครับ
อาจารย์ ของหนูพอกด Submit ในหน้าที่กรอกข้อมูลการลา Staffและemail (from staff)มันไม่ขึ้นใน Airtable และก็ไม่ขึ้นในหน้าSoftr User ของคนนั้นด้วยค่ะ
ไม่แน่ใจว่าได้ทำการผูกข้อมูลกับตาราง airtable เรียบร้อยแล้วหรือเปล่าครับ
สามารถดึงข้อมูลจากตาราง airtable มาที่หน้า softr ได้ไหมครับ
ดึงข้อมูลมาได้หมดเลยค่ะ ขึ้นแบบต้นฉบับหมดเลยค่ะ แต่พอกรอกแบบฟอร์ม มันไม่ขึ้นแค่Staff และemail (from Staff)
อจ ครับ ตัว softr & airtable เขาให้ใช้ฟรีนานแค่ไหนครับ
คิดว่ายังไง model ของเค้าก็ให้ใช้ฟรีก่อนละครับ ขึ้นอยู่กับว่าเค้าจะปรับ package ฟรี ลงเมื่อไหร่มากกว่าครับ
แต่ยังไงเบื้องต้นคิดว่าเริ่มต้นใช้งานฟรีตลอดไปแน่นอนครับ
@@noobitguy ขอบคุณครับ อจ
To which workspace would you like to install this new base มีให้เลือกแค่
My First Workspace ค่ะ
อ่อ งั้นแสดงว่าตอนให้สิทธิ์อาจจะเลือกแค่บาง workspace ไว้ แนะนำว่าให้สิทธิ์ทั้งหมดเลยดูนะครับ
ผมกอเปัน
ทำไงครับ @@noobitguy
Link page URL เอา จาก ตรงไหน ครับ เมื่อจะกรอกใบลา ตามแบบฟอร์ม ขึ้น not fund 404
ต้องทำการ publish web ก่อนละครับ
หรือหมายถึงตรงใหนครับ
20:08
ตอนจะทำเปลี่ยนชื่อ เป็น แบบฟอร์มกรอกลางาน
ทำถึงนาทีที่13.47 แต่ฝั่งขวามันขึ้น
Copy template data ยุค่ะ
ฝากรบกวนส่ง screen shot มาให้ดูทาง inbox หน่อยสิครับ
@@noobitguy ทักไปในเพจพี่แล้วค่ะ
กดลิ้งแล้วไม่ขึ้นตัวก็อปปี้ครับ รบกวนขอลิ้งใหม่ได้ไหมครับ
ต้องขออภัยด้วยครับ ผมลืมแนบ link template พอดีเลยครับ
copy ที่นี้ได้เลยนะครับ
airtable.com/appNglrRriyvZiWBJ/shrkkdPp7CSTmUeHT
ขอบคุณครับ
ผมsave and sync แล้วไม่actionให้ครับ ทำอย่างไรดีครับหรือว่าติดที่name(optional)ครับ เหลือจุดเดียวที่ใส่ข้อมูลไม่ได้
ไม่ action คืออะไรเหรอครับ คือมันไม่ sync ให้เหรอครับ
อยากพิมพ์เอกสารเป็น pdf
เอกสารตรงส่วนใหนเหรอครับ
@@noobitguyข้อมูลการลาแต่ละครั้ง อยากทำเป็น pdf เพื่อเอาไปปริ้นครับ
ทำไม่ได้เลยTT
ติดตรงใหน inbox มาให้ช่วยดูได้นะครับ