cinta ibu

Infopath : Membuat Kontrol Dari List Pada Microsoft Office Sharepoint Server 2007

1 Comment


Form InfoPath bisa mengambil data dari berbagai macam sumber, termasuk dari SharePoint List. Tetapi InfoPath tidak punya akses untuk merubah apapun di dalam SharePoint List, ia hanya bisa meng-akses secara read-only. Di InfoPath, tipe akses ini bernama secondary data source.


Dengan secondary data source, anda bisa membuat kontrol seperti drop-down list dan bisa digunakan untuk membuat report atau laporan dari SharePoint List itu.
Untuk melakukan hal ini, pertama anda perlu membuat data connection ke list, kedua anda harus membuat kontrol yang akan mengikat nilai dan data dari list, dan terakhir anda tambahkan filter yang akan mendisplay data yang bersangkutan.

Pertama, mari kita buat data SharePoint List nya.
1. Klik List dan klik Create
2. Klik Custom List
3. Kali ini saya buat daftar list buku yang berjudul Srimad Bhagavatam
4. Klik Create
5. Sekarang perlu buat nama kolum. Klik Setting, Create Column
6. Buat kolum ID yang bersifat numerik. Terakhir klik OK. Tanda eror mengatakan nama kolum ID sudah ada. Saya ubah nama kolum ini menjadi No.
7. Buat kolum lainnya, Klik setting dan create column
8. Buat kolum Kanto yang bersifat Teks dan klik OK
9. Lakukan hal yang sama untuk membuat kolum bernama Chapter dan Deskripsi
10. Kini atur susunan kolumnya, klik Setting dan List Setting
11. Pergi ke bagian Column dan klik Column ordering
12. Tempatkan nomer kolum di urutan pertama dan klik OK
13. Kembali ke Srimad Bhagavatam. Klik New Item. Isi kolum nya seperti demikian, lalu klik OK. Nampaknya kolum Deskripsi tidak bisa memuat lebih dari satu paragraph, dan ini perlu dirubah.
14. Klik Setting dan list setting
15. Klik nama kolum deskripsi
16. Ubah tipenya menjadi Multiple lines of text
17. Berikan sebanyak 100 untuk Number of lines for editing
18. Pilih Plain text
19. Terakhir klik OK
20. Kembali ke Srimad Bhagavatam
21. Klik Creation, klik Edit Item, dan lengkapi bagian deskripsinya. Jika sudah selesai klik OK
22. Buatlah beberapa chapter lainnya lagi agar daftar buku Srimad Bhagavatam ini lebih lengkap
23. Dan beginilah isi Custom List Srimad Bhagavatam nya yang padat dan komplit
Sekarang kita sudah siap dengan konten nya, mari kita buka InfoPath

Untuk membuat data connection dari InforPath form ke SharePoint list:
1. Buatlah form baru yang kosong
2. Klik Tools dan Data Connection lalu Add
3. Pilih Receive Data dan klik Next
4. Pilih SharePoint library or list dan klik Next
5. Isi alamat URL dimana Custom List Srimad Bhagavatam nya berada. Lalu klik Next
6. Plih Srimad Bhagavatam dan klik Next
7. Pilih Nomer, Title, Kanto, Chapter, Deskripsi, dan ID. Lalu klik Next
8. Hilangkan pilihan pada Store a copy. Lalu klik Next
9. Pilih Automatically retrieve data. Lalu klik Finish dan klik Close

Untuk menambah kontrol yang akan menampilkan hasil dari data connection:
1. Di Design Task, klik Control
2. Ambil dua Drop-Down List Box dan taruh di form
3. Dobel klik pada box pertama field satu
4. Pilih Enter list manually dan klik Add. Bagian box ini menampilkan judul atau title dari Srimad Bhagavatam yang terdapat pada Custom List. Jadi, saya add semua nama judul nya untuk bagian ini. Setelah selesai menambahkan semua judul Srimad Bhagavatam, klik Apply dan OK.
5. Dobel klik pada box kedua field dua
6. Pilih Look up values from external source
7. Pilih Srimad Bhagavatam
8. Klik Xpath
9. Perluas pilihan Srimad Bhagavatam nya
10. Klik Filter Data dan Add
11. Pilih Title is equal to, dan pilih Select a field or group
12. Pilih Main dan field satu, lalu klik OK empat kali dan klik Apply
13. Klik Xpath untuk Value
14. Pilih ID dan klik OK
15. Klik Xpath untuk Display Name
16. Pilih Kanto dan klik OK
17. Klik Apply dan OK

Langkah berikutnya adalah membuat teks box yang menampilkan hasil data yang diambil.
Tentunya dalam pengambilan data perlu dipilah pilah alias di filter agar tidak menampilkan informasi yang sembraut:
1. Ambil Teks Box dan taruh di form
2. Dobel klik teks box nya
3. Klik Display dan pilih Multi-line
4. Pilih Expand to show all text. Dan klik Apply
5. Pergi ke Data
6. Klik tanda formula
7. Klik Insert Field Group
8. Pilih Srimad Bhagavatam. Perluas pilihannya dan pilih Chapter
9. Klik Filter Data dan Add
10. Pilih ID is equal to dan Select a field or group
11. Pada Main pilih field dua, dan klik OK enam kali
12. Berikan nama Chapter untuk teks box ini
13. Tulis dibawahnya Deskripsi. Disini anda buat satu lagi teks box yang akan menampilkan isi deskripsi. Perbesar box nya sehingga bisa muat lebih banyak informasi.
14. Tulis Title untuk drop-down list box pertama
15. Tulis Kanto untuk drop-down list box kedua
16. Dobel klik teks box deskripsi
17. Pilih Display dan klik pada Multi-line
18. Pilih Expand, klik Apply dan pergi ke Data
19. Klik tanda formula
20. Klik Insert Field Group
21. Perluas Srimad Bhagavatam dan pilih Deskripsi
22. Klik Filter Data dan klik Add
23. Pilih ID is equal to dan pilih Select a field or group
24. Pilih field dua pada Main dan klik OK enam kali
25. Saya tambahkan judul utama untuk form ini
26. Jika sudah selesai, klik Save dan simpan di folder My Document

Nah, sekarang tes form ini, klik Preview.
Klik Yes pada tanda peringatan.
Pilih judul dan Kanto nya, maka nama Chapter dan Deskripsinya tampil sesuai dengan apa yang ada di Custom List Srimad Bhagavatam di SharePoint.
Saya coba tes keseluruhan form ini untuk memastikan tidak ada kesalahan sedikit pun, memingat langkah-langkah menuju pembuatan form ini yang datanya diambil dari SharePoint List cukup panjang.

Sudah cukup yakin dan puas dengan hasilnya, namun perlu sedikit perubahan pada drop-down list nya Title dan Kanto.
Saya perlebar box ini sedikit.
Yang Kanto nya saya kecilkan.
Lalu tes.
Nah, beres sudah!

Sumber : Bung Arkka

Author: Panca

Berupaya memfasilitasi hak pendidikan anak-anak Indonesia

One thought on “Infopath : Membuat Kontrol Dari List Pada Microsoft Office Sharepoint Server 2007

  1. Pingback: Kumpulan Arsip Dokumentasi Konfigurasi Sharepoint 2007 « PANCA

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s