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

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

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

สวัสดีครับ

หลายๆ คนอาจจะพอเคยจะได้ยินความสามารถของ PowerShell กันมาบ้างแล้ว ถ้ายังไม่เคย อืม…ไว้มาเล่าอีกทีละกันนะครับ พอดีมีโจทย์ ที่ผมเจอมาว่า ผมอยากจะช่วยผู้ใช้อัพโหลดเอกสารบางอย่างขึ้นบน SharePoint Online แต่อยากทำในตอนกลางคืน ผมก็เลยนึกถึง Power Shell ขึ้นมาได้ แต่คราวนี้ปัญหาของ SharePoint Online คือ ไม่มี คำสั่งให้อัพโหลดไฟล์

แล้วบังเอิญว่า PowerShell นั้นสามารถ Reference .NET dll เข้ามาทำงานร่วมกันได้ นั่นคือ เราสามารถใช้ คำสั่ง .net ร่วมกับ cmd-let ในการทำงาน ดูเลยดีกว่า

image

รูปแรกก็จะเป็นการ Reference .net dll เข้าไว้ใน script

image

รูปต่อมาจะเป็นการทำงานหลัก ยังไม่เกี่ยวกับการ อ่านและ upload file นะครับโดยที่

59 – 63 จะเป็นการรับค่าต่างๆ

65 – 70 เป็นการเชื่อมต่อกับ SharePoint Online site

72 ตรวจสอบว่า เชื่อมต่อได้หรือไม่

76 – 78 เป็นการเปิด Site

82 ตอนนี้ เรา comment ไว้ ก่อนแล้วลอง run  ถ้าไม่มีอะไรผิดพลาด จะออกมาหน้าตาแบบนี้ครับ

image 

คราวหน้าเราจะมาต่อกันในส่วนของการอ่านไฟล์และอัพโหลดเอกสารนะครับ

สวัสดีครับ

LinkedInFlipboardEmailOutlook.comPrintFriendlyWhatsAppYahoo BookmarksYahoo MessengerKindle ItGoogle BookmarksBaiduDeliciousShare