iii
ABSTRAK
Akademi Militer (Akmil) yang bertempat di kota Magelang adalah penyelenggarakan Pendidikan Pembentukan Perwira TNI AD tingkat Akademi. Akmil membutuhkan sebuat website yang berisikan informasi penting tentang akmil serta buku alumni online yg berisikan data para lulusannya secara lengkap dan ter-update. Website ini bertujuan untuk membantu masyarakat mengetahui akmil lebih dalam dan buku alumni online ini membantu masyarakat luar dalam pencarian data para lulusan akmil. Bahasa pemrograman yang dipakai dalam pembuatan projek ini adalah C# yg merupakan bahasa pemrograman berjenis OOP, dimana terdapat kelas - kelas dan objek - objek yang membentuk satu kesatuan untuk terciptanya website tersebut. Dan juga menggunakan teknologi Silverlight. Dengan adanya website serta buku alumni online ini masyarakat jadi mendapat informasi lebih tentang akmil dan data para alumni pun selalu ter-update karena para alumni sendiri yang akan selalui memperbahruinya.
ABSTRACT
Militery Academy (Akademi Militer/AKMIL) which is locates in Magelang, is the exertion of the education for the young soldier before they joined the army. Akmil needs a website as a main source to get any information about Akmil and contain the name of the alumnus, complete and up to date. This site head for help people to know about Akmil better and help them to find out the alumnus from year to year accurately. This project (website) use C# language in the process, one of the OOP type program, which has some class and objects that form union to create the website. And it use Silverlight tecnology. With this website and also online alumnus book, people can get more information needed about Akmil or the alumnus and keep maintain regular update.
v
1.1. Latar Belakang ... 1
1.2. Rumusan Masalah ... 2
1.3. Tujuan Pembahasan ... 2
1.4. Batasan Masalah ... 2
1.5. Sistematika Pembahasan ... 3
1.6. Time Schedule ... 5
BAB II ... 6
2.1. Website ... 6
2.2. Microsoft Silverlight ... 6
2.3.1. Keunggulan Silverlight ... 7
2.3.2. Extensible Application Markup Language (XAML) ... 7
2.3.3. Membuat Objek Sederhana ... 8
2.3. C# ... 8
2.4.1. Keunggulan Csharp ... 9
2.4. Basisdata ... 11
2.5. Microsoft SQL Server ... 12
2.6.1. Data Definition Language (DDL) ... 13
2.6.2. Data Manipulation Language (DML) ... 14
2.6. Entity Relationship Diagram (ERD) ... 16
2.7. UML ... 18
2.7.2. Activity Diagram ... 25
2.7.3. Class Diagram ... 27
BAB III ... 29
ANALISIS DAN PERANCANGAN ... 29
3.1. UML ... 29
3.1.1. Use Case Diagram ... 29
3.1.2. Acvtivity Diagram ... 31
3.1.3. Class Diagram ... 45
3.2. ERD ... 47
3.3. Web Map dan Layout ... 49
3.3.1. Web Map ... 49
3.3.2. Layout ... 50
3.4. Perancangan User Interface ... 51
BAB IV ... 57
PERANCANGAN DAN IMPLEMENTASI ... 57
4.1. Tampilan Halaman – Halaman Pada Aplikasi... 57
4.2. Implementasi Silverlight dan Expression Blend ... 69
BAB V ... 75
PENGUJIAN ... 75
5.1. White-box Testing ... 75
5.2. Black-box Testing... 86
5.3. Hasil Kuesioner ... 92
BAB VI ... 95
6.1. Simpulan ... 95
6.2. Saran ... 95
vii
DAFTAR GAMBAR
Gambar 1 Contoh File .xaml ... 8
Gambar 2 Objek Hasil ... 8
Gambar 3 Defaul.aspx ... 9
Gambar 4 Default.aspx.cs ... 9
Gambar 5 Relasi One to One... 17
Gambar 6 Relasi Many to One... 17
Gambar 7 Relasi One to Many... 17
Gambar 8 Relasi Many to Many ... 17
Gambar 9 Contoh ERD ... 18
Gambar 10 Contoh Use Case ... 25
Gambar 11 Contoh Activity Diagram ... 27
Gambar 12 Contoh Class ... 28
Gambar 13 Contoh Class Diagram ... 28
Gambar 14 Use Case Diagram Website ... 29
Gambar 15 Use Case Diagram Buku Alumni ... 30
Gambar 16 Activity Diagram Berita ... 31
Gambar 17 Swimlane Membuat Berita ... 32
Gambar 18 Swimlane Mengubah Berita ... 34
Gambar 19 Swimlane Menghapus Berita ... 36
Gambar 20 Swimlane Membuat Komentar ... 37
Gambar 21 Swimlane Menghapus Komentar ... 38
Gambar 22 Activity Diagram Pesan ... 39
Gambar 23 Swimlane Membuat Pesan ... 40
Gambar 24 Swimlane Menghapus Pesan ... 41
Gambar 25 Activity Diagram Alumni ... 42
Gambar 26 Swimlane Mengubah Data Alumni ... 43
Gambar 27 Swimlane Melihat Data Alumni ... 44
Gambar 28 Class Diagram ... 45
Gambar 29 ERD ... 47
Gambar 30 Web Map ... 49
Gambar 31 Layout ... 50
Gambar 33 Tampilan LogIn ... 52
Gambar 34 Tampilan Menu Berita ... 52
Gambar 35 Tampilan Tambah Berita Baru... 53
Gambar 36 Tampilan Detail Berita dan Komentar ... 53
Gambar 37 Tampilan Tambah Komentar ... 54
Gambar 38 Tampilan Awal Fitur Buku Alumni ... 54
Gambar 39 Tampilan Detail Data Alumni ... 55
Gambar 40 Tampilan Ubah Data Alumni ... 55
Gambar 41 Tampilan Tambah Pesan ... 56
Gambar 42 Tampilan Inbox ... 56
Gambar 43 Tampilan Halaman Utama Website ... 57
Gambar 44 Tampilan Halaman Sambutan ... 58
Gambar 45 Tampilan Halaman Visi Misi ... 58
Gambar 46 Tampilan Halaman Sekilas AKMIL ... 59
Gambar 47 Tampilan Halaman Kurikulum ... 60
Gambar 48 Tampilan Halaman Korps Taruna ... 60
Gambar 49 Tampilan Halaman Login ... 61
Gambar 50 Tampilan Halaman Berita ... 61
Gambar 51 Tampilan Halaman Tambah Berita ... 62
Gambar 52 Tampilan Halaman Ubah Berita ... 63
Gambar 53 Tampilan Halaman Detil Berita ... 64
Gambar 54 Tampilan Halaman Tambah Komentar ... 64
Gambar 55 Tampilan Halaman Alumni 1 ... 65
Gambar 56 Tampilan Halaman Alumni 2 ... 66
Gambar 57 Tampilan Halaman Detil Data Alumni ... 67
Gambar 58 Tampilan Halaman Tambah Pesan ... 67
Gambar 59 Tampilan Halaman Ubah Data Alumni ... 68
Gambar 60 Tampilan Halaman Inbox ... 69
Gambar 61 Perbandingan Teknologi ... 70
Gambar 62 Membuat Project Baru ... 70
Gambar 63 Tambah Button ... 71
Gambar 64 Membuat Storyboard ... 71
Gambar 65 Posisi awal button ... 72
Gambar 66 Posisi akhir button ... 72
ix
DAFTAR TABEL
Table 1 Time Schedule ... 5
Table 2 Komponen ERD ... 16
Table 3 Komponen Usecase ... 22
Table 4 Komponen Activity Diagram ... 26
Table 5 White box Testing Login kondisi benar... 75
Table 6 White box Testing Login kondisi salah ... 75
Table 7 White box Testing TambahBerita kondisi benar ... 76
Table 8 White box Testing TambahBerita kondisi salah ... 76
Table 9 White box Testing UbahBerita kondisi benar... 77
Table 10 White box Testing UbahBerita kondisi salah ... 78
Table 11 12 White box Testing HapusBerita kondisi benar ... 78
Table 13 14 White box Testing HapusBerita kondisi salah... 78
Table 15 16 White box Testing TambahKomentar kondisi benar ... 79
Table 17 White box Testing TambahKomentar kondisi salah ... 79
Table 18 White box Testing UbahKomentar kondisi benar... 80
Table 19 White box Testing UbahKomentar kondisi salah ... 80
Table 20 White box Testing HapusKomentar kondisi benar ... 81
Table 21 White box Testing HapusKomentar kondisi salah ... 81
Table 22 White box Testing TambahPesan kondisi benar ... 81
Table 23 White box Testing TambahPesan kondisi salah ... 82
Table 24 White box Testing HapusPesan kondisi benar ... 83
Table 25 White box Testing HapusPesan kondisi salah ... 83
Table 26 White box Testing UbahPengguna kondisi benar ... 83
Table 27 White box Testing UbahPengguna kondisi benar ... 84
Table 28 White box Testing GetAlumniSelectedByName kondisi benar... 85
Table 29 White box Testing GetAlumniSelectedByName kondisi salah ... 85
Table 30 White box Testing GetAlumniSelectedByYear kondisi benar... 85
11
Table 32 Test case halaman login ... 86
Table 33 Test case halaman tambah berita ... 87
Table 34 Test case halaman ubah berita ... 87
Table 35 Test case halaman hapus berita ... 87
Table 36 Test case halaman detail berita ... 88
Table 37 Test case halaman tambah komentar ... 88
Table 38 Test case halaman hapus komentar ... 88
Table 39 Test case halaman ubah komentar ... 88
Table 40 Test case halaman pencarian data alumni berdasarkan nama... 89
Table 41 Test case halaman pencarian data alumni berdasarkan tahun... 89
Table 42 Test case halaman detail data alumni ... 89
Table 43 Test case halaman ubah alumni ... 89
Table 44 Test case halaman tambah pesan ... 90
Table 45 Test case halaman lihat inbox ... 90
Table 46 Test case halaman hapus pesan ... 90
Table 47 Test case halaman sambutan gubernur ... 91
Table 48 Test case halaman visi dan misi ... 91
Table 49 Test case halaman sekilas tentang akmil ... 91
Table 50 Test case halaman korp taruna ... 91
Table 51 Test case halaman struktur organisasi ... 91
Table 52 Test case halaman objek wisata ... 92
Table 53 Batasan umur respondensi ... 92
Table 54 Kemampuan menggunakan komputer respondensi ... 92
Table 55 Tampilan website ... 93
Table 56 Fitur website ... 93
Table 57 Kemudahan mengoperasikan website ... 93
Table 58 Error handling website ... 93
Table 59 Kelayakan website ... 94
Table 60 Manfaat website ... 94
PENDAHULUAN
1.1. Latar Belakang
Akademi Militer (Akmil) yang bertempat di kota Magelang, Jawa Tengah adalah Badan Pelaksana Pusat di tingkat Mabes TNI AD, yang berkedudukan langsung di bawah Kasad, Akademi Milter mempunyai tugas pokok menyelenggarakan Pendidikan Pembentukan Perwira TNI AD tingkat Akademi. Di samping itu, Akademi Militer juga melaksanakan Pendidikan Dasar Keprajuritan Chandradimuka bagi Calon Prajurit Taruna Akademi - TNI dan menyelenggarakan Pendidikan Sekolah Pertama Perwira Prajurit Karier TNI bagi para Sarjana dan Sarjana Muda.
Sebagai tempat penyelenggara pendidikan pertama perwira TNI AD, Akmil tentulah menjadi idaman bagi semua anak bangsa yang ingin mengabdikan jiwa raganya untuk nusa dan bangsa. Akmil sangat dikenal diseluruh wilayah Indonesia, baik yang ada di pedesaan maupun yang ada di kota besar sekalipun. Tetapi yang diketahui masyarakat hanyalah informasi mengenai Akmil secara garis besar, yaitu hanya sebagai pusat Pendidikan Pembentukan Perwira TNI AD, sedangkan informasi yang lebih mendetail tentang Akmil sendiri hanya sedikit orang yang mengetahuinya.
Para siswa (taruna) yang telah menempuh pendidikan selama kurang lebih 4 tahun akan dilantik dan dididik kembali sesuai dengan jurusan atau divisi yang telah mereka pilih. Bahkan ada pula lulusan taruna yang langsung ditempatkan di daerah
– daerah pelosok. Hal ini membuat para lulusan taruna yang sebelumnya telah bersama selama menjalani pendidikan di Akmil terpisah – pisah dan putus kontak.
2
ada di dalamnya hanyalah data pada saat buku tersebut dibuat, tetapi buku Alumni Online ini bisa berisikan data pribadi para alumni yang selalu ter-update.
Microsoft Silverlight adalah sebuah plug-in antar browser, antar platform untuk memberikan generasi selanjutnya dari media dan aplikasi interaktif untuk situs web berbasis .Net. Silverlight menawarkan model programming yang sangat fleksibel, yang mendukung AJAX, Visual Basic, Visual C#, Python, dan Ruby, dan integrasi dengan aplikasi berbasis web yang sudah ada. Silverlight menghadirkan penyampaian yang cepat dan cost effective untuk video berkualitas tinggi kepada semua browser besar yang berjalan pada Mac OS maupun Windows.
1.2. Rumusan Masalah
Permasalahan dalam pembuatan tugas akhir ini adalah :
1. Bagaimana mengatasi keterbatasan informasi masyarakat luar mengenai Akmil?
2. Bagaimana membuat agar data alumni Akmil tetap ter-update dan para lulusan taruna bisa selalu memperbaharui datanya?
1.3. Tujuan Pembahasan
Dibuatnya website serta buku alumni online ini diharapkan dapat mengatasi masalah yang dialami para lulusan Akmil. Seperti :
Adanya website yang bisa memberikan informasi terkini mengenai Akmil, sehingga masyarakat luar tidak kehilangan informasi.
Para lulusan Akmil bisa memperbaharui sendiri data mereka pada buku alumni online sehingga komunikasi bisa tetap berjalan.
1.4. Batasan Masalah
Berikut adalah fitur – fitur yang ingin dicapai :
Pengunjung website atau guest, hanya bisa melihat - lihat halaman website, jika ingin memberi masukan atau bertanya pada admin bisa mengirimkan pesan kepada via email.
Pengunjung juga bisa melihat berita – berita yang terdapat dalam website Akmil dan memberi komentar pada berita – berita tersebut.
Alumni atau para lulusan hanya bisa view dan edit (untuk profile pribadi), sedangkan create dan delete adalah wewenang admin.
Selain bisa view, antara sesama alumni bisa saling berkirim pesan. Admin berwewenang untuk menambah, mengurangi atau menghapus
berita – berita yang terdapat d website.
Admin juga berwenang untuk mengahapus komentar dari berita tertentu, bila ada guest memberikan komentar yang melanggar norma, maka admin berhak untuk menghapus komentar tersebut.
Admin berwenang untuk untuk mengubah data alumni (jika diperlukan), tetapi admin tidak bisa menghapus data alumni.
1.5. Sistematika Pembahasan
Organisasi penulisan laporan pembuatan aplikasi ini per-bab adalah sebagai berikut:
1. BAB I: PENDAHULUAN a. Latar Belakang
Dekripsi mengenai alasan pengambilan topik b. Rumusan Masalah
Intisari masalah yang ingin dipecahkan atau pelajari. Masalah dapat dirumuskan dari uraian Latar Belakang.
c. Tujuan
Tujuan yaitu hasil yang ingin dicapai dalam pembuatan karya ilmiah. Tujuan merupakan solusi yang dapat menjawab masalah yang dihadapi.
d. Batasan Masalah
Batasan masalah berisi hal-hal yang akan dibuat (diimplementasikan).
e. Sistematika Pembahasan
Sistematika pembahasan berisi garis besar (outline) dari tiap bab.
4
Bab ini berisi teori atau algoritma atau metode penunjang yang digunakan ketika membuat laporan ini.
3. BAB III: ANALISIS DAN PEMODELAN a. Arsitektur Aplikasi
Sub-bab ini berisi Use Case Diagram + Class Diagram + Activity/State Diagram + Sequence Diagram (bilamana menggunakan UML) atau Flowchart + DFD.
b. Table/ER-Diagram
Sub-bab ini berisi relasi antar tabel yang digunakan beserta penjelasan singkat dari design (ER-Diagram) yang dibuat.
c. Storyboard/Layout Aplikasi
Sub-bab ini berisi storyboard atau layout dari aplikasi yang dibuat. 4. BAB IV: PERANCANGAN DAN IMPLEMENTASI
Bab ini berisi penjabaran dari tiap metode (fungsi) utama yang dibuat. 5. BAB V: PENGUJIAN
Bab ini berisi laporan pengujian terhadap tiap class/method/fungsi yang dibuat dan laporan dari kuesioner yang diberikan pada minimal 20 responden.
6. BAB VI: SIMPULAN DAN SARAN a. Simpulan
Pengetahuan apa saja yang didapat setelah mengerjakan karya ilmiah ini, baik berupa penegasan atau pembuktian ataupun pengetahuan yang baru.
b. Saran
1.6. Time Schedule
Table 1 Time Schedule
Mar Apr Mei Jun Jul Agu Sep Okt Nov Des Jan Perancangan
95
BAB VI
SIMPULAN DAN SARAN
6.1. Simpulan
Berdasarkan hasil analisa dan pembahasan yang telah disampaikan pada bab-bab sebelumnya, maka dapat ditarik kesimpulan berdasarkan perumusan masalah dan tujuan sebagai berikut :
1. Masyarakat tidak perlu takut lagi ketinggalan informasi seputar Akmil, karena website ini diharapkan bisa berisi semua informasi yang memang layak untuk masyarakat luar ketahui.
2. Data pada buku alumni akan terus ter-update karena tidak hanya staf Akmil tetapi juga para alumni Akmil sendiri juga bisa meng-update datanya.
3. Website ini juga dilengkapi dengan error handling, yang diharapkan dapat memudahkan pengguna dalam menjalankan website.
4. Berdasarkan hasil kuesioner, website ini memiliki tampilan cukup menarik, fitur- fitur dalam website ini juga sudah cukup lengkap, untuk menjalankan website ini cukup mudah, dan sudah memiliki error handling yang cukup bagus, website ini juga cukup layak untuk digunakan, dan website ini memberikan banyak maanfaat untuk para penggunanya, secara keseluruhan website ini sudah cukup bagus.
6.2. Saran
Berdasarkan kesimpulan – kesimpulan di atas, maka saran yang dapat penulis berikan adalah :
DAFTAR PUSTAKA
[1] Basis Data – Wikipedia bahasa Indonesia, ensiklopedia bebas. Retrived March 3, 2009, from http://id.wikipedia.org/wiki/Basis_data
[2] DeeYan. (2008). Pengertian Website. Retrieved March 3, 2009, from (http://deeyaan.blogspot.com/2008/03/pengertian-website.html)
[3] Extensible Application Markup Language - Wikipedia bahasa Indonesia,
ensiklopedia bebas. Retrived March 10, 2009, from
http://id.wikipedia.org/wiki/Extensible_Application_Markup_Language
[4] Imbar Victor Radiant, Suteja R Bernard.(2006). Pemrograman Web-Commerce dengan Oracle&ASP.INFORMATIKA Bandung.(hlm.6).
[5] Kurniawan, Erick. (2008). Silverlight Saingan Baru Flash. Retrieved March 3, 2009, from http://actualtraining.wordpress.com/2008/04/27/silverlight-saingan-baru-flash.html/
[6] Kurniawan, Erick. Buku Belajar Pemrograman Dengan Csharp. Retrivied March 3, 2009, from
http://www2.ukdw.ac.id/kuliah/si/erickblog/ModulPK2_B26B/BukuBelajarPemmrogra
manDenganCSharp.pdf
[7] Masjito.(2009). Cara Penggambaran Diagram Use Case. Retrieved Oktober 2, 2009, from http://www.masjito.com
97
[9] Microsoft SQL Server - Wikipedia bahasa Indonesia, ensiklopedia bebas. Retrived March 10, 2009, from http://id.wikipedia.org/wiki/SQL
[10] Odang, David. (2009). Tujuan Membuat Website. Retrieved April 2, 2009, from
http://www.belajarmembuatwebsite.com/
[11] Pengenalan UML. Staffsite-Universitas Gunadarma. Retrivied March 3, 2009, from http://wsilfi.staff.gunadarma.ac.id/Downloads/files/1034/Pengenalan+UML.pdf
[12] Sejarah Microsoft SQL Server – gudang-sejarah.blogspot.com. Retrived March 3, 2009, from http://gudang-sejarah.blogspot.com/2009/01/sejarah-microsoft-sql-server.html
[13] Setiawan, D.,ST(2007). Materi OOTD. Universitas Kristen Maranatha
[14] Sitompul, Richard(2007). Apakah Itu UML?. Retrived August 27, 2009, from
