The Notes of Sagi Arsyad

-
See also: Other Geeks@INDC

News

Sagi Arsyad's Facebook profile

ASP.NET

My Organization

Simple (WSS) Web parts

maaf, karena tugas akademik yang banyak, sehingga saya (sok) sibuk dengannya dan post ini tertunda 1 minggu lebih

Pada post saya sebelumnya, telah saya sebutkan bahwa kita dapat menggunakan dan disarankan menggunakan ASP.NET Web Parts untuk web-parts generic di WSS. bagaimana caranya ?

 

1. Membuat ASP.NET Webparts

oke, kita mulai dengan membuka visual studio. pada contoh ini saya akan gunakan VSTS 2008

buat project baru dengan template Class Library.

image

add System.Web sebagai reference untuk project anda.

pada Solution Explorer, klik kanan di References, lalu pilih Add Reference... 

image

pada Add Reference window, pilih System.Web lalku klik OK

image

buat sebuah Webpart class

 

using System;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;

namespace WSSWebparts00
{
    public class SimpleWebParts : WebPart
    {
        protected override void RenderContents(HtmlTextWriter writer)
        {
            writer.Write("Hello " + this.Page.User.Identity.Name);
        }
    }
}
 

klik kanan pada project name di Solution Explorer, lalu pilih Properties

Pada Project Properties, pilih bagian Build, kemudian pada Output Path, klik Browse...

Set output path anda pada bin\ folder dari Website WSS anda. folder ini biasanya mempunyai pola

[WINDRIVE]:\Inetpub\wwwroot\wss\VirtualDirectories\[hostname][port]\bin\

pada contoh ini output path saya :

Z:\Inetpub\wwwroot\wss\VirtualDirectories\msdn.local80\bin

karena Windows (pada remote PC) saya berada pada Drive Z: (map network drive), host dari WSS site saya adalah msdn.local pada port 80

image

Selesai setting output path, selanjutanya kita build project : menu Build - > Build <ProjectName>

sudah selesai ? tunggu dulu, ini belum selesai. kita masih barus membuka web.config dari WSS site kita

 

2. add Web Part sebagai safe Controls

web.config dari WSS site kita berada di :
[WINDRIVE]:\Inetpub\wwwroot\wss\VirtualDirectories\[hostname][port]\web.config

selajutkan nyatakan assembly anda sebagai save control dengan menambahkan tag

<SafeControl Assembly="WSSWebparts00" Namespace="WSSWebparts00" TypeName="*" Safe="True" />

diantara tag <SafeControls>
note : WSSWebParts00 adalah assembly dari webpart buatan anda

 

3. add Web part ke WSS Site

Selnajutnya kita buka WSS Site kita sebagai admin, lalu klik Site Action -> SIte Setting

image

Selanjutnya kita menuju Web Parts gallery. klik link Web Part yang berada di group Gallieries

image

klik link new yang berada di menu bar dari Web part Gallery kta untuk menuju list web part yang tersedia (termasuk yang telah kita buat)

image

pada new Webpart list kita akan melihat daftar Web Part yang dapat diembed pada WSS Site.
cek pada Web Part yang kita buat, lalu klik "Populate Gallery"

image

Selanjutnya kita kembali ke halaman utama WSS Site kita untuk meng-add Web Parts yang sudah kita buat ke page Tersebut

klik Site Ection -> Edit Page

page akan berubah menjadi Web Part Edit page

image

klik Add a Web part di salah satu Webpart Zone yang ada
akan muncul sebuah popup list Web part yang dapat kita add di Webpart page kita.
beri cek pada Webpart yang telha kita buat lalu klik Add

image

kita akan diberikan preview Webpart page yang telah kita edit.
selnjutnya klik Exit Edit Mode untuk meng-apply edit yang telah kita lakukan.


image

Web Part yang telah kita buat ada di halaman Utama WSS Site

Share this post: | | | |

Comments

agung said:

@sagi: sudah selesai ? tunggu dulu, ini belum selesai. kita masih barus membuka web.config dari WSS site kita

>>> touching web.config for every web parts ? weleh weleh. Ribet bener ya. Lebih portable DNN Module donk yang deployment-nya ga perlu touch web.config. Kenapa sharepoint pake pendekatan seperti itu ya ? Padahal sudah dikritik di awal-awalnya, tapi sepertinya pendekatan seperti itu tetap dipertahankan.

Any comment ?

# March 12, 2008 10:23 AM

anthonysteven said:

Kalau kita banyak bermain-main dengan Sharepoint, kita pasti banyak berhadapan dengan makhluk yang bernama

# March 12, 2008 6:31 PM

SmartPart: Si WebPart Pintar untuk Sharepoint » Gading Retak said:

Pingback from  SmartPart: Si WebPart Pintar untuk Sharepoint &raquo; Gading Retak

# March 12, 2008 6:41 PM

Ishak said:

Nggak perlu juga touch directly ke web.config kalo kita pake tools WSP Builder bos agung.. malah bisa lebih simple.

- create project webpart.

- coding sana-sini

- klik kanan projectnya, pilih menu WSP -> Build WSP

- Kalo mo deploy, tinggal pilih menu deploy.

hehehe

# March 13, 2008 8:37 AM

agung said:

@ishak,

Bisa ente kasih penjelasan apa yang terjadi di belakang WSP ? Apakah WSP yang melakukan touch the web.config for us ? Saya belum explore sejauh itu sih. Tapi jika benar, ya berarti sama aja donk. Bedanya, yang satu dilakukan manual dan yang satu lagi lewat WSP.

:p

Or any clarification ?

# March 14, 2008 10:08 AM