Metode Perancangan T1 672006104 Full Tex

3. Metode Perancangan

Pengembangan dipilih karena jika terdap fase dari awal, tetapi ha masalah belum terselesai metode waterfall terlihat Gambar 1 merup dilakukan pada setiap tah a. Requirements de Perencanaan, Eva Olahraga kota Sa b. System and softw kebutuhan hardw dan data untuk me c. Implementation a direalisasikan seb d. Integration and diintegrasikan da bahwa persyarata e. Operation and Pemeliharaan me pada tahap – taha pengembangan p baru ditambahkan Untuk menduku observasi: 1 Studi lite tertulis pada buku, jurna internet; 2 Observasi langsung lembaga pendid Tahap berikutnya sistem ini menggunaka bahasa grafis untuk me sistem perangkat lunak [ 7 gan n sistem ini menggunakan metode waterfall. dapat suatu kesalahan, pengembang tidak perlu me hanya cukup mengulang satu tahapan sebelumny saikan cukup kembali ke tahap berikutnya lagi. Ta hat pada Gambar 1 [10]. Gambar 1 Metode Waterfall [10] upakan tahapan umum dari model proses ini. Akt tahap di model waterfall adalah : definition. Melakukan wawancara dengan sta valuasi dan Pelaporan pada Dinas Pendidikan, Pe Salatiga tentang kebutuhan aplikasi yang akan dib ftware design. Proses yang terdiri dari penentu dware , software, komponen, modul, antar muka memenuhi kebutuhan yang diperlukan pada tahap n and unit testing. Proses perancangan perangkat l sebagai serangkaian program atau perangkat lunak d system testing. Unit program atau program dan diuji sebagai sistem yang lengkap untuk atan sistem telah dipenuhi. d maintenance. Sistem diimplementasi dan mencakup koreksi dari berbagai error yang tidak ahap terdahulu, perbaikan atas implementasi unit s pelayanan sistem, sementara persyaratan – p kan. kung pelaksanaan tersebut dilakukan studi lite literatur yaitu mengumpulkan data – data dan nal, laporan penelitian, maupun informasi yang di si untuk mencari data dan informasi dengan me didikan di kota Salatiga. nya yaitu pemodelan data dan perancangan prog kan Unified Modelling Language UML. UM mendokumentasikan, menspesifikasikan, dan m [11]. Langkah pertama yaitu merancang use cas . Waterfall mengulangi mnya dan jika Tahap-tahap ktifitas yang staf Bagian Pemuda, dan ibuat. ntuan desain ka pengguna ap pertama. t lunak yang ak. m individual k menjamin an dipakai. k ditemukan it sistem dan persyaratan literatur dan an informasi didapat dari mengunjungi rogram pada ML adalah membangun ase diagram untuk menampilkan hub Use case secara keseluru Pada Gambar 2 informasi yang disediaka di kota Salatiga berbasis lembaga pendidikan da mengelola data termasu lembaga pendidikan, jum Activity diagram proses bisnis dan alur ke bagian yaitu User dan Gambar 3, Gambar 4, da 8 ubungan antara aktor dengan use case di dalam si uruhan dalam sistem dapat dilihat pada Gambar 2. Gambar 2 Use Case Diagram Sistem 2 dapat dilihat bahwa aktor User hanya dapa akan dalam sistem informasi pencarian lembaga p sis web. Sistem akan menampilkan informasi men dan data atributnya. Aktor Admin memiliki h asuk tambah data, edit, dan hapus data meng umlah siswa dan ubah informasi. am berfungsi untuk menggambarkan logika p kerja [12]. Perancangan activity diagram dibagi n Admin. Activity diagram untuk User dapat di dan Gambar 5. sistem [12]. 2. apat melihat a pendidikan engenai data i hak untuk engenai data prosedural, gi menjadi 2 dilihat pada G Proses dari Gamb memilih jenjang. Setelah memilih Detail untuk me memasukkan koordinat jarak antara sekolah deng dan menampilkan hasilny Gamb Gambar 4 menun sistem akan memberi pi Selanjutnya sistem akan sekolah. User memilih s akan menerima input d sekolah sesuai pilihan Us 9 Gambar 3 Activity diagram Daftar Sekolah mbar 3 yaitu User memilih menu Daftar Sekolah lah itu sistem akan menampilkan daftar sekolah menampilkan detail data sekolah. Selanjutnya U at lokasi di peta untuk mencari tahu rute dan m engan titik lokasi yang dipilih. Sistem segera men ilnya kepada User. mbar 4 Activity diagram Statistik Jumlah Siswa nunjukkan jika User memilih menu Lihat Statis pilihan jenjang dan User dapat memilih salah sa an menerima input dan memberi daftar pilihan h satu sekolah di antara daftar sekolah yang tersed dan memberi hasil grafik jumlah siswa perta User . ah kemudian lah dan User User dapat menghitung engolah data tistik Siswa, satu pilihan. an sekolah – sedia, sistem rtahun suatu Gam Gambar 5 meng sistem akan menerima memilih salah satu jenja peta seluruh sekolah ya sebelumnya. Perancangan acti dan Gambar 7. Gam Pada Gambar 6 A itu sistem akan mengece Admin dan jika tidak s 10 ambar 5 Activity diagram Peta Seluruh Sekolah nggambarkan User memilih menu Peta Seluruh a input, dan memberi pilihan jenjang sekolah. U njang, setelah itu sistem memproses dan member yang ada di kota Salatiga berdasarkan jenjang ya ctivity diagram bagian Admin dapat dilihat pada mbar 6 Activity diagram Tambah Data Sekolah Admin login sebelum dapat mengolah data sistem ecek validasi Admin, jika benar akan ditampilkan k sistem akan mengulang proses login dari awa ruh Sekolah, User dapat beri tampilan yang dipilih da Gambar 6 stem. Setelah kan halaman wal. Setelah validasi, Admin dapat m Data untuk melakukan akan menyimpan data un sesudahnya. G Gambar 7 dijelas memvalidasi data. Admi memilih Jumlah Siswa. Admin dapat melakukan akan menyimpan perub dengan memilih Jumlah Perancangan clas untuk menampilkan beb perangkat lunak yang terdapat 9 class yang di yang dibangun. Masing dan saling berhubungan 11 t memilih menu Manajemen Sekolah dan memili n penambahan data sekolah dengan mengisi for untuk kemudian ditampilkan di sistem. Admin da Gambar 7 Activity diagram Jumlah Siswa laskan sebagai berikut: Admin melakukan login min dapat mengakses menu Manajemen Data Se a. Halaman Jumlah Siswa ditampilkan oleh s kan penambahan, edit, dan hapus data. Setelah rubahan yang ada. Proses perubahan data dapa ah Siswa, dan Admin dapat logout setelahnya. lass diagram dapat dilihat pada Gambar 8 yang eberapa kelas serta paket – paket yang ada dal g sedang dikembangkan. Dapat dilihat pada G digunakan untuk merancang struktur program da ng-masing class memiliki fungsi dan atribut yan an untuk membentuk fungsi program yang komplit milih Tambah form . Sistem dapat logout dan sistem Sekolah dan sistem dan h itu sistem pat diulangi g digunakan dalam sistem Gambar 8, m dari aplikasi ang berbeda lit. Basis data dibutu tabel yang dibuat adalah dapat dilihat pada Tabel Tabel 1 Tabel Jumla Field Tipe id integer11 id_sekolah integer11 tahun varchar255 jumlah integer11 12 Gambar 8 Class diagram sistem utuhkan untuk menyimpan data dalam sistem. R lah Tabel Jumlah Siswa, Tabel Setting, dan Tabe el 1, Tabel 2, dan Tabel 3. lah Siswa Tabel 2 Tabel Se Keterangan primary Field Tipe K id integer11 username varchar255 password varchar255 informasi text . Rancangan abel Sekolah Setting Keterangan primary 13 Tabel 3 Tabel Data Sekolah Perancangan desain antar muka diperlukan sebagai dasar untuk membuat tampilan aplikasi yang akan dibuat. Rancangan dapat dilihat pada Gambar 9. Gambar 9 Antar Muka Aplikasi Gambar 9 menunjukkan ada 10 bagian dari antar muka aplikasi yang berturut-turut merupakan header web, menu, link jenjang SMP, link jenjang SMA, link jenjang perguruan tinggi, link statistik jumlah siswa, kolom search, menu konten, form login, dan footer.

4. Hasil Perancangan Dan Pengujian