Social Networking Site For Leaderx Community.

vi Universitas Kristen Maranatha

ABSTRAK

LeaderX Community adalah komunitas dari sebuah bidang organisasi kepemimpinan ternama di Indonesia. Perkembangan peserta didik dalam organisasi kepemimpinan ini secara jumlah yang tersebar di seluruh Indonesia menyebabkan timbulnya suatu masalah komunikasi dan berbagi informasi.

Kehadiran situs jejaring sosial akan sangat membantu Leader X Community

dalam menjalin komunikasi dan berbagi informasi antar peserta didik dan alumni. Aplikasi situs jejaring sosial akan dikembangkan dengan beberapa fitur utama, yaitu jejaring sosial itu sendiri, forum, dan ebook corner. Teknologi yang digunakan dalam membangun situs jejaring sosial ini adalah ASP.NET dengan back-end bahasa pemrograman VB.NET, dilengkapi dengan Ajax Control Toolkit

dan jQuery. Keuntungan dari aplikasi web ini adalah memudahkan para peserta

didik dan alumni itu untuk mendapatkan informasi lebih tentang kegiatan yang

ada di Leader X Community maupun informasi lainnya, saling berdisikusi,

berbagi materi, serta memperat komunikasi antar peserta didik dan alumni.

Kata kunci : Leader X Community, Situs Jejaring Sosial, Forum, Ebook Corner, VB.NET

vii Universitas Kristen Maranatha

ABSTRACT

Leader X Community is a community of a well-known field of organizational leadership in Indonesia. The development of students in a number of organizational leadership is spread throughout Indonesia led to a problem of communication and information sharing. The presence of social networking sites will be helpful in establishing Leader X Community communication and information sharing between students and alumni. The application of social networking sites will be developed with several key features, social networking itself, forums, and ebook corner. The technology used to develop this social networking sites are ASP.NET with VB.NET programming language back-end, equipped with the Ajax Control Toolkit and jQuery. Advantages of web applications is easier for students and alumni to get more information about the activities that exist in the Leader X Community and other information, discussion, share materials, and create the closer communication between students and alumni.

Keywords: Leader X Community, Social Networking Sites, Forums, Ebook Corner, VB.NET

viii Universitas Kristen Maranatha

DAFTAR ISI

LEMBAR PENGESAHAN ...i

LEMBAR PERNYATAAN PERSETUJUAN PUBLIKASI KARYA ILMIAH UNTUK KEPENTINGAN AKADEMIS ... ii

PERNYATAAN ORISINALITAS LAPORAN ... iii

KATA PENGANTAR ... iv

ABSTRAK ... vi

ABSTRACT ... vii

DAFTAR ISI ... viii

DAFTAR GAMBAR ... xviii

DAFTAR TABEL ... xxiii

DAFTAR LAMPIRAN ... xxiv

BAB I PENDAHULUAN ... 1

1.1 Latar Belakang ... 1

1.2 Rumusan Masalah ... 1

1.3 Tujuan Pembahasan ... 2

1.4 Batasan Masalah ... 2

1.4.1 Masalah Kajian ... 2

1.4.2 Batasan Solusi ... 2

1.4.3 Batasan Teknologi ... 2

1.5 Sistematika Pembahasan ... 3

BAB II KAJIAN TEORI ... 4

2.1 Situs Jejaring Sosial ... 4

2.2 Business Process ... 4

2.3 UML (Unified Modeling Language) ... 4

2.3.1 Use Case Diagram ... 5

2.3.2 Activity Diagram ... 6

ix Universitas Kristen Maranatha

2.4.1. Entitas ... 6

2.4.2. Atribut ... 7

2.4.3. Relasi ... 8

2.5 Hyper Text Markup Language (HTML) ... 10

2.6 Cascading Style Sheet (CSS) ... 10

2.7 Javascript ... 10

2.8 jQuery ... 11

2.9 jQuery UI ... 12

2.10 .NET Framework ... 12

2.11 ASP, ASP.NET, dan VB.NET ... 12

2.11.1. ASP ... 12

2.11.2. ASP.NET ... 12

2.11.3. VB.NET ... 12

2.12 Pemrograman Microsoft Visual Studio ... 13

2.13 Ajax Control Toolkit ... 13

2.14 Pengolahan Basis Data ... 14

2.14.1 DBMS (Database Management System) ... 14

2.14.2 RDBMS (Relational Database Management System) ... 14

2.14.3 SQL (Structured Query Language) ... 15

2.15 Web Server ... 16

2.15.1 Pengertian Web Server ... 16

2.15.2 IIS Web Server ... 17

2.16 Simple Mail Transfer Protocol (SMTP) ... 17

2.17 Blackbox Testing ... 18

BAB III ANALISA DAN PERMODELAN ... 19

3.1 Cara Kerja Aplikasi... 19

3.2 Proses Sign In ... 21

3.3 Proses Reset Password ... 21

3.4 Proses Sign Out ... 23

3.5 Proses Pengelolaan Berita ... 23

3.6 Proses Pengelolaan Profil... 24

3.6.1. Data Diri ... 24

x Universitas Kristen Maranatha

3.6.3. Informasi Ulang Tahun ... 25

3.6.4. Komentar ... 26

3.7 Proses Pengelolaan Article History ... 28

3.8 Proses Pengelolaan Ebook History ... 29

3.9 Proses Pengelolaan Teman ... 29

3.9.1. Tambah Teman ... 29

3.9.2. Konfirmasi Teman ... 30

3.9.3. Hapus Teman ... 31

3.10 Proses Pengelolaan Forum ... 31

3.10.1. Category dan Sub Category ... 31

3.10.2. Thread dan Post ... 33

3.10.3. User Info dan User Level ... 36

3.10.4. New Thread ... 37

3.10.5. Unreplied Thread ... 37

3.10.6. Hot Thread ... 38

3.10.7. Posting Counter dan Last Post ... 38

3.11 Proses Pengelolaan Laporan ... 39

3.11.1. Memberikan Laporan... 39

3.11.2. Mengelola Posting Report ... 40

3.11.3. Mengelola User Report ... 42

3.12 Proses Pengelolaan Ebook Corner ... 43

3.12.1. Download danBaca Ebook... 43

3.12.2. Upload Ebook ... 43

3.12.3. Edit Data Ebook ... 45

3.12.4. Hapus Ebook ... 45

3.13 Proses Pengelolaan Personal Message ... 46

3.13.1. Melihat Personal Message ... 46

3.13.2. Mengirim Personal Message ... 47

3.14 ProsesPengelolaan Event ... 48

3.15 Proses Pengelolaan User ... 49

3.15.1. Menambah Data User ... 49

3.15.2. Import Data User ... 50

xi Universitas Kristen Maranatha

3.15.4. MenghapusData User ... 53

3.16 ProsesPengelolaan Account ... 53

3.16.1. Ubah Username ... 53

3.16.2. Ubah Password ... 55

3.16.3. Ubah Security Question... 56

3.17 Proses Wizard New User ... 57

3.18 Entity Relationship Diagram (ERD) ... 59

3.19 Web Map Aplikasi ... 59

3.20 Perancangan User Interface ... 60

3.20.1. Menu Navigasi ... 60

3.20.2. Menu Login ... 61

3.20.3. ForgetPassword ... 61

3.20.4. Home ... 62

3.20.5. Add Berita ... 63

3.20.6. Profile –Co e t’s List ... 64

3.20.7. Profile –Biodata ... 65

3.20.8. Profile – Article History ... 66

3.20.9. Profile – Ebook History ... 68

3.20.10. Forum – Category... 69

3.20.11. Forum – Sub Category ... 70

3.20.12. Forum – Thread ... 71

3.20.13. Forum – Posting ... 72

3.20.14. Report (User) ... 73

3.20.15. Ebook Corner ... 74

3.20.16. Personal Message ... 75

3.20.17. Write New Message ... 76

3.20.18. Create Event ... 77

3.20.19. Friends ... 77

3.20.20. Users ... 79

3.20.21. Reports (Admin) ... 80

3.20.22. Edit Account – Enter Password ... 81

3.20.23. Edit Account - Change Username ... 82

xii Universitas Kristen Maranatha

3.20.25. Edit Account – Change Security Question ... 83

3.20.26. Wizard New User ... 84

BAB IV PERANCANGAN DAN IMPLEMENTASI ... 86

4.1 ImplementasiTabel Relasi ... 86

4.2 ImplementasiMenuNavigasi ... 87

4.3 ImplementasiMenu Login ... 88

4.3.1. Tampilan Aplikasi ... 88

4.3.2. Pseudocode Fitur ... 88

4.4 Implementasi Forget Password ... 88

4.4.1. Tampilan Aplikasi ... 88

4.4.2. Pseudocode Fitur ... 89

4.4.3. Kode View ... 90

4.4.4. Kode Store Procedure ... 90

4.5 Implementasi Home ... 90

4.5.1. Tampilan Aplikasi ... 90

4.5.2. Pseudocode Fitur ... 91

4.5.3. Kode View ... 91

4.6 Implementasi Add Berita ... 91

4.6.1. Tampilan Aplikasi ... 91

4.6.2. Pseudocode Fitur ... 92

4.6.3. Kode Store Procedure ... 92

4.7 Implementasi Profile –Co e t’s List ... 93

4.7.1. Tampilan Aplikasi ... 93

4.7.2. Pseudocode Fitur ... 93

4.7.3. Kode Store Procedure ... 93

4.8 Implementasi Profile –Biodata ... 94

4.8.1. Tampilan Aplikasi ... 94

4.8.2. Pseudocode Fitur ... 95

4.8.3. Kode Store Procedure ... 95

4.9 Implementasi Profile – Article History ... 96

4.9.1. Tampilan Aplikasi ... 96

4.9.2. Pseudocode Fitur ... 97

xiii Universitas Kristen Maranatha

4.9.4. Kode Stored Procedure ... 98

4.10 Implementasi Profile – Ebook History ... 98

4.10.1. Tampilan Aplikasi ... 98

4.10.2. Pseudocode Fitur ... 99

4.11 Implementasi Forum – Category... 99

4.11.1. Tampilan Aplikasi ... 99

4.11.2. Pseudocode Fitur ... 100

4.11.3. Kode Store Procedure ... 100

4.12 ImplementasiSubKategori ... 100

4.12.1. Tampilan Aplikasi ... 100

4.12.2. Pseudocode Fitur ... 101

4.12.3. Kode Store Procedure ... 101

4.13 Implementasi Forum – Thread ... 102

4.13.1. Tampilan Aplikasi ... 102

4.13.2. Pseudocode Fitur ... 102

4.13.3. Kode StoreProcedure ... 102

4.14 Implementasi Forum – Posting ... 103

4.14.1. Tampilan Aplikasi ... 103

4.14.2. Pseudocode Fitur ... 103

4.14.3. Kode StoreProcedure ... 104

4.14.4. Kode Trigger ... 105

4.15 Implementasi Report (User) ... 105

4.15.1. Tampilan Aplikasi ... 105

4.15.2. Pseudocode Fitur ... 106

4.15.3. Kode Store Procedure ... 107

4.16 Implementasi Ebook Corner - Upload ... 107

4.16.1. Tampilan Aplikasi ... 107

4.16.2. Pseudocode Fitur ... 108

4.16.3. Kode View ... 108

4.16.4. Kode Store Procedure ... 108

4.17 Implementasi Ebook Corner - Edit ... 109

4.17.1. Tampilan Aplikasi ... 109

xiv Universitas Kristen Maranatha

4.18 Implementasi Personal Message ... 109

4.18.1. Tampilan Aplikasi ... 109

4.18.2. Pseudocode Fitur ... 110

4.18.3. Kode Store Procedure ... 110

4.19 Implementasi Personal Message Detail ... 110

4.19.1. Tampilan Aplikasi ... 110

4.19.2. Pseudocode Fitur ... 111

4.19.3. Kode Store Procedure ... 111

4.20 Implementasi Write New Message ... 111

4.20.1. Tampilan Aplikasi ... 111

4.20.2. Pseudocode Fitur ... 112

4.20.3. Kode Store Procedure ... 113

4.21 Implementasi Create Event ... 114

4.21.1. Tampilan Aplikasi ... 114

4.21.2. Pseudocode Fitur ... 114

4.21.3. Kode Store Procedure ... 115

4.22 Implementasi Add As Friend ... 116

4.22.1. Tampilan Aplikasi ... 116

4.22.2. Pseudocode Fitur ... 116

4.22.3. Kode Store Procedure ... 116

4.23 Implementasi Friends Confirmation... 117

4.23.1. Tampilan Aplikasi ... 117

4.23.2. Pseudocode Fitur ... 117

4.23.3. Kode Store Procedure ... 117

4.24 Implementasi Friends ... 118

4.24.1. Tampilan Aplikasi ... 118

4.24.2. Pseudocode Fitur ... 118

4.24.3. Kode Store Procedure ... 118

4.25 ImplementasiFrie d’s Birthday ... 119

4.25.1. Tampilan Aplikasi ... 119

4.25.2. Pseudocode Fitur ... 119

4.25.3. Kode Store Procedure ... 119

xv Universitas Kristen Maranatha

4.26.1. Tampilan Aplikasi ... 119

4.26.2. Pseudocode Fitur ... 120

4.26.3. Kode Store Procedure ... 121

4.27 Implementasi Import Data Users ... 122

4.27.1. Tampilan Aplikasi ... 122

4.27.2. Pseudocode Fitur ... 122

4.28 Implementasi Update Users... 125

4.28.1. Tampilan Aplikasi ... 125

4.28.2. Pseudocode Fitur ... 125

4.28.3. Kode Store Procedure ... 125

4.29 Implementasi Reports (Admin) –Pengelolaan Posting Report ... 126

4.29.1. Tampilan Aplikasi ... 126

4.29.2. Pseudocode Fitur ... 127

4.29.3. Kode View ... 127

4.29.4. Kode Store Procedure ... 127

4.30 Implementasi Reports (Admin) –Pengelolaan User Report ... 128

4.30.1. Tampilan Aplikasi ... 128

4.30.2. Pseudocode Fitur ... 128

4.30.3. Kode View ... 129

4.31 Implementasi Edit Account – Change Username ... 129

4.31.1. Tampilan Aplikasi ... 129

4.31.2. Pseudocode Fitur ... 130

4.31.3. Kode Store Procedure ... 130

4.32 Implementasi Edit Account – Change Password ... 130

4.32.1. Tampilan Aplikasi ... 130

4.32.2. Pseudocode Fitur ... 131

4.32.3. Kode Store Procedure ... 132

4.33 Implementasi Edit Account – Change Security Question ... 132

4.33.1. Tampilan Aplikasi ... 132

4.33.2. Pseudocode Fitur ... 133

4.33.3. Kode Store Procedure ... 133

4.34 Implementasi Wizard New User ... 133

xvi Universitas Kristen Maranatha

4.34.2. Pseudocode Fitur ... 134

BAB V PEMBAHASAN DAN UJI COBA HASIL PENELITIAN ... 136

5.1 Blackbox Testing ... 136

5.1.1 Login ... 136

5.1.2 Forget Password ... 137

5.1.3 Information and News ... 138

5.1.4 Add Berita ... 139

5.1.5 Edit News ... 140

5.1.6 Friends Confirmation ... 141

5.1.7 Navigasi Profil ... 142

5.1.8 Change Profile Picture ... 143

5.1.9 Co e t’s List ... 144

5.1.10 Komentar Detail ... 144

5.1.11 Biodata ... 145

5.1.12 Article History – Thread by ... 146

5.1.13 Article History – Thread Joined ... 147

5.1.14 Ebook History ... 147

5.1.15 Navigasi Forum ... 148

5.1.16 Forum Category ... 149

5.1.17 Forum Sub Category ... 150

5.1.18 Forum Thread ... 151

5.1.19 Forum Posting ... 153

5.1.20 Ebook Corner – Upload Ebook ... 153

5.1.21 Ebook Corner – Edit Ebook ... 155

5.1.22 Personal Message ... 157

5.1.23 Personal Message Detail ... 157

5.1.24 Write New Message ... 158

5.1.25 Event ... 160

5.1.26 Friends ... 162

5.1.27 Users – Insert One ... 163

5.1.28 Users – Import from Excel ... 164

5.1.29 Users – Update data ... 165

xvii Universitas Kristen Maranatha

5.1.31 Reports (Admin)– Pengelolaan User Report ... 169

5.1.32 Edit Account ... 171

5.1.33 Wizard New ... 175

5.2 Hasil Kuisioner ... 178

5.2.1. Posting ... 178

5.2.2. Komentar ... 179

5.2.3. Ketersediaan Informasi Berita ... 179

5.2.4. Ketersediaan Informasi Acara ... 180

5.2.5. Navigasi dalam Forum ... 180

5.2.6. Struktur Prosedur Upload Ebook ... 181

5.2.7. Waktu untuk Menemukan Link Download Ebook ... 181

5.2.8. Hak Akses Informasi ... 182

BAB VI SIMPULAN DAN SARAN ... 183

6.1 Simpulan ... 183

6.2 Saran ... 183

xviii Universitas Kristen Maranatha

DAFTAR GAMBAR

Gambar 2. 1 Relasi One to One ... 8

Gambar 2. 4 Relasi One to Many ... 8

Gambar 2. 5 Relasi Many to One ... 9

Gambar 2. 6 Relasi Many to Many ... 9

Gambar 2. 7 Entity Relationship Diagram ... 9

Gambar 3. 1 Use Case Diagram Social Networking Site For LeaderX Community ... 20

Gambar 3. 2 Activity Diagram Sign In ... 21

Gambar 3. 3 Activity Diagram Reset Password... 22

Gambar 3. 4 Activity Diagram Sign Out ... 23

Gambar 3. 5 Activity Diagram Pengelolaan Berita ... 23

Gambar 3. 6 Activity Diagram Edit Data Diri ... 24

Gambar 3. 7 Activity Diagram Foto Diri ... 25

Gambar 3. 8 Activity Diagram Informasi Ulang Tahun ... 25

Gambar 3. 9 Activity Diagram Kirim Komentar ... 26

Gambar 3. 10 Activity Diagram Balas Komentar ... 27

Gambar 3. 11 Activity Diagram Hapus Komentar ... 27

Gambar 3. 12 Activity Diagram Article History ... 28

Gambar 3. 13 Activity Diagram Ebook History... 29

Gambar 3. 14 Activity Diagram Tambah Teman ... 30

Gambar 3. 15 Activity Diagram Setujui Jadi Teman ... 30

Gambar 3. 16 Activity Diagram Hapus Teman ... 31

Gambar 3. 17 Activity Diagram Add Category ... 32

Gambar 3. 18 Activity Diagram Sub Category ... 33

Gambar 3. 19 Activity Diagram Add Thread ... 34

Gambar 3. 20 Activity Diagram Add Posting ... 35

Gambar 3. 21 Activity Diagram Menghapus Thread ... 35

Gambar 3. 22 Activity Diagram Menghapus Posting ... 36

Gambar 3. 23 Activity Diagram User Level & User Info ... 37

Gambar 3. 24 Activity Diagram New Thread ... 37

xix Universitas Kristen Maranatha

Gambar 3. 26 Activity Diagram Hot Thread ... 38

Gambar 3. 27 Activity Diagram Posting Counter & Last Post ... 39

Gambar 3. 28 Activity Diagram Memberikan Laporan ... 40

Gambar 3. 29 Activity Diagram Mengelola Posting Report ... 41

Gambar 3. 30 Activity Diagram Mengelola User Report ... 42

Gambar 3. 31 Activity Diagram Download & Baca Ebook ... 43

Gambar 3. 32 Activity Diagram Upload Ebook ... 44

Gambar 3. 33 Activity Diagram Edit Data Ebook ... 45

Gambar 3. 34 Activity Diagram Hapus Ebook ... 46

Gambar 3. 35 Activity Diagram Melihat Personal Message ... 47

Gambar 3. 36 Activity Diagram Mengirim Personal Message ... 48

Gambar 3. 37 Activity Diagram Event ... 49

Gambar 3. 38 Activity Diagram Tambah Data User ... 50

Gambar 3. 39 Import Data User ... 51

Gambar 3. 40 Activity Diagram Ubah Data User ... 52

Gambar 3. 41 Activity Diagram Hapus Data User ... 53

Gambar 3. 42 Activity Diagram Ubah Username ... 54

Gambar 3. 43 Activity Diagram Ubah Password ... 55

Gambar 3. 44 Activity Diagram Ubah Security Question ... 56

Gambar 3. 45 Activity Diagram Wizard New User ... 58

Gambar 3. 46 Entity Relationship Diagram... 59

Gambar 3. 47 Web Map Aplikasi ... 60

Gambar 3. 48 Menu Navigasi Admin ... 61

Gambar 3. 49 Menu Navigasi member ... 61

Gambar 3. 50 Menu Login ... 61

Gambar 3. 51 Forget Password - Langkah 1 ... 62

Gambar 3. 52 Forget Password - Langkah 2 ... 62

Gambar 3. 53 Home ... 63

Gambar 3. 54 Add Berita ... 63

Gambar 3. 55 Profile - Comment's List ... 64

Gambar 3. 56 Profile – Biodata ... 65

Gambar 3. 57 Profile - Biodata Edit ... 66

xx Universitas Kristen Maranatha

Gambar 3. 59 Article History - Thread Joined ... 68

Gambar 3. 60 Ebook History ... 69

Gambar 3. 61 Forum –Category ... 70

Gambar 3. 62 Forum - Create New Category ... 70

Gambar 3. 63 Forum - Sub Category ... 71

Gambar 3. 64 Create Sub Category ... 71

Gambar 3. 65 Forum –Thread ... 72

Gambar 3. 66 Create New Thread... 72

Gambar 3. 67 Forum - Posting ... 73

Gambar 3. 68 Posting Report (User) ... 73

Gambar 3. 69 User Report (User) ... 74

Gambar 3. 70 Ebook Corner ... 74

Gambar 3. 71 Edit Data Ebook ... 75

Gambar 3. 72 Personal Message ... 75

Gambar 3. 73 Personal Message - Detail ... 76

Gambar 3. 74 Write New Message ... 76

Gambar 3. 75 Create Event ... 77

Gambar 3. 76 Add as Friend ... 77

Gambar 3. 77 Friend's Confirmation ... 77

Gambar 3. 78 Friend List ... 78

Gambar 3. 79 Friend's Birthday... 78

Gambar 3. 80 Insert New Users ... 79

Gambar 3. 81 Import Data Users ... 79

Gambar 3. 82 Update Data User ... 80

Gambar 3. 83 Report (Admin) ... 80

Gambar 3. 84 Action - Posting Report ... 81

Gambar 3. 85 Action - User report ... 81

Gambar 3. 86 Edit Account - Enter Password ... 82

Gambar 3. 87 Edit Account - Change Username ... 82

Gambar 3. 88 Edit Account - Change Password ... 83

Gambar 3. 89 Edit Account - Change Security Question ... 83

Gambar 3. 90 Wizard New User - Langkah 1 ... 84

xxi Universitas Kristen Maranatha

Gambar 3. 92 Wizard New User - Langkah 3 ... 85

Gambar 4. 1 Relationship Diagram ... 86

Gambar 4. 2 Implementasi Navigasi Admin - Part 1 ... 87

Gambar 4. 3 Implementasi Navigasi Admin - Part 2 ... 87

Gambar 4. 4 Implementasi Navigasi Member ... 87

Gambar 4. 5 Implementasi Menu Login ... 88

Gambar 4. 6 Implementasi Forget Password - Langkah 1 ... 89

Gambar 4. 7 Implementasi Forget Password - Langkah 2 ... 89

Gambar 4. 8 Implementasi Home ... 91

Gambar 4. 9 Implementasi Add Berita ... 92

Gambar 4. 10 Implementasi Comment's List ... 93

Gambar 4. 11 Implementasi Biodata ... 94

Gambar 4. 12 Implementasi Biodata Edit ... 95

Gambar 4. 13 Implementasi Article History – Thread by ... 96

Gambar 4. 14 Implementasi Article History - Thread Joined ... 97

Gambar 4. 15 Implementasi Ebook History ... 98

Gambar 4. 16 Implementasi Forum - Category... 99

Gambar 4. 17 Implementasi Create New Category ... 99

Gambar 4. 18 Implementasi Forum - Sub Category ... 100

Gambar 4. 19 Implementasi Create Sub Category ... 101

Gambar 4. 20 Implementasi Forum – Thread ... 102

Gambar 4. 21 Implementasi Create New Thread ... 102

Gambar 4. 22 Implementasi Forum - Posting ... 103

Gambar 4. 23 Implementasi Posting Report ... 106

Gambar 4. 24 Implementasi User Report ... 106

Gambar 4. 25 Implementasi Ebook Corner ... 107

Gambar 4. 26 Implementasi Edit Ebook ... 109

Gambar 4. 27 Implementasi Personal Message ... 110

Gambar 4. 28 Implementasi Personal Messsage Detail ... 111

Gambar 4. 29 Implementasi Write New Message ... 112

Gambar 4. 30 Implementasi Create Event ... 114

Gambar 4. 31 Implementasi Add As Friend ... 116

xxii Universitas Kristen Maranatha

Gambar 4. 33 Implementasi Friend List ... 118

Gambar 4. 34 Implementasi Birthday Information ... 119

Gambar 4. 35 Implementasi Insert New User ... 120

Gambar 4. 36 Implementasi Users ... 122

Gambar 4. 37 Implementasi Ubah data Users ... 125

Gambar 4. 38 Implementasi Pengelolaan Posting Report (Admin) ... 126

Gambar 4. 39 Implementasi Take Action - Posting Report ... 127

Gambar 4. 40 Implementasi Pengelolaan User Report (Admin) ... 128

Gambar 4. 41 Implementasi Take Action User Report ... 128

Gambar 4. 42 Implementasi Change Username - Langkah 1 ... 129

Gambar 4. 43 Implementasi Change Username - Langkah 2 ... 130

Gambar 4. 44 Implementasi Change Password - Langkah 1 ... 131

Gambar 4. 45 Implementasi Change Password - Langkah 2 ... 131

Gambar 4. 46 Implementasi Change Security Question - Langkah 1 ... 132

Gambar 4. 47 Implementasi Change Securiy Question - Langkah 2 ... 132

Gambar 4. 48 Implementasi Wizard New User - Langkah 1 ... 133

Gambar 4. 49 Implementasi Wizard New User - Langkah 2 ... 134

xxiii Universitas Kristen Maranatha

DAFTAR TABEL

Tabel 2. 1 Simbol-Simbol Use Case Diagram ... 5

Tabel 2. 2 Simbol-Simbol Activity Diagram ... 6

Tabel 2. 3 Versi Web Server IIS ... 17

Tabel 5. 1 Hasil Kuisioner - Kriteria Posting ... 178

Tabel 5. 2 Hasil Kuisioner - Kriteria Komentar ... 179

Tabel 5. 3 Hasil Kuisioner - Kriteria Informasi Berita ... 179

Tabel 5. 4 Hasil Kuisioner - Kriteria Informasi Acara ... 180

Tabel 5. 5 Hasil Kuisioner - Kriteria Navigasi dalam Forum ... 180

Tabel 5. 6 Hasil Kuisioner - Kriteria Struktur Upload Ebook... 181

Tabel 5. 7 Hasil Kuisioner - Kriteria Waktu untuk Menemukan Link Download Ebook .. 181

xxiv Universitas Kristen Maranatha

DAFTAR LAMPIRAN

LAMPIRAN A Tabel entITAS DAN RELASI ... A.1

LAMPIRAN B TABEL SCHEMATIC ... B.1

LAMPIRAN C QUISIONER ... C.1

1 Universitas Kristen Maranatha

BAB I

PENDAHULUAN

1.1 Latar Belakang

LeaderX Community adalah komunitas dari sebuah bidang organisasi kepemimpinan ternama di Indonesia. Komunitas ini terdiri dari peserta didik dan alumni. Para peserta didik dari bidang organisasi kepemimpinan ini tersebar di banyak universitas di berbagai kota di Indonesia, sehingga timbullah suatu masalah yaitu sulitnya menjalin komunikasi, terutama yang berjauhan kota. LeaderX Community juga mengikuti banyak pelatihan yang dipusatkan di beberapa kota di Indonesia, sehingga dibutuhkan komunikasi hampir setiap harinya untuk menginformasikan tiap acara dan berbagai kepentingan yang ada.

Selain komunikasi, LeaderX Community membutuhkan sebuah tempat

untuk belajar dan berbagi materi. LeaderX Community membutuhkan tempat

belajar di luar kampus untuk mengembangkan pengetahuan yang telah mereka dapatkan di kampus. Di samping itu, jumlah peserta didik yang dimiliki oleh bidang organisasi kepemimpinan ini cukup banyak, penggadaan materi dalam bentuk salinan kertas dirasakan cukup merepotkan. Butuh biaya dan waktu untuk menggandakan salinan kertas tersebut, peserta juga merasa salinan kertas tidak

ringkas dalam membawanya. Penggandaan dalam bentuk softcopy pun tidak

memungkinkan.

LeaderX Community juga membutuhkan sebuah sarana untuk berdiskusi, untuk membahas baik hal-hal personal antar peserta didik maupun hal-hal di luar LeaderX Community. Masalah yang dihadapi sekarang adalah walaupun banyak forum-forum untuk berdiskusi tetapi belum ada yang bersifat ekslusif ditujukan bagi LeaderX Community. Sehingga hal-hal personal dalam LeaderX Community yang dibicarakan di forum-forum tersebut, mungkin saja dapat dibaca oleh orang yang tidak memiliki kepentingan.

1.2 Rumusan Masalah

Pengkajian masalah meliputi beberapa aspek, sebagai berikut

a) Bagaimana cara berbagi informasi dan menjalin komunikasi antar peserta didik dan alumni, terutama yang berada berjauhan kota?

2 Universitas Kristen Maranatha b) Bagaimana cara belajar dan berdiskusi antar peserta didik dan alumni,

terutama yang berada berjauhan kota?

c) Bagaimana membangun sebuah media sosial yang sesuai dengan kebutuhan LeaderX Community?

1.3 Tujuan Pembahasan

Social networking site ini dibangun berdasarkan tujuan untuk menyediakan sebuah sarana komunikasi, belajar, berdiskusi serta berbagi informasi dan materi. Sarana tersebut dibangun sesuai dengan kebutuhan antar peserta didik dan alumni di dalam LeaderX Community.

1.4 Batasan Masalah

Batasan yang diberikan di dalam karya ilmiah ini mencangkup 3 hal, yaitu masalah yang akan di kaji, batasan solusi, serta batasan dari teknologi yang akan dipakai.

1.4.1 Masalah Kajian

a) Social networking site yang dimaksud adalah bagi dan mengatasnamakan LeaderX Community saja, yaitu peserta didik dan alumni dari sebuah bidang organisasi kepemimpinan ternama di Indonesia, tanpa menyangkut pihak lain. b) Tidak menyangkutkan bidang keuangan

c) Tidak menyangkutkan pendaftaran komunitas LeaderX

1.4.2 Batasan Solusi

a) Pengiriman ke dalam email hanya terbatas pada penambahan user, reset

password dan penginformasian acara saja b) Ada pengelompokan forum esklusif untuk alumni c) Tidak ada bad word filtering

d) Per user memiliki kapasitas 1 GB

1.4.3 Batasan Teknologi

Persyaratan minimal produk yang harus disediakan server agar sistem ini dapat berjalan ialah :

3 Universitas Kristen Maranatha a. Microsoft Windows Server 2008/ Vista/ 7

b. Microsoft .NET Framework 4 c. IIS Web Server 7.0

d. DBMS SQL Server 2008 R2

e. Browser Mozilla Firefox/ Internet Explorer

1.5 Sistematika Pembahasan

Laporan akan disusun dengan sistematika sebagai berikut : a) BAB I Pendahuluan

Berisi uraian mengenai latar belakang, rumusan masalah, tujuan pembahasan, batasan masalah, dan sistematika pembahasan.

b) BAB II Kajian Teori

Berisi teori-teori atau metode yang digunakan yang berhubungan dengan pembangunan social networking site ini.

c) BAB III Analisa dan Permodelan

Berisikan cara kerja aplikasi, use-case diagram, ER diagram, actiity diagram,

web-map, dan perancangan user interface.

d) BAB IV Perancangan dan Implementasi

Berisikan kumpulan screenshot, implementasi tabel relasi dan tabel schematic, implementasi activity diagram dalam bentuk kode.

e) BAB V Pengujian

Berisikan pengujian-pengujian dari social networking site yang telah dibangun, dalam bentuk black box dan hasil kuisioner.

f) BAB VI Simpulan dan Saran

Resume dari keseluruhan karya ilmiah yang dibuat, ilmu-ilmu baru yang didapatkan, serta masukkan-masukkan yang berguna untuk mengembangkan karya ilmiah ini.

183 Universitas Kristen Maranatha

BAB VI

SIMPULAN DAN SARAN

6.1 Simpulan

Secara keseluruhan aplikasi web ini menghasilkan nilai guna yang cukup tinggi, dimana aplikasi ini dapat memberikan solusi berkomunikasi, belajar, berdiskusi serta berbagi informasi dan materi. Aplikasi ini memberikan solusi berkomunikasi melalui komponen jejaring sosial yang sudah dibuat. Solusi belajar, berdiskusi dan berbagi materi melalui fitur forum dan ebook corner yang merupakan komponen aplikasi yang paling banyak disukai berdasarkan hasil suvei. Solusi berbagi informasi melalui fitur create event, yang dapat memberikan informasi event ke information and news di halaman utama aplikasi, mengirim message, dan mengirim event ke email pengguna.

Aplikasi web ini berperan memberikan sarana berkomunikasi dan berbagi yang ekslusif pada tiap peserta didik dan alumni, karena pembicaraan dan informasi tidak diketahui oleh orang luar.

6.2 Saran

Saran yang diberikan untuk mengembangkan aplikasi lebih lanjut, yaitu aplikasi ini akan lebih baik jika diberikan penambahan-penambahan fitur, seperti fasilitas chatting, tombol message pada profil setiap orang serta penambahan album foto dan video. Aplikasi ini akan menjadi lebih baik lagi apabila dikembangkan dengan bad word filter yang sesuai dengan semantis dan konteks kalimatnya.

184 Universitas Kristen Maranatha

DAFTAR PUSTAKA

About.com. What is Social Media. Diakses 28 Desember 2011, dari

http://webtrends.about.com/od/web20/a/social-media.htm.

ASP.net. 2011. ASP.NET AJAX Control Toolkit. Diakses 21 Oktober 2011, dari

www.asp.net/ajax.

Chonoles, Michael Jesse & James. 2003. UML 2 For Dummies. New York USA:

Wiley Publishing.

Christianson, Curt & Cochran, Jeff. 2009. ASP.NET 3.5 Content Management System Development, Birmingham USA: Packt Publising.

Codeplex. 2011. Ajax Control Toolkit. Diakses 21 Oktober 2011, dari

www.ajaxcontroltoolkit.codeplex.com.

Cornes, Ollie at all. 2001. Beginning ASP.NET using VB.NET, Birmingham USA: Wrox Press Ltd.

Darmayuda, Ketut. 2009.Pemrograman Aplikasi Database dengan Microsoft Visual Basic .NET 2008, Bandung: Informatika.

Gupta, Atul at all. 2011. ASP.NET 4 Social Networking, Birmingham USA : Packt Publishing.

Harmon, Paul. 2010. Business Process Change. A Manager’s Guide To

Improving, Redesigning and Automating Process, Boston USA: Morgan Kaufmann Publishers.

IEEE. 2011. Functionality Testing. Diakses pada tanggal 1 September 2011, dari

www.ieee.org.

Imbar, Radiant Victor & Suteja, Bernard Renaldy. 2006. Pemrograman Web-Commerce dengan Oracle dan ASP, Bandung: Informatika.

185 Universitas Kristen Maranatha

jQuery. 2011. jQuery. Diakses 21 Oktober 2011, dari www.jQuery.com.

jQueryui. 2011. jQuery User Interface. Diakses 21 Oktober 2011, dari

www.jQueryui.com.

Juju, Dominukus. 2007. Kupas Tuntas CSS, Jakarta: Elex Media Komputindo.

Post, Gerald V. & Anderson, David L. 2000. Management Information Systems: Solving Business Problems with Information Technology, Boston USA: McGraw-Hill Companies, Inc.

Schmuller, Joseph. 2004. Sams Teach Yourself UML in 24 Hours, Indiana USA: Sams Publishing.

SMTP Inc. 2011. Simple Mail Transfer Protocol. Diakses 21 Oktober 2011, dari

www.smtp.com.

Silberschatz. 2002. Database System Concepts, Boston USA: McGraw-Hill

Companies, Inc.

W3schools.2011.HTML Introduction. Diakses 21 Oktober 2011, dari

http://www.w3schools.com/html/html_intro.asp.

W3schools.2011.Javascript Introduction. Diakses 21 Oktober 2011, dari

http://www.w3schools.com/js/js_intro.asp.

W3schools.2011.jQuery Introduction. Diakses 21 Oktober 2011, dari

http://www.w3schools.com/jquery/jquery_intro.asp.

W3schools.2011.CSS Introduction. Diakses 21 Oktober 2011, dari

http://www.w3schools.com/css/css_intro.asp.

W3schools.2010.SQL Introduction. Diakses 21 Oktober 2011, dari

1 Universitas Kristen Maranatha

BAB I

PENDAHULUAN

1.1 Latar Belakang

LeaderX Community adalah komunitas dari sebuah bidang organisasi kepemimpinan ternama di Indonesia. Komunitas ini terdiri dari peserta didik dan alumni. Para peserta didik dari bidang organisasi kepemimpinan ini tersebar di banyak universitas di berbagai kota di Indonesia, sehingga timbullah suatu masalah yaitu sulitnya menjalin komunikasi, terutama yang berjauhan kota.

LeaderX Community juga mengikuti banyak pelatihan yang dipusatkan di beberapa kota di Indonesia, sehingga dibutuhkan komunikasi hampir setiap harinya untuk menginformasikan tiap acara dan berbagai kepentingan yang ada.

Selain komunikasi, LeaderX Community membutuhkan sebuah tempat untuk belajar dan berbagi materi. LeaderX Community membutuhkan tempat belajar di luar kampus untuk mengembangkan pengetahuan yang telah mereka dapatkan di kampus. Di samping itu, jumlah peserta didik yang dimiliki oleh bidang organisasi kepemimpinan ini cukup banyak, penggadaan materi dalam bentuk salinan kertas dirasakan cukup merepotkan. Butuh biaya dan waktu untuk menggandakan salinan kertas tersebut, peserta juga merasa salinan kertas tidak ringkas dalam membawanya. Penggandaan dalam bentuk softcopy pun tidak memungkinkan.

LeaderX Community juga membutuhkan sebuah sarana untuk berdiskusi, untuk membahas baik hal-hal personal antar peserta didik maupun hal-hal di luar

LeaderX Community. Masalah yang dihadapi sekarang adalah walaupun banyak forum-forum untuk berdiskusi tetapi belum ada yang bersifat ekslusif ditujukan bagi LeaderX Community. Sehingga hal-hal personal dalam LeaderX Community

yang dibicarakan di forum-forum tersebut, mungkin saja dapat dibaca oleh orang yang tidak memiliki kepentingan.

1.2 Rumusan Masalah

Pengkajian masalah meliputi beberapa aspek, sebagai berikut

a) Bagaimana cara berbagi informasi dan menjalin komunikasi antar peserta didik dan alumni, terutamayang berada berjauhan kota?

2 Universitas Kristen Maranatha b) Bagaimana cara belajar dan berdiskusi antar peserta didik dan alumni,

terutama yang berada berjauhan kota?

c) Bagaimana membangun sebuah media sosial yang sesuai dengan kebutuhan

LeaderX Community?

1.3 Tujuan Pembahasan

Social networking site ini dibangun berdasarkan tujuan untuk menyediakan sebuah sarana komunikasi, belajar, berdiskusi serta berbagi informasi dan materi. Sarana tersebut dibangun sesuai dengan kebutuhan antar peserta didik dan alumni di dalam LeaderX Community.

1.4 Batasan Masalah

Batasan yang diberikan di dalam karya ilmiah ini mencangkup 3 hal, yaitu masalah yang akan di kaji, batasan solusi, serta batasan dari teknologi yang akan dipakai.

1.4.1 Masalah Kajian

a) Social networking site yang dimaksud adalah bagi dan mengatasnamakan

LeaderX Community saja, yaitu peserta didik dan alumni dari sebuah bidang organisasi kepemimpinan ternama di Indonesia, tanpa menyangkut pihak lain. b) Tidak menyangkutkan bidang keuangan

c) Tidak menyangkutkan pendaftaran komunitas LeaderX

1.4.2 Batasan Solusi

a) Pengiriman ke dalam email hanya terbatas pada penambahan user, reset password dan penginformasian acara saja

b) Ada pengelompokan forum esklusif untuk alumni c) Tidak ada bad word filtering

d) Per user memiliki kapasitas 1 GB

1.4.3 Batasan Teknologi

Persyaratan minimal produk yang harus disediakan server agar sistem ini dapat berjalan ialah :

3 Universitas Kristen Maranatha

a. Microsoft Windows Server 2008/ Vista/ 7 b. Microsoft .NET Framework 4

c. IIS Web Server 7.0

d. DBMS SQL Server 2008 R2

e. Browser Mozilla Firefox/ Internet Explorer

1.5 Sistematika Pembahasan

Laporan akan disusun dengan sistematika sebagai berikut : a) BAB I Pendahuluan

Berisi uraian mengenai latar belakang, rumusan masalah, tujuan pembahasan, batasan masalah, dan sistematika pembahasan.

b) BAB II Kajian Teori

Berisi teori-teori atau metode yang digunakan yang berhubungan dengan pembangunan social networking site ini.

c) BAB III Analisa dan Permodelan

Berisikan cara kerja aplikasi, use-case diagram, ER diagram, actiity diagram,

web-map, dan perancangan user interface.

d) BAB IV Perancangan dan Implementasi

Berisikan kumpulan screenshot, implementasi tabel relasi dan tabel schematic, implementasi activity diagram dalam bentuk kode.

e) BAB V Pengujian

Berisikan pengujian-pengujian dari social networking site yang telah dibangun, dalam bentuk black box dan hasil kuisioner.

f) BAB VI Simpulan dan Saran

Resume dari keseluruhan karya ilmiah yang dibuat, ilmu-ilmu baru yang didapatkan, serta masukkan-masukkan yang berguna untuk mengembangkan karya ilmiah ini.

183 Universitas Kristen Maranatha

BAB VI

SIMPULAN DAN SARAN

6.1 Simpulan

Secara keseluruhan aplikasi web ini menghasilkan nilai guna yang cukup tinggi, dimana aplikasi ini dapat memberikan solusi berkomunikasi, belajar, berdiskusi serta berbagi informasi dan materi. Aplikasi ini memberikan solusi berkomunikasi melalui komponen jejaring sosial yang sudah dibuat. Solusi belajar, berdiskusi dan berbagi materi melalui fitur forum dan ebook corner yang merupakan komponen aplikasi yang paling banyak disukai berdasarkan hasil suvei. Solusi berbagi informasi melalui fitur create event, yang dapat memberikan informasi event ke information and news di halaman utama aplikasi, mengirim

message, dan mengirim event ke email pengguna.

Aplikasi web ini berperan memberikan sarana berkomunikasi dan berbagi yang ekslusif pada tiap peserta didik dan alumni, karena pembicaraan dan informasi tidak diketahui oleh orang luar.

6.2 Saran

Saran yang diberikan untuk mengembangkan aplikasi lebih lanjut, yaitu aplikasi ini akan lebih baik jika diberikan penambahan-penambahan fitur, seperti fasilitas chatting, tombol message pada profil setiap orang serta penambahan album foto dan video. Aplikasi ini akan menjadi lebih baik lagi apabila dikembangkan dengan badword filter yang sesuai dengan semantis dan konteks kalimatnya.

184 Universitas Kristen Maranatha

DAFTAR PUSTAKA

About.com. What is Social Media. Diakses 28 Desember 2011, dari http://webtrends.about.com/od/web20/a/social-media.htm.

ASP.net. 2011. ASP.NET AJAX Control Toolkit. Diakses 21 Oktober 2011, dari www.asp.net/ajax.

Chonoles, Michael Jesse & James. 2003. UML 2 For Dummies. New York USA: Wiley Publishing.

Christianson, Curt & Cochran, Jeff. 2009. ASP.NET 3.5 Content Management System Development, Birmingham USA: Packt Publising.

Codeplex. 2011. Ajax Control Toolkit. Diakses 21 Oktober 2011, dari www.ajaxcontroltoolkit.codeplex.com.

Cornes, Ollie at all. 2001. Beginning ASP.NET using VB.NET, Birmingham USA: Wrox Press Ltd.

Darmayuda, Ketut. 2009.Pemrograman Aplikasi Database dengan Microsoft Visual Basic .NET 2008, Bandung: Informatika.

Gupta, Atul at all. 2011. ASP.NET 4 Social Networking, Birmingham USA : Packt Publishing.

Harmon, Paul. 2010. Business Process Change. A Manager’s Guide To Improving, Redesigning and Automating Process, Boston USA: Morgan Kaufmann Publishers.

IEEE. 2011. Functionality Testing. Diakses pada tanggal 1 September 2011, dari www.ieee.org.

Imbar, Radiant Victor & Suteja, Bernard Renaldy. 2006. Pemrograman Web-Commerce dengan Oracle dan ASP, Bandung: Informatika.

185 Universitas Kristen Maranatha jQuery. 2011. jQuery. Diakses 21 Oktober 2011, dari www.jQuery.com.

jQueryui. 2011. jQuery User Interface. Diakses 21 Oktober 2011, dari www.jQueryui.com.

Juju, Dominukus. 2007. Kupas Tuntas CSS, Jakarta: Elex Media Komputindo.

Post, Gerald V. & Anderson, David L. 2000. Management Information Systems: Solving Business Problems with Information Technology, Boston USA: McGraw-Hill Companies, Inc.

Schmuller, Joseph. 2004. Sams Teach Yourself UML in 24 Hours, Indiana USA: Sams Publishing.

SMTP Inc. 2011. Simple Mail Transfer Protocol. Diakses 21 Oktober 2011, dari www.smtp.com.

Silberschatz. 2002. Database System Concepts, Boston USA: McGraw-Hill Companies, Inc.

W3schools.2011.HTML Introduction. Diakses 21 Oktober 2011, dari http://www.w3schools.com/html/html_intro.asp.

W3schools.2011.Javascript Introduction. Diakses 21 Oktober 2011, dari http://www.w3schools.com/js/js_intro.asp.

W3schools.2011.jQuery Introduction. Diakses 21 Oktober 2011, dari http://www.w3schools.com/jquery/jquery_intro.asp.

W3schools.2011.CSS Introduction. Diakses 21 Oktober 2011, dari http://www.w3schools.com/css/css_intro.asp.

W3schools.2010.SQL Introduction. Diakses 21 Oktober 2011, dari http://www.w3schools.com/sql/sql_intro.asp.