2011年5月25日 星期三

How to Modify Login Page UI for SharePoint 2010 (如何修改SharePoint 2010上的登入畫面樣式)

這篇亞當斯要示範的不是客製化一個SharePoint 2010 Login Page,而是直接修改SharePoint 2010 上的登入網頁Login Page UI,並套上企業的LOGO或是加上一些簡單的文字,讓整個SharePoint 2010更有企業文化的整體感。

首先要說明的是SharePoint 2010之Login Page到底是哪一頁aspx,該修改哪一個檔案才能更新它的預設畫面?答案就是:simplev4.master (請注意不是simple.master唷,根據實際測試simplev4.master才是SharePoint2010 V4用的) 以及 default.aspx,這兩個檔案分別是位在:

  • simplev4.master的主要路徑為:C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\14\TEMPLATE\LAYOUTS\
  • default.aspx的主要路徑為:C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\14\TEMPLATE\IDENTITYMODEL\FORMS

譬如亞當斯在一個已經設定好FBA的SharePoint2010網站中,要把他的登入頁面UI修改一下,那麼:

  1. 先導入到登入畫面
    image
  2. 請檢視一下Url : http://sharepoint:70/_forms/default.aspx?ReturnUrl=%2f_layouts%2fAuthenticate.aspx%3fSource%3d%252FSitePages%252FHome%252Easpx&Source=%2FSitePages%2FHome.aspx
  3. 這邊的_forms/default.aspx就是上面所指的 : C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\14\TEMPLATE\IDENTITYMODEL\FORMS下的default.aspx
  4. 接著開啟:simplev4.master
  5. 加入背景的css style,先在背景加入顏色 : <body style="background-color:Silver;" …..
  6. 並且在<div id="s4-simple-card">下加入LOGO,使用div用來顯示企業LOGO圖片
  7. <div style="background-color:Black;">   <asp:Image ID="tsmcLogo" ImageUrl="~/_layouts/images/tsmcLogoH.gif" runat="server"  /> </div>

  8. 最後再把顯示Error的圖片拿掉:
    <%--<img src="/_layouts/images/errorIcon.png" alt="<%$Resources:wss,error_pagetitle%>" runat="server" />--%>

好啦,大功告成!這樣一來就可以直接修改SharePoint 2010 的Login Page UI 以符合企業的需求

2011年5月24日 星期二

Easy Office 365 Starter–超 Easy Microsoft Office 365 快速建立導入

適用於專業人員和小型企業的 Microsoft Office 365 訂閱服務結合熟悉的 Microsoft Office Web Apps 與易於學習使用的 Web 工具集,可與現有硬體搭配運作,而且針對企業營運需求提供穩固的安全性、可靠性和控制。

  • 透過 Microsoft Exchange Online 提供:Office 365 可讓您幾乎隨時隨地使用桌上型電腦、膝上型電腦和行動裝置*,存取電子郵件、行事曆和連絡人—同時協助保護免於病毒和垃圾郵件威脅。
  • 透過 Microsoft SharePoint Online 提供:Office 365 可讓您在單一位置,從共用電腦或智慧電話存取及共用文件和見解、聯絡人、行事曆和工作。
  • 透過 Microsoft Lync Online 提供:透過您每日使用的 Office 應用程式中的立即訊息 (IM)、Lync 視訊通話或線上會議,Microsoft Lync Online 協助您尋找並快速連接連絡人。

首先感謝 John 的安裝導入介紹,各位有興趣請先參考以下這篇文章:Office 365 Beta 初窺(1) -- 啟用,不得不說John真的是超威的,已經把我想要註冊的網域搞到手,哈哈~好啦廢話不多說,我記錄一下亞當斯的申請過程!

  1. 首先到http://www.microsoft.com/zh-hk/office365/small-business/beta.aspx註冊一個Office 365 P1的帳戶,亞當斯原本要註冊香港地區的繁體中文版,但是沒想到HK的Office 365 P1居然在註冊的時候掛了,我咧~好吧!那只好先註冊英文版的來玩玩…image
  2. 所以就先到US註冊,反正英文版的大家也比較習慣相關的設定吧!image
  3. 填好完整資料之後,送出完成之後,當登入後,進入管理介面中,會出現以下視窗畫面,接著就可以設定相關的功能,諸如:Outlook Online、SharePoint Online、Lync整合…等等image
  4. 其實亞當斯比較感興趣的是其SharePoint Online所可以支援的功能到底有哪些,所以就先來建立SharePoint Online,按下 Team sites and document 下的Manage team site。image
  5. 使用帳戶登入之後,我只能說:太酷了! 一個線上快速的SharePoint網站不到一分鐘馬上建立完成,image
  6. 而且語系隨時可以調整,就算你想要將你的SharePoint Online呈現為中文版也行,甚至在進行內容設定時,也可動態調整清單的語系,如下圖所示:image

感覺Office 365對小企業來說真的很好用,只要花一點點小小的費用,就可擁有企業的整體服務,亞當斯此次申請的Beta版,還有184天才到期,算一算有大概半年的試用期,可以讓亞當斯測很多東西了,改天有測到更多功能載來跟各位分享。

image

2011年5月23日 星期一

How to Import SharePoint 2010 Workflow from SharePoint Designer 2010 to Visual Studio 2010 (如何將SharePoint 2010 Workflow從SPD中匯入Visual Studio 2010)

SharePoint2010流程的設計非常的彈性化,你可以先使用Visio設計好流程圖,匯入SPD中之後,在SPD中編寫參數設定、條件判斷、流程執行所運作的邏輯設計…等等,基本上一般的流程設計使用SPD可以滿足大部分的需求,但是如果需要SharePoint 整合企業內部的一些系統,諸如:ERP、CRM…等等,那麼使用Visual Studio 2010會是比較好的選擇。

那麼該如何將已經在SharePoint Designer 2010中設計好的流程,直接匯入到Visual Studio 2010進行程式的修改和撰寫,以下亞當斯就帶各位來練習一下:

  1. 將已經設計好的workflow匯出為.wsp的方案檔。先選取欲存檔的流程,並按下Ribbon上的Save sa Template:
    SPDToVS-1
    SPDToVS-2
  2. 此時SPD會將封裝流程的wsp存放到Site Assets中
    SPDToVS-3
  3. 在SDP左邊的選單中,點選Site Assets,可以看到剛剛存成Template的Workflow
    SPDToVS-4
  4. 按下Ribbon中的Export File,將wsp檔儲存到指定的位置
    SPDToVS-5
  5. 打開Visual Studio 2010,新增一個 "Import Resuable Workflow"專案,指定好部署的方式與位置
    SPDToVS-6
  6. 選擇剛剛從SDP中匯出的wsp檔,按下Next
    SPDToVS-8
  7. 接著就可以選擇要將那些流程匯入Visual Studio 2010中開發,這邊亞當斯只有建立一個流程,所以畫面中的流程選項只有一個選擇,按下Finish
    SPDToVS-9
  8. 匯入成功之後,在Visual Studio 2010的方案總管中,可以檢視整個流程的SPIs,預設會產生一個圖形化的流程設計界面、一個xoml和Element.xml
    SPDToVS-10
  9. 最後就可以使用Visual Studio 2010來編輯流程或是加上程式客製化了
    SPDToVS-11