BAB 3 PERANCANGAN SISTEM. Perancangan sistem adalah merancang atau mendesain suatu sistem dengan baik, yang

Transkripsi

1 BAB 3 PERANCANGAN SISTEM 6.1 Perancangan Sistem Perancangan sistem adalah merancang atau mendesain suatu sistem dengan baik, yang isinya yaitu tentang langkah langkah operasi dalam pengolahan data dan prosedur untuk mendukung operasi sistem. Untuk memulai membangun sebuah aplikasi, dalam hal ini penulis membuat sebuah aplikasi mobile android. Terlebih dahulu penulis harus merancang alur proses berdasarkan kebutuhan pengguna yang akan menggunakan aplikasi ini. Menurut Jogiyanto H. M (1991) dalam bukunya Analisis dan Desain Sistem, perancangan sistem dapat diartikan seperti berikut : 1. Tahap setelah analisis dari siklus pengembangan sistem. 2. Pendefinisian dari kebutuhan-kebutuhan fungsional. 3. Persiapan untuk rancang bangun implementasi. 4. Menggambarkan bagaimana suatu sistem dibentuk. 5. Yang dapat berupa pengambaran perencanaan dan pembuatan sketsa atau pengaturan dari beberapa elemen yang terpisah ke dalam satu kesatuan yang utuh dan berfungsi. 6. Termasuk menyangkut mengkonfigurasi dari komponen perangkat keras dari suatu sistem.

2 6.2 Flowchart Program Agar dapat lebih memahami proses apa saja yang berjalan pada aplikasi maka dibuatlah flowchart yang berisikan detil tentang proses-proses apa saja yangada dan dijalankan pada aplikasi. 3.1 Flowchart Utama Aplikasi

3 3.2 Flowchart Listening Comprehension

4 Pada gambar 3.2 diatas, pertama sekali akan muncul tampilan introduction selanjutnya jika user menekan tombol next maka proses untuk menjalankan timerlistening dijalankan, selama timer masih berjalan maka proses tes listening dapat dijalankan, semua jawaban (answer) akan simpan. Jika timer berhenti maka proses dilanjutkan dengan memeriksa jumlah nilai yang benar dan disimpan di SharedPreferences kemudian ditampilkan. Kemudian jika user ingin mensubmit nilainya sebelum timer selesai maka akan kembali ke proses menghitung nilai.

5 3.3 Flowchart Reading Comprehension

6 Pada flowchart di atas dapat diketahui bahwa proses dimulai dengan menjalankan timer untuk reading, kemudian menampilkan bacaan dan pertanyaannya sesuai Timer yang cukup, jika Timer selesai maka jawaban akan disimpan dan dihitung nilainya. 3.4 Flowchart Structure & Written Expression

7 Pada gambar 3.4 tersebut sama dengan sebelumnya bahwa proses dimulai dengan menjalankan timer untuk Structure and Written Expression, kemudian menampilkan pertanyaannya sesuai Timer yang cukup, jika Timer selesai maka jawaban akan disimpan dan dihitung nilainya. 6.3 Desain Interface Pada bagian ini dijelaskan akan rancangan desain interface dari aplikasi yang akan dibangun. GAMBAR PLAY RULES ABOUT EXIT Gambar 3.5 Desain Tampilan Menu Utama

8 Pada menu utama terdapat 4 tombol yaitu play, rules, about, dan exit. a. Tombol playberfungsi untuk melakukan tes TOEFL secara terpisah. b. Tombol rules berfungsi untuk menampilkan tata cara untuk mengikuti aplikasi. c. Tombol about berfungsi untuk melihat informasi mengenai aplikasi. d. Tombol exit berfungsi untuk menutup aplikasi. HEADER Listening Reading Structure & Written Expression Score Tips Gambar 3.6 Desain Tampilan Sub Menu Pada menu utama terdapat 5 tombol yaitulistening, reading, sructure and written expression, score dan tips.

9 a. Listening untuk menjalankan tes listening b. Sructure and written expression untuk menjalan kan tes sructure and written expression c. Reading untuk menjalankan tes reading d. Score untuk melihat score yang telah dihasilkan dalam 1 set ujian. e. Tips untuk menginformasikan kepada user bagaimana tips-tips untuk mendapatkan skor yang tinggi. Question no/maks Timer PLAY PAUSE Option A Option B Option C Option D Previous SUBMIT Next Gambar 3.7 Desain Tampilan Listening Pada gambar 3.7 teradapat tampilan timer yang menampilkan sisa waktu dari tes yang sedang dijalankan dalam hitungan mundurdengan satuan detik,question no/maks untuk menampilkan saat ini di nomor berapa dari totalnomor yang ada, Option A,B,C dan D untukmenampilkan pilihan jawaban, previousuntuk kembali ke soal sebelumnya, next untuk ke soal berikutnya. Play untuk memutar audio dan

10 pauseuntuk menghentikan audio sementara. Submit untuk menyudahi tes sebelum timer selesai. Question no/maks Timer SOAL Option A Option B Option C Option D Previous READ SUBMIT Next Gambar 3.8 Desain Tampilan Reading Pada gambar 3.8 teradapat tampilan timer yang menampilkan sisa waktu dari tes yang sedang dijalankan dalam hitungan mundurdengan satuan detik,question no/maks untuk menampilkan saat ini di nomor berapa dari totalnomor yang ada, Option A,B,C dan D untukmenampilkan pilihan jawaban, previousuntuk kembali ke soal sebelumnya, next untuk ke soal berikutnya. Play untuk memutar audio dan pause untuk menghentikan audio sementara. Submit untuk menyudahi tes sebelum timer selesai dan read untuk menampilkan bacaan dari Passage.

11 Question no/maks Timer SOAL Option A Option B Option C Option D Previous SUBMIT Next Gambar 3.9 Desain Tampilan Structure and Written Expression Pada gambar 3.9 teradapat tampilan timer yang menampilkan sisa waktu dari tes yang sedang dijalankan dalam hitungan mundurdengan satuan detik,question no/maks untuk menampilkan saat ini di nomor berapa dari totalnomor yang ada, Option A,B,C dan D untukmenampilkan pilihan jawaban, previousuntuk kembali ke soal sebelumnya, next untuk ke soal berikutnya. Play untuk memutar audio dan pause untuk menghentikan audio sementara. Submit untuk menyudahi tes sebelum timer selesai.

12 HEADER TRUE FALSE ANSWER PEMBAHASAN Gambar 3.10 Desain Tampilan Pembahasan Pada gambar 3.10 teradapat tampilan kotak disamping true digunakan untuk menampung jumlah yang benar, dan begitu juga kotak disamping false digunkan untuk menampung jumlah soal yang salah. Dikotak pembahasan akan ditampilkan jawab yang salah dan benarnya dari setiap soal yang sudah dijawab.

13 HEADER LISTENING READING STRUCTURE & WRITTEN EXPRESSION SCORE Retry DONE Gambar 3.11 Desain Tampilan Score Pada gambar 3.11 terdapat 3 kotak masing-masing untuk menampilkan jumlah dari tiga kategori ujian, dan kotak score untuk menampilkan score yang telah dikonversikan sesuai standar. Tombol retry berguna untuk mengembalikan nlai-nilai tes menjadi 0(nol). Tombol done berfungsi untuk kembali ke sub menu.

14 BAB 4 IMPLEMENTASI SISTEM 4.1 Pengertian Implementasi Sistem Implementasi sistem adalah langkah-langkah atau prosedur-prosedur yang dilakukan dalam menyelesaikan desain sistem yang telah disetujui, untuk menginstal, menguji dan memulaiu sistem baru atau sistem yang diperbaiki. Adapun langkah-langkah yang dibutuhkan dalam implementasi sistem adalah: 1. Mendapatkan software dan hardware yang tepat untuk membuat apalikasi yang ingin dirancang. 2. Menyelesaikan rancangan sistem. 3. Menulis, menguji, mengontrol dan mendokumentasikan aplikasi. 4.2 Tujuan Implementasi Sistem Tujuan dari implementasi sistem adalah sebagai berikut: 1. Menyelesaikan desain sistem yang telah disetujui sebelumnya. 2. Memastikan bahwa pemakai (user) dapat mengoperasikan sistem baru. 3. Menguji apakah sistem baru tersebut sesuai dengan pemakai. 4. Memastikan bahwa konvensi ke sistem baru berjalan yaitu dengan membuat rencana, mengontrol dan melakukan instalasi baru secara benar. 4.3 Komponen Utama dalam Implementasi Sistem Agar sistem perancangan yang telah dikerjakan dapat berjalan baik atau tidak, maka perlu kiranya dilakukan pengujian terhadap sistem yang telah dikerjakan. Untuk itu

15 dibutuhkan beberapa komponen utama mencakup perangkat keras (Hardware), perangkat lunak (Software) dan perangkat manusia (Brainware) Perangkat Keras (Hardware) Perangkat keras merupakan bagian dari komputer yang dapat dilihat secara fisik dan dapat disentuh. Perangkat keras merupakan seluruh komponen peralatan yang membentuk suatu sistem komputer serta peralatan lainnya yang memungkinkan komputer dapat melakukan tugasnya. Aplikasi ini hanya dapat dijalankan pada perangkat bergerak (smartphone)android. Adapun spesifikasi minimal yang harus dimiliki adalah: 1. Internal Memory 100MB 2. CPU 1GHz 3. RAM 200MB 4. Layar touchscreen 5. Loudspeaker Perangkat Lunak (Software) Perangkat lunak adalah sekumpulan instruksi yang memungkinkan perangkat keras untuk dapat memproses data. Perangkat lunak ini tidak berbentuk fisik, melainkan berupa program yang diciptakan melalui perangkat elektronik. Dalam perangkat lunak dikenal dengan apa yang disebut sistem operasi dan program aplikasi. Penulis mengembangkan bagian perangkat lunak berupa aplikasi.perangkat lunak yang digunakan dalam perencanaan hingga implementasi sistem adalah :

16 1. Android Development Tools (ADT) 2. SQLiteStudio Java Developnment Kit dan Java Runtime Environment. 4. Windows 8.1Pro Unsur Manusia (Brainware) Brainware merupakan faktor manusia yang menangani fasilitas computer yang ada. Faktor manusia yanag dimaksud adalah orang-orang yang memiliki bagian untuk menangani sistem dan merupakan unsur manusia. Perangkat operator (Brainware) meliputi 3 bagian yaitu: a. Analisis Sistem, yaitu orang yang membentuk dan membangun fasilitas rancangan sistem atau program. b. Programmer, yaitu orang yang mengerti bahasa pemrograman yang digunakan dalam membuat dan membangun suatu program. c. Operator (Administrator), yaitu orang yang mengoperasikan sistem seperti memasukkan data untuk dioperasikan dan menghasilkan informasi. d. Public (Pengguna), yaitu orang yang memakai sistem yang telah dirancang untuk mendapatkan informasi yang dibutuhkan. 4.4 Demonstrasi Program Demonstrasi program akan menjelaskan secara visual bagaimana tampilan dari aplikasi ToeflSchool. Mulai dari tampilan menu utama, sub menu, listening, reading, structure and written expression, pembahasan, score dan lain sebagainya.

17 4.4.1 Tampilan Awal Berikut adalah tampilan awal dari aplikasi ToeflSchool berupa splash screen yang akan muncul beberapa detik dan langsung masuk menu utama. Gambar 4.1 Splash Screen dan Menu Utama Pada saat aplikasi dijalankan tampilan yang muncul adalah seperti gambar 4.1 diatas dan pada saat sama aplikasi menyalin database yang tersimpan di menu asset yang terdiri dari dua paket soal setiap sectionnya. Dimana aplikasi ini menggunakan fungsi random statis di java yang gunanya untuk mengambil angka acak dari satu dan dua, untuk menentukan paket yang mana akan disalin. Tampilanmenu utama ini mempunyai 4 tombol. Tombol play berfungsi untuk memulai tes TOEFL, dimana pengguna dapatmemilih sectionyang ingin diambil. Tombol rules berfungsi untuk

18 menampilkan penjelasan mengenai aturan dalam tes TOEFL ini. Tombol about berfungsi untuk menampilkan informasi mengenai aplikasi serta pengembangnya. Sedangkan tombol exitdigunakan untuk keluar dari aplikasi Tampilan Sub Menu Apabila user menekan tombol play maka yang akan keluar adalah beberapa sub menu, dimana diantaranya adalah sectionyang akan diambil yaitu Listening, Reading dan Structure and Written Expression. Sub menu score disediakan untuk menampilkan nilai setiap sectionnya. Sedangkan Sub menu tips untuk menampilkan informasi tambahan kepda user dalam hal meningkatkan skor TOEFL. Gambar 4.2 Tampilan Sub Menu

19 4.4.3 Tampilan Tes Listening Comprehension Setelah menekan tombol Listening di tampilan Sub Menu maka akan tampil halaman introduction terlebih dahulu yang berfungsi untuk memperlihatkan kepada user waktu dalam menyelesaikan tes dan tujuan dari section tersebut. Gambar 4.3 Tampilan Introduction pada Tes Listening Pada gambar di atas juga terdapat tombol yang mengarah ke kanan, tombol tersebut berfungsi sebagai pemindai dari halaman tersebut ke halaman selanjutnya seperti gambar 4.4 di bawah ini

20 Gambar 4.4 Tampilan Tes Listening Comprehension Pada gambar 4.4 dapat dilihat pada layar paling atas terdapat nomor soal dan banyak soal. Kemudian disampingnya timeryang menunjukkan banyak waktu yang tersisa.di bagian bawahnya terdapat tombol play dan pause. Tombol play berfungsi untuk memutar audio Listening sedangkan tombol pause untuk menghentikan audio sementara. Dibawahnya lagi terdapat pilihan jawaban sebanyak empat pilihan yang dapat dipilih user sebagai jawaban yang dianggap benar dan disimpan sementara di SharedPreference setiap jawaban yang dipilih akan berubah warna menjadi biru sebagai tanda sebagai jawaban yang sudah dipilih. Pada tampilan di atas juga terdapat 2 tombol, yaitu submit dan tombol yang mengarah ke kanan, tombol submit berfungsi untuk mengakhiri tes sebelum soal selesai dijawab ataupun waktu habis. Sedangkan tombol mengarah ke kanan berfungsi untuk melanjutkan soal ke nomor berikutnya.

21 4.4.4 Tampilan Tes Reading Comprehension Sama seperti tampilan tes Listening, setelah menekan tombol Reading di tampilan Sub Menu maka akan tampil halaman introduction. Gambar 4.5 Tampilan Introductionpada Tes Reading Pada gambar di atas juga terdapat tombol yang mengarah ke kanan, tombol tersebut berfungsi sebagai pemindai dari halaman tersebut ke halaman selanjutnya seperti gambar 4.6 di bawah ini.

22 Gambar 4.6 Tampilan Tes Reading Comprehension Sama dengan tampilan tes listening disini di gambar 4.6 hanya menghilangkan dua tombol play dan pause dan menggantinya dengan soal yang ditanyakan. Serta menambahkan tombol Read yang fungsi untuk menampilkan wacana yang berhubungan dengan soal yang terkait, seperti gambar 4.7.

23 Gambar 4.7 Tampilan Wacana Tampilan Tes Stucture and Written Expression Gambar 4.8 Tampilan Introduction Tes Structure and Written Expresion

24 Gambar 4.9 Tampilan Tes Structure and Written Expresion Tampilan Pembahasan Setelah menekan tombol submit di setiap tes yang ada maka akan keluar kotak dialog seperti gambar 4.10 dibawah ini. Gambar 4.10 Tampilan Kotak Dialog Submit

25 Jika user menekan tombol yes maka akan keluar tampilan jumlah nilai benar yang disimbolkan dengan True dan sala dengan False. Serta terdapat jawaban yang benar pada masing-masing soal yang dijawab salah oleh user namun tetap kosong jika belum dijawab, seperti gambar 4.11 di bawah ini. Gambar 4.11 Tampilan Pembahasan dari Setiap Section

26 4.4.7 Tampilan Hasil Skor Akhir Gambar 4.12 Tampilan Hasil Skor Akhir Pada gambar 4.12 ini terdapat hasil skor akhir yang telah dikonversikan dengan nilai standar yang telah ditentukan. Di bagian bawah terdapat tombol retry yang berfungsi untuk mengembalikan nilai-nilai dari setiap tes menjadi nol kembali Tampilan Halaman About Pada halaman ini akan berisikan mengenai informasi tentang aplikasi, seperti nama aplikasi, pegembang, versi berapa, dan deskripsi aplikasi.

27 Gambar 4.13 Tampilan Halaman About Tampilan Halaman Tips Gambar 4.14 Tampilan Halaman Tips

28 Pada gambar 4.14 di atas terdapat 12 Tips Bagaimana user ingin meningkatkan nilai skor TOEFLnya Tampilan Halaman Rules Halaman ini di peruntukkan bagi user yang awam dalam tes TOEFL dalam tidak pernah sama sekali mengikuti tes TOEFL. Gambar 4.15 Tampilan Halaman Rules Tampilan Kotak Dialog Exit Tampilan keluar (exit) hanya berada di halaman utama. Tombol ini diperuntukkan kepada admin apabila ingin keluar dari aplikasi.

29 Gambar 4.16 Tampilan Kotak Dialog Exit

30 BAB 5 PENUTUP 5.1 Kesimpulan Kesimpulan yang dapat diambil dari pembuatan aplikasi tes TOEFL pada perangkat bergerak Android tersebut ialah: 1. Aplikasi ini ditujukan kepada user yang tidak memiliki waktu dan kesempatan untuk mengikuti TOEFL di lembaga resmi serta untuk mengukur kemampuan bahasa inggris user. 2. Pembuatan aplikasi ini menggunakan Android Development Tools (ADT) dan SQLiteStudio Aplikasi ini terdiri dari tiga bagian yaitu Listening, Reading, dan Structure and Written Expression. Masing-masing bagian terdiri dari dua paket soal TOEFL ITP (Instutional Testing Program). 5.2 Saran Saran penulis untuk pengembangan lebih lanjut dari aplikasi ini: 1. Aplikasi ini dapat menjadi tes TOEFL IBT (Internet Based Test), dimana speaking termasuk kategori dari ujian atau tes. 2. Menambahkan pembahasan lebih rinci bukan hanya menampilkan kunci jawaban. 3. Membuat statistik perkembangan dari hasil skor yang didapat user setelah berkali-kali mencoba.