All posts by narapat

ก็บังเอิญต้องทำงานเกี่ยวกะ sharepoint แล้วก็ ขอบเขียน blog แถมยังชอบรู้จักคนเยอะๆ ก็เท่านั้น

FROM TECH – APP Form ด้วย LigthSwitch

 

ถ้ายังจำกันได้ ผมเคยเขียนไว้ InfoPath Good bye my form, what’s next? ว่า อีกทางเลือกหนึ่งในการสร้าง form บน SharePoint Online คือ LightSwitch วันนี้เลยมาชี้เป้า Tutorial ที่เรียกว่าสมบูรณ์มาก ตั้งแต่การเริ่มสร้าง แอพ survey ด้วย LightSwitch ด้วย standard HTML client ไปจนถึง การ Authenticate กับ Office 365 จนกระทั่ง Deploy ขึ้นไปบน SharePoint Online อย่าให้เสียเวลา กด ลิงค์ ไปเลย http://code.msdn.microsoft.com/officeapps/Survey-App-Tutorial-a70d0afd 

ให้เข้ากับคอนเซ็ปเว็บ ต้องมี ภาษาไทย ผมเลยขอ คัดลอกบางส่วน ออกมาเขียนเป็นภาษาไทยแบบกระชับๆ นะครับ (ภาพด้านล่างเป็นหน้าจอบางส่วนที่เอามาจากใน Tutorial นะฮะ)

  1. การ Enable SharePoint Chrome bar ใน Application ที่สร้างจาก LightSwitch
    1. ก่อนอื่นต้องมี SharePoint Online Developer Site ก่อน ถ้ายังไม่มี ให้ดูได้จาก blog นี้ที่เคยเขียนไว้ที่เว็บเพื่อนบ้าน MVPSkill.com ได้เลยครับ
      http://www.mvpskill.com/kb/how-to-provision-a-developer-site-%E0%B8%9A%E0%B8%99-office-365.html
    2. การพัฒนา แอพบน LightSwitch ผมขอข้ามไปนะครับ
    3. เลือก project properties
      image
    4. เลือก Tab
      image 
    5. พอถึงตรงนี้ให้นึกถึงตอนเราสมัคร แล้วจัดแจงเปลี่ยนให้เป็นรูปแบบนี้ครับ userid@yourdomain.onmicrosoft.com. แล้วกรอกลงไปในช่อง
      image
    6. ถ้าเกิดว่า ณ ตอนนั้นเรา log in ไว้อยู่แล้ระบบจะผ่านให้เลย แต่ถ้ายังไม่ log in ก็จะ มีหน้า Log in ให้เรา log in ก่อน แล้วก็จะได้แบบนี้
      image
    7. ถึงตอนนี้ assembly ของ SharePoint online จะถูก แอดเข้ามาเต็ม แล้วคราวนี้เราจะสามารถ ทำงานกับ SharePoint ผ่าน SharePoint’s Client Object Modle (CSOM) ได้แล้ว
    8. เลือก Authen เป็นแบบ client secret
      image 
  2. เทสหน่อย
    1. ให้เรากด F5 ถ้าเป็นการ run ครั้งแรก ก็จะมีถาม ให้ install Localhost certificate เนื่องจาก LightSwitch แอพที่เราพัฒนากับ SharePoint จะใช้ SSL เพื่อไม่ให้มันถามเราบ่อยๆ เราก็ Accept ไปเลย ถ้าไม่ ก็จะโดนถามตลอดๆ ไม่ได้เป็นอันตรายแต่อย่างใด กด Yes ได้เลย
      image
      และถ้าเจอหน้าจอถามเรื่อง Security Warning ก็คลิก Yes. เช่นเดิม
      image
    2. หลังจากนั้น ก็จะทำการเปิด browser ขึ้นมาให้และเจอหน้าจอให้ Trust Application ถ้าไม่ Trust It  ก็ไม่ได้นะฮะ
      image 
    3. เราก็เทสไปตามเรื่องตามราวว
  3. พร้อม Publish แล้ว ในกรณีนี้เราจะใช้แบบ Auto Hosted ซึ่งจะช่วย provision พื้นที่ๆ ใช้เก็บ App กับ Data ให้เราอัตโนมัติบน Office 365 เลย  ซึ่งจริงๆแล้วเบื้องหลังมันก็ไป เก็บบน Windows Azure กับ SQL Azure นั่นแหละ (จะคล้ายๆกับ การสร้าง SharePoint App ด้วย Access Web App เลย) แต่ไม่มี UI ให้เราไป manage ได้ (แต่เราสามารถเข้าถึง Data ได้ผ่าน Excel นะ ไว้ว่างๆ จะมาเล่าให้ฟัง)
    1. อันดับแรกก็ คลิ้กขวาที่ โปรเจคเลือก publish
    2. เสร็จแล้วเลือก Autohosted
      image
    3. แล้วก็เช่นเดิม next next Technology ก็จะได้ app packpage มาหนึ่งตัว
  4. ยังไม่จบ เราต้องเข้าไป Deploy บน SharePoint Online ก่อน
    1. ก่อนก็ให้เราเข้าไปที่ Developer Site ที่เราบอกไว้ตั้งแต่ตอนแรก ใน Apps in Testing จะมี app ของเราอยู่ (ที่เราแอบรันเทสไปแล้ว) ให้ลบทิ้งเลย โดยการกด สามจุดมหัศจรรย์ แล้ว remove
      image
    2. แล้วเราก็ กด new app to deloy แล้วให้กด upload แล้วก็ browse ไปหา ไฟล์ที่เราได้จากขั้นตอน 3
      image
    3. หลังจากที่ อัพโหลดเสร็จ ก็กด Deploy
      image 
    4. กด Trust It  เช่นเคย
      image
    5. รอจน install เสร็จ เราก็ กด ลิงค์มาใช้ได้เลย
      image

 

จบละ อย่าลืมไป download ต้นฉบับ (ภาษาอังกฤษ) กับ source code ได้ ที่ http://code.msdn.microsoft.com/officeapps/Survey-App-Tutorial-a70d0afd 

 

สวัสดีครับ

LinkedInFlipboardEmailOutlook.comPrintFriendlyWhatsAppYahoo BookmarksYahoo MessengerKindle ItGoogle BookmarksBaiduDeliciousShare

Form Tech – Access App

หลังจากที่คราวก่อนเขียนกับ Form Technology ที่จะนำมาใช้บน SharePoint ที่ Microsoft ได้พูดถึง หนึ่งในนั้นก็คือ Access App วันนี้ก็เลยมาเขียนถึงหน่อยดีกว่าว่า เราจะสร้าง Form เก็บข้อมูล ด้วย Accesss App ได้ยังไง

(จริงแล้ว Access Web App มีมาตั้งแต่ สมัย SharePoint 2010 กับ Office 2010 แต่ไม่ค่อยมีคนพูดถึงเท่าไหร่)

ก่อนอื่นเราต้องเข้า SharePoint Site แล้วเลือก Add Apps หลังจากนั้นให้ค้นคำว่า access.

image

ก็จะมี Dialog ให้เราตั้งชื่อ เราก็จัดการใส่ลงไป

image

เมื่อกด create ก็จะได้ App ขึ้นมาแล้ว แต่ยังไม่เสร็จนะครับ

image

พอเรากด ที่ icon เราจะเจอหน้าตาแบบนี้ เราต้องมี MS Access 2013  มาใช้ในการ ออกแบบ

image

เมื่อเรากดที่ link “Open this app in Access to start adding tables” เราก็จะได้ ไฟล์มาจะเห็นว่า Type เป็น Microsoft Access Web Application

image

พอเราเปิดไฟล์ ก็จะเจอข้อความแบบนี้ เพื่อบอกว่า ต้องมีการ download ข้อมุลบางอย่างจาก internet ซึ่งก็คือ SharePoint site เรานั่นแหละครับ ก็กด OK ไป

image

เมื่อพอถึงหน้า การเพิ่ม ตาราง เราจะสามารถ ออกแบบเอง หรือจะใช้ตารางจาก template ก้อได้ครับ เพื่อความสะดวกผมเลือก Employees จาก template ละกัน

image

รวดเร็วปานเน็ต 3G (เร็วจริงเหรอ?) เราก็ได้ Table พร้อมกับ Form มาเรียบร้อย พร้อมทำงาน ห๊ะ!!

image

ถ้าเรากด Edit เราก็จะเข้ามาสู้หน้าจอการออกแบบให้เราปรับแต่งได้ครับ ซึ่งพอเราคลิ๊กไปบนตัว control ก็จะมี quick menu ให้เราใช้ได้สามเรื่อง คือ Data, Formatting, Action

ตัว Data จะมีไว้ให้เราทำ binding data กับ control รวมถึงการกำหนดค่าเริ่มต้นแบบ static หรือ dynamic ผ่าน expression builder ได้

image

ตัว Formatting ก็จะกำหนด Tooltip, Visible, Enabled, Input Hint

image

และตัว Action ก็จะกำหนด การทำงานได้ว่าให้ทำอะไร ในกรณ การ click และ หลังข้อมูลมีการปรับปรุง

image

หน้าจอการกำหนด Action

image

พอเสร็จเรียบร้อยแล้ว ก็ให้กด Lunch App

image

Browser ก็จะถูกเปิดขึ้นและแสดง form บน SharePoint แบบนี้ครับ เราสามารุเพิ่มข้อมูลได้เลย

image

ดูข้อมูลแบบ List Item

image

หรือจะดูแบบ Tabular ก็ได้ ขึ้นอยู่กับการออกแบบของเราครับ

image

ซึ่ง support กับ browser อื่นๆ นอกจาก IE แล้วเช่นกัน

image

ย้อนกลับมานิดนึง เวลาที่เราสร้าง App เสร็จแล้ว เราสามารดูรายละเอียดของ App ได้ด้วยครับ

image

ซึ่งข้อมูลก็จะอัพเดททุกๆ 24 ชั่วโมง

image

นี่ก็เป็นวิธีคราวๆ ในการสร้าง Form Application บน SharePoint online ด้วย Access ที่เรารู้จักกันมายาวนานครับ

ศึกษาเพิ่มเติมได้ที่

Access for Developer – http://msdn.microsoft.com/en-us/office/aa905400

Developer training for Office, SharePoint, Project, Visio, and Access Services – http://msdn.microsoft.com/en-US/office/dn448488

LinkedInFlipboardEmailOutlook.comPrintFriendlyWhatsAppYahoo BookmarksYahoo MessengerKindle ItGoogle BookmarksBaiduDeliciousShare
images

InfoPath, Good bye my Form. What’s Next?

สำหรับใครที่ติดตามเกี่ยวกับ form technology ที่ใช้บน SharePoint หรือเห็นผมโพสเรื่องกับ InfoPath ในช่วงเกือบเดือนที่ผ่านมา คงจะพอทราบแล้วว่า ไมโครซอฟต์จะไม่ลงทุนพัฒนา อีกต่อไป [1]   (สำหรับใครที่ยังไม่แน่ใจว่า InfoPath คืออะไร ผมว่ารู้ไว้ก็ไม่สาย งาน Migrate ต้องกระหน่ำมาแน่นอน http://blogs.msdn.com/b/infopath/ )

งานเข้าแล้วไงแล้ว form สารพัดที่ทำไว้หละ? เยอะด้วย  – ยังไม่ต้องตกใจครับเพราะแค่ไม่พัฒนาเพิ่ม และ InfoPath สำหรับ SharePoint On-premise ยังคง Support ไปอีก สิบปี นั่นก็คือ 2023 ตามมาตรฐาน Lifecycle support policy  แต่ สำหรับ SharePoint Online อาจเร็วกว่านั้น ซึ่งยังไม่ได้บอกว่าเมื่อไหร่ แต่ทาง MS ก็บอกว่าให้ใช้ InfoPath กันต่อไปได้  ส่วนเรื่อง Migration Tool จะบอกอีกที ใน ไตรมาตร ที่ 4 ปีนี้ แล้วจะมีอัพเดทข้อมูลเพิ่มเติม ในงาน SharePoint Conference 2014 (SPC 2014)

อ้าว แต่เราไม่มีตังค์ไปทำไงดี พอหลังวัน ที่ 4  ผมก็พยายามตามข่าวจาก บรรดาคนที่ไปร่วมงานแทน หลังจากอ่านจากหลายๆ แหล่งก็สรุปได้ดังนี้

  • InfoPath และ InfoPath for SharePoint on-premise  ยัง support ต่อไปอีก 10 ปี จนถึงปี 2013
  • InfoPath for SharePoint Online (Office 365) อาจจะเร็วกว่านั้น ให้รอฟังข่าว
  • มีการพูดถึง Excel Survey
    • ถูกเรียกว่า เป็น Form on Spreadsheet, หรือเรียกย่อๆว่า FoSS ออกเสียงว่า Fossis
    • คิดไม่ออกนึกถึง google form แต่อันนี้เก็บข้อมูลลง Excel
    • ใครมี OneDrive หรือ Office 365 สามารถใช้งานได้แล้ว และยังจะมีการพัฒนาอย่างต่อเนื่องไปอีก
  • List Forms  (ใครที่ใช้ Custom list อยู่คงจะรู้อยู่แล้วว่าคืออะไร
    • ถูกเรียกว่าเป็น Form on SharePoint List, เรียกย่อๆว่า FoSL, ออกเสียงว่า Fossil
    • จะสร้างขึ้นบน เทคโนโลยี เดียวกับที่ใช้ในการ ออกแบบ form บน Access แต่ บิ้วบน SharePoint
    • ออกแบบ form ได้บน Web browser เลย
    • ไทม์ไลน์ คร่าวๆ ประมาณนี้
      • 3-6 เดือน จำทำ Cascading combo ได้ (เย้)
      • 1 ปี จะสามารถใส่ business logic, ซ่อน/แสดง section และอื่นๆ (แบบที่ InfoPath ทำได้)
      • ในอนาคต จะรองรับการเรียกใช้งาน Web Service, eSignature
      • สำหรับ office 365 (ซึ่งก็รวมถึง SharePoint Online)  จะเห็นอะไรบ้างใน Summer 2014 และ ตุลา 2015 แน่ๆ
      • สำหรับ On-premise ก็รอ vNext server ปี 2015 เลย
  • Structure Documents
    • ตัวนี้เป็นไปได้ว่าจะมาแทน InfoPath Form Library
    • สร้างบนพื้นฐานของ Microsoft Word  (ถ้าใครซน จะรู้ว่า MS Word ไฟล์ข้างใน เก็บแยกระหว่าง content กับ schema)
    • แน่นอนว่า ต้อง print ได้ ทำ form ได้ แนวทางและรายละเอียด จะมาอีกทีตอน สิ้นปี 2014
  • App Forms
    • สร้างบนพื้นฐานของ Access Service
    • รองรับ relational data (ง่ายๆ คือ Access นั่นแหละครับ data/form อยุ่ในตัวเดียวกัน)
    • หน้าตาที่ได้ออกมาจะคล้ายๆกับ FoSL
    • สำหรับ คนที่มี Office 365 ใช้งานได้เลย (ผ่าน Access Web App, ไว้มีเวลาจะมาเล่าให้ฟังนะครับ) และในอนารตจะมีการเพิ่มให้ link data จาก SQL Azure ได้ (ซึ่งในปัจจบันเท่าที่เคยลองคือ Access Web App เก็บข้อมูลบน SQL Azure อยู่แล้ว แต่ ผู้ใช้เข้าถึงผ่าน SQL Server Management Studio ได้ เพราะ ไม่สามารถไปเซท proxy ได้  (แต่ มีวิธีไปดึง มาได้ ผ่าน Excel)
    • บน  SharePoint Server 2013/ Office 2013 ก็ใช้งานได้แล้ว

และสุดท้าย ไมโครซอฟต์ก็เปิดรับ feedback เกี่ยวกับ form technology ที่ http://OfficeForms.uservoice.com ต้องคอยติดตาม (รวมถึงไป Vote ได้)

นอกจาก ข้างบน จริงๆแล้วก็ยังมี product เกี่ยวกับ form ที่ผมเคยได้ยินอีกนิดหน่อย โดย product แต่ละตัวก็จะ positioning ตัวเองในตลาดที่ต่างกัน รวมถึง eco system ที่จะ product สร้างไว้ด้วย ตามนี้ครับ

LightSwitch in VS 2013 ที่ สามารถเชื่อมต่อกับ SharePoint List เอามาสร้าง form ได้โดยบิ้วออกมาได้ทั้ง Client app กับ Web Apps

Forms7 ใน CodePlex โปรเจค เค้าบอกว่าเป็น Lightweight InfoPath Alternative form for sharepoint เลย

– นอกจากนี้ ก็มี Live Form ของ Indigy

Nintex Form

K2 Smart form ที่เรนเดอร์ออกมาเป็น html+jquery รองรับการทำงานบน browser เต็มรูปแบบ

เนื่องจากไม่ได้ไปเห็นกับตา ฟังกับหู เลยต้อง อาศัยแหล่งข่าว ทั้งหมดตามนี้ครับ

[1] – http://blogs.office.com/2014/01/31/update-on-infopath-and-sharepoint-forms/

[2] – http://www.andrewconnell.com/blog/update-on-the-forms-story-from-the-sharepoint-conference-2014-update-on-the-future-of-infopath

[3] – http://nikpatel.net/2014/03/08/future-of-infopath-spc14-notes-from-office-and-sharepoint-forms-roadmap-update/

[4] – http://zimmergren.net/business/the-future-of-forms-with-sharepoint-and-office-365

[5] – http://blog.sharepoint-videos.com/to-infopath-or-not-to-infopath-thats-the-question-these-days/

[6] – http://www.deliveron.com/blog/post/SharePoint-Conference-14-Notes-Update-on-InfoPath-and-SharePoint-Forms.aspx

[7] – https://channel9.msdn.com/Events/SharePoint-Conference/2014/SPCtv-Insights-into-the-Future-of-Forms

[8] – http://www.cmswire.com/cms/social-business/navigating-the-microsoft-forms-roadmap-spc14-024389.php

LinkedInFlipboardEmailOutlook.comPrintFriendlyWhatsAppYahoo BookmarksYahoo MessengerKindle ItGoogle BookmarksBaiduDeliciousShare

SharePoint Conference 2014: Connect Reimagine Transform

อีกไม่กี่ชั่วโมงแล้ว เกาะอยู่หน้าคอมพิวเตอร์รอ

3ae2a3f5-4b47-40a7-a1c6-e064da48b846

ใครยังไม่ได้ดูมาดูกันเลยครับถ่ายทอดสด Keynote, อดีตประธานธิบดีสหรัฐฯ Bill Clinton  ที่นี่เลยครับ  http://channel9.msdn.com/Events/SharePoint-Conference/2014

แก้ไข้ มาเพิ่ม วีดีโอ

แก้ไข้อีกรอบ วีดีโอโดนเอาออกไปแล้วคับ T_T

เพิ่มเติม 14 มีนา 2014

script powershell ดาว์นโหลด สไลด์และวีดีโอจากงาน SPC2014
The Ultimate Script to download all #SharePoint Conference 2014 videos AND slideshttp://ctt.ec/168h2+ by @vladcatrinescu #spc14

LinkedInFlipboardEmailOutlook.comPrintFriendlyWhatsAppYahoo BookmarksYahoo MessengerKindle ItGoogle BookmarksBaiduDeliciousShare

Upload Files ขึ้น SharePoint Online ด้วย PowerShell #2

 

จากคราวที่แล้วที่เราค้างไว้ ถึงเวลาที่เราสามารถ เชื่อมต่อกับ SharePoint Online Site ได้เรียบร้อยแล้วนะครับ

 

เราก็จะมาต่อที่ Function BulkUpload ที่เรา comment ออกไป ซึ่งในนี้ หลักง่ายๆคือเราจะอ่านไฟล์ ที่มีอยู่ใน folder ที่เราเลือกไว้

 

image

 

ในบรรทัด 43 เราะจะเห็นว่าเราใช้ cmd-let Get-ChildItem เพื่ออ่านไฟล์ทั้งหมด เก็บไว้ในตัวแปร $Files ซึ่งเป็นแบบ Object Collection แล้วเราก็ทำการ Loop หาชื่อไฟล์ที่อยู่ใน collection ส่งไป

ง่ายมั๊ยคับ ^_^

ในบรรทัด 49 เราก็ส่งค่าไปยัง fuction “UploadFile”   ซึ่งจะมีหน้าตาแบบนี้

image

อธิบายได้ตามนี้เลยครับ

10 เป็นการตรวจสอบว่ามีไฟล์นี้มีจริงๆมั๊ย (ย้ำคิดย้ำทำ เผื่อว่าเอาไปให้คนอื่นใช้ต่อแล้วเค้าไมได้ตรวจมาก่อน)

13 ประกาศ Object File ของ SharePoint

15 อ่านไฟล์ในรูปของ byte ใส่ไว้ในใน Content (เพราะว่า ใน SharePoint จะเก็บไฟล์ใน Database)

16 ใส่ชื่อไฟล์

19 หา document library ที่เราต้องการขึ้นมาใส่ไว้ใน object ชื่อ $DocsLib

21 เป็นการบอกว่าเราจะ เพิ่มไฟล์ละนะ

23-24 เป็นการ สร้างไอเท็มมาเกาะไว้กับ ไฟล์ที่เราต้องการอัพโหลด

26 หาชื่อของผมผู้ใช้ที่ login อยู่ขณะนั้น

28 – 33 อัพโหลดครับ

34 ถ้าทำงานถูกต้องใช้ function ส่งค่ากลับเป็น True.

 

ตอนนี้เราก็เข้าไปดูว่า มี Document library อยู่จริง

 

image

แล้วเราก็ Run ได้ผลแบบนี้

image

อัพเสร็จแล้ว

 

image

 

 

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

สวัสดีครับ

LinkedInFlipboardEmailOutlook.comPrintFriendlyWhatsAppYahoo BookmarksYahoo MessengerKindle ItGoogle BookmarksBaiduDeliciousShare