K2Blackboard คืออะไร ใครควรดูบ้าง?

K2Blackboard เป็น VDO คลิปภาษาไทยสั้นๆ สอนการใช้งาน K2 ทุกเรื่อง ไม่ว่าจะเป็น Smartform, workflow, smartobject และเรื่องอื่นๆที่เกี่ยวข้อง ตั้งแต่เริ่มต้น ผ่านทาง Youtube และ Facebook เอาไว้สำหรับคนที่อยากเริ่มต้น ทบทวนและหาแรงบันดาลใจ

 

ติดตามคลิปใหม่ได้ทุกวันจันทร์เช้าทุกสัปดาห์ หวังว่าจะชอบ ฝากไว้ในอ้อมใจด้วยครับ

Advertisements

การสร้าง Custom Work List ด้วย K2 Smartform

สวัสดีครับเพื่อนๆ สำหรับ K2 Ranger วันนี้ เราได้รับเกียรติจาก “คุณกาย” K2 Champion ที่คอยช่วยตอบปัญหาด้านเทคนิค ให้กับพี่ๆ น้องๆ ในห้อง K2 Technical Rock อยู่สม่ำเสมอ และวันนี้ครับคุณกายได้ส่งบทความใหม่มาให้เรียบร้อยแล้ว (แต่ผมติดภาระกิจเก็บไว้นานเลย ต้องขออภัยเพื่อนๆ มา ณ ที่นี้) และ K2 Ranger ขอขอบคุณ “คุณกาย” มา ณ ที่นี้ด้วยครับ

cworklist_15

Sky - K2 Technical Rock
คุณกายกับหนุ่มน้อย

การสร้าง Work List

สืบเนื่องมาจากที่ผมได้ทำการลงระบบป้องกัน Mobile Device Management ทำให้ผู้อนุมัติไม่สามารถ Open Form งานที่ถูก Share มาได้ ผมจึงได้ลองหาข้อมูลใน  Google และก็ลองงมๆ Queryต่างๆ ก็ได้โดยได้รับความช่วยเหลือการ Test เบื้องต้นบน K2 Five จากคุณ Pattarawat, K2 Thailand และได้ผลออกมาตามที่ต้องการ

เกริ่นเรียบร้อยแล้ว มาเริ่มกันเลยดีกว่าครับ

Continue reading การสร้าง Custom Work List ด้วย K2 Smartform

ฝาก VLOG : K2 Fine Day ไว้ในอ้อมใจ

สวัสดีครับ ชาว K2

หลังจากผ่านไปแล้ว 3 Episode คิดว่าน่าจะเข้าที่เข้าทางแล้วและมีได้ครบ 12 EP แน่ๆ ในปีนี้ เลยมาป่าวประกาศเชิญชวนฮะ

ถ้าไม่มีเวลาอ่าน มานั่งดู นั่งฟัง กันครับ

ฝากเข้าไปกด ติดตาม กันด้วยนะครับผม 🙂

VLOG สบายๆ สไตล์พี่น้อง VLOG ที่สามแล้วไปกันต่อ รอติดตามกันด้วยนะคร้าบบบบบบ

K2 FineDay ทุกวันศุกร์แรกของเดือน เราจะมาเล่าเรื่องราวต่างๆ รอบๆ K2 ให้ฟังกันแบบ ง่ายๆ สบายๆ ตอนหน้าจะเกี่ยวกับเรื่องอะไร ติดตามชมกันด้วยนะครับ

——————————————————————————–
K2 Thailand Facebook : https://www.facebook.com/groups/k2thai/
K2 Ranger Blog : https://k2ranger.wordpress.com
K2 Technical Rock Line Group : https://line.me/R/ti/g/vJgPSjMU-S

การเพิ่ม Tab ที่เชื่อมโยงไปยัง SaaS (เช่น Smartform) บน MS Team #1

สวัสดีครับเพื่อนๆ บล็อกนี้จะพิเศษกว่าบล็อกอื่นๆเล็กน้อย คือผมไปเจอบทความที่น่าสนใจจะเพื่อนร่วมงาน ฝั่งยุโรป เลยขออนุญาต มาแปลเป็นภาษาไทย ให้ได้อ่านกันง่ายๆครับ

บทความนี้จะเกี่ยวกับการ customize Microsoft Team ให้แสดง Smartform ของ K2 ได้ครับสำหรับใครที่ยังไม่รู้จักกับ MS Team (ไว้ว่างๆ จะมาเล่าให้ฟัง) แต่เอาเป็นว่าอ่านไปเล่นๆ ก่อน

Translated with permission from  https://www.dragan-panjkov.com/adding-third-party-saas-as-a-tab-in-microsoft-teams

Tab บน MS Team เป็นช่องทางที่ดีมากๆ สำหรับการเชื่อมโยงกับเว็บภายนอก เพื่อให้เกิดการใช้งานและเข้าถึงข้อมูลเนื้อหาต่างๆ ได้ง่ายสำหรับผู้ใช้ทั่วไป ในบทความนี้จะผมจะแสดงให้เห็นถึงขั้นตอนการเชื่อมโยง SaaS ใดๆ เข้ามาไว้ใน Tab ใน Microsoft Team และทำให้กลายเป็นแอพที่ใช้งานผ่าน MS Team

To create a Tab for Microsoft Teams, we need to do the following:
ในการจะสร้าง Tab สำหรับ MS Teams ต้องทำตามขั้นตอนต่อไปนี้

  1. เราต้องตัดสินใจก่อนว่า Tab ที่เราจะเพิ่มเข้าไปนั้นจะเป็นแบบ Static หรือว่าแบบที่ Configure ได้ โดย แบบ Static จะใช้สำหรับ Personal Scope ส่วน Tab แบบที่ Configure ได้ จะสามารถใช้กับ Channel ใด หรือมากกว่าได้ หรือ อาจจะใช้กับ Group Chat ก็ได้เช่นกัน
  2. เข้าไปปรับแก้ หน้าเพจ ที่เป็น SaaS ให้รองรับการเป็น Content Page บน MS Teams ได้
  3. สำหรับ configurable tabs นั้นเราจต้องสร้างเพจสำหรับ configuration ด้วย แต่ถ้าเป็น Static Tab ก็ข้ามข้อนี้ไปได้เลย
  4. สร้าง app manifest ด้วย Teams App Studio.
  5. ใช้งาน app ที่สร้างขึ้นมาใหม่บน MS Teams

Static Tabs กับ Configurable Tabs

ความแต่ต่างทางเทคนิคหลักๆ ระหว่าง Static Tab กับ Configurable Tab ก็คือ URL ของ Content page สำหรับ Static Tab จะเป็นการระบุฝั่งไปตรงๆ ใน app manifest ซึ่งต่างจาก Configurable Tab ตรงที่เราไม่จำเป็นต้องฝั่ง Content page ลงไปที่ app manifest,  แต่จะใช้การบอกให้ manifest ชี้ไปยัง Configuration page ที่เราสามารถระบุ content page ที่ต้องการให้ใช้บน Tab ได้อีกทีหนึ่ง

สำหรับเพื่อนๆ ที่ต้องการทราบรายละเอียดเกี่ยวกับ Tabs สามารถตามไปอ่านได้ที่: https://docs.microsoft.com/en-us/microsoftteams/platform/concepts/tabs/tabs-overview

Configure page มาใส่ไว้ใน Tab

จาก ข้อที่สองก่อนที่จะนำ content page ของเราไปใส่ใน tab เราก็ต้องตระเตรียมให้เพจของเราพร้อมเสียก่อนโดยการ เพิ่ม reference ของ Microsoft Teams JavaScript client SDK ในหน้าเพจของเราโดยสร้าง script tag ตามตัวอย่างด้วย

msteam-tab01

และที่สำคัญ configuration pages จะต้อง handle configuration ของ tab โดย (อ่านรายเอียดเพ่ิมเติม):

  • เรียกใช้งาน
    microsoftTeams.settings.setSettings

    เพื่อที่จะ configure content page และค่าอื่นๆสำหรับ tab

  • และเรียกใช้งาน
    microsoftTeams.settings.setValidityState(true);

    เพื่อจะให้แสดงปุ่มบันทึกค่าบนหน้าต่างที่แสดงขึ้นเมื่อ หน้าสำหรับ configure ถูกโหลดขึ้นมแสดงเป็นหน้าต่างอีกหน้าต่างหนึ่ง

นอกจากนี้ ทั้ง Content page และ configuration page นั่นต้องอนุญาติให้ใช้งานผ่าน iframe ได้ สำหรับรายละเอียดอื่นๆ สามารถตามอ่านได้ที่ : https://docs.microsoft.com/en-us/microsoftteams/platform/concepts/tabs/tabs-requirements

App Studio

ถึงแม้เราเราจะสามารถสร้าง app manifest บน MS Team ได้ แต่การใช้ การสร้างด้วย App Studio เป็นทางเลือกที่ดีกว่า (อ่านเพิ่มเติมได้ที่: create manifest using App Studio). App Studio ในขั้นตอนนี้จะช่วยในการ ตรวจสอบ (validations) และ ช่วยเพิ่ม setting ที่จำเป็นให้อย่างอัตโนมัติ เช่น เมื่อเราเพิ่ม URL ใน configuration page, App Studio ก็จะไปเพิ่ม domain ของเพจนั้น ใน validDomains ให้อัตโนมัติ

เราสามารถ ติดตั้ง App Studio บน MS Teams จาก Teams Store ดังภาพ:

image

และเมื่อติดตั้งเรียบร้อยแล้ว เราจะสามารถเรียกใช้ App Studio จาก MS Teams ได้:

image

เริ่มใช้งาน Apps บน MS Teams

เมื่อเราสร้าง app เสร็จเรียบร้อยแล้วเราก็สามารถนำมาใช้งาน MS Team ได้ โดยวิธีที่ง่ายที่สุดคือการ upload ผ่าน link “upload a custom app” ดังภาพ

image

นอกจากนี้เราต้องเปิดการใช้งาน sideloading สำหรับ Teams apps ในส่วนของ Office 365 administration. ขั้นตอนการเปิดการใช้งานสามารถอ่านได้ที่: https://docs.microsoft.com/en-us/microsoftteams/admin-settings

ในบทความต่อไปผมจะแสดงให้เห็นวิธีการนำ SaaS อย่างเช่น K2 Smartform มาเป็นตัวอย่างในการใช้งานร่วมกับ MS Team โดย SmartForms นั้นเป็นส่วนหนึ่งของ K2 blackpearl (up to v4.7) และ K2 Five ทั้ง on-premises และ บน K2 Cloud. ซึ่งช่วยให้เราสร้างหน้าจอแสดงผล ข้อมูลและอัพเดทข้อมูลจากหลายๆ แหล่ง โดยใช้เพียง browser ในการสร้างและออกแบบ Smartform ผ่าน K2 Designer

Feel free to get in touch on Twitter: www.twitter.com/panjkov if you have any questions, comments or need clarifications. Any feedback is more than welcome. (ขอไม่แปลประโยคนี้นะครับ เพราะถ้าจะติดต่อไปต้องเขียนเป็นภาษาอังกฤษ เป็นอย่างน้อย)

Translated with permission from  https://www.dragan-panjkov.com/adding-third-party-saas-as-a-tab-in-microsoft-teams

สำหรับตอนแรก ขอจบเท่านี้ก่อน ตอนหน้าเราจะมาทำส่วนที่จะนำ K2 Smartform มาใส่ไว้ใน MS Team กันครับครับ
สวัสดีครับ

K2 Operation Insight using Power BI

สวัสดีครับปีใหม่ครับ ชาว K2 ทุกท่านครับ ในปี 2019 นี้ K2 Ranger เราก็มี บทความมาอัปเดทกันเหมือนเช่นเคยครับ

ในปีที่ผ่านมา กระแสของการนำ Data มาใช้ในองค์กรก็มีมากขึ้นเรื่อยๆ หลายๆ ที่ เริ่มพูดถึง IoT, Big Data, AI กันอย่างแพรหลาย ซึ่งจากข้อมูลเหล่านั้นเราสามารถนำไปต่อยอดได้มากเลยเลยครับ

คราวนี้ถ้าเราลองกลับมาดูในองค์กรของเราที่ใช้งาน K2 อยู่ เจ้า K2 เองก็ผลิตข้อมูล ที่เกี่ยวข้องกับกระบวนการทำงานให้กับแต่ละองค์กรเองไม่ใช่น้อยเลย ซึ่งข้อมูลเหล่านั้นเราเรียกมันว่า Operation Insight หรือข้อมูลเชิงลึกของกระบวนการต่างๆในองค์กรเรานั่นเอง

หากจำกันได้ ตอนที่ภัทรแนะนำ K2 Workspace ที่เป็น feature ใหม่ของ K2 (ตอนนี้เก่าแล้ว) จะมีเรื่องเกี่ยวกับ Operation Insight เช่นเดียวกัน  (ถ้าจำไม่ได้ลองดูวีดีโอด้านล่างครับ)


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

Continue reading K2 Operation Insight using Power BI

Tips : K2 Smartform : วิธีการลบรายการใน List view มากกว่าหนึ่งรายการ

สวัสดีครับ เพื่อนๆ K2 Developer สำหรับวันนี้ เราก็ได้ ทิป ดีๆ จาก “คุณกาย” แห่งห้อง K2 Technical Rock มาอีกครั้งครับ ขั้นตอนทำง่ายๆ แต่น่าจะเอาไปประยุกค์ใช้ได้หลายแบบเลยทีเดียว

(จริงๆ คุณกายส่งมาให้ซักพักแล้วครับแต่ แอดฯเพิ่งมีเวลามาลงไว้ให้ครับ ขออภัยมา ณ ที่นี้ด้วยครับ)

1.กำหนด Allow multiple row selection ให้เป็นแบบในรูป (เพื่อให้สามารถกด Shift ค้างไว้ และ เลือกได้มากกว่า1รายการ)

deleteMulipleItem01

2.สร้างปุ่ม “ลบรายการที่เลือก” และกำหนด Rule ดังนี้

1.สร้าง condition for each item in list view เพื่อวน Loop

2 Remove selected

3.apply the changes

deleteMulipleItem02

ทดสอบ

1.ค้นหารายการ ได้ทั้งหมด 7 รายการ
deleteMulipleItem03

2.เลือกรายการที่ต้องการลบ (4รายการ)
deleteMulipleItem04

3.กดปุ่ม “ลบรายการที่เลือก” จะเหลือ 3 รายการดังรูป
deleteMulipleItem05

Trick เล็กๆ เพื่อ UX ที่ดี

สวัสดีครับไม่ได้อัพเดทบทความมานานเลย วันนี้มี Tick เล็กๆ ในการทำให้หน้า UI ของ Smartform ให้ ประทับใจลูกค้ามาฝากกันครับ

สำหรับ K2 developer แล้ว ทราบกันดีกว่า K2 Smartform มี Theme ที่ ทำให้ K2 Smartorm ทำงานแบบ responsive เพื่อปรับการแสดงผลบน browser บน desktop/laptop หรือ mobile ได้อย่างเหมาะสม แบบนี้

ListViewUX01.png
ภาพเวลาแสดงผลผ่าน Desktop/ Laptop browser

ภาพเวลาแสดงผ่าน Mobile Browser จะเห็นว่าภาพทางซ้าย ส่วน List View มีการปรับ layout ให้สวยงาม แต่ ทางขวามือ  List View จะเบียดๆ กัน ซึ่งปกติ List View จะไม่เหมาะสมในการแสดงบน Mobile device

แต่… เรามีเทคนิคในการแก้ไขได้ ด้วยการใช้ Feature ของ K2 Smartform เองด้วยคือ

  1. K2 Smartform รองรับ View ได้มากกว่าหนึ่ง View บน Form และยังมี Rule “Show a View”, “Hide a View”
  2. K2 Smartform สร้างมาตรเช็ค condition ต่างๆ ได้ เช่น Client Platform / Screen Width และอื่นๆใ
  3. List View สามารถสร้าง Custom Column เพิ่มเติมได้
  4. มี Expression ที่ใช้ในการจัดการข้อมูล ผ่าน Data Label ที่มี Option “Warp Text” และ “Literal”

มาถึงตรงนี้ เพื่อนๆ ก็น่าจะร้อง อ๋อ กันแล้วใช่มั้ยครับ 🙂  ด้วย feature และ option ด้านบน จะทำให้ หน้าจอ List View บนฟอร์ม ที่เปิดด้วย mobile browser สวยงามขึ้นแล้วแบบภาพนี้ครับ

ListViewUX06.png

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

สำหรับวันนี้ สวัสดีครับ

เปลี่ยนใจมาเขียนเพิ่ม
ขั้นแรก ให้ สร้าง View เพิ่มก่อนครับ (คลิกที่รูป ดูภาพใหญ่ๆ ชัดๆ นะครับ)
ListViewUX07-1.png

ใน Expression ก็เขียนประมาณนี้ ประกอบ HTML ปกติ
ListViewUX07-2.png

เอา วิวมาวางที่ฟอร์มเดียวกับ (ตรงนี้ ต้องคำนึงเรื่องการ execute list view ที่เกี่ยวข้องก็พอนะครับ ให้เช็คดีๆ ไม่งั้นจะทำให้ ช้าเพราะโหลดคู่
ListViewUX08

ใน Rule กำหนด แบบนี้
ListViewUX09

ใน “an advance condition” เราก็เช็ค เงื่อไขประมาณนี้ได้ หรืออาจจะเพิ่มเงื่อนไขอื่นๆ ที่เหมาะสม
ListViewUX10
ลองทดลองกันดูนะครับผม 🙂

[K2 smartform] VLog – ตัวอย่างการใช้งาน BarCode/ QRCode

สวัสดีครับไม่ได้เขียน Blog มาซักพักนึงวันนี้ เอาตัวอย่างการประยุกต์ใช้งาน BarCode reader control ที่สามารถอ่าน ได้ทั้ง Barcode และ QR Code มาให้ลองดูกันเล่นๆ ครับ ลองไปดูกันเลย

Continue reading [K2 smartform] VLog – ตัวอย่างการใช้งาน BarCode/ QRCode

[K2 smartform] เพิ่ม Select All check box ให้กับ List View

สวัสดีครับเพื่อนๆ จากคราวที่แล้ว ที่คุณกายได้มาแชร์เรื่อง การทำ Check Box บน List View ก็มีคำถามเพิ่มเติมเข้ามาว่า แล้วอยากทำ Select All จะมีแนวทางอย่างไร คุณกายเลยเพิ่มเติมเข้ามาให้ครบ ลองมาดูกันครับผม

การเพิ่ม Select All

เพิ่ม Rule ไปที่ ChkAll

การตรวจสอบวันหยุดจาก “Special & Exception Dates”

สวัสดีครับเพื่อนๆ วันนี้มีบทความ Trick & Tip มาฝากเพื่อนๆ อีกเช่นเคย บทความนี้ได้รับการแบ่งปันมาจาก “คุณกาย” แห่งห้อง K2 Technical Rock ครับ หากเพื่อน สนใจอยากส่งบทความเข้ามาบ้างสามารถแจ้งมาได้ที่ narapat@k2.com ได้เลยนะครับผม

สำหรับ การตรวจสอบวันหยุดจาก “Special & Exception Dates” จะทำได้ยากง่ายอย่างไรนั้นเชิญทัศนาได้ ณ บัดนาวว

Continue reading การตรวจสอบวันหยุดจาก “Special & Exception Dates”