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
ลองทดลองกันดูนะครับผม 🙂

Advertisements

[K2 Five] – 5.2 New Feature Overview

สวัสดีครับ ห่างหายกันไปนานสำหรับ blog ของ K2 ranger วันนี้ผมจะมาเขียนถึง K2 5.2 ที่เพิ่งออกมาเมื่อวันที่ 16 Oct 2018 ว่า มีอะไรเพิ่มเติมมาให้ใช้กันบ้าง ติดตามได้ตามด้านล่างเลยครับ

New Feature

  • Workflow policy – กำหนดได้ว่า workflow instance หรือ step instance มีการ start เยอะกว่าจำนวนที่กำหนด จะทำให้ workflow instance ที่สร้างมาใหม่กลายเป็น error ไป อันนี้เอาไว้ใช้ป้องกันเรื่อง infinite loop ได้ แต่ก็ต้องระวังถ้าเราตั้งใจให้ทำ loop อยู่แล้ว อาจจะมีโอกาสไปเข้า policy นี้ได้

126

  • Workflow Conditional Start Rule – สามารถกำหนด rule สำหรับ start workflow ได้ ถ้า rule ไม่เป็นจริง จะมี error แจ้งเตือนตอน start workflow และ workflow จะไม่ถูก start

001

  • SmartBox Property Indexing – เราสามารถกำหนดได้ว่า จะให้ property ไหนของ SmartBox มี index
  • Save a form as a draft – สามารถ save draft ตอนใช้ K2 mobile แบบ offline mode ได้
  • Permission Delete – สามารถกำหนดได้ว่า ใครสามารถลบ SmartObjects, Views หรือ Forms ไหนได้ (แยกมาจากของเดิมที่ delete จะรวมอยู่ใน modify)

Enhancements

  • Call Sub Workflow – สามารถ start sub workflow แบบ multiple ได้แล้ว และสามารถสร้าง variable จากหน้าต่าง property mapper ได้เลย โดยที่ไม่ต้องเปิด context browser

003

  • Task Step – เพิ่มให้ notification สามารถ CC และ BCC ให้ user คนอื่นได้ และสามารถใส่ information ของ task เช่น link to worklist item, standard action etc. ใน reminder email ได้
  • Move Line Labels – สามารถย้าย label ของ line ได้
  • Data Fields now Variables – ใน workflow ของ K2 Five data field เดิมจะกลายเป็น variable แต่จะมี text บางอย่างที่เปลี่ยนไม่ครบ ตอนนี้ก็เปลี่ยนครบแล้ว เช่น set datafield step เปลี่ยนเป็น set variables
  • SmartObject Get List Custom Filter – สามารถใส่ custom filter ได้ในการเรียก Get List method ของ SmartObject จากเดิมที่มีแค่ return first row กับ all

001-2

  • Server-Side Rule Execution – สามารถเรียกใช้งาน action แบบ server side ได้ จะช่วยทำให้ performance ดีขึ้น เพราะ execute มาจาก server เลย ไม่ต้องสั่งมาจากฝั่ง client
  • Form and View overlay opacity – ทำให้ Form หรือ View จางลงตอนที่ยัง load ข้อมูลไม่เสร็จได้
  • SmartObject Data Access – สามารถกำหนดได้ว่า user ไหนจะเห็นข้อมูลใน SmartObject ได้บ้าง เป็น feature เฉพาะ SmartBox SmartObject
  • K2 Designer Rights – กำหนดสิทธิ์การเข้า site designer ได้

kb002722-1

  • SharePoint Service Instance – หลักๆ คือทำให้ reuse กับ site ที่มี structure เหมือนกันได้ง่ายขึ้น รายละเอียดยาวๆ อ่านต่อเองได้ใน help นะครับ
  • Salesforce Service Instance – เพิ่มการเชื่อมต่อกับ Salesforce sandbox ทำให้เทสได้ง่ายขึ้น
  • Exchange Online Service Instance – สามารถใช้ On Behalf parameter สำหรับการสร้าง appointment และ task
  • REST Broker – เพิ่ม service key ที่ทำให้ customize header token ได้ และ support numeric operationID ที่ทำให้ใช้ swagger จาก Microsoft Cognitive Services APIs ได้แบบไม่มี error
  • Application Forms – ไม่ต้องย้าย folder ในการวาง form แล้ว แค่เลือกให้เป็น Application Form ก็พอ
  • Deployment Validation – ในส่วนของการ deploy SmartObject ต่อกับ SharePoint ก่อนหน้านี้จะไม่ยอมให้ deploy ถ้า structure ไม่ตรงกันทุกอย่าง แต่ใน version นี้จะยอมให้ deploy เช่น list เดิมมี id, description ส่วน list ใหม่มี id, description, sort จะ deploy ได้ โดย map แค่ columns ที่ตรงกันให้
  • Deployment logging – เป็น log ของการ deploy package เข้าระบบ ดูได้จาก stored procedure ใน database

093

  • View Flow – Click to reports – ก่อนหน้านี้ View Flow ของ K2 Five จะกดอะไรไม่ได้ ตอนนี้เวลากดจะเปิดหน้า report ที่เป็นรายละเอียดของ flow instance นั้น

สำหรับ K2 5.2 ในตอนที่ออกมา มี Fix Pack 1 ออกมาพร้อมกันด้วยนะครับ ถ้าใครจะลงก็ให้ลง Fix Pack 1 หลังจากลง K2 5.2 ด้วยนะครับ สำหรับรายละเอียดแบบเต็มๆ สามารถดูได้ใน link ด้านล่างครับ

https://help.k2.com/onlinehelp/k2five/userguide/5.2/default.htm#Whats-New-Five/Whats-New-Five.htm

ถ้าได้ลองกันแล้วมี feedback อะไรก็มา post คุยกันได้นะครับ ไว้เจอกันใหม่คราวหน้าครับ

K2 5.1 New Feature Overview

สวัสดีครับ ในช่วงก่อนหน้านี้ K2 ได้ release version ใหม่ที่เป็น K2 5.1 ออกมา มีหลายคนถามมาว่า มีอะไรใหม่ๆ บ้าง เลยขอรวบรวมมาเขียนใน blog รอบนี้ซะเลย ลองดูได้ตามด้านล่างแล้วกันครับ 🙂

  • K2 App

จะแบ่งเป็น 2 ส่วน ส่วนแรกคือ pre-built application ที่สามารถ download และ deploy เพื่อใช้งานได้เลย ก่อนหน้านี้เราจะรู้จักกันในชื่อ Smart Starter หรือถ้าก่อนหน้านั้นอีกจะชื่อ Application Accelerators กับอีกส่วนที่ เราสามารถเลือก form หรือ workflow ที่เป็นแบบ template มาสร้าง application ซึ่งอันนี้จะเรียกว่า App Wizards โดยเราเลือกยังสามารถ customize บางส่วนเพิ่มเติมได้ด้วย สามารถดูรายละเอียดเพิ่มเติมได้ที่ https://help.k2.com/onlinehelp/k2five/userguide/5.1/default.htm#Apps/Create/Create-Apps.htm%3FTocPath%3DCreate%7CApps%7C_____0

016

ตัวอย่างหน้าจอการเลือก template ของ App Wizards

  • Exchange Service Type

ต่อกับ Exchange Server ผ่าน REST service (ต่างจากตัวเดิมที่ต้อง configure ผ่าน setup manager แต่อันนี้ new ในผ่าน SmartObject Service Tester หรือ Management Site ได้เลย สามารถจัดการ appointment, email, attachment ต่างๆ ได้ รายละเอียดเพิ่มเติมดูได้ที่ https://help.k2.com/onlinehelp/k2five/userguide/5.1/default.htm#ServiceBrokers/Exchange/Exchange.htm%3FTocPath%3DAdminister%7CK2%2520Management%7CIntegration%7CService%2520Types%7C_____10

  • Salesforce Service Type

เป็นตัว update จาก Salesforce service type เดิม รายละเอียดเพิ่มเติมดูได้ที่ https://help.k2.com/onlinehelp/k2five/userguide/5.1/default.htm#ServiceBrokers/SalesForce/SalesforceInstance.htm%3FTocPath%3DAdminister%7CK2%2520Management%7CIntegration%7CService%2520Types%7C_____17

  • Workflow Designer

ทำ Undo/Redo กับ Cut/Copy/Paste ได้ กับจะมีการแจ้งเตือนเป็นรูปเครื่องมือข้างล่าง ถ้าเราเขียน workflow เป็น looping แบบรูปด้านล่าง

Loop

  • Theme

เพิ่ม theme responsive ใหม่คือ Blue Void กับ Grey Void

  • Server-side Rule

เพิ่ม server-side rule เพื่อให้ทำงานแบบที่ไม่ต้องมี round-trip จาก client ไป server เช่น พวก set control properties

Server-side rule

  • Export to Excel ใน List View

เพิ่ม function export ข้อมูลจาก list view ไป excel โดยจะเป็น method ที่ผูกติดอยู่กับทุก list view เลย

Export to excel

  • Smartbox Data Encryption

สามารถ encrypt data ใน SmartObject ที่ใช้ Smartbox ได้ โดยสามารถเลือกเป็นบาง properties ใน SmartObject ได้

  • Smartbox SmartObject Property Settings

มี setting เพิ่มสำหรับบาง datatype

Text – Constant Size, Maximum Size

Time – Precision

Decimal – Decimal Places

  • Smartbox Own Schema

การสร้าง table ของ Smartbox ไม่ได้สร้างที่ dbo แล้ว แต่จะเป็น Schema ชื่อ SmartboxData แทน

  • Service Method Links

สำหรับ Composite SmartObject เราสามารถ set up Service Method Link ได้แล้ว (ซะที)

  • App Switcher

ที่ด้านบนซ้ายของ site Management กับ Workspace จะมี link ให้กดสำหรับเปลี่ยนไป Site อื่น หรือ App อื่นใน Workspace ได้

Switcher

  • Multi-select Process Instances

ทำ Stop, Delete หรือ Restart ได้หลาย Instance พร้อมกัน

  • Delete Category

สามารถ delete ทั้ง category ได้แล้ว ถึงแม้จะมี object อยู่ใน category นั้นก็ตาม (เมื่อก่อนต้องลบ object ให้หมดก่อน)

Delete Category

  • Authorization Framework

มี permission สำหรับ K2 object เช่น

View – ดู object ตอน design time ได้

Execute – ใช้ object ตอน runtime

Modify – Edit, delete, rename object

Security – ให้สิทธิกับ user อื่นๆ ได้

รายละเอียดเพิ่มเติม ดูได้ที่ https://help.k2.com/onlinehelp/k2five/userguide/5.1/default.htm#AuthorizationFramework/Authorization-Framework-Overview.htm?Highlight=authorization%20framework

  • API

เพิ่ม OAuth authentication สำหรับ Odata กับ Workflow API มี version แล้ว (สำหรับทำ backward compatibility ในอนาคต เพราะอาจจะมีการเปลี่ยน method หรือข้อมูลอย่างอื่นได้)

 

สำหรับ K2 5.1 New Feature Overview ก็มีเท่านี้นะครับ พบกันใหม่คราวหน้าครับ 🙂