141
BAB 4 IMPLEMENTASI DAN TAMPILAN LAYAR
4.1
Arsitektur Aplikasi Pengajaran Mata Kuliah Analisa dan Perancangan Sistem Informasi Berbasiskan Multimedia Arsitektur aplikasi pengajaran mata kuliah Analisa dan Perancangan Sistem Informasi ini terdiri dari beberapa komponen, yaitu: •
Database Digunakan sebagai tempat penyimpanan data, di mana data ini hanya dapat diakses oleh orang yang diberi hak sebagai administrator. Pada database ini disimpan data yang diperlukan dalam pembuatan perangkat ajar seperti data materi, contoh soal, dan latihan pengajaran. Maksud dari penyimpanan data pada database ini adalah untuk kemudahan modifikasi data serta menjamin keamanan data.
•
Aplikasi Konversi Database Merupakan aplikasi yang terpisah dari tampilan yang akan dilihat oleh pengguna. Aplikasi ini berguna untuk mempermudah perawatan data, misalnya
penambahan
data-data
baru,
peng-update-an
data,
serta
penghapusan data yang sudah tidak relevan. Dengan adanya aplikasi ini, orang yang bertugas sebagai administrator tidak perlu mengakses database untuk memodifikasi data sehingga integritas serta keamanan data menjadi lebih terjamin.
142 •
Aplikasi Front-End Merupakan aplikasi utama yang digunakan sebagai front-end kepada pengguna. Secara garis besar aplikasi ini terdiri dari rangkaian informasi yang ditampilkan dengan cara yang interaktif dan menarik, sehingga diharapkan dapat menarik minat pengguna untuk mempelajari mata kuliah Analisa dan Perancangan Sistem Informasi. Pada dasarnya aplikasi animasi interaktif ini dibagi menjadi tiga bagian besar, yaitu bagian animasi pembuka, bagian isi dan bagian penutup. Bagian animasi pembuka terdiri dari rangkaian animasi dan musik yang bertujuan untuk menampilkan gambaran dari isi perangkat ajar secara garis besar serta tentang tujuan dan manfaat dari perangkat ajar ini. Diharapkan dengan adanya animasi pembuka ini, dapat manarik perhatian pengguna untuk menjelajahi aplikasi lebih dalam untuk mendapatkan informasi yang lebih banyak. Berikutnya, bagian isi berisi informasi yang berkaitan tentang materi, contoh soal, latihan yang dapat memberi pengguna pengetahuan lebih untuk mata kuliah Analisa dan Perancangan Sistem Informasi. Bagian penutup berisi konfirmasi sebelum pengguna keluar dari aplikasi, sekaligus penyampaian terima kasih dari pembuat perangkat ajar kepada pihak-pihak yang sudah membantu dalam pembuatan perangkat ajar ini, serta ucapan terima kasih kepada pengguna karena telah meluangkan waktu untuk menjelajah informasi yang ada di dalam perangkat ajar.
143
Application frontend programs
Database manager Query language
Data manipulation language (DML)
Database dbSkripsi
Application backend programs
Gambar 4.1 Arsitektur Aplikasi Pengajaran Mata Kuliah Analisa dan Perancangan Sistem Informasi Berbasiskan Multimedia
4.2
Dukungan Perangkat Keras dan Piranti Lunak dalam Perancangan Aplikasi Perancangan aplikasi pengajaran mata kuliah Analisa dan Perancangan Sistem Informasi didukung oleh komponen perangkat keras (hardware) dan piranti lunak (Software). Adapun spesifikasi dari perangkat keras dan piranti lunak adalah sebagai berikut : a.
Perangkat Keras 1)
Processor Pentium IV 1,7 GHZ
2)
Memory DDR 256 MB
144 3)
Harddisk dengan kapasitas 40 GB
4)
Video Card G-force IV 128 MB
5)
Sound Card Sound Blaster
6)
Keyboard
7)
Mouse
8)
Monitor
9)
Digital Camera Digunakan untuk mengambil gambar-gambar lokasi
10)
Headset beserta mic Digunakan untuk memasukan suara rekaman ke dalam aplikasi
b.
Piranti Lunak 1)
Adobe Photoshop Digunakan untuk mengedit image yang akan di gunakan dalam aplikasi.
2)
SoundForge Digunakan untuk mengedit lagu atau suara yang akan di import ke dalam aplikasi
3)
Flash MX Digunakan sebagai sarana pembuatan front-end atau media penyampaian informasi kepada pengguna.
4)
Microsoft Acess XP Digunakan sebagai media penyimpanan database
5)
Visual Basic 6.0
145 Digunakan sebagai sarana pembuatan Aplikasi yang berguna untuk memindahkan data dari batabase ke file text. 6)
Camtasia Studio Digunakan sebagai sarana merekam video untuk materi dan contoh soal.
7)
SnagIt Digunakan sebagai sarana untuk mengcapture gambar.
4.3
Dukungan Perangkat Keras dan Piranti Lunak dalam Implementasi Aplikasi Untuk dapat menjalankan aplikasi pengajaran mata kuliah Analisa dan Perancangan Sistem Informasi dibutuhkan perangkat keras atau piranti lunak yang memadai bagi aplikasi tersebut. Spesifikasi perangkat keras atau piranti lunak yang tidak sesuai dapat mengakibatkan aplikasi tidak dapat dijalankan sama sekali. Adapun spesifikasi perangkat keras dan piranti lunak yang disarankan untuk digunakan adalah : a.
Perangkat Keras 1) Minimal Processor Pentium II 2) Minimal Memori 16 MB 3) CD ROM 40X 4) Monitor VGA dengan resolusi minimal 800 x 600 High Color 5) Sound Card 16 bit 6) Mouse 7) Speaker
146 8) Monitor b.
Piranti Lunak 1) Windows 95, 98, 2000, XP 2) Macromedia Flash Player 3) Camtasia Studio Sedangkan untuk pemeliharaan data pada CD Informasi, maka
perangkat lunak yang digunakan adalah : 1) Minimal sistem operasi Windows 98 2) Microsoft Access 2000 3) Microsoft Visual Basic 6.0 4) Macromedia Flash MX 5) Adobe Photoshop 6
4.4
Petunjuk Instalasi Penggunaan CD aplikasi pengajaran mata kuliah Analisa dan Perancangan Sistem Informasi akan didistribusikan melalui media Compact-Disc berkapasitas 700 MB. CD ini bisa beroperasi minimal pada sistem operasi Windows 95. Untuk menggunakannya pada saat pertama kali, maka pengguna harus melakukan langkah-langkah sebagai berikut : 1. Dalam sistem operasi Windows 95, masukkan CD interaktif ini ke dalam CD–ROM Drive Anda. 2. Setelah itu program autorun dan akan berjalan otomatis dan animasi awal dijalankan. Jika autorun tidak berkerja, user bisa menjalankan aplikasi CD.exe yang terdapat pada drive CD-ROM tersebut. Untuk Windows 98,
147 2000 dan XP, ketika CD dimasukkan ke dalam CD – ROM, program akan dijalankan secara otomatis ( autorun ). Untuk menjalankan secara cepat dari masing – masing PC, buat satu folder baru di local disk. Copy semua file exe dan image yang ada di dalam CD ke dalam folder baru tersebut.
4.5
Tampilan Layar Aplikasi 4.5.1
Tampilan Layar Animasi Pembuka
Gambar 4.2 Tampilan Layar Animasi Pembuka
Saat aplikasi perangkat ajar ini dijalankan, pertama kali akan menampilkan layar animasi pembuka seperti yang terlihat pada Gambar 4.2 di atas ini. Setelah animasi pembuka selesai dijalankan, tampilan akan secara otomatis berpindah ke Layar Main Menu. Jika animasi pembuka tidak ingin dijalankan sampai selesai, tersedia tombol “Skip Intro” yang berfungsi untuk mengakhiri animasi pembuka dan langsung berpindah ke tampilan layar Main Menu. Tampilan layar Main Menu diperlihatkan pada Gambar 4.3.
148
4.5.2
Tampilan Layar Main Menu
Gambar 4.3 Tampilan Layar Main Menu Pada Layar menu utama ini terdapat kata-kata sambutan dan pilihan menu. Pada layar menu utama terdiri dari empat buah menu, yaitu menu “Petunjuk”, “Materi”, “Tentang Kami” dan “Keluar”. Pada menu “Petunjuk” akan menuju ke layar “Petunjuk”. Menu “Materi” akan menuju ke layar “Materi”. Menu “Tentang Kami” akan menuju ke layar “Tentang Kami”. Menu “Keluar” akan menuju ke layar “Keluar”.
149 Untuk mengatur musik, dapat menekan tombol pada sisi kiri bawah digunakan untuk mengaktifkan atau menonaktifkan suara. 4.5.3
Tampilan Layar Petunjuk
Gambar 4.4 Tampilan Layar Petunjuk Layar ini berisi petunjuk cara menggunakan perangkat ajar untuk membantu pengguna apabila mengalami kesulitan dalam mengoperasikan perangkat ajar. Pada Layar Petunjuk akan ada keterangan mengenai petunjuk penggunaan perangkat ajar ini secara lisan dan ada tombol video yang menjelaskan langkah-langkah penggunaan perangkat ajar.
150 4.5.4
Tampilan Layar Materi
Gambar 4.5 Tampilan Layar Materi Pada layar ini terdapat dua tombol penting yang harus dilewati oleh pengguna untuk mengakses isi dari perangkat ajar ini. Setiap pengguna harus memiliki User Name dan Password. Jika tombol login diklik, maka akan menampilkan sebuah form seperti gambar berikut ini:
151
Gambar 4.6 Tampilan Layar Login Namun jika tombol New User diklik, maka akan tampil form seperti gambar berikut ini:
Gambar 4.7 Tampilan Layar New User
Setelah pengguna mengisi form ini maka akan tampil layar main course. Tampilannya dapat dilihat pada gambar berikut ini :
152
Gambar 4.8 Tampilan Layar Main Course
Pada sebelah kiri layar terdapat sebuah kotak yang berisi namanama materi yang dapat diakses pengguna perangkat ajar. Jika pengguna ingin mengakses materi tersebut, pengguna dapat mengclick salah satu course. Jika satu nama course tersebut telah diclick, maka akan muncul tiga pilihan yaitu materi, contoh soal, dan latihan. Jika Materi didouble click maka akan muncul pilihan apakah anda ingin melihat materi dalam bentuk file1 (swf) atau file2 (avi). Tampilannya dapat dilihat dibawah ini :
153
Gambar 4.9 Layar Materi Course 1 .. n (File1)
Gambar 4.10 Layar Materi Course 1 .. n (File2)
154 Untuk Contoh Soal, jika didoubel klik maka akan menjalankan file contoh soal yang ada, dengan tampilan seperti dibawah ini :
Gambar 4.11 Layar Contoh Soal Course 1... n
155 Jika latihan yang diklik oleh pengguna maka akan tampil layar latihan sebagai berikut :
Gambar 4.12 Tampilan Layar Latihan
156 Pada layar latihan bila anda ingin melihat petunjuk pengerjaan latihan anda dapat memilih petunjuk yang nantinya akan muncul tampilan layar seperti berikut :
Gambar 4.13 Tampilan Layar Petunjuk Latihan
157 Setelah selesai mengerjakan soal latihan maka akan muncul layar hasil latihan sebagai berikut :
Gambar 4.14 Tampilan Layar Hasil Latihan Selain itu pada layar Main Course juga terdapat beberapa tombol di bagian bawah seperti tombol Lihat Semua Materi, Pendahuluan, Tutorial Visio, Lihat Nilai, dan Kembali.
158 Berikut ini adalah tampilan layar Lihat Semua Materi yang berupa daftar isi dari seluruh course yang ada pada perangkat ajar ini :
Gambar 4.15 Tampilan Layar Lihat Semua Materi
159 Berikut ini adalah tampilan dari layar pendahuluan yang merupakan
video
penjelasan
tentang
apa
itu
Programming :
Gambar 4.16 Tampilan Layar Pendahuluan
Object
Oriented
160 Berikut ini adalah tampilan layar tutorial visio yang merupakan video tentang langkah – langkah cara menggambar diagram uml :
Gambar 4.17 Tampilan Tutorial Visio
161 Berikut ini adalah tampilan layar Lihat Nilai yang merupakan history nilai dari seorang pengguna:
Gambar 4.18 Tampilan Layar Lihat Nilai
4.5.5
Tampilan Layar Tentang Kami
Gambar 4.19 Tampilan Layar Tentang Kami
162 Layar ini memperlihatkan nama – nama dari tim pengembang aplikasi perangkat ajar ini.
4.6
Tampilan Layar Aplikasi Konversi 4.6.1
Tampilan Layar Login
Gambar 4.20 Tampilan Layar Login Setelah administrator mengisikan
Nama dan password yang
valid, maka administrator dapat memasuki layar menu utama yang digunakan untuk mengatur database dan file. 4.6.2
Tampilan Layar Menu Utama
Gambar 4.21 Tampilan Layar Menu Utama
163 Apabila nama dan password valid, maka akan ditampilkan layar menu utama. Menu utama terdiri dari tiga menu yaitu Pendataan, Petunjuk dan Keluar.
Gambar 4.22 Tampilan Layar Sub Menu Pendataan Apabila menu “ Pendataan “ ditekan maka akan menampilkan sub menu seperti gambar 4.22.
Gambar 4.23 Tampilan Layar Sub Menu Petunjuk
Apabila menu “ Petunjuk “ ditekan maka akan menampilkan sub menu seperti gambar 4.23.
164 4.6.3
Tampilan Layar Pendataan Materi
Gambar 4.24 Tampilan Layar Pendataan Materi
Layar ini dipergunakan untuk menambah materi baru, mengedit dan menghapus materi yang sudah ada. Jika tombol “Tutup” diklik maka layar ini akan tertutup. 4.6.4
Tampilan Layar Pendataan Contoh Soal
Gambar 4.25 Tampilan Layar Pendataan Contoh Soal
165 Layar ini dipergunakan untuk menambah contoh soal baru, mengedit dan menghapus contoh soal yang sudah ada. Jika tombol “Tutup” diklik maka layar ini akan tertutup. 4.6.5
Tampilan Layar Pendataan Latihan
Gambar 4.26 Tampilan Layar Pendataan Latihan Layar ini dipergunakan untuk menambah Latihan baru, mengedit dan menghapus Latihan yang sudah ada. Jika tombol “Tutup” diklik maka layar ini akan tertutup.
166 4.6.6
Tampilan Layar Petunjuk
Gambar 4.27 Tampilan Layar Petunjuk Layar ini digunakan untuk melihat instruksi cara pemakaian sistem.
4.6.7
Tampilan Layar Tentang Kami
Gambar 4.28 Tampilan Layar Tentang Kami
Pada layar ini berisi tentang pembuat aplikasi dari CD Perangkat Ajar ini.
167 4.7
Deployment Diagram Processor
User Interface Speaker
Function
Sound Control
Print Control
Model
Gambar 4.29 Deployment Diagram
4.8
Evaluasi Evaluasi yang dilakukan bertujuan untuk mendapat masukan atau feed back mengenai apakah aplikasi yang telah dibuat hasilnya sesuai dengan yang diharapkan, menarik dan yang terpenting apakah materi yang ingin disampaikan dapat diterima dengan baik dan bermanfaat oleh para pengguna. Hasil evaluasi tersebut didapatkan melalui hasil kuesioner yang dibagikan ke mahasiswa Universitas Bina Nusantara. Adapun jumlah responden yang mengisi adalah 120 orang responden. Berikut ini merupakan pertanyaan yang diajukan kepada 120 orang responden tersebut.
168 1. Apakah aplikasi CD perangkat ajar ini mempermudah Anda dalam untuk mempelajari mata kuliah Analisa dan Perancangan Sistem Informasi? Jika tidak, sertakan alasan Anda! Pertanyaan ini diajukan untuk memperoleh informasi apakah materi yang ada di dalam CD perangkat ajar membantu mahasiswa dalam mempelajari mata kuliah Analisa dan Perancangan Sistem Informasi. Dari responden diperoleh jawaban sebagai berikut : Tabel 4.1
Tabel Hasil Kuesioner Evaluasi Pertanyaan No. 1
Jawaban Responden
Jumlah responden
Persentase
( orang )
( %)
a.sudah membantu
62
51.67
b.sudah baik, dapat mempelajari
11
9.16
9
7.5
20
16.67
18
15
beberapa materi c.kurang membantu karena ada beberapa materi yang tidak ada d.kurang
membantu
karena
penjelasan materi kurang detil e.tidak
banyak
membantu,
diharapkan materinya selengkap mungkin
15%
51.67%
sudah m em bantu sudah baik, dapat m em pelajari beberapa m ateri
16.67%
kurang m em bantu karena ada beberapa m ateri yang tidak ada kurang m em bantu karena penjelasan m ateri kurang detil
7.5% 9.16% Grafik 4.1
tidak banyak m em bantu, diharapkan m aterinya selengkap m ungkin
Grafik Hasil Kuesioner Evaluasi Pertanyaan No. 1
169 Dari hasil kuesioner tersebut 62 responden (51.67%) menjawab materi dari perangkat ajar sudah membantu dan 11 responden (9,16%) sudah baik, oleh karena itu dapat diambil kesimpulan bahwa secara keseluruhan materi yang terdapat di dalam CD perangkat ajar sudah membantu responden dalam mempelajari materi mata kuliah Analisa dan Perancangan Sistem Informasi.
2. Menurut Anda apakah kekurangan dari CD perangkat ajar ini? ( Jawaban bisa lebih dari satu ). Pertanyaan ini diajukan untuk memperoleh informasi tentang kendala – kendala apa saja yang dialami oleh mahasiswa pada saat mempelajari materi yang ada di dalam CD perangkat ajar ini, baik dari segi informasi itu sendiri ataupun dari segi kemudahan pemakaian dalam mempelajari materi secara lebih cepat. Dari responden diperoleh jawaban sebagai berikut : Tabel 4.2
Tabel Hasil Kuesioner Evaluasi Pertanyaan No. 2 Jawaban responden
Jumlah responden
Persentase
(orang)
(%)
58
48.33
b. materi yang ada kurang lengkap
44
36.67
c. kurangnya animasi sehingga agak
18
15
a. program kurang portable (hanya bisa digunakan di komputer saja)
membosankan
170
15%
36.67%
48.33%
Program k urang portable (hanya bis a digunak an di kom pute r saja) m ate ri k urang le ngkap
kurangnya pe nggunaan anim as i
Grafik 4.2
Grafik Hasil Kuesioner Evaluasi Pertanyaan No. 2
Dari hasil kuesioner pertanyaan No. 2, 58 responden (48.33%) mengalami kesulitan untuk mengakses materi semacam itu jika hanya bisa digunakan melalui media komputer, ada juga yang merasakan materinya kurang lengkap (44 responden, 36,67%) dan sebanyak 18 responden (15%) mengatakan bahwa dalam kekurangan dalam CD perangkat ajar ini adalah kurangnya penggunaan animasi sehingga agak membosankan dalam pembelajaran.
3. Menurut Anda apakah kelebihan dari CD perangkat ajar ini ? ( Jawaban bisa lebih dari satu ). Pertanyaan ini diajukan untuk memperoleh informasi apa saja yang menjadi kelebihan dari CD informasi ini, baik dari segi informasi materinya itu sendiri, tampilan yang menarik, kemudahan dalam pemakaian, dan sebagainya.
171
Tabel 4.3
Tabel Hasil Kuesioner Evaluasi Pertanyaan No. 3
Jawaban Responden
a. tampilan yang konsisten antara
Jumlah Responden
Persentase
(orang)
(%)
46
38.33
33
27.5
20
16.67
12
10
9
7.5
satu layar dengan lainnya b. pemakaian icon – icon yang menarik dan mudah dimengerti c. materi yang disajikan sangat membantu d.navigasi yang mudah dalam mengakses materi e. tampilan unik, mudah untuk diingat
7.5%
38.3%
10%
tam pilan yang k onsiste n pem akaian icon yang m e narik m ateri yang disajik an sangat m em bantu
16.67%
navigasi yang m udah dalam m em pe lajari m ate ri tam pilan unik
27.5% Grafik 4.3
Grafik Hasil Kuesioner Evaluasi Pertanyaan No. 3
Sebanyak 46 responden (38.33%) mengatakan bahwa tampilan CD konsisten, pemakaian icon – icon yang ada di CD juga menarik (33 responden, 27.5%).
Kemudian materi yang ada juga amat membantu,
172 navigasi yang mudah (12 responden, 10%) dan tampilan yang unik (9 responden, 7.5%) Dari hasil kuesioner di atas dapat disimpulkan bahwa CD perangkat ajar ini memiliki tampilan yang konsisten antara layar yang satu dengan yang lainnya, pemakaian icon yang menarik sehingga memudahkan responden dalam menggunakan navigasi dan pengaksesan materi secara cepat, serta tampilan yang unik memudahkan mahasiswa untuk mengingat apa yang sudah pernah dipelajarinya.
