Desain dan Perancangan Proses

Proses Sub Sistem Pencarian Informasi dan Antarmuka Aplikasi Sistem User start Kata kunci Menerima data pasal yang ingin dicari Data pasal Proses searching pasal Data pasal hasil pencarian Proses menampilkan daftar pasal hasil pencarian Proses pembacaan pasal yang dipilih user Menampilkan isi pasal dari struktur pasal yang dipilih Showterm window end List of pasal window Gambar 3.3. Sistem Flow Proses Pencarian Informasi dan Antarmuka Antarmuka grafis yang digunakan adalah bentuk visualisasi yang diletakkan pada basis web yang akan menampilkan semua artikel dan pasal hasil pencarian informasi. Antarmuka grafis dibangun dengan menggunakan bahasa pemrograman PHP.

3.2. Desain dan Perancangan Proses

Untuk pembuatan sistem secara keseluruhan dilakukan beberapa proses, mulai dari penyiapan data pasal yang akan diinputkan hingga terbangun sistem Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. secara utuh. Proses-proses yang dilakukan direpresentasikan dalam bentuk bagan alir data atau yang biasa disebut Data Flow Diagram DFD. Representasi ini dimulai dari DFD Level 0 atau yang sering disebut Context Diagram, kemudian dilanjutkan hingga ke level yang diinginkan sesuai kebutuhan sistem. Context diagram pada sistem ini menggambarkan hubungan antara entitas luar dalam hal ini adalah user dan admin dengan sistem aplikasi . Pertama- tama sistem akan menerima inputan pasal-pasal dari admin, dan di sisi lain user memberikan inputan ke dalam sistem berupa data pencarian pasal. Dari data pencarian tersebut selanjutnya sistem memberikan output berupa data hasil pencarian pasal sesuai dengan data pencarian yang dicari. Yang mana tampak pada Gambar 3.4 dibawah ini. admin user Aplikasi KUHP online Data pasal keyword Hasil pencarian Gambar 3.4. Context Diagram Sedangkan alur proses secara umum dapat dilihat pada DFD level 0 yang merupakan hasil decompose dari Context diagram yang dikembangkan menjadi sub proses dari aplikasi yang dibuat. Pada DFD level 0 ini terdiri da ri tiga sub proses antara lain sub proses input pasal, sub proses parsing dan sub proses interface web. Yang mana tampak pada Gambar 3.5 dibawah ini. Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. admin Proses manajemen data pasal admin User dan password data pasal user Proses pencarian keyword Data pasal Data pasal Cek pasal Gambar 3.5. DFD Level 0 Dari Gambar 3.5 diatas dapat dijelaskan bahwa pada sub pr oses yang pertama yaitu proses input pasal, mendapatkan inputan dari admin yang nantinya data-data pasal dan data-data pengertian pasal ini disimpan pada data store. Selanjutnnya proses kedua adalah proses interface yang merupakan perantara antara user dengan sistem yang merupakan proses pencarian data pasal yang ingin dicari oleh user dan akan dilakukan pencarian oleh sistem dengan proses parsing, yang mana merupakan proses penting dari sistem ini. dan user akan mendapatkan hasil dari pencarian yang dilakukan oleh sistem tersebut. Pada proses input pasal jika di decompose, maka akan menghasilkan sub proses yang berisi sebuah proses entry data pasal yang diinputkan oleh admin dan data-data tersebut disimpan pada data store tabel pasal dan data store tabel pengertian pasal. Data pasal yang ada pada proses entry data pasal juga akan masuk pada proses parsing pasal. Yang mana tampak pada Gambar 3.6 dibawah ini. Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. admin login User dan password Konfirmasi login Input pasal Data pasal pasal Data pasal Edit pasal Data pasal Data pasal Gambar 3.6. DFD Sub Proses Input Pasal user pencarian Parsing pasal Data pasal pasal Data pasal Data pasal Data pasal Gambar 3.7. DFD Sub Proses Pencarian

3.3. Pseudocode Algortima Boyer-Moore