[K2 Package and Deployment] – Deploy with PowerShell

Thai version – https://medium.com/k2-dev-th/k2-package-and-deployment-deploy-with-powershell-1b9e38f87b3b

English version – https://medium.com/k2-dev-en/k2-package-and-deployment-deploy-with-powershell-47245843b2d0

Advertisements

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

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

 

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

การสร้าง 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 กันครับครับ
สวัสดีครับ