Perancangan Antarmuka ANALISIS DAN PERANCANGAN PERANGKAT LUNAK

3.4 Perancangan Antarmuka

Antarmuka untuk perangkat lunak IDE yang akan dibangun terdiri atas delapan buah form. Gambar 3.17 mengilustrasikan rancangan antarmuka untuk jendela utama. Pada rancangan antarmuka jendela utama terdapat menu bar A, toolbar B, tab page code editor C, dan status bar D. Status bar File Edit Search Execute Tools Window untittled A B C D Gambar 3.17 Jendela Utama Perangkat Lunak IDE Pada Gambar 3.18, menu File terdiri atas submenu New, Open, Recent, Save, Save As, Save All, Close, Close All, Exit. Submenu New digunakan untuk membuka tab code editor yang baru. Submenu Open digunakan untuk membuka berkas kode sumber yang telah ada sebelumnya. Submenu Recent digunakan untuk menampilkan daftar nama berkas kode sumber yang diolah sebelumnya. Submenu Save digunakan untuk memutakhirkan berkas kode sumber yang tersimpan. Submenu Save As digunakan untuk menyimpan berkas kode sumber dengan nama lain. Submenu Save All digunakan untuk menyimpan semua berkas kode sumber yang terbuka. Submenu Close digunakan untuk menutup berkas kode sumber yang sedang aktif. Submenu Close All digunakan untuk menutup semua berkas kode sumber yang terbuka. Submenu Exit digunakan untuk menutup perangkat lunak IDE. Jefri Umar : Analisis Perancangan Perangkat Lunak Ide Integrated Development Environment Fortran G77, 2009. Gambar 3.18 Menu File Gambar 3.19 memperlihatkan submenu dari menu Edit. Menu Edit terdiri atas submenu Cut, Copy, Paste, dan Select All. Submenu Cut digunakan untuk memindahkan teks terseleksi ke memory. Submenu Copy digunakan untuk menggandakan teks terseleksi ke memory. Sedangkan submenu Paste digunakan untuk memindahkan teks pada memory ke posisi kursor. Gambar 3.19 Menu Edit Gambar 3.20 memperlihatkan submenu dari menu Search. Menu Search terdiri atas submenu Find, Replace, dan Search Again. Submenu Find digunakan untuk memanggil jendela Find. Submenu Replace digunakan untuk memanggil jendela Replace. Submenu Search Again digunakan untuk melanjutkan kembali pencarian sebelumnya. Gambar 3.20 Menu Search Gambar 3.21 memperlihatkan submenu dari menu Execute. Menu Execute terdiri atas submenu Compile, Run, dan Compile Run. Submenu Compile akan Jefri Umar : Analisis Perancangan Perangkat Lunak Ide Integrated Development Environment Fortran G77, 2009. menjalankan compiler, assembler, dan linker. Submenu Run digunakan untuk menjalankan executable hasil kompilasi. Submenu Compile Run digunakan untuk menjalankan compiler, assembler, linker, dan executable hasil kompilasi. Submenu Compile dan Compile Run akan memanggil jendela Compile Progress. Gambar 3.21 Menu Execute Gambar 3.22 memperlihatkan submenu dari menu Tools. Menu Tools terdiri atas submenu Compiler Options, Environment Options, Editor Options, Configure Toolbar, dan Register. Submenu Compiler Options digunakan untuk memanggil jendela Compiler Options. Submenu Environment Options digunakan untuk memanggil jendela Environment Options. Submenu Editor Options digunakan untuk memanggil jendela Editor Options. Submenu Configure Toolbar digunakan untuk menampilkan daftar toolbox yang ingin ditampilkan pada toolbar. Submenu Register digunakan untuk memanggil jendela Register. Gambar 3.22 Menu Tools Gambar 3.23 memperlihatkan submenu dari menu Window. Menu Window terdiri atas submenu Previous dan Next. Submenu Previous digunakan untuk berpindah ke tab page code editor yang berada di sebelah kiri tab page code editor aktif. Sedangkan, submenu Next digunakan untuk berpindah ke tab page code editor yang berada di sebelah kanan. Jefri Umar : Analisis Perancangan Perangkat Lunak Ide Integrated Development Environment Fortran G77, 2009. Gambar 3.23 Menu Window Pada Gambar 3.24 diperlihatkan rancangan jendela Find. Jendela Find digunakan untuk merinci pencarian, yaitu teks yang hendak dicari Text to find dan opsi-opsi pencarian. Ketika tombol Find ditekan, maka jendela Find akan ditutup dan pencarian dimulai. Teks yang sesuai dengan rincian pencarian akan disorot Highlighted. Gambar 3.24 Jendela Find Pada Gambar 3.25 diperlihatkan rancangan jendela Replace. Rancangan jendela Replace mirip dengan rancangan jendela Find, kecuali pada jendela Replace ditambahkan isian teks pengganti Replace with untuk mengganti teks yang ditemukan dan tombol Replace. Ketika tombol Replace ditekan, maka jendela Replace akan ditutup dan pencarian dimulai. Teks yang sesuai dengan rincian pencarian akan diganti dengan teks pengganti. Jefri Umar : Analisis Perancangan Perangkat Lunak Ide Integrated Development Environment Fortran G77, 2009. Case sensitive Whole word From cursor Entire scope Replace Text to find Replace with Gambar 3.25 Jendela Replace Pada gambar 3.26 diperlihatkan jendela Compiler Options. Jendela Compiler Options mendaftarkan opsi-opsi compiler yang tersedia dan pilihan opsi compiler pengguna yang tersimpan sebelumnya. Pengguna dapat memilih opsi compiler sesuai dengan preferensinya, dengan cara memberi tanda centang pada checkbox yang tersedia. Ketika tombol OK ditekan, maka pilihan opsi compiler pengguna akan disimpan ke dalam berkas konfigurasi compiler. Ketika tombol Cancel ditekan, maka jendela Compiler Options akan ditutup dan pilihan pengguna akan diabaikan. Ketika tombol Default ditekan, maka pilihan default akan dimuat. Gambar 3.26 Jendela Compiler Options Pada gambar 3.27 diperlihatkan jendela Environment Options. Jendela Environment Options mendaftarkan opsi-opsi environment yang tersedia dan pilihan Jefri Umar : Analisis Perancangan Perangkat Lunak Ide Integrated Development Environment Fortran G77, 2009. opsi environment pengguna yang tersimpan sebelumnya. Pengguna dapat memilih opsi dengan cara memberi tanda centang. Ketika tombol OK ditekan, maka pilihan opsi pengguna akan disimpan ke dalam berkas konfigurasi. Ketika tombol Cancel ditekan, maka jendela Environment Options akan ditutup dan pilihan pengguna akan diabaikan. Ketika tombol Default ditekan, maka pilihan default akan dimuat. Gambar 3.27 Jendela Environment Options Gambar 3.28 memperlihatkan rancangan jendela Editor Options. Jendela Editor Options digunakan untuk mengatur tampilan teks pada editor sesuai dengan opsi yang tersedia. Melalui jendela Editor Options, pengguna dapat menentukan ukuran tab Tab size, font, ukuran font, dan warna dan gaya dari tiap besaran leksik. Ketika tombol OK ditekan, maka pilihan pengguna akan disimpan pada berkas konfigurasi. Ketika tombol Cancel ditekan, maka pilihan pengguna akan diabaikan. Ketika tombol Default ditekan, maka opsi default akan dimuat. Jefri Umar : Analisis Perancangan Perangkat Lunak Ide Integrated Development Environment Fortran G77, 2009. Gambar 3.28 Jendela Editor Options Gambar 3.29 memperlihatkan rancangan jendela Register. Jendela Register digunakan untuk registrasi pengguna. Dengan melakukan registrasi, maka pengguna dapat menggunakan fasilitas enkripsidekripsi kode program. Registrasi pengguna hanya merupakan formalitas, pengguna dapat memasukkan nomor registrasi Registration Number sesuai dengan kehendaknya. Registrasi ditujukan untuk mendapatkan nomor registrasi, untuk membangkitkan kunci enkripsidekripsi. Ketika tombol OK ditekan, maka informasi registrasi pengguna akan disimpan. Gambar 3.29 Jendela Register Jefri Umar : Analisis Perancangan Perangkat Lunak Ide Integrated Development Environment Fortran G77, 2009. Gambar 3.30 Jendela Compile Progress Gambar 3.30 memperlihatkan rancangan jendela Compile Progress. Jendela Compile Progress digunakan untuk menampilkan informasi kompilasi, yaitu compiler yang digunakan Compiler, tahapan kompilasi Status, dan berkas yang dikompilasi File. Tombol Cancel digunakan untuk menghentikan kompilasi. Jefri Umar : Analisis Perancangan Perangkat Lunak Ide Integrated Development Environment Fortran G77, 2009.

BAB 4 HASIL DAN PEMBAHASAN

4.1 Antarmuka cryptIDE

Pada Gambar 4.1 diperlihatkan jendela utama cryptIDE. Jendela utama terdiri atas menu bar, toolbar, tab page code editor, dan status bar. Gambar 4.1 Jendela Utama cryptIDE Menu bar jendela utama terdiri atas tujuh menu, yaitu: File, Edit, Search, Execute, Tools, Window, Help. Shortcut perintah-perintah dapat berupa kombinasi kunci pada papan kunci keyboard dan atau berupa tombol button, dimana setiap tombol dikelompokkan ke dalam toolbox pada toolbar. Pada cryptIDE, berkas kode Jefri Umar : Analisis Perancangan Perangkat Lunak Ide Integrated Development Environment Fortran G77, 2009.