BAB 1 PENDAHULUAN 1.1 Latar Belakang Pemodelan digunakan untuk memudahkan dalam memahami masalah dengan memberikan gambaran dari sistem yang sedang dikembangkan. Gambaran sistem akan sangat berguna apabila sistem yang dikembangkan kompleks sehingga kita sulit mengingat kinerja sistem keseluruhan. Selain itu, pemodelan juga mempermudah dalam mengkomunikasikan gambaran kerja sistem yang sedang dikembangkan ke orang awam yang terlibat dalam proyek tersebut. Hingga saat ini, pemodelan yang sudah ada berupa diagram yang dapat dihubungkan langsung dengan beberapa bahasa pemrograman. Salah satu contoh aplikasinya adalah web dimana pemodelan akan digunakan pada tiap halaman web, hyperlinks, page script (JavaScript dan VBScript), relasi antar halaman dan antar komponen dalam sistem, serta pada Applets, ActiveX, atau plug-ins di dalam web tersebut. Pemodelan pada web dapat dilakukan berdasarkan interaksi antar class sistem yang merupakan cetak biru suatu objek. Pemodelan ini disebut juga class diagram. Program aplikasi yang menggunakan konsep pemodelan sebagai awal dari rancangan aplikasi telah banyak beredar dan berkembang. Namun, hal ini akan menjadi kendala ketika sistem yang telah dibangun tidak menggunakan konsep pemodelan sebagai dasar pengembangan sistem sehingga membutuhkan waktu bagi pengembang untuk memahami kinerja sistem secara menyeluruh sebelum dapat menambahkan modul-modul baru dalam sistem. Pada penelitian ini akan mencoba penggunaan bentuk pemodelan untuk kasus yang sebaliknya dan belum pernah ada, yaitu memodelkan class diagram dari suatu halaman web dengan mengambil tag-tag file XHTML pada halaman web yang dapat digunakan untuk merepresentasikan struktur halaman web tersebut ke dalam class diagram. Kemudian data tersebut dikumpulkan untuk direpresentasikan dalam class diagram dengan garis koneksi sesuai koneksi antar stereotype yang ada. 1 Diharapkan dengan pemodelan class diagram pada aplikasi web ini dapat mempermudah pengembang web, baik amatir maupun profesional, dalam membuat abstraksi kinerja sistem setiap halaman web. 1.2 Rumusan Masalah Rumusan masalah yang dapat dihimpun berdasarkan permasalahan yang menyangkut pembuatan program bantu pemodelan class diagram ini yaitu: • Bagaimanakah membuat program untuk mengambil tag Form, JavaScript, dan Hyperlink sehingga dapat dimodelkan ke dalam class diagram UML? 1.3 Batasan Masalah Sistem yang akan diimplementasikan memiliki beberapa batasan yang tidak dibahas dalam penelitian ini, antara lain sebagai berikut : • Pada penelitian ini, jenis file yang akan dimodelkan dalam bentuk class diagram hanya file XHTML. • Pengambilan tag dan pemodelan class diagram UML dilakukan per satu halaman web. • Pada proses parsing dan pemodelan class diagram tidak akan dilakukan pengecekan kesalahan kode program dan relasi antar class dalam file XHTML. • Pengambilan tag meliputi atribut dan item dalam Form, hyperlink di luar tag Form, dan fungsi-fungsi JavaScript di luar tag Body. • Class diagram hanya memberikan informasi nama class, atribut class, relasi antar stereotype dan alamat URL web yang dimodelkan. • Sistem menggunakan komponen executable Crainiate ERM Diagram 4.1 sebagai alat bantu menggambarkan class diagram pada kanvas. 1.4 Tujuan Penelitian Adapun beberapa tujuan yang melandasi penelitian tugas akhir ini, antara lain adalah sebagai berikut : 2 • Menghasilkan sebuah aplikasi yang memodelkan class diagram Unified Modeling Language (UML) untuk relasi halaman web. • Mempermudah pengembang aplikasi web dalam memahami dan meningkatkan kinerja web dengan memberikan abstraksi struktur kerja sistem yang sudah ada. 1.5 Metode/Pendekatan Penelitian Untuk menunjang penelitian ini, agar data yang didapat akurat serta metode yang digunakan dapat diimplementasikan dengan baik maka penelitian ini dibagi ke dalam beberapa tahap. Tahap pertama meneliti dan membuat sebuah aplikasi yang mampu mengambil atribut-atribut dalam file XHTML dan JavaScript yang dapat direpresentaskan ke dalam class diagram. Aplikasi ini akan menerima input yang berupa sebuah halaman web berisi file XHTML yang ada di dalam jejaring Internet. Tahap kedua melibatkan proses penggambaran hasil pengambilan tag-tag XHTML dan JavaScript ke dalam class diagram. Hasil penggambaran tersebut akan dimasukkan dalam sebuah file output. 1.6 Sistematika Penulisan Sistematika penulisan laporan Tugas Akhir ini secara garis besar dapat dituliskan sebagai berikut : BAB 1 : PENDAHULUAN Berisi tentang pembahasan yang menjadi dasar dalam pembuatan Tugas Akhir ini, antara lain Latar Belakang Masalah, Perumusan Masalah, Batasan Masalah, Tujuan Penelitian, Metode Penelitian, dan Sistematika Penulisan. BAB 2 : LANDASAN TEORI Berisi tentang pustaka dan teori pendukung yang berhubungan dengan pemodelan class diagram UML untuk aplikasi web untuk memecahkan permasalahan yang ada dalam penyusunan Tugas Akhir ini. 3 BAB 3 : PERANCANGAN SISTEM Membahas tentang analisa dan perancangan sistem secara keseluruhan yang meliputi perancangan input, proses, dan output, bagan alir ( flowchart ), dan analisis kebutuhan sistem. BAB 4 : IMPLEMENTASI DAN ANALISA SISTEM Menjelaskan mengenai hasil implementasi sistem dan pengujian yang didapat beserta analisa mengenai pemodelan class diagram UML untuk aplikasi web dan aplikasinya. BAB 5 : KESIMPULAN DAN SARAN Berisi kesimpulan tentang sistem yang telah dibuat dan saran pengembangan untuk memperbaiki kinerja sistem pada masa mendatang. 4