Universitas Bina Nusantara

Universitas Bina Nusantara Jurusan Teknik Informatika Skripsi Sarjana Komputer Semester Ganjil tahun 2006/2007 ANALISIS DAN PERANCANGAN APLIKASI PENGAWASAN PROYEK PIRANTI LUNAK BERBASIS WEB (STUDI KASUS PADA IS DEVELOPMENT UNIVERSITAS BINA NUSANTARA) Lita Sari 0700677323 Titiek Martha 0700677821 Hatjhie Soepriady Widjaja 0700727196 Abstrak: Tujuan dari penulisan skripsi ini adalah menghasilkan sebuah aplikasi project monitoring yang dapat digunakan IS Development Division Universitas Bina Nusantara serta dapat digunakan untuk menyimpan dokumen proyek. Metode pengembangan piranti lunak yang digunakan adalah waterfall yang terdiri dari tahapan analisis kebutuhan, spesifikasi, desain, implementasi, integrasi dan penyebaran, dan testing. Aplikasi yang dihasilkan dari penulisan skripsi ini adalah sebuah aplikasi pengawasan proyek piranti lunak berbasis web. Dalam aplikasi ini pengguna dibagi menjadi 3 (tiga) kategori, yaitu admin, project manager, dan other member, dimana masing-masing kategori pengguna memiliki hak dan wewenang yang berbeda. Aplikasi ini dapat digunakan untuk menyimpan dokumen-dokumen yang berkaitan dengan proyek yang sedang ditangani oleh pengguna. Selain itu pengguna juga dapat melihat gambaran keselurahan dari sebuah proyek sehingga dapat membantu proses pengawasan proyek. Untuk membantu komunikasi antar pengguna, pada aplikasi ini terdapat fitur pengumuman dan pengiriman pesan. Dengan adanya aplikasi ini masalah perlunya sebuah aplikasi yang dapat membantu proses pengawasan proyek piranti lunak telah dapat dipecahkan. Kata Kunci : pengawasan proyek, piranti lunak, basis web.. viii

PRAKATA Puji syukur kepada Tuhan Yang Maha Esa, atas rahmat dan berkat-nya, kami dapat menyelesaikan laporan skripsi ini. Tanpa penyertaan dan bantuan dari-nya, maka semua usaha dan kerja keras ini tidak akan ada hasilnya. Penulisan skripsi dengan judul Analisis dan Perancangan Aplikasi Pengawasan Proyek Piranti Luank Berbasis Web (Studi Kasus pada IS Development Universitas Bina Nusantara) ini disusun sebagai salah satu persyaratan akademik untuk menyelesaikan jenjang studi Strata 1 Jurusan Teknik Informatika di Universitas Bina Nusantara. Penulis menyadari sepenuhnya dalam penulisan skripsi ini masih terdapat kekurangan dan kelemahan. Untuk itu, penulis mengharapkan kritik, saran, masukan, dan tanggapan dari para pembaca. Tidak lupa penulis ingin mengucapkan terima kasih yang sebesar-besarnya kepada semua pihak atas segala bantuan dan dorongan yang telah diberikan. Adapun ucapan terima kasih ini penulis berikan kepada: 1. Bapak Prof. Dr. Gerardus Polla, M.App.Sc., selaku Rektor Universitas Bina Nusantara yang telah memberikan kesempatan kepada kami untuk membuat penulisan laporan skripsi ini. 2. Bapak Ir. Sablin Yusuf, M.Sc, M.Comp.Sc., selaku Dekan Fakultas Ilmu Komputer. 3. Bapak Mohammad Subekti, BE., M.Sc., selaku Ketua Jurusan Teknik Informatika. 4. Bapak Fredy Purnomo, S.Kom., M.Kom., selaku Sekretaris Jurusan Teknik Informatika. ix

5. Bapak Soni, S.Kom.,MM., selaku dosen pembimbing kami yang telah dengan sabar dan tulus memberikan bimbingan, masukan, pedoman dan nasehat-nasehat yang berguna dalam penyusunan skripsi ini. 6. Ibu Anny Tandyo, selaku manager IS Development Universitas Bina Nusantara. 7. Ibu Inti Setiarsih, selaku seketaris IS Development Universitas Bina Nusantara. 8. Serta pihak-pihak lain yang tidak dapat penulis sebutkan satu-persatu yang telah memberikan nasehat, bantuan, dan dukungan dalam menyelesaikan skripsi ini. Akhir kata, penulis berharap semoga skripsi ini dapat berguna dan bermanfaat bagi semua pihak yang bersangkutan, khususnya pihak IS Development Universitas Bina Nusantara. Jakarata, Januari 2007 Penulis x

DAFTAR ISI Halaman Judul Luar... i Halaman Judul Dalam... ii Halaman Persetujuan Hardcover... iii Halaman Pernyataan Dewan Penguji... iv Abstrak... vii Prakata... viii Daftar Isi...x Daftar Tabel... xiv Daftar Gambar... xvii Daftar Lampiran... xxii BAB 1. PENDAHULUAN 1.1 Latar Belakang...1 1.2 Ruang Lingkup...3 1.3 Tujuan dan Manfaat...3 1.4 Metode Pengembangan Piranti Lunak...4 1.5 Struktur Penulisan...5 BAB 2. LANDASAN TEORI 2.1 Sistem Informasi...7 2.1.1 Pengertian Sistem...7 2.1.2 Pengertian Informasi...8 2.1.3 Pengertian Sistem Informasi...8 2.2 Internet...10 2.2.1 Sejarah Internet...10 2.2.2 Pengertian Internet...11 2.2.3 World Wide Web...12 2.2.4 Web Browser... 13 2.2.5 HTTP (HyperText Transfer Protocol)...13 x

2.2.6 HTML (HyperText Markup Language)...13 2.2.7 XML ( Extensible Markup Language )...14 2.2.8 Web Server...14 2.2.9 Internet Information System (IIS)...16 2.3 Local Area Network (LAN)...16 2.4 Piranti Lunak (Software)...16 2.4.1 Pengertian Piranti Lunak...16 2.4.2 Jenis - Jenis Piranti Lunak...17 2.5 Software Project Management...18 2.5.1 Pengertian Proyek...18 2.5.2 Pengertian Manajemen...19 2.5.3 Pengertian Manajemen Proyek...20 2.5.4 Pengertian Software Project Management...20 2.5.5 Aliran Kerja Managemen Proyek Piranti Lunak...23 2.6 Rekayasa Piranti Lunak (Software Engineering)...26 2.6.1 Pengertian Rekayasa Piranti Lunak...26 2.6.2 Model Pengembangan Piranti Lunak...28 2.6.3 Model Proses Piranti Lunak Air Terjun (Waterfall)...28 2.7 Gantt chart...30 2.8 Bahasa Pemodelan UML (Unified Modelling Language)...32 2.8.1 Pengertian UML...32 2.8.2 Use case Diagram...32 2.8.3 Class diagram...33 2.8.4 Sequence Diagram...35 2.9 Basis Data (Database)...35 2.9.1 Pengertian Basis data...35 2.9.2 RDBMS (Relational Database Management Systems)...36 2.9.3 SQL (Structured Query Language)...37 2.9.4 SQL Server 2000...37 2.9.5 Stored Procedure...38 2.10.NET Framework...39 xi

2.10.1 ASP.NET...40 2.11 Bahasa Pemrograman...41 2.11.1 Pengertian Bahasa Pemrograman...41 2.11.2 Bahasa Pemrograman C#...41 2.12 Visual Studio.NET... 42 BAB 3. ANALISIS SISTEM YANG BERJALAN 3.1. Universitas Bina Nusantara...44 3.1.1 Sejarah Universitas Bina Nusantara...44 3.1.2 Struktur Organisasi...46 3.1.3 Visi dan Misi Universitas Bina Nusantara...47 3.1.4 Direktorat IT Bina Nusantara...48 3.1.5 Lokasi Universitas Bina Nusantara...50 3.2. Prosedur Sistem Berjalan...51 3.3. Analisa Permasalahan...54 3.4. Sistem yang akan dibuat...55 3.5. Pemecahan Masalah...57 BAB 4. PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan Sistem...59 4.1.2 Unified Modelling Language...63 4.1.2.1 Class Diagram...63 4.1.2.2 Use case Diagram...66 4.1.2.3 Sequence Diagram...89 4.1.3 Perancangan Layar...104 4.1.4 Perancangan Database...146 4.2 Rencana Implementasi...168 4.2.1 Spesifikasi Piranti Keras dan Piranti Lunak...168 4.2.2 Cara Pengoperasian Sistem yang Diusulkan...170 4.3 Evaluasi...208 xii

BAB 5. SIMPULAN DAN SARAN 5.1 Simpulan...211 5.2 Saran...212 DAFTAR PUSTAKA...213 RIWAYAT HIDUP...217 LAMPIRAN-LAMPIRAN...220 xiii

DAFTAR TABEL Tabel 4.1 Tabel Skenario Login...68 Tabel 4.2 Tabel Skenario Menerima Kembali Password yang Terlupakan...68 Tabel 4.3 Tabel Skenario Memilih Role...69 Tabel 4.4 Tabel Skenario Memilih Project...69 Tabel 4.5 Tabel Skenario View My Active Project...70 Tabel 4.6 Tabel Skenario Create New Project...70 Tabel 4.7 Tabel Skenario Edit Project...71 Tabel 4.8 Tabel Skenario View Project History...71 Tabel 4.9 Tabel Skenario View Project Summary...72 Tabel 4.10 Tabel Skenario View My Active Task...72 Tabel 4.11 Tabel Skenario View Main Task...73 Tabel 4.12 Tabel Skenario Create New Task...73 Tabel 4.13 Tabel Skenario Create New Subtask...74 Tabel 4.14 Tabel Skenario Edit Task...74 Tabel 4.15 Tabel Skenario View Task History...75 Tabel 4.16 Tabel Skenario View Task Detail...76 Tabel 4.17 Tabel Skenario Attach File...76 Tabel 4.18 Tabel Skenario Edit Progress...77 Tabel 4.19 Tabel Skenario Delete Task...78 Tabel 4.20 Tabel Skenario View My Component...78 Tabel 4.21 Tabel Skenario View All Component...79 Tabel 4.22 Tabel Skenario Create New Component...79 Tabel 4.23 Tabel Skenario Edit Component...80 Tabel 4.24 Tabel Skenario Delete Component...81 Tabel 4.25 Tabel Skenario Add New Component Type...81 Tabel 4.26 Tabel Skenario Create Role...82 Tabel 4.27 Tabel Skenario View Role...82 Tabel 4.28 Tabel Skenario Edit Role...83 Tabel 4.29 Tabel Skenario Delete Role...83 xiv

Tabel 4.30 Tabel Skenario View Message...84 Tabel 4.31 Tabel Skenario Forward Message...84 Tabel 4.32 Tabel Skenario Create Message...85 Tabel 4.33 Tabel Skenario Delete Message...85 Tabel 4.34 Tabel Skenario Add Activity...85 Tabel 4.35 Tabel Skenario View Activity...86 Tabel 4.36 Tabel Skenario Edit Activity...86 Tabel 4.37 Tabel Skenario Delete Activity...87 Tabel 4.38 Tabel Skenario Create Announcement...87 Tabel 4.39 Tabel Skenario View Announcement...88 Tabel 4.40 Tabel Skenario Edit Announcement...88 Tabel 4.41 Tabel Komponen...147 Tabel 4.42 Tabel Status Proyek...147 Tabel 4.43 Tabel Utama Pengumuman...147 Tabel 4.44 Tabel Utama Komponen...148 Tabel 4.45 Tabel Utama Dokumen...149 Tabel 4.46 Tabel Utama Pesan...149 Tabel 4.47 Tabel Utama Module...150 Tabel 4.48 Tabel Utama Proyek...151 Tabel 4.49 Tabel Utama Status Proyek...151 Tabel 4.50 Tabel Utama Status History...152 Tabel 4.51 Tabel Utama Role...153 Tabel 4.52 Tabel Utama Task...153 Tabel 4.53 Tabel Utama Perkembangan Task...154 Tabel 4.54 Tabel Utama Task Progress History...155 Tabel 4.55 Tabel Utama Pengguna...155 Tabel 4.56 Tabel Utama Password Pengguna...156 Tabel 4.57 Tabel Transaksi Agenda...156 Tabel 4.58 Tabel Transaksi Pesan...157 Tabel 4.59 Tabel Transaksi antar Proyek, Pengguna, dan Role...157 Tabel 4.60 Tabel Transaksi antar Role dan Module...158 xv

Tabel 4.61 Tabel Pesan yang Telah Terhapus...158 Tabel 4.62 Tabel Komponen yang Telah Terhapus...159 Tabel 4.63 Tabel Dokumen yang Telah Terhapus...160 Tabel 4.64 Tabel Module yang Telah Terhapus...160 Tabel 4.65 Tabel Proyek yang Telah Terhapus...161 Tabel 4.66 Tabel Status Proyek yang Telah Terhapus...162 Tabel 4.67 Tabel Role yang Telah Terhapus...162 Tabel 4.68 Tabel Task yang Telah Terhapus...163 Tabel 4.69 Tabel Task Progress yang Telah Terhapus...163 Tabel 4.70 Tabel History Task Progress yang Telah Terhapus...164 Tabel 4.71 Tabel Pengguna yang Telah Terhapus...165 Tabel 4.72 Tabel Password Pengguna yang Telah Terhapus...165 Tabel 4.73 Tabel Agenda yang Telah Terhapus...166 Tabel 4.74 Tabel Pesan yang Telah Terhapus...166 Tabel 4.75 Tabel antar Proyek, Pengguna, dan Role yang Telah Terhapus...167 Tabel 4.76 Tabel antar Module dan Role yang Telah Terhapus...167 Tabel 4.77 Spesifikasi Hardware untuk Server...168 Tabel 4.78 Spesifikasi Hardware untuk PC Workstation...169 xvi

DAFTAR GAMBAR Gambar 2.1 Komponen Sistem Informasi...10 Gambar 2.2 Aliran Kerja Manajemen Proyek...23 Gambar 2.3 Model Proses Waterfal (Royce)...29 Gambar 2.4 Model Sekuensial Linear Pressman...29 Gambar 2.5 Contoh Gantt Chart...31 Gambar 2.6 Contoh Use Case Diagram...33 Gambar 2.7 Contoh Class Diagram...34 Gambar 2.8 Contoh Sequence Diagram...35 Gambar 2.9 Common Language Runtime (CLR)...39 Gambar 3.1 Struktur Organisasi Universitas Bina Nusantara...46 Gambar 3.2 Struktur Organisasi Direktorat IT Bina Nusantara...48 Gambar 3.3 Diagram Alir Prosedur Berjalan...53 Gambar 3.4 Rich Picture Analisis Permasalahan...54 Gambar 3.5 Rich Picture Solusi yang Diusulkan...57 Gambar 4.1 Hierarki Menu Aplikasi...61 Gambar 4.2 Class Diagram...63 Gambar 4.3 Use case Diagram...66 Gambar 4.4 Sequence Diagram Login (Berhasil)...89 Gambar 4.5 Sequence Diagram Login (Tidak Berhasil)...89 Gambar 4.6 Sequence Diagram View My Task...90 Gambar 4.7 Sequence Diagram View Main Task...90 Gambar 4.8 Sequence Diagram Create New Task...91 Gambar 4.9 Sequence Diagram View Task History...91 Gambar 4.10 Sequence Diagram Edit Task...92 Gambar 4.11 Sequence Diagram Delete Task...92 Gambar 4.12 Sequence Diagram View My Active Project...93 Gambar 4.13 Sequence Diagram View Past Project...93 Gambar 4.14 Sequence Diagram View Project History...94 Gambar 4.15 Sequence Diagram Create New Project...94 xvii

Gambar 4.16 Sequence Diagram Edit Project...95 Gambar 4.17 Sequence Diagram View Component...95 Gambar 4.18 Sequence Diagram Create Component...96 Gambar 4.19 Sequence Diagram Update Component...96 Gambar 4.20 Sequence Diagram Delete Component...97 Gambar 4.21 Sequence Diagram Create New Role...97 Gambar 4.22 Sequence Diagram View Role...98 Gambar 4.23 Sequence Diagram Edit Role...98 Gambar 4.24 Sequence Diagram Delete Role...99 Gambar 4.25 Sequence Diagram View Activity...99 Gambar 4.26 Sequence Diagram Add New Activity...100 Gambar 4.27 Sequence Diagram Update Activity...100 Gambar 4.28 Sequence Diagram Delete Activity...101 Gambar 4.29 Sequence Diagram View Message...101 Gambar 4.30 Sequence Diagram Create Message...102 Gambar 4.31 Sequence Diagram Reply Message...102 Gambar 4.32 Sequence Diagram Forward Message...103 Gambar 4.33 Sequence Diagram Delete Message...103 Gambar 4.34 Rancangan Layar Halaman Login...104 Gambar 4.35 Rancangan Layar Halaman Forgot Password...106 Gambar 4.36 Rancangan Layar Halaman Change My Password...107 Gambar 4.37 Rancangan Layar Halaman Home...108 Gambar 4.38 Rancangan Layar Halaman My Active Project...111 Gambar 4.39 Rancangan Layar Halaman Create Project...112 Gambar 4.40 Rancangan Layar Halaman Konfirmasi Create Project...113 Gambar 4.41 Rancangan Layar Halaman Edit Project...114 Gambar 4.42 Rancangan Layar Halaman Project Summary...115 Gambar 4.43 Rancangan Layar Halaman Project History...116 Gambar 4.44 Rancangan Layar Halaman My Active Task...117 Gambar 4.45 Rancangan Layar Halaman All Main Task...118 Gambar 4.46 Rancangan Layar Halaman Create New Task...119 xviii

Gambar 4.47 Rancangan Layar Halaman Create New Subtask...120 Gambar 4.48 Rancangan Layar Halaman Edit Task...121 Gambar 4.49 Rancangan Layar Halaman Edit SubTask...122 Gambar 4.50 Rancangan Layar Halaman View Task Detail...123 Gambar 4.51 Rancangan Layar Halaman View SubTask Detail...124 Gambar 4.52 Rancangan Layar Halaman Attach File...125 Gambar 4.53 Rancangan Layar Halaman Edit Progress...126 Gambar 4.54 Rancangan Layar Halaman Task History...127 Gambar 4.55 Rancangan Layar Halaman My Component...128 Gambar 4.56 Rancangan Layar Halaman All Project Component...129 Gambar 4.57 Rancangan Layar Halaman Create Component...130 Gambar 4.58 Rancangan Layar Halaman Edit Component...131 Gambar 4.59 Rancangan Layar Halaman Create New Component Type...132 Gambar 4.60 Rancangan Layar Halaman Delete Component...133 Gambar 4.61 Rancangan Layar Halaman Component Detail...134 Gambar 4.62 Rancangan Layar Halaman Create Role...135 Gambar 4.63 Rancangan Layar Halaman Create Role (lanjutan)...136 Gambar 4.64 Rancangan Layar Halaman View Role...137 Gambar 4.65 Rancangan Layar Halaman Role Detail...138 Gambar 4.66 Rancangan Layar Halaman Inbox...139 Gambar 4.67 Rancangan Layar Halaman Create Message...140 Gambar 4.68 Rancangan Layar Halaman View Announcement...141 Gambar 4.69 Rancangan Layar Halaman Create Announcement...142 Gambar 4.70 Rancangan Layar Halaman Create User...143 Gambar 4.71 Rancangan Layar Halaman Edit User...144 Gambar 4.72 Rancangan Layar Halaman View User...145 Gambar 4.73 Rancangan Layar Halaman View Document List...146 Gambar 4.74 Tampilan Halaman Login...156 Gambar 4.75 Tampilan Halaman Forgot Password...157 Gambar 4.76 Tampilan Halaman Home...158 Gambar 4.77 Tampilan Halaman Change My Password...159 xix

Gambar 4.78 Tampilan Halaman Create New Task...160 Gambar 4.79 Tampilan Halaman View Main Task...161 Gambar 4.80 Tampilan Halaman View Task Detail...162 Gambar 7.81 Tampilan Halaman Update Progress...163 Gambar 4.82 Tampilan Halaman Create New Sub Task...164 Gambar 4.83 Tampilan Halaman View My Active Task...165 Gambar 4.84 Tampilan Halaman Edit Task...166 Gambar 4.85 Tampilan Halaman Task History...167 Gambar 4.86 Tampilan Halaman Upload Task Document...168 Gambar 4.87 Tampilan Halaman View All Document List...169 Gambar 4.88 Tampilan Halaman Create Project...170 Gambar 4.89 Tampilan Halaman Edit Project...171 Gambar 4.90 Tampilan Halaman View My Active Project...172 Gambar 4.91 Tampilan Halaman View Project History...173 Gambar 4.92 Tampilan Halaman Create New Role...174 Gambar 4.93 Tampilan Halaman Create Privilege...175 Gambar 4.94 Tampilan Halaman View All Role...176 Gambar 4.95 Tampilan Halaman View Role Privilege...177 Gambar 4.96 Tampilan Halaman Compose Message...178 Gambar 4.97 Tampilan Halaman View Message...179 Gambar 4.98 Tampilan Halaman View Message Detail...180 Gambar 4.99 Tampilan Halaman Forward Message...181 Gambar 4.100 Tampilan Halaman Create New Component...182 Gambar 4.101 Tampilan Halaman Create Component Type...183 Gambar 4.102 Tampilan Halaman View Component...184 Gambar 4.103 Tampilan Halaman Edit Component...185 Gambar 4.104 Tampilan Tampilan Halaman Add Agenda...186 Gambar 4.105 Tampilan Halaman View Today Activity...187 Gambar 4. 106 Tampilan Halaman View All Activity...188 Gambar 4. 107 Tampilan Halaman Create Announcement...189 Gambar 4. 108 Tampilan Halaman View Announcement...190 xx

Gambar 4. 109 Tampilan Halaman Create User...191 Gambar 4. 110 Tampilan Halaman View User...192 Gambar 4. 111 Tampilan Halaman Edit User...193 xxi

DAFTAR LAMPIRAN Gambar Tampilan Layar yang Berwarna... L01 Daftar Pertanyaan Wawancara... L10 Fotocopy Surat Keterangan Survey... L11 xxii