3.2.2. Perancangan Arsitektur Sistem
user
Internet
Google web app
Interface app Engine app
1 2
3 4
Gambar 3.1 Arsitektur Sistem
Berikut adalah penjelasan dari rancangan arsitektur sistem yang ditunjukkan pada gambar 3.1 di atas :
a. Pengguna menggunakan aplikasi web yang dikembangkan untuk melakukan
pencarian 1. b.
Melalui aplikasi web yang dikembangkan permintaan pencarian web pengguna diproses hingga kemudian diteruskan ke server Google 2.
c. Google memproses pencarian dalam basis data mereka dan kemudian
meneruskan hasilnya 3 ke aplikasi web dengan menyajikannya secara langsung pada bagian antarmuka aplikasi web yang dikembangkan 4.
3.2.3. State Transition Diagram STD
State Transition Diagram digunakan untuk menggambarkan aksi yang dilakukan karena kejadian tertentu sebagai akibat kondisi yang dilalui sehingga
menyebabkan kondisi berubah. Pembahasan pada sub bab ini mencakup variasi tampilan dan urutan keadaan dari proses-proses pada sistem. Struktur menu utama
sistem yang akan dirancang digambarkan secara hirarki sebagaimana berikut :
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
Gambar 3.2 Struktur Menu Aplikasi
Menu utama yang terdapat pada halaman utama sistem akan dibagi menjadi empat bagian yaitu, bagian yang menangani konfigurasi setelan, yakni options.
Bagian yang menangani penampakan menu utama, yakni hideshow. Bagian formulir pencarian utama, seperti modus kata kunci dan modus pencarian, yakni
main form. Dan, bagian akses kembali ke laman atau beranda, yakni home. Bagian menu options terdiri dari enam bagian sub menu, yaitu sub menu sensivity untuk
setelan sensivitas penelusuran, sub menu dummy mode untuk penelusuran perkondisi, sub menu smart search dan sub menu snap mode untuk setelan
penelusuran, sub menu about, dan sub menu user manual untuk panduan
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
penggunaan aplikasi. Berikut adalah rancangan STD sistem lengkap dengan state pada proses-proses yang dilakukan sistem :
Gambar 3.3 STD Menu Utama Aplikasi
Sebagaimana struktur menu utama yang ditunjukkan gambar 3.2, STD menu utama perhatikan gambar 3.3 juga dibagi menjadi empat bagian dengan
pembagian menu yang sama dengan diagram hirarki menu utama pada gambar 3.2. Adapun yang dimaksud menu utama di sini adalah halaman utama aplikasi,
atau lebih tepatnya adalah bagian header dari halaman utama. Perancangan ini menggunakan header untuk menghimpun menu-menu utama yang dimaksudkan
pada diagram hirarki menu utama gambar 3.2. Menu utama yang dimaksud meliputi : 1 hideshow, yakni sebuah toggle button yang digunakan untuk
menyembunyikan atau menampilkan header beserta form utama; 2 options, yakni menu yang menghimpun sub menu - sub menu setelan ataupun konfigurasi
aplikasi; 3 main form, yakni form utama yang digunakan sebagai formulir pencarian; dan 4 home, yakni sebuah akses pintas untuk kembali ke laman.
Akses pintas home yang dimaksud akan menggunakan logo aplikasi sebagai pengganti tombol akses. Adapun form utama, meliputi pilihan modus kata kunci,
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
pilihan modus pencarian, dan tombol untuk memulai pencarian. Adapun isian kata kunci, secara tersirat termasuk juga di dalamnya.
Menu options terdiri dari beberapa komponen. Komponen yang dimaksud meliputi : 1 semua sub menu yang terhimpun didalamnya, yaitu menu sensivity,
dummy mode, smart search, snap mode, user manual, dan about; 2 tombol, yaitu tombol reset default, cancel, dan apply; dan, 3 beberapa komponen kontrol
lainnya, yaitu penggulir, dan checkbox. Maka untuk merinci state proses-proses didalamnya didekomposisi menjadi seperti gambar 3.4 berikut :
Gambar 3.4 STD Menu Options
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
3.2.4. Flowchart Sistem
Kategori