MANAJEMEN INTERNET CONTENT Dl BIDANG PERBANKAN DAN INTEGRASI APLIKASI EMAIL UNTUK MENDUKUNG ENTERPRISE INFORMATION PORTAL EKSEKUTIF
MANAJEMEN INTERNET CONTENT Dl BIDANG
PERBANKAN DAN INTEGRASI APLIKASI EMAIL UNTUK
MENDUKUNG ENTERPRISE INFORMATION PORTAL
EKSEKUTIF
TUGASAKHIR
P!ft.PUSTAKAAN
I T S
Mochammad Risca Agustian
NRP. 5201 100 036
PROGRAM STUDI SISTEM INFORMASI
FAKULTAS TEKNOLOGI INFORMASI
INSTITUT TEKNOLOGI SEPULUH NOPEMBER
SURABAYA
2006
MANAJEMEN INTERNET CONTENT DI BIDANG
PERBANKAN DAN INTEGRASI APLIKASI EMAIL UNTUK
MENDUKUNG ENTERI,RISE INFORMATION PORTAL
EKSEKUTIF
TUGASAKHIR
Diajukan untuk Memenuhi Sebagian Persyaratan
Memperoleh Gelar ~arjn
Komputer
·Pada
Program Studi Sistem lnformasi
Fakultas Teknologi lnformasi
lnstitut Teknologi Sepuluh Nopember
Surabaya
. 132 206 853
SURABAYA
JANUARI 2006
ABSTRAK
ABSTRAK
Pengembangan perangkat lunak Enterprise Information Portal menjadi
salah satu media pemenuhan kebutuhan informasi internal maupun ekstemal bagi
pengguna. Kebutuhan informasi ekstemal yang diperlukan oleh tingkat eksekutif
memang tidak memiliki persentase sebesar kebutuhan informasi internal
perusahaan. Akan tetapi, apabila hal tersebut dapat terpenuhi dengan baik maka
akan mempengaruhi keputusan strategis yang akan diambil oleh eksekutif. Selain
menjadi media informasi, Enterprise Information Portal juga menjadi media
komunikasi bagi penggunanya.
Penilitian ini berusaha mengembangkan fitur manajemen Internet Content
khususnya di bidang Perbankan dan integrasi aplikasi Email untuk mendukung
perangkat lunak Enterprise Information Portal untuk eksekutif. Penelitian diawali
dengan analisis terhadap definisi kebutuhan sebuah Internet Content dan integrasi
aplikasi Email dalam Enterprise Information Portal yang dilanjutkan dengan
perancangan arsitektur dan domain model yang digunakan. Untuk pengembangan
dan pembuatan perangkat lunak, digunakan teknologi open source yaitu Java,
framework Tapestry, Jetty sebagai web server dan PostgreSQL sebagai basis data.
Uji coba dilakukan dengan proses instalasi, mencoba kombinasi konfigurasi untuk
menguji tingkat aktualitas berita-berita dan kombinasi konfigurasi untuk fasilitas
pencarian dan personalisasi. Selain itu pengujian dilakukan pada metode
berkomunikasi melalui aplikasi email yang terintegrasi.
Penelitian ini menghasilkan perangkat lunak yang mampu menjadi media
informasi ekstemal, pencarian informasi dan kolaborasi dengan adanya aplikasi
email terintegrasi. Dengan adanya Enterprise Information Portal untuk Eksekutif
ini diharapkan keputusan strategis yang diambil untuk perusahaan dapat menjadi
lebih baik.
Kata Kunci: Enterprise Information Portal, Informasi Eksternal, Kolaborasi
lll
KATA PENGANTAR
Alhamdulillah, segala puji dan syukur ke hadirat Allah SWT yang
senantiasa memberikan hidayah dan limpahan kasih sayang-Nya serta shalawat
dan salam kepada junjungan Nabi Muhammad SAW, sehingga penulis dapat
menyelesaikan Tugas Akhir yang berjudul :
"Manajemen Internet Content di Bidang Perbankan dan
Integrasi Aplikasi Email untuk Mendukung Enterprise
Information Portal Eksekutif''
sebagai salah satu persyaratan akhir dalam rangkaian menyelesaikan pendidikan
Strata satu (S 1) pada Program Sudi Sistem Informasi Fakultas Teknologi
Informasi, Institut Teknologi Sepuluh Nopember Surabaya.
Penulis persembahkan Tugas Akhir ini khusus untuk Ayahanda dan
Ibunda tercinta yang tidak letih-letihnya memberi dukungan riil, moril dan
spiritual, meskipun persembahan ini tidak mampu membalas segala apa yang
beliau berikan. Semoga hidayah dan rahmat-Nya selalu menyertai.
Terima kasih dan penghargaan yang setinggi-tingginya juga penulis
sampaikan kepada :
•
Ayah dan Ibu tercinta yang dengan cintanya mampu memberi sebuah
kekuatan tersendiri bagi penulis. Terima kasih Yah Bu.
•
Bapak Febriliyan Samopa S.Kom, M.Kom selaku Dosen Pembimbing dan
Dosen Wali yang telah banyak memberikan saran dan arahan sebelum dan
sesudah Tugas Akhir.
•
Bapak Ir. Khakim Ghozali selaku Ketua Program Studi Sistem Informasi ITS
yang memberikan fasilitas lab yang istimewa.
•
Bpk. Rully Soelaiman, S.Kom, M.Kom selaku Sekretaris Program Studi
Sistem Informasi ITS.
•
Ibu Wiwik Anggraeni S.Si, M.Kom selaku Koordinator Tugas Akhir, atas
perhatiannya kepada para pengambil TA.
iv
•
Dosen-dosen Sistem lnformasi: Bpk. Ir. Aris Tjahyanto, M.Kom, Bpk. Arif
Djunaidy, MSc. PhD., Bpk. Febriliyan Samopa, S.Kom, M.Kom, Bpk. Rully
Soelaiman, S.Kom, M.Kom , Bpk. Mudjahidin, ST, MT, Bpk. Faizal Johan A,
S.Kom, Bpk. Edwin Riksakomara, S.Kom, MT, Bpk. Bambang Setiawan,
S.Kom, M.Kom, Ibu Erma Suryani, S.Kom, MT, Bpk. Rully Agus, S.Kom,
dan lbu Nur Aini, S.Kom, atas segala bimbingan dan arahan selama kuliah.
•
De'Inda dan De'Za, yang selalu memberikan perhatian dan tingkah yang luculucu membuat penulis sejenak melupakan kepenatan.
•
Seseorang yang selalu ada dalam lubuk hati yang terdalam yang kata dan
geraknya selalu membuat adrenalin tubuh ini kembali mengalir, membuat
semangat dan konsentrasi kembali hinggap, salam sayangku untuk Ambhita.
•
Bu lsye, sebagai pembirnbing Tapestry yang selalu sabar menghadapi penulis.
•
Mas Bambang Widjanarko selaku administrator lab SI, terima kasih atas
pembagian komputer hak akses yang luar biasa.
•
Mas Kadir dan Mbak Anita, serta Pak Jarwo, yang selalu dan sering direpoti
oleh penulis dan rekan-rekan.
•
Karyawan Sistem lnformasi pada khususnya dan FTif pada umumnya: Pak
Yudi, Pak Namo, Bu Tutik, pak Cucuk, Mas Hermono, Mas Hari, Pak Muin,
Pak Karmono, Pak Bagyo, Pak Soleh, Mas Sugeng, Mbak Eva, Wawan dkk.
•
Keluarga penulis: Uti, Akung, Om Sas, Tante Ning, Om Adi, Le Sri, Om Tro,
Tante Tiha, Om Cu, Le'Rin, Pa'de Madhi dan keluarga, Pa'de Makudi dan
keluarga, Le'Tin dan keluarga, Mas Warso, Mbak Ida, Cacak, De' Adit,
De' Anggi, De'Lita "Endel", De'Penti, De'Sari, De' Angga, De'Mitha
"Mithul", De'Cindy "Cendol", De'Danar "La piye to?''.
•
Semua Bapak dan Ibu Guru semasa penulis menempuhjenjang pendidikan.
•
Para pejuang IS'Ol musim kedua Ambhitaku, Diyah, Fatwa, Poleng, Acong,
Titus, Eka "Tur", Ratih "Pam", Arin, Yenny, Om Angga, Didit, Adhi
"Mr.Late", Alfa "Mbet", sebuah kenangan peijuangan yang tak terlupakan.
•
IS'Ol yang lebih dulu pergi, Deptha, Cemiit, Dudut, Soni, Beny, Icha, Yudi,
Gesti, Tante Ndah, Phipu, semoga Tuhan memberkati.
v
•
ISO 1 yang lain, Irfan, Njoss Sofyan, Gofs, Miko, Bozzila, Bagus, Reza,
Mamang, Priza, Dimas, Ryan, Mirza, Pangestu. 2001 ugh..ugh.. !
•
Rekan-rekan ITS yang lagi T A juga, Sasi, Ika, Slamet, Beni, Mas Danang,
Eko "Bejat".
•
Rekan-rekan IS02, IS03, dan IS04, selamat berjuang meneruskan cita-citamu.
•
Rekan-rekan alumnus SDN I Mojopanggung, SLTPN 2 Banyuwangi, SMUN
1 Glagah.
•
Serta pihak-pihak yang telah membantu dalam Kerja Praktek selama berada di
Indosiar.com, Bapak Beni, Mas Edwin, Mas Yos.
•
Dan pihak-pihak lain yang sangat membantu penulis yang tidak dapat
disebutkan satu persatu.
Tiada kata yang dapat melukiskan dan upaya untuk penulis sampaikan
sebagai balasan atas semuanya, selain hanya doa dan permohonan semoga Allah
SWT membalas semua amal tersebut. Amin.
Surabaya Januari 2006
Penulis
Vl
DAFTARISI
DAFTARISI
ABSTRA.K............................................................................................................. iii
KA.TA PENGANTAR .......................................................................................... iv
DAFTAR lSI························-·············································································· vii
DAFT AR GAMBAR ........................................................................................... XV
DAFTAR TABEL ............................................................................................... xxi
BAB I PENDAHULUAN ................................................................................... 1
1. 1.
Latar Belakang ........................................................................................ 1
1. 2.
Tujuan ...................................................................................................... 4
1. 3.
Manfaat .................................................................................................... 4
1. 4.
Permasalahan ........................................................................................... 5
1. 5.
Batasan Masalah ...................................................................................... 5
1. 6.
Metodologi Penyusunan Tugas Akhir ..................................................... 6
1. 7.
Sistematika Penulisan Laporan ............................................................... 7
BAD II DASAR TEORI ....................................................................................... 9
2. 1.
Portal ..................................................................................................... 10
2. 1. 1.
Deskripsi Portal ............................................................................. 10
2. 1. 2.
Jenis Portal .................................................................................... 11
2. 1. 2. 1.
Intranet Information Portal.. ................................................. 11
2. 1. 2. 2.
Business-to-Employee (B2E) Portal ...................................... 12
2. 1. 2. 3.
Internet Portal ....................................................................... 12
2. 1. 2. 4.
Business-to-Business (B2B) Portal ....................................... 12
2. 1. 2. 5.
Business-to-Customer (B2C) Portal ...................................... 13
2. 1. 2. 6.
Mobile Portal ........................................................................ 13
Vll
2. 1. 2. 7.
2. 2.
Enterprise Information Portal ............................................................... 13
2. 2. 1.
Perkembangan EIP ........................................................................ 14
2. 2. 2.
Arsitektur Enterprise Infonnation Portal.. ..................................... 15
2. 2. 2. 1.
Tier 1: Presentation Layer .................................................... 16
2. 2. 2. 1. 1.
Desain antar muka Portal (Portal Design Interface) ...... 17
2. 2. 2. 1. 2.
Desain antarmuka Komponen ........................................ 17
2. 2. 2. 1. 3.
Portlets: Penghubung ke middle tier .............................. 18
2. 2. 2. 2.
Tier 2 : The Application Server Layer ................................... 20
2. 2. 2. 2. 1.
Integrasi data dari berbagai sumber ............................... 20
2. 2. 2. 2. 2.
Aturan Aplikasi Bisnis (Application of Business Rules) 21
2. 2. 2. 2. 3.
Content Management ..................................................... 22
2. 2. 2. 2. 4.
Kolaborasi ...................................................................... 22
2. 2. 2. 2. 5.
Adaptive content services ............................................... 22
2. 2. 2. 2. 6.
Kategorisasi dan pencarian ............................................. 22
2. 2. 2. 2. 7.
Keamanan dan administrasi pengguna ........................... 23
2. 2. 2. 3.
2. 2. 3.
Tier 3: Services Layer (Data Layer) .................................... 23
Fitur sebuah Enterprise Information Portal .................................. 23
2. 2. 3. I.
Presentasi- Akses dalam satu single poin ............................ 24
2. 2. 3. 2.
Komunikasi - Berkomunikasi dengan partner ..................... 24
2. 2. 3. 3.
Personalisasi - lsi yang berbeda ............................................ 24
2. 2. 3. 4.
Single-sign on - Sekali login untuk semua aplikasi .............. 24
2. 2. 3. 5.
Pencarian- Mencari dan menemukan infonnasi .................. 25
2. 2. 3. 6.
Integrasi aplikasi - ·akses terhadap aplikasi bisnis yang lain 25
2. 2. 3. 7.
Kategorisasi- pengelompokan isi ......................................... 25
2. 2. 4.
2. 3.
Voice Portal ........................................................................... 13
Nilai bisnis Enterprise Information Portals .................................. 25
Unified Modelling Language (UML) .................................................... 26
2. 3. 1.
Sejarah UML ................................................................................. 26
2. 3. 2.
Definisi UML ................................................................................ 27
2. 3. 3.
Konsepsi Dasar dan Diagram Grafis UML ................................... 28
Vlll
2. 4.
2. 5.
2. 3. 3. 1.
Use case diagram .................................................................. 28
2. 3. 3. 2.
Class diagram ....................................................................... 30
2. 3. 3. 3.
Activity diagram .................................................................... 31
2. 3. 3. 4.
Sequence diagram ................................................................. 31
2. 3. 3. 5.
Collaboration diagram .......................................................... 32
Tapestry Web Framework ..................................................................... 33
2. 4. 1.
Deskripsi Tapestry ......................................................................... 33
2. 4. 2.
Komponen sebagai Controller ...................................................... 34
2. 4. 3.
Class dari Tapestry ........................................................................ 35
2. 4. 4.
Object Graph Navigation Language (OGNL) ............................... 35
MVC (Model- View-Controller) ................................................ ··:·· ........ 37
2. 5. 1.
2. 5. 1. 1.
Model ..................................................................................... 37
2. 5. 1. 2.
View ....................................................................................... 37
2. 5. 1. 3.
Controller .............................................................................. 37
2. 5. 2.
2. 6.
2. 7.
Definisi MVC ................................................................................ 37
Kelebihan dan kekurangan ............................................................ 38
Electronic Mail ...................................................................................... 38
2. 6. 1.
Post Office Protocol Version 3 (POP3) ........................................ 39
2. 6. 2.
Simple Mail Transfer Protocol (SMTP) ........................................ 39
2. 6. 3.
Mail client ..................................................................................... 39
PostgreSQL Database Management System (DBMS) ........................... 40
2. 7. 1.
Kemampuan PostgresSQL ............................................................ 40
2. 7. 2.
Tipe Data PostgresSQL ................................................................. 41
2. 7. 3.
Operator PostgresSQL. .................................................................. 41
BAB III ANALISIS KEBUTUHAN DAN DESAIN SISTEM ....................... 45
3. 1.
Analisis Kebutuhan ............................................................................... 45
3. 1. 1.
Actor .............................................................................................. 45
3. 1. 1. 1.
Eksekutif................................................................................ 45
3. 1. 1. 2.
Wrapper ................................................................................. 46
lX
3. 1. 1. 3.
3. 1. 2.
Aplikasi ................................................................................. 46
Diagrarr1 Use Case ......................................................................... 46
3. 1. 2. 1.
Search .................................................................................... 48
3. 1. 2. 2.
Registration ........................................................................... 48
3. 1. 2. 3.
Login ...................................................................................... 48
3. 1. 2. 4.
View lnj"ormation ................................................................... 49
3. 1. 2. 5.
Manage Mail ......................................................................... 49
3. 1. 2. 6.
Personalization ...................................................................... 49
3. 1. 3.
Use Case Realization .... ................................................................ 50
3. 1. 3. 1.
Search Use Case .................................................................... 50
3. 1. 3. 1. 1.
Diagrarr1Activity ............................................................. 50
3. 1. 3. 1. 2.
Diagrarr1 Sequence .......................................................... 50
3. 1. 3. 1. 3.
Diagrarr1 Collaboration .................................................. 50
3. 1. 3. 1. 4.
View of Participating Class (VOPC) use case Search ... 53
3. 1. 3. 2.
Registration Use Case ........................................................... 53
3. 1. 3. 2. 1.
Diagrarr1 Activity ............................................................. 54
3. 1. 3. 2. 2.
Diagrarr1 Sequence .......................................................... 54
3. 1. 3. 2. 3.
Diagrarr1 Collaboration .................................................. 55
3. 1. 3. 2. 4.
View of Participating Class (VOPC) use case
Registration .................................................................... 56
3. 1. 3. 3.
Login Use Case ..................................................................... 56
3. 1. 3. 3. 1.
Diagrarr1Activity ............................................................. 57
3. 1. 3. 3. 2.
Diagram Sequence .......................................................... 57
3. 1. 3. 3. 3.
Diagrarr1 Collaboration .................................................. 59
3. 1. 3. 3. 4.
View of Participating Class (VOPC) use case Login ..... 60
3. 1. 3. 4.
View Information Use Case ................................................... 61
3. 1. 3. 4. 1.
Diagram Activity ............................................................. 61
3. 1. 3. 4. 2.
Diagrarr1 Sequence .......................................................... 62
3. 1. 3. 4. 3.
Diagrarr1 Collaboration .................................................. 63
3. 1. 3. 4. 4.
View of Participating Class (VOPC) use case
View lnj"ormation ............................................................. 63
X
3. 1. 3. 5.
ManageMail Use Case .......................................................... 65
3. 1. 3. 5. 1.
Diagram Activity ............................................................. 65
3. 1. 3. 5. 2.
Diagram Sequence .......................................................... 66
3. 1. 3. 5. 3.
Diagram Collaboration .................................................. 68
3. 1. 3. 5. 4.
View of Participating Class (VOPC) use case
ManageMail ................................................................... 68
3. 1. 3. 6.
Personalisasi Use Case .......................................................... 68
3. 1. 3. 6. 1.
Diagram Activity ............................................................. 69
3. 1. 3. 6. 2.
Diagram Sequence .......................................................... 70
3. 1. 3. 6. 3.
Diagram Collaboration .................................................. 73
3. 1. 3. 6. 4.
View of Participating Class (VOPC) use case
Personalisasi ................................................................... 73
3. 2.
Arsitektur Sistem ................................................................................... 75
3. 2. 1.
3. 2. 1. 1.
Presentation Layer ................................................................ 76
3. 2. 1. 2.
Application Layer .................................................................. 76
3. 2. 1. 3.
Services Layer ....................................................................... 76
3. 2. 2.
3. 3.
Arsitektur Umum ........................................................................... 75
Arsitektur Khusus .......................................................................... 77
Perancangan .......................................................................................... 77
3. 3. 1.
Domain Model ............................................................................... 78
3. 3. 1. 1.
Pengguna ....... :....................................................................... 79
3. 3. 1. 2.
Personalisasi .......................................................................... 79
3. 3. 1. 3.
Berita (News) ......................................................................... 79
3. 3. 1. 4.
Mai!Account ........ :................................................................. 79
3. 3. 2.
Model ............................................................................................. 80
3. 3. 2. 1.
Entity UserAccount ............................................................... 80
3. 3. 2. 2.
Entity UserDetail ................................................................... 81
3. 3. 2. 3.
Entity UserMai/Account ........................................................ 81
3. 3. 2. 4.
Entity Visua!Personalization ................................................. 81
3. 3. 2. 5.
Entity News ............................................................................ 83
Xl
3. 3. 2. 6.
Entity NewsCategory ............................................................. 83
3. 3. 2. 7.
Entity NewsSubCategory ....................................................... 84
3. 3. 2. 8.
Entity NewsPersonalization .................................................. 84
3. 3. 2. 9.
Entity Mai/Message ............................................................... 85
3. 3. 3.
View ............................................................................................... 86
3. 3. 3. 1.
Hal am an Tidak T erautentiflkasi ............................................ 86
3. 3. 3. 2.
Halaman Registrasi ............................................................... 88
3. 3. 3. 3.
Halaman Terautentiflkasi ...................................................... 89
3. 3. 3. 3. 1.
Halaman Home ............................................................... 89
3. 3. 3. 3. 2.
Halaman Konflgurasi ..................................................... 90
3. 3. 3. 3. 3.
Halaman Personalisasi .................................................... 91
3. 3. 4.
Controller ...................................................................................... 92
3. 3. 4. 1.
PersistenceService ................................................................. 92
3. 3. 4. 2.
PersistenceMessageService ................................................... 93
3. 3. 4. 3.
ConnectionManager .............................................................. 94
3. 3. 4. 4.
Visit ........................................................................................ 95
3. 3. 4. 5.
GoogleAP!Search .................................................................. 95
3. 3. 4. 6.
Mai/Connection ..................................................................... 96
3. 3. 4. 7.
PageClass .............................................................................. 97
3. 3. 5.
Conceptual Data Model ................................................................ 97
3. 3. 6.
Perancangan Peta Halarnan ........................................................... 98
BAB IV IMPLEMENTASI SISTEM ............................................................. 100
4. 1.
Lingkungan Implementasi ................................................................... 100
4. 2.
Implementasi Model ............................................................................ 100
4. 2. 1.
Entity UserAccount ..................................................................... 101
4. 2. 2.
Entity UserDetail ......................................................................... 102
4. 2. 3.
Entity UserMai/Account .............................................................. 103
4. 2. 4.
Entity VisualPersonalization ....................................................... 105
4. 2. 5.
Entity News .................................................................................. 106
4. 2. 6.
Entity NewsCategory ................................................................... 107
xu
4. 3.
4. 4.
4. 5.
4. 2. 7.
Entity NewsSubCategory ............................................................. 108
4. 2. 8.
Entity NewsPersonalization ........................................................ 110
4. 2. 9.
Entity Mai!Message ..................................................................... Ill
Implementasi View .............................................................................. 112
4. 3. 1.
Halaman Tidak Terautentifikasi .................................................. 112
4. 3. 2.
Halaman Registrasi ..................................................................... 114
4. 3. 3.
Halaman Terautentifikasi ............................................................ 114
4. 3. 3. 1.
Halaman Home .................................................................... 114
4. 3. 3. 2.
Halaman Mail Client ........................................................... 115
4. 3. 3. 3.
Hal aman Konfigurasi .......................................................... 115
4. 3. 3. 4.
Halaman Personalisasi ......................................................... 116
Implernentasi Controller ..................................................................... 117
4. 4. 1.
PersistenceService ....................................................................... 117
4. 4. 2.
PersistenceMessageService ......................................................... 118
4. 4. 3.
Connection Manager ................................................................... 120
4. 4. 4.
Visit .............................................................................................. 121
4. 4. 5.
GoogleAPISearch ........................................................................ 122
4. 4. 6.
lvfai!Connection ........................................................................... 123
4. 4. 7.
pageClass .................................................................................... 124
Pyhsical Data Model ........................................................................... 125
BAB V UJI COBA DAN EVALUASI ............................................................ 127
5. 1.
Lingkungan Uji Coba .......................................................................... 127
5. 2.
Skenario Uji Coba ............................................................................... 127
5. 3.
Pelaksanaan Uji Coba .......................................................................... 129
5. 3. 1.
Uji coba skenario rnasukan data .................................................. 129
5. 3. 2.
Uji coba skenario personalisasi tampilan dan berita ................... 134
5. 3. 3.
Uji coba skenario pengambilan email pada server lokal.. ........... 138
5. 3. 4.
Uji coba skenario pengecekan berita terbaru .............................. 140
5. 3. 5.
Uji coba skenario pencarian berita .............................................. 141
Xlll
5. 4.
Evaluasi Uji Coba ................................................................................ 141
BAB VI PENUTUP ........................................................................................... 143
6. 1.
Simpulan .............................................................................................. 143
6. 2.
Saran .................................................................................................... 144
DAFfAR PUST
AKA·····-················································································· 145
XIV
DAFTAR GAMBAR
Gambar 2.1. Arsitektur Portal secara urn urn ........................................................ 11
Gambar 2.2. Arsitektur Enterprise Information Portal ........................................ 16
Gambar 2.3. Layout tampilan Portal .................................................................... 18
Gambar 2.4. Arsitektur Three-Tier ...................................................................... 19
Gambar 2.5. Standarisasi XML padaApplication Layer ..................................... 20
Gambar 2.6. Worliflow antar layer aplikasi .......................................................... 21
Gam bar 2. 7. Fitur utama EIP ............................................................................... 24
Gambar 2.8. Awal perkembangan UML .............................................................. 27
Gambar 2.9. Elemen sebuah diagram Use Case .................................................. 29
Gambar 2.1 0. Diagram Class ............................................................................... 31
Gambar 2.11. Diagram activity ............................................................................ 32
Gambar 2.12. Diagram Sequence ......................................................................... 32
Gambar 2.13. Diagram Collaboration ................................................................. 33
Gambar 2.14. Model-View-Controller pada Tapestry .......................................... 35
Gambar 2.15. Classes, method dan Interfaces yang disediakan di Tapestry ....... 36
Gambar 3.1. Diagram Use Case aplikasi BEIPE ................................................. 47
Gambar 3.2. Diagram include Use Case Login .................................................... 47
Gambar 3.3. Diagram activity Search .................................................................. 51
Gambar 3.4. Diagram sequence Search Eksternal ............................................... 51
Gambar 3.5. Diagram sequence Search lokal.. ..................................................... 52
Gambar 3.6. Diagram collaboration Local Search .............................................. 52
Gambar 3.7. Diagram collaboration Eksternal Search ........................................ 53
Gambar 3.8. VOPC use case Search .................................................................... 54
Gambar 3.9. Diagram activity Registration .......................................................... 55
Gambar 3.10. Diagram sequence registrasi sukses .............................................. 56
Gambar 3.11. Diagram sequence registrasi gagal ................................................ 57
Gambar 3.12. Diagram collaboration registrasi sukses ....................................... 58
Gambar 3 .13. Diagram collaboration registrasi gagal ......................................... 58
Gambar 3.14. VOPC use case Registration ......................................................... 59
Grunbar 3.15. Diagram Activity Login ................................................................. 59
Grunbar 3.16. Diagram sequence Login sukses .................................................... 60
Grunbar 3.1 7. Diagram sequence Login gagal ..................................................... 60
Grunbar 3.18. Diagram collaboration Login sukses ............................................ 61
Gambar 3.19. Diagram collaboration Login gagal .............................................. 62
Gambar 3.20. VOPC use case Login .................................................................... 62
Grunbar 3 .21. Diagrrun activity View Information ................................................ 63
Gambar 3.22. Diagram sequence viewlnformation .............................................. 63
Gambar 3.23. Diagram sequence personalisasi viewInformation ........................ 64
Gambar 3.24. Diagram collaboration viewInformation untuk informasi umum. 64
Grunbar 3.25. Diagram collaboration personal viewInformation ........................ 64
Gambar 3.26. VOPC use case View Information .................................................. 65
Grunbar 3.27. Diagram Activity Manage Mail ..................................................... 67
Gambar 3.28. Diagram sequence compose message secara online ...................... 67
Grunbar 3.29. Diagram sequence componse message secara ojjline .................... 68
Gambar 3.30. Diagram sequence read message .................................................. 69
Gambar 3.31. Diagram sequence delete message ................................................ 69
Gambar 3.32. Diagram collaboration online compose message .......................... 70
Gambar 3.33. Diagram collaboration offline compose message .......................... 70
Gambar 3.34. Diagram collaboration read message ........................................... 71
Grunbar 3.35. Diagrrun collaboration delete message ......................................... 71
Gambar 3.36. VOPC use case ManageMai/ ........................................................ 72
Grunbar 3.3 7. Diagram activity personalisasi.. ..................................................... 72
Gambar 3.38. Diagram sequence personalisasi informasi ................................... 73
Gambar 3.39. Diagram sequence personalisasi tampilan ..................................... 73
Grunbar 3.40. Diagrrun collaboration personalisasi informasi ........................... 74
Gambar 3 .41. Diagram collaboration personalisasi tampilan .............................. 74
Gambar 3.42. VOPC use case Personalisasi ........................................................ 75
Gambar 3.43. Arsitektur BEIPE ........................................................................... 77
Gambar 3.44. Detil arsitektur BEIPE ................................................................... 78
Gambar 3.45. Class Diagram package eip.model.useraccount ........................... 80
XVI
Gambar 3.46. Class Diagram package eip. model. userdetail ............................... 81
Gambar 3.47. Class Diagram package eip.model.usermailaccount .................... 82
Gambar 3.48. Class Diagram package eip.model. visualpersonalization ............ 82
Gambar 3.49. Class Diagram package eip.model.news ....................................... 83
Gambar 3.50. Class Diagram package eip.model.newscategory ......................... 84
Gam bar 3.51. Class Diagram package eip. model. newssubcategory ................... 84
Gambar 3.52. Class Diagram package eip.model.newspersonalization .............. 85
Gambar 3.53. Class diagram dari entity Mai/Message dan controller ................ 85
Gambar 3.54. Rancangan halaman Home tidak terautentifikasi .......................... 87
Gambar 3.55. Rancangan halaman NewsDetail ................................................... 87
Gambar 3.56. Rancangan halaman NewsCategory .............................................. 88
Gambar 3.57. Rancangan halaman registrasi ....................................................... 88
Gambar 3.58. Rancangan halaman Home terautentifikasi ................................... 89
Gambar 3.59. Rancangan halaman Home dan Portlet mailclient ........................ 90
Gambar 3.60. Rancangan halaman Konfigurasi ................................................... 91
Gambar 3.61. Halaman personalisasi Berita ........................................................ 91
Gambar 3.62. Rancangan halaman personalisasi Tampilan ................................. 92
Gambar 3.63. Class Diagram PersistenceService ................................................ 93
Gambar 3.64. Class Diagram PersistenceMessageService ................................. 94
Gambar 3.65. Class Diagram ConnectionManager ............................................. 94
Gambar 3.66. Class Diagram Visit dalam package eip.service ........................... 95
Gambar 3.67. Class Diagram GoogleAPISearch dalampackage eip.service ..... 96
Gambar 3.68. Class Diagram Mai/Connection dalam package eip.service ........ 96
Gambar 3.69. Salah satu class Home untuk halaman Home ................................ 97
Gambar 3.70. Conceptual Data Model aplikasi BEIPE ....................................... 98
Gambar 3.71. Peta Halaman aplikasi BEIPE ....................................................... 99
Gambar 4.1. Pseudo code entity UserAccount ................................................... 102
Gambar 4.2. Pseudo code UserAccountController ............................................ 103
Gambar 4.3. Pseudo code entity UserDetail ...................................................... 104
Gambar 4.4. Pseudo code UserAccountController ............................................ 104
Gambar 4.5. Pseudo code entity UserMai/Account ........................................... 105
xvn
Gambar 4.6. Pseudo code controller UserMai/AccountContro/ler ................... 105
Gambar 4.7. Pseudo code entity VisuaiPersona/ization .................................... 106
Gambar 4.8. Pseudo code VisuaiPersonalizationController ............................. 106
Gambar 4.9. Pseudo code entity News ............................................................... 107
Gambar 4.1 0. Pseudo code entity NewsController ............................................ 107
Gambar 4.11. Pseudo code entity NewsCategory .............................................. 108
Gambar 4.12. Pseudo code class NewsCategoryController .............................. 108
Gambar 4.13. Pseudo code entity NewsSubCategory ........................................ 109
Gambar 4.14. Pseudo code NewsSubCategoryController ................................. 109
Gambar 4.15. Pseudo code entity NewsPersonalization .................................... 110
Gam bar 4.16. Pseudo code NewsPersonalizationController ............................. 110
Gambar 4.17. Pseudo code entity Mai/Message ................................................ Ill
Gambar 4.18. Pseudo code Mai/MessageControl/er ......................................... Ill
Gambar 4.19. Halaman Home Tidak Terautentifikasi ....................................... 113
Gambar 4.20. Halaman Detail Berita Tidak Terautentifikasi ............................ 113
Gambar 4.21. Halaman Sub Kategori Tidak Terautentifikasi ............................ 113
Gambar 4.22. Halaman Registrasi ...................................................................... 114
Gambar 4.23. Halaman Home Terautentifikasi .................................................. 115
Gambar 4.24. Halaman Mail Client ................................................................... 116
Gambar 4.25. Halaman Konfigurasi .................................................................. 116
Gambar 4.26. Halaman Personalisasi Berita ...................................................... 117
Gambar 4.27. Halaman Personalisasi Tampilan ................................................ 118
Gambar 4.28. Pseudo code PersistenceService ................................................. 119
Gambar 4.29. Pseudo code PersistenceMessageService .................................... 120
Gambar 4.30. Pseudo code ConnectionManager ............................................... 121
Gambar 4.31. Pseudo code Visit ........................................................................ 122
Gambar 4.32. Pseudo code class GoogleAP!Search .......................................... 123
Gambar 4.33. Pseudo code class Mai/Connection ............................................. 124
Gambar 4.34. Pseudo code class Home ............................................................. 125
Gambar 4.35. Physical Data Model ................................................................... 126
Gambar 5.1 Error Data Tidak Diisi ................................................................... 129
xvm
Garnbar 5.2 Error Pengisian Data Nomor Telepon ........................................... 129
Garnbar 5.3 Error Pengisian Data Password Dan Verify Password .................. 130
Garnbar 5.4 Error Mail Account Tidak Terdaftar .............................................. 130
Garnbar 5.5 Error Penggunaan Username Yang Sarna...................................... 130
Garnbar 5.6 Error Penggunaan Mail Account Yang Sarna ................................ 131
Garnbar 5.7 Konfirmasi Registrasi ..................................................................... 131
Garnbar 5.8 Halarnan Setelah Registrasi ............................................................ 131
Garnbar 5.9 Error Pengisian Password ............................................................... 132
Garnbar 5.10 Error Pengisian Usemarne ............................................................ 132
Garnbar 5.11 Halarnan Pertama Setelah Login .................................................. 132
Garnbar 5.12 HalarnanEdit Personal Info ......................................................... 133
Garnbar 5.13 Halarnan Proses Update Sukses ................................................... 133
Garnbar 5.14 Halarnan Edit Account Portal ....................................................... 133
Garnbar 5.15 Halarnan Edit Mail Account ......................................................... 134
Garnbar 5.16 Halarnan Mail Account Telah Terdaftar ....................................... 134
Garnbar 5.17 Halaman Default Antarmuka Berita ............................................. 134
Garnbar 5.18 Halaman Personalisasi Berita ....................................................... 135
Garnbar 5.19 Halarnan Perubahan Selected News .............................................. 135
Gambar 5.20 Halaman Konfirmasi Personalisasi Berita .................................... 135
Garnbar 5.21 Halarnan Antarmuka Berita Setelah Dilakukan Personalisasi Berita
··················································································································· 136
Garnbar 5.22 Halarnan Personalisasi Tampilan ................................................. 136
Gambar 5.23 Halaman Pembuatan Theme Barn ................................................ 13 7
Garnbar 5.24 Halaman Hasil Pembuatan Theme Barn ....................................... 137
Garnbar 5.25 Halaman Antarmuka Setelah Dilakukan Personalisasi Tampilan 137
Gambar 5.26 Antarmuk.a Mail Client ................................................................. 138
Garnbar 5.27 Halarnan Pop Up Membuat Pesan barn ........................................ 138
Gambar 5.28 Antarmuka Pesan Terkirim .......................................................... 138
Gambar 5.29 Antarmuka Halaman Item Terkirim ............................................. 139
Garnbar 5.30 Antarmuka Halaman Item Terhapus ............................................ 139
Gambar 5.31 Antarmuka Hasil Pengiriman Pesan ............................................. 139
XlX
Gam.bar 5.32 Antannuka Membaca Pesan ......................................................... 139
Gambar 5.33 Antarmuka Berita Lama ............................................................... 140
Gambar 5.34 Antannuka Berita Baru ................................................................ 140
Gam.bar 5.35 Antannuka Pencarian Berita ........................................................ 141
Gam.bar 5.36 Hasil Pencarian Berita Dengan Lokal Sistem Infonnasi .............. 141
Gambar 5.37 Hasil Pencarian Berita Dengan Bantuan Ekstemal Aplikasi ........ 142
XX
DAFTAR TABEL
Tabel 2.1. Konsep dasar UML ............................................................................. 29
Tabel 2.2. Kemampuan PostgreSQL .................................................................... 41
Tabel 2.3. Tipe Data PostgreSQL ........................................................................ 42
Tabel 2.4. Operator Ordering ............................................................................... 43
Tabel 2.5. Operator Umum .................................................................................. 44
XXI
BABI
PENDAHULUAN
BAB I
PENDAHULUAN
1. 1.
Latar Belakaog
Perkembangan teknologi internet dalam beberapa kurun waktu terakhir
ini yang sangat pesat telah menghasilkan suatu ledakan informasi yang sangat
signifikan sehingga dibutuhkan sebuah perangkat lunak yang mampu menyajikan
informasi secara mudah, cepat dan efektif. Perangkat lunak tersebut harus mampu
mengelola dan mengontrol kebutuhan informasi khususnya informasi yang
berharga dan dibutuhkan oleh para penggunanya.
Secara umum, setiap tingkatan manajemen dalam sebuah perusahaan
sangatlah membutuhkan informasi karena berperan dalam peningkatan persaingan
dengan para kompetitor. Manajemen tingkat bawah sangat membutuhkan
informasi dalam hal operasional sedangkan tingkat menengah membutuhkan
informasi manajerial dan untuk tingkat atas membutuhkan informasi yang bersifat
strategis.
Khusus tingkat atas, informasi-informasi yang dibutuhkan tersebut
berdasarkan sumbemya dapat terbagi atas dua macam yaitu sumber informasi
internal dan sumber informasi eksternal. Sumber informasi internal lebih
mengarah ke kondisi intern perusahaan seperti informasi tentang performa
perusahaan berupa laporan keuangan, laporan laba-rugi, laporan kinerja karyawan
baik secara umum maupun secara detil dan laporan-laporan lain yang bersifat
struktural dan manajerial. Sedangkan untuk sumber informasi ekstemal akan lebih
mengarah ke kondisi di luar perusahaan seperti iklim politik yang sedang
berlangsung, kondisi sosial, ekonomi, hingga kondisi perusahaan lain sebagai
kompetitor utama dalam peta persaingan pasar.
Berkembangnya penyebaran informasi eksternal yang ada di internet
sekarang ini khususnya yang berhubungan dengan dunia perbankan dapat
dikelola, diatur dan disajikan dalam sebuah media aplikasi yang disebut dengan
Banking Enterprise Information Portal for Executive (BEIPE) yang merupakan
2
bagian dari implementasi Enterprise Information Portal Executive. BEIPE mampu
menyajikan informasi eksternal dan sebagai sumber khusus untuk memenuhi
kebutuhan informasi eksekutif sehingga eksekutif dapat meningkatkan kinerjanya
sebagai pengatur strategi dan pengambil keputusan dalam perusahaan.
BEIPE juga dapat meningkatkan komunikasi, pertukaran informasi dan
kolaborasi baik dengan pihak manajemen maupun dengan partner bisnis
perusahaan karena dilengkapi dengan fitur integrasi antar muka email internal
perusahaan. Dengan fasilitas tersebut eksekutif dapat menjalin komunikasi dan
kolaborasi yang baik dengan pihak manajemen dan partner bisnis sehingga
perusahaan dapat lebih berkembang.
Selain penyediaan informasi dan kolaborasi, BEIPE juga menyediakan
tampilan antar muka yang mudah dimengerti oleh eksekutif. Hal ini menjadi
perhatian utama karena pada umumnya eksekutif bukan berlatar belakang
komputer sehingga tampilan antar muka yang baik sangat berperan dalam
mengoperasikan aplikasi BEIPE. Dengan kemudahan di sisi antar muka, eksekutif
tidak memerlukan lagi pelatihan terhadap pengoperasian aplikasi yang dibangun
tersebut karena secara umum antar muka tersebut mampu memenuhi standar
semua pengguna aplikasi baik untuk kelompok pemula, menengah ataupun ahli.
Penerapan BEIPE dapat mengatasi kurangnya standar informasi kepada
eksekutif sekaligus menjadi bahan utama pengambilan keputusan yang mampu
merespon perubahan kondisi lingkungan baik di dalam perusahaan maupun di luar
kondisi lingkungan perusahaan, meskipun dalam kenyataannya kebutuhan
informasi eksternal oleh tingkat eksekutif memiliki presentase nilai terkecil tetapi
dengan adanya portal eksekutif ini dapat memberi arti penting dalam pengambilan
keputusan sehingga perusahaan mampu bersaing dengan para kompetitor.
BEIPE sengaja dikembangkan dengan menggunakan teknologi open
source untuk mengurangi tingkat ketergantungan terhadap vendor tertentu
sehingga selain dalam segi biaya yang lebih rendah juga dalam tahapan berikutnya
yaitu
proses maintenance dan
pengembangan, dapat
lebih
mudah
dan
customizable karena aplikasi tidak terikat dan bergantung pada vendor tertentu.
3
Dalam dunia open source khususnya yang berbasiskan teknologi Java,
banyak sekali aplikasi web framework yang dikembangkan untuk pembuatan
sebuah aplikasi web khususnya portal. Contoh framework yang digunakan untuk
pembuatan aplikasi secara umum antara lain Tapestry, Struts, Velocity dan lain
sebagainya. Sedangkan untuk portal biasanya disediakan template khusus yang
digunakan untuk pengembangan portal antaral lain Jetspeed, Liftray, uPortal,
Enhydra dan lain-lain. Sedangkan untuk pembuatan aplikasi BEIPE ini akan
dikembangkan berbasiskanframework web aplikasi yaitu Tapestry Framework.
Secara singkat Tapestry Framework adalah suatuframework open source
Java yang berbasiskan pada komponen. Komponen pada Tapestry berarti sebuah
obyek yang saling mempunyai keterkaitan dalam sebuah framework Tapestry.
Tapestry dibangun pada Java Servlet API untuk menghasilkan sebuah platform
yang digunakan untuk membuat sebuah web site secara dinamik dan interaktif.
Beberapa keunggulan yang dimiliki BEIPE yang dikembangkan dengan
menggunakan teknologi open source dibandingkan jenis portal lain yang telah
dikembangkan, dapat diuraikan sebagai berikut :
Presentasi
Semua informasi yang relevan dengan kebutuhan para eksekutif
ditampilkan dalam satu halaman yang dapat diakses dengan
mudah.
Komunikasi dan Kolaborasi
Portal eksekutif tidak hanya memberi kebutuhan informasi tetapi
juga menyediakan sarana komunikasi melalui tampilan antar muka
email yang terintegrasi dengan email perusahaan.
Pencarian
Pengguna bisa mencari dan menemukan informasi lain yang masih
berhubungan dengan kebutuhan eksekutif melalui pencarian
internal maupun pencarian eksternal menggunakan search engine.
Kategorisasi
Segala data atau informasi yang berhubungan dengan kebutuhan
eksekutif dapat diakses berdasarkan kategori yang diinginkan.
4
Dengan dikembangkannya aplikasi BEIPE dengan berbasiskan teknologi
Java dan menggunakan web framework Tapestry yang telah ter
PERBANKAN DAN INTEGRASI APLIKASI EMAIL UNTUK
MENDUKUNG ENTERPRISE INFORMATION PORTAL
EKSEKUTIF
TUGASAKHIR
P!ft.PUSTAKAAN
I T S
Mochammad Risca Agustian
NRP. 5201 100 036
PROGRAM STUDI SISTEM INFORMASI
FAKULTAS TEKNOLOGI INFORMASI
INSTITUT TEKNOLOGI SEPULUH NOPEMBER
SURABAYA
2006
MANAJEMEN INTERNET CONTENT DI BIDANG
PERBANKAN DAN INTEGRASI APLIKASI EMAIL UNTUK
MENDUKUNG ENTERI,RISE INFORMATION PORTAL
EKSEKUTIF
TUGASAKHIR
Diajukan untuk Memenuhi Sebagian Persyaratan
Memperoleh Gelar ~arjn
Komputer
·Pada
Program Studi Sistem lnformasi
Fakultas Teknologi lnformasi
lnstitut Teknologi Sepuluh Nopember
Surabaya
. 132 206 853
SURABAYA
JANUARI 2006
ABSTRAK
ABSTRAK
Pengembangan perangkat lunak Enterprise Information Portal menjadi
salah satu media pemenuhan kebutuhan informasi internal maupun ekstemal bagi
pengguna. Kebutuhan informasi ekstemal yang diperlukan oleh tingkat eksekutif
memang tidak memiliki persentase sebesar kebutuhan informasi internal
perusahaan. Akan tetapi, apabila hal tersebut dapat terpenuhi dengan baik maka
akan mempengaruhi keputusan strategis yang akan diambil oleh eksekutif. Selain
menjadi media informasi, Enterprise Information Portal juga menjadi media
komunikasi bagi penggunanya.
Penilitian ini berusaha mengembangkan fitur manajemen Internet Content
khususnya di bidang Perbankan dan integrasi aplikasi Email untuk mendukung
perangkat lunak Enterprise Information Portal untuk eksekutif. Penelitian diawali
dengan analisis terhadap definisi kebutuhan sebuah Internet Content dan integrasi
aplikasi Email dalam Enterprise Information Portal yang dilanjutkan dengan
perancangan arsitektur dan domain model yang digunakan. Untuk pengembangan
dan pembuatan perangkat lunak, digunakan teknologi open source yaitu Java,
framework Tapestry, Jetty sebagai web server dan PostgreSQL sebagai basis data.
Uji coba dilakukan dengan proses instalasi, mencoba kombinasi konfigurasi untuk
menguji tingkat aktualitas berita-berita dan kombinasi konfigurasi untuk fasilitas
pencarian dan personalisasi. Selain itu pengujian dilakukan pada metode
berkomunikasi melalui aplikasi email yang terintegrasi.
Penelitian ini menghasilkan perangkat lunak yang mampu menjadi media
informasi ekstemal, pencarian informasi dan kolaborasi dengan adanya aplikasi
email terintegrasi. Dengan adanya Enterprise Information Portal untuk Eksekutif
ini diharapkan keputusan strategis yang diambil untuk perusahaan dapat menjadi
lebih baik.
Kata Kunci: Enterprise Information Portal, Informasi Eksternal, Kolaborasi
lll
KATA PENGANTAR
Alhamdulillah, segala puji dan syukur ke hadirat Allah SWT yang
senantiasa memberikan hidayah dan limpahan kasih sayang-Nya serta shalawat
dan salam kepada junjungan Nabi Muhammad SAW, sehingga penulis dapat
menyelesaikan Tugas Akhir yang berjudul :
"Manajemen Internet Content di Bidang Perbankan dan
Integrasi Aplikasi Email untuk Mendukung Enterprise
Information Portal Eksekutif''
sebagai salah satu persyaratan akhir dalam rangkaian menyelesaikan pendidikan
Strata satu (S 1) pada Program Sudi Sistem Informasi Fakultas Teknologi
Informasi, Institut Teknologi Sepuluh Nopember Surabaya.
Penulis persembahkan Tugas Akhir ini khusus untuk Ayahanda dan
Ibunda tercinta yang tidak letih-letihnya memberi dukungan riil, moril dan
spiritual, meskipun persembahan ini tidak mampu membalas segala apa yang
beliau berikan. Semoga hidayah dan rahmat-Nya selalu menyertai.
Terima kasih dan penghargaan yang setinggi-tingginya juga penulis
sampaikan kepada :
•
Ayah dan Ibu tercinta yang dengan cintanya mampu memberi sebuah
kekuatan tersendiri bagi penulis. Terima kasih Yah Bu.
•
Bapak Febriliyan Samopa S.Kom, M.Kom selaku Dosen Pembimbing dan
Dosen Wali yang telah banyak memberikan saran dan arahan sebelum dan
sesudah Tugas Akhir.
•
Bapak Ir. Khakim Ghozali selaku Ketua Program Studi Sistem Informasi ITS
yang memberikan fasilitas lab yang istimewa.
•
Bpk. Rully Soelaiman, S.Kom, M.Kom selaku Sekretaris Program Studi
Sistem Informasi ITS.
•
Ibu Wiwik Anggraeni S.Si, M.Kom selaku Koordinator Tugas Akhir, atas
perhatiannya kepada para pengambil TA.
iv
•
Dosen-dosen Sistem lnformasi: Bpk. Ir. Aris Tjahyanto, M.Kom, Bpk. Arif
Djunaidy, MSc. PhD., Bpk. Febriliyan Samopa, S.Kom, M.Kom, Bpk. Rully
Soelaiman, S.Kom, M.Kom , Bpk. Mudjahidin, ST, MT, Bpk. Faizal Johan A,
S.Kom, Bpk. Edwin Riksakomara, S.Kom, MT, Bpk. Bambang Setiawan,
S.Kom, M.Kom, Ibu Erma Suryani, S.Kom, MT, Bpk. Rully Agus, S.Kom,
dan lbu Nur Aini, S.Kom, atas segala bimbingan dan arahan selama kuliah.
•
De'Inda dan De'Za, yang selalu memberikan perhatian dan tingkah yang luculucu membuat penulis sejenak melupakan kepenatan.
•
Seseorang yang selalu ada dalam lubuk hati yang terdalam yang kata dan
geraknya selalu membuat adrenalin tubuh ini kembali mengalir, membuat
semangat dan konsentrasi kembali hinggap, salam sayangku untuk Ambhita.
•
Bu lsye, sebagai pembirnbing Tapestry yang selalu sabar menghadapi penulis.
•
Mas Bambang Widjanarko selaku administrator lab SI, terima kasih atas
pembagian komputer hak akses yang luar biasa.
•
Mas Kadir dan Mbak Anita, serta Pak Jarwo, yang selalu dan sering direpoti
oleh penulis dan rekan-rekan.
•
Karyawan Sistem lnformasi pada khususnya dan FTif pada umumnya: Pak
Yudi, Pak Namo, Bu Tutik, pak Cucuk, Mas Hermono, Mas Hari, Pak Muin,
Pak Karmono, Pak Bagyo, Pak Soleh, Mas Sugeng, Mbak Eva, Wawan dkk.
•
Keluarga penulis: Uti, Akung, Om Sas, Tante Ning, Om Adi, Le Sri, Om Tro,
Tante Tiha, Om Cu, Le'Rin, Pa'de Madhi dan keluarga, Pa'de Makudi dan
keluarga, Le'Tin dan keluarga, Mas Warso, Mbak Ida, Cacak, De' Adit,
De' Anggi, De'Lita "Endel", De'Penti, De'Sari, De' Angga, De'Mitha
"Mithul", De'Cindy "Cendol", De'Danar "La piye to?''.
•
Semua Bapak dan Ibu Guru semasa penulis menempuhjenjang pendidikan.
•
Para pejuang IS'Ol musim kedua Ambhitaku, Diyah, Fatwa, Poleng, Acong,
Titus, Eka "Tur", Ratih "Pam", Arin, Yenny, Om Angga, Didit, Adhi
"Mr.Late", Alfa "Mbet", sebuah kenangan peijuangan yang tak terlupakan.
•
IS'Ol yang lebih dulu pergi, Deptha, Cemiit, Dudut, Soni, Beny, Icha, Yudi,
Gesti, Tante Ndah, Phipu, semoga Tuhan memberkati.
v
•
ISO 1 yang lain, Irfan, Njoss Sofyan, Gofs, Miko, Bozzila, Bagus, Reza,
Mamang, Priza, Dimas, Ryan, Mirza, Pangestu. 2001 ugh..ugh.. !
•
Rekan-rekan ITS yang lagi T A juga, Sasi, Ika, Slamet, Beni, Mas Danang,
Eko "Bejat".
•
Rekan-rekan IS02, IS03, dan IS04, selamat berjuang meneruskan cita-citamu.
•
Rekan-rekan alumnus SDN I Mojopanggung, SLTPN 2 Banyuwangi, SMUN
1 Glagah.
•
Serta pihak-pihak yang telah membantu dalam Kerja Praktek selama berada di
Indosiar.com, Bapak Beni, Mas Edwin, Mas Yos.
•
Dan pihak-pihak lain yang sangat membantu penulis yang tidak dapat
disebutkan satu persatu.
Tiada kata yang dapat melukiskan dan upaya untuk penulis sampaikan
sebagai balasan atas semuanya, selain hanya doa dan permohonan semoga Allah
SWT membalas semua amal tersebut. Amin.
Surabaya Januari 2006
Penulis
Vl
DAFTARISI
DAFTARISI
ABSTRA.K............................................................................................................. iii
KA.TA PENGANTAR .......................................................................................... iv
DAFTAR lSI························-·············································································· vii
DAFT AR GAMBAR ........................................................................................... XV
DAFTAR TABEL ............................................................................................... xxi
BAB I PENDAHULUAN ................................................................................... 1
1. 1.
Latar Belakang ........................................................................................ 1
1. 2.
Tujuan ...................................................................................................... 4
1. 3.
Manfaat .................................................................................................... 4
1. 4.
Permasalahan ........................................................................................... 5
1. 5.
Batasan Masalah ...................................................................................... 5
1. 6.
Metodologi Penyusunan Tugas Akhir ..................................................... 6
1. 7.
Sistematika Penulisan Laporan ............................................................... 7
BAD II DASAR TEORI ....................................................................................... 9
2. 1.
Portal ..................................................................................................... 10
2. 1. 1.
Deskripsi Portal ............................................................................. 10
2. 1. 2.
Jenis Portal .................................................................................... 11
2. 1. 2. 1.
Intranet Information Portal.. ................................................. 11
2. 1. 2. 2.
Business-to-Employee (B2E) Portal ...................................... 12
2. 1. 2. 3.
Internet Portal ....................................................................... 12
2. 1. 2. 4.
Business-to-Business (B2B) Portal ....................................... 12
2. 1. 2. 5.
Business-to-Customer (B2C) Portal ...................................... 13
2. 1. 2. 6.
Mobile Portal ........................................................................ 13
Vll
2. 1. 2. 7.
2. 2.
Enterprise Information Portal ............................................................... 13
2. 2. 1.
Perkembangan EIP ........................................................................ 14
2. 2. 2.
Arsitektur Enterprise Infonnation Portal.. ..................................... 15
2. 2. 2. 1.
Tier 1: Presentation Layer .................................................... 16
2. 2. 2. 1. 1.
Desain antar muka Portal (Portal Design Interface) ...... 17
2. 2. 2. 1. 2.
Desain antarmuka Komponen ........................................ 17
2. 2. 2. 1. 3.
Portlets: Penghubung ke middle tier .............................. 18
2. 2. 2. 2.
Tier 2 : The Application Server Layer ................................... 20
2. 2. 2. 2. 1.
Integrasi data dari berbagai sumber ............................... 20
2. 2. 2. 2. 2.
Aturan Aplikasi Bisnis (Application of Business Rules) 21
2. 2. 2. 2. 3.
Content Management ..................................................... 22
2. 2. 2. 2. 4.
Kolaborasi ...................................................................... 22
2. 2. 2. 2. 5.
Adaptive content services ............................................... 22
2. 2. 2. 2. 6.
Kategorisasi dan pencarian ............................................. 22
2. 2. 2. 2. 7.
Keamanan dan administrasi pengguna ........................... 23
2. 2. 2. 3.
2. 2. 3.
Tier 3: Services Layer (Data Layer) .................................... 23
Fitur sebuah Enterprise Information Portal .................................. 23
2. 2. 3. I.
Presentasi- Akses dalam satu single poin ............................ 24
2. 2. 3. 2.
Komunikasi - Berkomunikasi dengan partner ..................... 24
2. 2. 3. 3.
Personalisasi - lsi yang berbeda ............................................ 24
2. 2. 3. 4.
Single-sign on - Sekali login untuk semua aplikasi .............. 24
2. 2. 3. 5.
Pencarian- Mencari dan menemukan infonnasi .................. 25
2. 2. 3. 6.
Integrasi aplikasi - ·akses terhadap aplikasi bisnis yang lain 25
2. 2. 3. 7.
Kategorisasi- pengelompokan isi ......................................... 25
2. 2. 4.
2. 3.
Voice Portal ........................................................................... 13
Nilai bisnis Enterprise Information Portals .................................. 25
Unified Modelling Language (UML) .................................................... 26
2. 3. 1.
Sejarah UML ................................................................................. 26
2. 3. 2.
Definisi UML ................................................................................ 27
2. 3. 3.
Konsepsi Dasar dan Diagram Grafis UML ................................... 28
Vlll
2. 4.
2. 5.
2. 3. 3. 1.
Use case diagram .................................................................. 28
2. 3. 3. 2.
Class diagram ....................................................................... 30
2. 3. 3. 3.
Activity diagram .................................................................... 31
2. 3. 3. 4.
Sequence diagram ................................................................. 31
2. 3. 3. 5.
Collaboration diagram .......................................................... 32
Tapestry Web Framework ..................................................................... 33
2. 4. 1.
Deskripsi Tapestry ......................................................................... 33
2. 4. 2.
Komponen sebagai Controller ...................................................... 34
2. 4. 3.
Class dari Tapestry ........................................................................ 35
2. 4. 4.
Object Graph Navigation Language (OGNL) ............................... 35
MVC (Model- View-Controller) ................................................ ··:·· ........ 37
2. 5. 1.
2. 5. 1. 1.
Model ..................................................................................... 37
2. 5. 1. 2.
View ....................................................................................... 37
2. 5. 1. 3.
Controller .............................................................................. 37
2. 5. 2.
2. 6.
2. 7.
Definisi MVC ................................................................................ 37
Kelebihan dan kekurangan ............................................................ 38
Electronic Mail ...................................................................................... 38
2. 6. 1.
Post Office Protocol Version 3 (POP3) ........................................ 39
2. 6. 2.
Simple Mail Transfer Protocol (SMTP) ........................................ 39
2. 6. 3.
Mail client ..................................................................................... 39
PostgreSQL Database Management System (DBMS) ........................... 40
2. 7. 1.
Kemampuan PostgresSQL ............................................................ 40
2. 7. 2.
Tipe Data PostgresSQL ................................................................. 41
2. 7. 3.
Operator PostgresSQL. .................................................................. 41
BAB III ANALISIS KEBUTUHAN DAN DESAIN SISTEM ....................... 45
3. 1.
Analisis Kebutuhan ............................................................................... 45
3. 1. 1.
Actor .............................................................................................. 45
3. 1. 1. 1.
Eksekutif................................................................................ 45
3. 1. 1. 2.
Wrapper ................................................................................. 46
lX
3. 1. 1. 3.
3. 1. 2.
Aplikasi ................................................................................. 46
Diagrarr1 Use Case ......................................................................... 46
3. 1. 2. 1.
Search .................................................................................... 48
3. 1. 2. 2.
Registration ........................................................................... 48
3. 1. 2. 3.
Login ...................................................................................... 48
3. 1. 2. 4.
View lnj"ormation ................................................................... 49
3. 1. 2. 5.
Manage Mail ......................................................................... 49
3. 1. 2. 6.
Personalization ...................................................................... 49
3. 1. 3.
Use Case Realization .... ................................................................ 50
3. 1. 3. 1.
Search Use Case .................................................................... 50
3. 1. 3. 1. 1.
Diagrarr1Activity ............................................................. 50
3. 1. 3. 1. 2.
Diagrarr1 Sequence .......................................................... 50
3. 1. 3. 1. 3.
Diagrarr1 Collaboration .................................................. 50
3. 1. 3. 1. 4.
View of Participating Class (VOPC) use case Search ... 53
3. 1. 3. 2.
Registration Use Case ........................................................... 53
3. 1. 3. 2. 1.
Diagrarr1 Activity ............................................................. 54
3. 1. 3. 2. 2.
Diagrarr1 Sequence .......................................................... 54
3. 1. 3. 2. 3.
Diagrarr1 Collaboration .................................................. 55
3. 1. 3. 2. 4.
View of Participating Class (VOPC) use case
Registration .................................................................... 56
3. 1. 3. 3.
Login Use Case ..................................................................... 56
3. 1. 3. 3. 1.
Diagrarr1Activity ............................................................. 57
3. 1. 3. 3. 2.
Diagram Sequence .......................................................... 57
3. 1. 3. 3. 3.
Diagrarr1 Collaboration .................................................. 59
3. 1. 3. 3. 4.
View of Participating Class (VOPC) use case Login ..... 60
3. 1. 3. 4.
View Information Use Case ................................................... 61
3. 1. 3. 4. 1.
Diagram Activity ............................................................. 61
3. 1. 3. 4. 2.
Diagrarr1 Sequence .......................................................... 62
3. 1. 3. 4. 3.
Diagrarr1 Collaboration .................................................. 63
3. 1. 3. 4. 4.
View of Participating Class (VOPC) use case
View lnj"ormation ............................................................. 63
X
3. 1. 3. 5.
ManageMail Use Case .......................................................... 65
3. 1. 3. 5. 1.
Diagram Activity ............................................................. 65
3. 1. 3. 5. 2.
Diagram Sequence .......................................................... 66
3. 1. 3. 5. 3.
Diagram Collaboration .................................................. 68
3. 1. 3. 5. 4.
View of Participating Class (VOPC) use case
ManageMail ................................................................... 68
3. 1. 3. 6.
Personalisasi Use Case .......................................................... 68
3. 1. 3. 6. 1.
Diagram Activity ............................................................. 69
3. 1. 3. 6. 2.
Diagram Sequence .......................................................... 70
3. 1. 3. 6. 3.
Diagram Collaboration .................................................. 73
3. 1. 3. 6. 4.
View of Participating Class (VOPC) use case
Personalisasi ................................................................... 73
3. 2.
Arsitektur Sistem ................................................................................... 75
3. 2. 1.
3. 2. 1. 1.
Presentation Layer ................................................................ 76
3. 2. 1. 2.
Application Layer .................................................................. 76
3. 2. 1. 3.
Services Layer ....................................................................... 76
3. 2. 2.
3. 3.
Arsitektur Umum ........................................................................... 75
Arsitektur Khusus .......................................................................... 77
Perancangan .......................................................................................... 77
3. 3. 1.
Domain Model ............................................................................... 78
3. 3. 1. 1.
Pengguna ....... :....................................................................... 79
3. 3. 1. 2.
Personalisasi .......................................................................... 79
3. 3. 1. 3.
Berita (News) ......................................................................... 79
3. 3. 1. 4.
Mai!Account ........ :................................................................. 79
3. 3. 2.
Model ............................................................................................. 80
3. 3. 2. 1.
Entity UserAccount ............................................................... 80
3. 3. 2. 2.
Entity UserDetail ................................................................... 81
3. 3. 2. 3.
Entity UserMai/Account ........................................................ 81
3. 3. 2. 4.
Entity Visua!Personalization ................................................. 81
3. 3. 2. 5.
Entity News ............................................................................ 83
Xl
3. 3. 2. 6.
Entity NewsCategory ............................................................. 83
3. 3. 2. 7.
Entity NewsSubCategory ....................................................... 84
3. 3. 2. 8.
Entity NewsPersonalization .................................................. 84
3. 3. 2. 9.
Entity Mai/Message ............................................................... 85
3. 3. 3.
View ............................................................................................... 86
3. 3. 3. 1.
Hal am an Tidak T erautentiflkasi ............................................ 86
3. 3. 3. 2.
Halaman Registrasi ............................................................... 88
3. 3. 3. 3.
Halaman Terautentiflkasi ...................................................... 89
3. 3. 3. 3. 1.
Halaman Home ............................................................... 89
3. 3. 3. 3. 2.
Halaman Konflgurasi ..................................................... 90
3. 3. 3. 3. 3.
Halaman Personalisasi .................................................... 91
3. 3. 4.
Controller ...................................................................................... 92
3. 3. 4. 1.
PersistenceService ................................................................. 92
3. 3. 4. 2.
PersistenceMessageService ................................................... 93
3. 3. 4. 3.
ConnectionManager .............................................................. 94
3. 3. 4. 4.
Visit ........................................................................................ 95
3. 3. 4. 5.
GoogleAP!Search .................................................................. 95
3. 3. 4. 6.
Mai/Connection ..................................................................... 96
3. 3. 4. 7.
PageClass .............................................................................. 97
3. 3. 5.
Conceptual Data Model ................................................................ 97
3. 3. 6.
Perancangan Peta Halarnan ........................................................... 98
BAB IV IMPLEMENTASI SISTEM ............................................................. 100
4. 1.
Lingkungan Implementasi ................................................................... 100
4. 2.
Implementasi Model ............................................................................ 100
4. 2. 1.
Entity UserAccount ..................................................................... 101
4. 2. 2.
Entity UserDetail ......................................................................... 102
4. 2. 3.
Entity UserMai/Account .............................................................. 103
4. 2. 4.
Entity VisualPersonalization ....................................................... 105
4. 2. 5.
Entity News .................................................................................. 106
4. 2. 6.
Entity NewsCategory ................................................................... 107
xu
4. 3.
4. 4.
4. 5.
4. 2. 7.
Entity NewsSubCategory ............................................................. 108
4. 2. 8.
Entity NewsPersonalization ........................................................ 110
4. 2. 9.
Entity Mai!Message ..................................................................... Ill
Implementasi View .............................................................................. 112
4. 3. 1.
Halaman Tidak Terautentifikasi .................................................. 112
4. 3. 2.
Halaman Registrasi ..................................................................... 114
4. 3. 3.
Halaman Terautentifikasi ............................................................ 114
4. 3. 3. 1.
Halaman Home .................................................................... 114
4. 3. 3. 2.
Halaman Mail Client ........................................................... 115
4. 3. 3. 3.
Hal aman Konfigurasi .......................................................... 115
4. 3. 3. 4.
Halaman Personalisasi ......................................................... 116
Implernentasi Controller ..................................................................... 117
4. 4. 1.
PersistenceService ....................................................................... 117
4. 4. 2.
PersistenceMessageService ......................................................... 118
4. 4. 3.
Connection Manager ................................................................... 120
4. 4. 4.
Visit .............................................................................................. 121
4. 4. 5.
GoogleAPISearch ........................................................................ 122
4. 4. 6.
lvfai!Connection ........................................................................... 123
4. 4. 7.
pageClass .................................................................................... 124
Pyhsical Data Model ........................................................................... 125
BAB V UJI COBA DAN EVALUASI ............................................................ 127
5. 1.
Lingkungan Uji Coba .......................................................................... 127
5. 2.
Skenario Uji Coba ............................................................................... 127
5. 3.
Pelaksanaan Uji Coba .......................................................................... 129
5. 3. 1.
Uji coba skenario rnasukan data .................................................. 129
5. 3. 2.
Uji coba skenario personalisasi tampilan dan berita ................... 134
5. 3. 3.
Uji coba skenario pengambilan email pada server lokal.. ........... 138
5. 3. 4.
Uji coba skenario pengecekan berita terbaru .............................. 140
5. 3. 5.
Uji coba skenario pencarian berita .............................................. 141
Xlll
5. 4.
Evaluasi Uji Coba ................................................................................ 141
BAB VI PENUTUP ........................................................................................... 143
6. 1.
Simpulan .............................................................................................. 143
6. 2.
Saran .................................................................................................... 144
DAFfAR PUST
AKA·····-················································································· 145
XIV
DAFTAR GAMBAR
Gambar 2.1. Arsitektur Portal secara urn urn ........................................................ 11
Gambar 2.2. Arsitektur Enterprise Information Portal ........................................ 16
Gambar 2.3. Layout tampilan Portal .................................................................... 18
Gambar 2.4. Arsitektur Three-Tier ...................................................................... 19
Gambar 2.5. Standarisasi XML padaApplication Layer ..................................... 20
Gambar 2.6. Worliflow antar layer aplikasi .......................................................... 21
Gam bar 2. 7. Fitur utama EIP ............................................................................... 24
Gambar 2.8. Awal perkembangan UML .............................................................. 27
Gambar 2.9. Elemen sebuah diagram Use Case .................................................. 29
Gambar 2.1 0. Diagram Class ............................................................................... 31
Gambar 2.11. Diagram activity ............................................................................ 32
Gambar 2.12. Diagram Sequence ......................................................................... 32
Gambar 2.13. Diagram Collaboration ................................................................. 33
Gambar 2.14. Model-View-Controller pada Tapestry .......................................... 35
Gambar 2.15. Classes, method dan Interfaces yang disediakan di Tapestry ....... 36
Gambar 3.1. Diagram Use Case aplikasi BEIPE ................................................. 47
Gambar 3.2. Diagram include Use Case Login .................................................... 47
Gambar 3.3. Diagram activity Search .................................................................. 51
Gambar 3.4. Diagram sequence Search Eksternal ............................................... 51
Gambar 3.5. Diagram sequence Search lokal.. ..................................................... 52
Gambar 3.6. Diagram collaboration Local Search .............................................. 52
Gambar 3.7. Diagram collaboration Eksternal Search ........................................ 53
Gambar 3.8. VOPC use case Search .................................................................... 54
Gambar 3.9. Diagram activity Registration .......................................................... 55
Gambar 3.10. Diagram sequence registrasi sukses .............................................. 56
Gambar 3.11. Diagram sequence registrasi gagal ................................................ 57
Gambar 3.12. Diagram collaboration registrasi sukses ....................................... 58
Gambar 3 .13. Diagram collaboration registrasi gagal ......................................... 58
Gambar 3.14. VOPC use case Registration ......................................................... 59
Grunbar 3.15. Diagram Activity Login ................................................................. 59
Grunbar 3.16. Diagram sequence Login sukses .................................................... 60
Grunbar 3.1 7. Diagram sequence Login gagal ..................................................... 60
Grunbar 3.18. Diagram collaboration Login sukses ............................................ 61
Gambar 3.19. Diagram collaboration Login gagal .............................................. 62
Gambar 3.20. VOPC use case Login .................................................................... 62
Grunbar 3 .21. Diagrrun activity View Information ................................................ 63
Gambar 3.22. Diagram sequence viewlnformation .............................................. 63
Gambar 3.23. Diagram sequence personalisasi viewInformation ........................ 64
Gambar 3.24. Diagram collaboration viewInformation untuk informasi umum. 64
Grunbar 3.25. Diagram collaboration personal viewInformation ........................ 64
Gambar 3.26. VOPC use case View Information .................................................. 65
Grunbar 3.27. Diagram Activity Manage Mail ..................................................... 67
Gambar 3.28. Diagram sequence compose message secara online ...................... 67
Grunbar 3.29. Diagram sequence componse message secara ojjline .................... 68
Gambar 3.30. Diagram sequence read message .................................................. 69
Gambar 3.31. Diagram sequence delete message ................................................ 69
Gambar 3.32. Diagram collaboration online compose message .......................... 70
Gambar 3.33. Diagram collaboration offline compose message .......................... 70
Gambar 3.34. Diagram collaboration read message ........................................... 71
Grunbar 3.35. Diagrrun collaboration delete message ......................................... 71
Gambar 3.36. VOPC use case ManageMai/ ........................................................ 72
Grunbar 3.3 7. Diagram activity personalisasi.. ..................................................... 72
Gambar 3.38. Diagram sequence personalisasi informasi ................................... 73
Gambar 3.39. Diagram sequence personalisasi tampilan ..................................... 73
Grunbar 3.40. Diagrrun collaboration personalisasi informasi ........................... 74
Gambar 3 .41. Diagram collaboration personalisasi tampilan .............................. 74
Gambar 3.42. VOPC use case Personalisasi ........................................................ 75
Gambar 3.43. Arsitektur BEIPE ........................................................................... 77
Gambar 3.44. Detil arsitektur BEIPE ................................................................... 78
Gambar 3.45. Class Diagram package eip.model.useraccount ........................... 80
XVI
Gambar 3.46. Class Diagram package eip. model. userdetail ............................... 81
Gambar 3.47. Class Diagram package eip.model.usermailaccount .................... 82
Gambar 3.48. Class Diagram package eip.model. visualpersonalization ............ 82
Gambar 3.49. Class Diagram package eip.model.news ....................................... 83
Gambar 3.50. Class Diagram package eip.model.newscategory ......................... 84
Gam bar 3.51. Class Diagram package eip. model. newssubcategory ................... 84
Gambar 3.52. Class Diagram package eip.model.newspersonalization .............. 85
Gambar 3.53. Class diagram dari entity Mai/Message dan controller ................ 85
Gambar 3.54. Rancangan halaman Home tidak terautentifikasi .......................... 87
Gambar 3.55. Rancangan halaman NewsDetail ................................................... 87
Gambar 3.56. Rancangan halaman NewsCategory .............................................. 88
Gambar 3.57. Rancangan halaman registrasi ....................................................... 88
Gambar 3.58. Rancangan halaman Home terautentifikasi ................................... 89
Gambar 3.59. Rancangan halaman Home dan Portlet mailclient ........................ 90
Gambar 3.60. Rancangan halaman Konfigurasi ................................................... 91
Gambar 3.61. Halaman personalisasi Berita ........................................................ 91
Gambar 3.62. Rancangan halaman personalisasi Tampilan ................................. 92
Gambar 3.63. Class Diagram PersistenceService ................................................ 93
Gambar 3.64. Class Diagram PersistenceMessageService ................................. 94
Gambar 3.65. Class Diagram ConnectionManager ............................................. 94
Gambar 3.66. Class Diagram Visit dalam package eip.service ........................... 95
Gambar 3.67. Class Diagram GoogleAPISearch dalampackage eip.service ..... 96
Gambar 3.68. Class Diagram Mai/Connection dalam package eip.service ........ 96
Gambar 3.69. Salah satu class Home untuk halaman Home ................................ 97
Gambar 3.70. Conceptual Data Model aplikasi BEIPE ....................................... 98
Gambar 3.71. Peta Halaman aplikasi BEIPE ....................................................... 99
Gambar 4.1. Pseudo code entity UserAccount ................................................... 102
Gambar 4.2. Pseudo code UserAccountController ............................................ 103
Gambar 4.3. Pseudo code entity UserDetail ...................................................... 104
Gambar 4.4. Pseudo code UserAccountController ............................................ 104
Gambar 4.5. Pseudo code entity UserMai/Account ........................................... 105
xvn
Gambar 4.6. Pseudo code controller UserMai/AccountContro/ler ................... 105
Gambar 4.7. Pseudo code entity VisuaiPersona/ization .................................... 106
Gambar 4.8. Pseudo code VisuaiPersonalizationController ............................. 106
Gambar 4.9. Pseudo code entity News ............................................................... 107
Gambar 4.1 0. Pseudo code entity NewsController ............................................ 107
Gambar 4.11. Pseudo code entity NewsCategory .............................................. 108
Gambar 4.12. Pseudo code class NewsCategoryController .............................. 108
Gambar 4.13. Pseudo code entity NewsSubCategory ........................................ 109
Gambar 4.14. Pseudo code NewsSubCategoryController ................................. 109
Gambar 4.15. Pseudo code entity NewsPersonalization .................................... 110
Gam bar 4.16. Pseudo code NewsPersonalizationController ............................. 110
Gambar 4.17. Pseudo code entity Mai/Message ................................................ Ill
Gambar 4.18. Pseudo code Mai/MessageControl/er ......................................... Ill
Gambar 4.19. Halaman Home Tidak Terautentifikasi ....................................... 113
Gambar 4.20. Halaman Detail Berita Tidak Terautentifikasi ............................ 113
Gambar 4.21. Halaman Sub Kategori Tidak Terautentifikasi ............................ 113
Gambar 4.22. Halaman Registrasi ...................................................................... 114
Gambar 4.23. Halaman Home Terautentifikasi .................................................. 115
Gambar 4.24. Halaman Mail Client ................................................................... 116
Gambar 4.25. Halaman Konfigurasi .................................................................. 116
Gambar 4.26. Halaman Personalisasi Berita ...................................................... 117
Gambar 4.27. Halaman Personalisasi Tampilan ................................................ 118
Gambar 4.28. Pseudo code PersistenceService ................................................. 119
Gambar 4.29. Pseudo code PersistenceMessageService .................................... 120
Gambar 4.30. Pseudo code ConnectionManager ............................................... 121
Gambar 4.31. Pseudo code Visit ........................................................................ 122
Gambar 4.32. Pseudo code class GoogleAP!Search .......................................... 123
Gambar 4.33. Pseudo code class Mai/Connection ............................................. 124
Gambar 4.34. Pseudo code class Home ............................................................. 125
Gambar 4.35. Physical Data Model ................................................................... 126
Gambar 5.1 Error Data Tidak Diisi ................................................................... 129
xvm
Garnbar 5.2 Error Pengisian Data Nomor Telepon ........................................... 129
Garnbar 5.3 Error Pengisian Data Password Dan Verify Password .................. 130
Garnbar 5.4 Error Mail Account Tidak Terdaftar .............................................. 130
Garnbar 5.5 Error Penggunaan Username Yang Sarna...................................... 130
Garnbar 5.6 Error Penggunaan Mail Account Yang Sarna ................................ 131
Garnbar 5.7 Konfirmasi Registrasi ..................................................................... 131
Garnbar 5.8 Halarnan Setelah Registrasi ............................................................ 131
Garnbar 5.9 Error Pengisian Password ............................................................... 132
Garnbar 5.10 Error Pengisian Usemarne ............................................................ 132
Garnbar 5.11 Halarnan Pertama Setelah Login .................................................. 132
Garnbar 5.12 HalarnanEdit Personal Info ......................................................... 133
Garnbar 5.13 Halarnan Proses Update Sukses ................................................... 133
Garnbar 5.14 Halarnan Edit Account Portal ....................................................... 133
Garnbar 5.15 Halarnan Edit Mail Account ......................................................... 134
Garnbar 5.16 Halarnan Mail Account Telah Terdaftar ....................................... 134
Garnbar 5.17 Halaman Default Antarmuka Berita ............................................. 134
Garnbar 5.18 Halaman Personalisasi Berita ....................................................... 135
Garnbar 5.19 Halarnan Perubahan Selected News .............................................. 135
Gambar 5.20 Halaman Konfirmasi Personalisasi Berita .................................... 135
Garnbar 5.21 Halarnan Antarmuka Berita Setelah Dilakukan Personalisasi Berita
··················································································································· 136
Garnbar 5.22 Halarnan Personalisasi Tampilan ................................................. 136
Gambar 5.23 Halaman Pembuatan Theme Barn ................................................ 13 7
Garnbar 5.24 Halaman Hasil Pembuatan Theme Barn ....................................... 137
Garnbar 5.25 Halaman Antarmuka Setelah Dilakukan Personalisasi Tampilan 137
Gambar 5.26 Antarmuk.a Mail Client ................................................................. 138
Garnbar 5.27 Halarnan Pop Up Membuat Pesan barn ........................................ 138
Gambar 5.28 Antarmuka Pesan Terkirim .......................................................... 138
Gambar 5.29 Antarmuka Halaman Item Terkirim ............................................. 139
Garnbar 5.30 Antarmuka Halaman Item Terhapus ............................................ 139
Gambar 5.31 Antarmuka Hasil Pengiriman Pesan ............................................. 139
XlX
Gam.bar 5.32 Antannuka Membaca Pesan ......................................................... 139
Gambar 5.33 Antarmuka Berita Lama ............................................................... 140
Gambar 5.34 Antannuka Berita Baru ................................................................ 140
Gam.bar 5.35 Antannuka Pencarian Berita ........................................................ 141
Gam.bar 5.36 Hasil Pencarian Berita Dengan Lokal Sistem Infonnasi .............. 141
Gambar 5.37 Hasil Pencarian Berita Dengan Bantuan Ekstemal Aplikasi ........ 142
XX
DAFTAR TABEL
Tabel 2.1. Konsep dasar UML ............................................................................. 29
Tabel 2.2. Kemampuan PostgreSQL .................................................................... 41
Tabel 2.3. Tipe Data PostgreSQL ........................................................................ 42
Tabel 2.4. Operator Ordering ............................................................................... 43
Tabel 2.5. Operator Umum .................................................................................. 44
XXI
BABI
PENDAHULUAN
BAB I
PENDAHULUAN
1. 1.
Latar Belakaog
Perkembangan teknologi internet dalam beberapa kurun waktu terakhir
ini yang sangat pesat telah menghasilkan suatu ledakan informasi yang sangat
signifikan sehingga dibutuhkan sebuah perangkat lunak yang mampu menyajikan
informasi secara mudah, cepat dan efektif. Perangkat lunak tersebut harus mampu
mengelola dan mengontrol kebutuhan informasi khususnya informasi yang
berharga dan dibutuhkan oleh para penggunanya.
Secara umum, setiap tingkatan manajemen dalam sebuah perusahaan
sangatlah membutuhkan informasi karena berperan dalam peningkatan persaingan
dengan para kompetitor. Manajemen tingkat bawah sangat membutuhkan
informasi dalam hal operasional sedangkan tingkat menengah membutuhkan
informasi manajerial dan untuk tingkat atas membutuhkan informasi yang bersifat
strategis.
Khusus tingkat atas, informasi-informasi yang dibutuhkan tersebut
berdasarkan sumbemya dapat terbagi atas dua macam yaitu sumber informasi
internal dan sumber informasi eksternal. Sumber informasi internal lebih
mengarah ke kondisi intern perusahaan seperti informasi tentang performa
perusahaan berupa laporan keuangan, laporan laba-rugi, laporan kinerja karyawan
baik secara umum maupun secara detil dan laporan-laporan lain yang bersifat
struktural dan manajerial. Sedangkan untuk sumber informasi ekstemal akan lebih
mengarah ke kondisi di luar perusahaan seperti iklim politik yang sedang
berlangsung, kondisi sosial, ekonomi, hingga kondisi perusahaan lain sebagai
kompetitor utama dalam peta persaingan pasar.
Berkembangnya penyebaran informasi eksternal yang ada di internet
sekarang ini khususnya yang berhubungan dengan dunia perbankan dapat
dikelola, diatur dan disajikan dalam sebuah media aplikasi yang disebut dengan
Banking Enterprise Information Portal for Executive (BEIPE) yang merupakan
2
bagian dari implementasi Enterprise Information Portal Executive. BEIPE mampu
menyajikan informasi eksternal dan sebagai sumber khusus untuk memenuhi
kebutuhan informasi eksekutif sehingga eksekutif dapat meningkatkan kinerjanya
sebagai pengatur strategi dan pengambil keputusan dalam perusahaan.
BEIPE juga dapat meningkatkan komunikasi, pertukaran informasi dan
kolaborasi baik dengan pihak manajemen maupun dengan partner bisnis
perusahaan karena dilengkapi dengan fitur integrasi antar muka email internal
perusahaan. Dengan fasilitas tersebut eksekutif dapat menjalin komunikasi dan
kolaborasi yang baik dengan pihak manajemen dan partner bisnis sehingga
perusahaan dapat lebih berkembang.
Selain penyediaan informasi dan kolaborasi, BEIPE juga menyediakan
tampilan antar muka yang mudah dimengerti oleh eksekutif. Hal ini menjadi
perhatian utama karena pada umumnya eksekutif bukan berlatar belakang
komputer sehingga tampilan antar muka yang baik sangat berperan dalam
mengoperasikan aplikasi BEIPE. Dengan kemudahan di sisi antar muka, eksekutif
tidak memerlukan lagi pelatihan terhadap pengoperasian aplikasi yang dibangun
tersebut karena secara umum antar muka tersebut mampu memenuhi standar
semua pengguna aplikasi baik untuk kelompok pemula, menengah ataupun ahli.
Penerapan BEIPE dapat mengatasi kurangnya standar informasi kepada
eksekutif sekaligus menjadi bahan utama pengambilan keputusan yang mampu
merespon perubahan kondisi lingkungan baik di dalam perusahaan maupun di luar
kondisi lingkungan perusahaan, meskipun dalam kenyataannya kebutuhan
informasi eksternal oleh tingkat eksekutif memiliki presentase nilai terkecil tetapi
dengan adanya portal eksekutif ini dapat memberi arti penting dalam pengambilan
keputusan sehingga perusahaan mampu bersaing dengan para kompetitor.
BEIPE sengaja dikembangkan dengan menggunakan teknologi open
source untuk mengurangi tingkat ketergantungan terhadap vendor tertentu
sehingga selain dalam segi biaya yang lebih rendah juga dalam tahapan berikutnya
yaitu
proses maintenance dan
pengembangan, dapat
lebih
mudah
dan
customizable karena aplikasi tidak terikat dan bergantung pada vendor tertentu.
3
Dalam dunia open source khususnya yang berbasiskan teknologi Java,
banyak sekali aplikasi web framework yang dikembangkan untuk pembuatan
sebuah aplikasi web khususnya portal. Contoh framework yang digunakan untuk
pembuatan aplikasi secara umum antara lain Tapestry, Struts, Velocity dan lain
sebagainya. Sedangkan untuk portal biasanya disediakan template khusus yang
digunakan untuk pengembangan portal antaral lain Jetspeed, Liftray, uPortal,
Enhydra dan lain-lain. Sedangkan untuk pembuatan aplikasi BEIPE ini akan
dikembangkan berbasiskanframework web aplikasi yaitu Tapestry Framework.
Secara singkat Tapestry Framework adalah suatuframework open source
Java yang berbasiskan pada komponen. Komponen pada Tapestry berarti sebuah
obyek yang saling mempunyai keterkaitan dalam sebuah framework Tapestry.
Tapestry dibangun pada Java Servlet API untuk menghasilkan sebuah platform
yang digunakan untuk membuat sebuah web site secara dinamik dan interaktif.
Beberapa keunggulan yang dimiliki BEIPE yang dikembangkan dengan
menggunakan teknologi open source dibandingkan jenis portal lain yang telah
dikembangkan, dapat diuraikan sebagai berikut :
Presentasi
Semua informasi yang relevan dengan kebutuhan para eksekutif
ditampilkan dalam satu halaman yang dapat diakses dengan
mudah.
Komunikasi dan Kolaborasi
Portal eksekutif tidak hanya memberi kebutuhan informasi tetapi
juga menyediakan sarana komunikasi melalui tampilan antar muka
email yang terintegrasi dengan email perusahaan.
Pencarian
Pengguna bisa mencari dan menemukan informasi lain yang masih
berhubungan dengan kebutuhan eksekutif melalui pencarian
internal maupun pencarian eksternal menggunakan search engine.
Kategorisasi
Segala data atau informasi yang berhubungan dengan kebutuhan
eksekutif dapat diakses berdasarkan kategori yang diinginkan.
4
Dengan dikembangkannya aplikasi BEIPE dengan berbasiskan teknologi
Java dan menggunakan web framework Tapestry yang telah ter