SISTEM PENGELOLAAN DATABASE SISWA MENGGUNAKAN PEMROGRAMAN VISUAL STUDIO .NET
Jurnal Pendidikan Dompet Dhuafa edisi I/ 2011
SISTEM PENGELOLAAN DATABASE SISWA MENGGUNAKAN
PEMROGRAMAN VISUAL STUDIO .NET
ABSTRAK
Saat ini, pembuatan basis data untuk penyimpanan data siswa merupakan pendukungberlangsungnya suatu proses pendidikan di setiap sekolah. Pembuatan basis data sudah dilakukan
sejak dulu, tidak terkecuali di SMART Ekselensia Indonesia, mulai dari cara manual sampai dengan
cara yang lebih modern. Basis data yang dikembangkan oleh penulis meliputi nama, nomer induk
siswa dan hal–hal yang berkaitan dengan profil siswa. Penulis mengembangkan basis data Microsoft
Access yang terintegrasi dengan program Visual Studio .net sebagai program antarmuka dari basis
data tersebut. Visual Studio .net merupakan salah satu program aplikasi berbasis bahasa basic yang
dikembangkan oleh Microsoft Corporation. Penelitian ini diharapkan dapat menjadi dasar untuk
pembuatan program aplikasi pengelola basis data dalam lingkup yang lebih luas, sehingga dapat
memberikan kontribusi langsung dalam penanganan sistem pengelolaan basis data. Penelitian juga
diharapkan dapat menjadi rujukan bagi para programmer dalam membangun sebuah aplikasi
pengelola basis data sederhana maupun aplikasi basis data tingkat lanjut.Kata kunci : Sistem basis data, pengelolaan data, profil siswa, visual studio, program aplikasi
ABSTRACT
Currently, building a database for student data storage is a major supporter of sustainability
of the education process in schools. Making the database has been done long ago, is no exception in
SMART Ekselensia Indonesia, begin building a database manually until a more modern. The database
that developed by the authors include names, identification numbers of students and matters
pertaining to student profiles. The author developed a Microsoft Access database that is integrated
with Visual Studio .net as the interface program of the database. Visual Studio .net is one of basic
language-based application program that developed by Microsoft Corporation. This research is
expected to be the basis for making application program of database management in a broader scope,
so this research can contribute directly in the handling of database management system. This research
is also expected to be a reference for the programmer to build a simple database management
applications and advanced database applications. Keywords: database systems, data management, student profiles, visual studio, program application1 Penulis adalah siswa kelas V SMA SMART Ekselensia Indonesia tahun ajaran 2010/2011
Jurnal Pendidikan Dompet Dhuafa edisi I/ 2011 PENDAHULUAN
dibutuhkan suatu program aplikasi yang dapat berjalan tanpa bergantung pada aplikasi tertentu. Dari latar belakang yang telah dipaparkan di atas, ada beberapa pertanyaan yang menjadi permasalahan, di antaranya :
.net dan Microsoft Access secara detail, penulis
5. Apakah program aplikasi pengelola profil dapat memenuhi kebutuhan pengguna? Penelitian ini akan coba menjawab berbagai permasalahan tersebut. Dalam penelitian ini, penulis tidak akan menjelaskan tentang penggunaan Microsoft Visual Studio
4. Masalah-masalah apa yang dihadapi dalam proses pembuatan program?
3. Bagaimana cara pembuatan aplikasi pengelola profil yang portabel dan menarik?
2. Bagaimana cara pembuatan aplikasi pengelola profil yang mudah digunakan serta efisien?
program aplikasi yang menarik dan portabel?
1. Apakah ilmu pemrograman Visual Basic dapat digunakan untuk membuat
Microsoft Access. Untuk mengatasi masalah ini,
Akses seketika dan mudah pada sebuah informasi adalah salah satu janji terpenting dan paling menggairahkan dari zaman digital. Sebuah organisasi dalam mewujudkan eksistensinya memerlukan sebuah sistem pengelola database sebagai pusat pengelolaan data yang efektif. Tanpa didukung mekanisme pengelolaan data yang baik dalam segi kuantitatif dan kualitatif, serta dalam strategi operasionalnya, suatu organisasi tak akan mampu mempertahankan eksistensinya di masa mendatang.
dijalankan apabila di komputer tersebut terinstal
Microsoft Access, form tersebut hanya dapat
Aplikasi pengelola profil yang dibutuhkan saat ini adalah aplikasi yang mudah, murah sekaligus efektif dan efisien dalam mengelola profil. Bukan hanya itu, portabilitas juga sangat diperlukan guna mempermudah pengguna untuk menggunakannya pada komputer berbeda. Aplikasi pengelola profil umumnya hanya berjalan pada satu platform dan terikat pada aplikasi tertentu. Misalnya pembuatan form data siswa pada aplikasi
pengelolaannya. Begitu juga dengan data profil siswa dalam sebuah sekolah yang pasti sangat banyak dan membutuhkan suatu aplikasi pengelola yang baik.
Microsoft Office ataupun Open Office dalam
Setiap instansi pasti memiliki data berkaitan dengan anggota yang mereka miliki. Data tersebut pasti membutuhkan suatu aplikasi untuk penyimpanan dan pengelolaannya. Misalnya. data nilai siswa pada sebuah instansi pendidikan, pasti membutuhkan aplikasi
Pencatatan secara manual dengan menggunakan tangan sudah jarang digunakan karena selain membutuhkan ketelitian lebih, pencatatan manual juga lebih statis dan kurang praktis karena data yang ditulis sulit untuk diolah dan diedit kembali. Dalam hal ini, sistem pencatatan menggunakan teknologi komputerisasi merupakan solusi untuk pencatatan dan pengelolaan data yang lebih baik. Dengan menggunakan komputer, data akan diinput melalui keyboard, diedit menggunakan teks editor dan kemudian disimpan dalam bentuk file di dalam harddisk. File-file tersebut bersifat editabel, yaitu dapat diedit dan diolah kembali menjadi data lain untuk berbagai keperluan. Kelebihan-kelebihan seperti inilah yang membuat sistem pencatatan melalui teknologi komputerisasi mulai banyak digunakan.
Oleh karena itu, diperlukan langkah- langkah manajemen data yang lebih baik guna menjamin bahwa data penting telah terkelola dengan baik, tepat, dan efisien. Pengelolaan data ini harus sesuai dengan kebutuhan sehingga akan menunjang keberlangsungan organisasi di masa mendatang. Perencanaan pencatatan merupakan proses manajemen dan penentuan pergerakan data sesuai posisi yang diinginkan, sedangkan sumber daya manusia merupakan pengelolanya.
hanya menjelaskan penggunaan dan penerapannya untuk pembuatan program aplikasi pengelola profil. Karena keterbatasan waktu, aplikasi yang dibuat hanya meliputi
Jurnal Pendidikan Dompet Dhuafa edisi I/ 2011
penginputan, penghapusan, pengeditan serta penampilan dan pencarian profil untuk sekolah SMART Ekselensia Indonesia yang berkaitan dengan format database siswa yang telah terdaftar. Bahasa pemrograman yang digunakan penulis adalah bahasa pemrograman
Visual Basic.
Tujuan dari penelitian ini adalah menerapkan penggunaan bahasa pemrograman
Visual Basic untuk pembuatan sistem pengelola
profil, menerapkan program Microsoft Visual
Studio .net dan Microsoft Access menjadi
sebuah sistem untuk menangani pengelolaan
Gambar 2. Start Page Microsoft Visual
database siswa SMART Ekselensia Indonesia
Studio .net
dan mempermudah pengelolaan data profil siswa SMART Ekselensia Indonesia. Penelitian
Toolbox digunakan untuk pemilihan
ini merupakan pengaplikasian ilmu kontrol–kontrol yang akan digunakan pada pemrograman komputer dalam kehidupan program yang akan dirancang. Kontrol ini sehari – hari yang hasilnya diharapkan dapat merupakan kontrol standar yang digunakan oleh mempermudah sistem pengelolaan data siswa aplikasi Windows, dan kontrol–kontrol pada lembaga pendidikan yang berkaitan tambahan yang disebut ActiveX. Kontrol yang dengan database profil siswa. ada pada jendela ini dapat ditambah dan dikurangi sesuai kebutuhan. Jendela Properties merupakan jendela yang digunakan untuk
TINJAUAN PUSTAKA
mengatur properti sebuah objek. Jendela
Microsoft Visual Studio .net Properties ini terbagi dalam dua bagian yaitu Microsoft Visual Studio .net merupakan Alphabetic dan Catagirozed. Perbedaan dari salah satu software buatan Microsoft Corp.
keduanya hanyalah cara menampilkan yang didesain khusus dalam pembuatan
properties dalam sebuah objek. Pada bagian
program-program profesional berbasis windows
Alphabetic, properti diatur berdasarkan urutan platform. Microsoft Visual Studio .net
abjad, sedangkan di bagian Catagorized, merupakan perangkat lunak yang terintegrasi, di properti diatur dalam kelompok-kelompok dalamnya terdapat beberapa paket software kategori. yang dapat digunakan oleh programer dalam membangun sebuah program profesional, diantaranya adalah Visual Basic, Visual J#,
Visual C, #Visual C++ dan Java Runtime yang
sama-sama berada dalam naungan platform
Microsoft .NET Framework. Bagian – bagian
dari software ini diantaranya toolbox, jendela
properties, server explorer dan solution explorer.
Gambar 3. Bagian toolbox dan jendela Gambar 1. Logo Microsoft Visual Studio .net properties Microsoft Visual Studio .net
Jurnal Pendidikan Dompet Dhuafa edisi I/ 2011 Server Explorer merupakan jendela yang
menganalisis data dalam berbagai cara. Anda juga dapat menggunakan query sebagai sumber untuk record-record yang digunakan pada form dan report. Beberapa query yang terdapat pada
digunakan untuk manipulasi data dan mengendalikan manipulasi data tersebut melalui suatu bahasa. Bahasa yang digunakan adalah
Structured Query Language (SQL). Query
umumnya digunakan untuk memanipulasi data,
record, dan field yang terletak dalam satu atau
beberapa tabel query. Anda dapat menggunakan
query untuk melihat, mengubah, dan
Microsoft Access
(4) Isi field-field untuk membentuk tabel (5) Simpan dan beri nama tabel.
adalah Select Query,
Parameter Query, Crosstab Query dan Action Query. Berikut cara membuat Query pada Microsoft Access :
(1) Pada jendela kerja Query, klik Create Query In Design View
(2)
Pada kotak dialog show tabel, pilih dan klik query dan tabel yang ingin Anda masukan, klik tombol Add (3) Simpan dan beri nama query.
Data, Informasi dan Database
Query pada Microsoft Access
Tampilan Design View akan muncul
digunakan untuk mengedit pengaturan server-
program pengelola database yang sangat populer dan banyak digunakan saat ini. Kemudahan dalam mengelola berbagai jenis database serta user interface yang menarik membuat Microsoft Access menjadi salah satu yang terbaik dalam hal ini. Seiring dengan perkembangan waktu, Microsoft Access turut berkembang meyesuaikan dengan kebutuhan
server yang digunakan dalam pembuatan
aplikasi. Pada jendela ini kita dapat membuat dan mengkonfigurasi server-server yang akan dan telah kita gunakan. Solution Explorer, komponen ini digunakan untuk mengelola file yang menyusun sebuah proyek. Solution
Explorer ini berisi daftar form, modul kelas,
dan project serta file resource yang digunakan dalam sebuah proyek.
Gambar 4. Bagian server explorer dan solution explorer Microsoft Visual Studio .net Microsoft Access Database
Microsoft Access merupakan salah satu
user. Microsoft Access merupakan software
(2) Klik icon New. Kotak dialog New Table akan muncul (3) Klik Design New, lalu klik Ok.
yang sangat cocok digunakan untuk mengelola berbagai jenis database dan telah terintegrasi dengan Microsoft Visual Studio .Net sehingga memudahkan pembuatan program. Database
Microsoft Access memiliki tujuh bentuk objek,
yaitu tables, queries, forms, reports, pages, macros dan modules.
Tabel adalah sekumpulan data atau informasi spesifik tentang subjek tertentu yang disusun dalam bentuk kolom dan baris. Tabel adalah komponen utama dalam sebuah database. Adapun cara membuat tabel pada
Microsoft Access adalah sebagai berikut : (1) Pada jendela database, klik icon tabel
yang berada di bawah Objects
Data adalah bahan baku informasi, didefinisikan sebagai kumpulan simbol–simbol, tindakan, benda dan sebagainya. Data terbentuk dari karakter yang dapat berupa alfabet, angka, maupun simbol khusus seperti *, $, dan /. Data diolah dalam bentuk struktur file dan database. Informasi adalah data yang telah diolah menjadi sebuah bentuk yang berarti bagi penerimanya dan bermanfaat dalam pengambilan keputusan. Hubungan data dengan informasi adalah
Jurnal Pendidikan Dompet Dhuafa edisi I/ 2011
pengolahan data dapat mejadi informasi yang berguna dan dapat dimengerti oleh penggunanya.
Database dapat diartikan sebagai
sebuah kumpulan data yang terdiri atas satu atau lebih tabel yang terintegrasi satu sama lain. Dalam sebuah database, seorang pemakai atau
user dapat mengubah, menambah, menganalisa,
METODOLOGI PENELITIAN
Program Aplikasi Portabel
Microsoft Visual Studio .net akan meminta
(4) Setelah loading setup selesai, klik Next (5) Muncul jendela Liscense Agreement,
proses instalasi setup loading komponen
(3) Pilih Install Visual Studio, akan terlihat
akan tampil di layar Anda
(2) Autorun Microsoft Visual Studio .net
(1) Masukkan CD instalasi Microsoft Visual Studio .net
proses instalasi Microsoft Visual Studio .Net :
software tambahan tersebut. Berikut detail
konfirmasi apakah Anda akan menginstal paket
naungan platform Microsoft .NET Framework.
Dalam Kamus Besar Bahasa Indonesia (KBBI), program berarti : (1) rancangan mengenai asas serta usaha yang akan dijalankan; (2) urutan perintah yang diberikan pada komputer untuk membuat fungsi atau tugas tertentu; (3) program yang diciptakan secara khusus sehingga memungkinkan komputer melakukan fungsi tertentu. Program aplikasi merupakan suatu aplikasi yang dibangun menggunakan bahasa pemrograman tertentu dan dapat dioperasikan pada sebuah
Basic, Visual J#, Visual C, #Visual C++, dan Java Runtime yang sama-sama berada dalam
proses pemrograman. Diantaranya Visual
bahkan menghapus data dalam tabel-tabel tersebut. Dalam sebuah database, tabel berfungsi untuk menyimpan data yang saling berhubungan, misalnya tabel nama hanya berisi daftar nama-nama. Tabel sendiri memiliki dua bagian penting yaitu kolom (field) dan baris (record). Dalam komputer, database dapat diolah menggunakan software pengelola database seperti Microsoft Access, Microsoft SQL Server, MySQL.
Langkah kerja yang pertama adalah menginstal Microsoft Visual Studio .net yang merupakan gabungan dari beberapa tools yang dibundel menjadi satu dalam sebuah paket
(GUI), Visual Basic (Programming Language), Microsoft Access 2003 (Database) dan Microsoft Windows XP Professional : Service Pack 2 (Operating System).
adalah Microsoft Visual Studio .net 2005
Multi Recorder. Software yang digunakan
Penelitian ini dilaksanakan di Laboraturium Komputer sekolah SMART Ekselensia Indonesia dan berlangsung dari tanggal 13 Oktober 2010 hingga 4 Januari 2011. Pembuatan program dilakukan dengan seperangkat Personal Computer (PC) dengan spesifikasi prosesor intel ® Core ™ 2 Duo CPU E 7500 @ 2.93 GHz, harddisk 48.8 GB (win_C) dan 29.3 GB (win_D), RAM 999.2 MB dan optical drive Samsung Ultra Speed
program aplikasi diartikan sebagai sebuah susunan perintah yang digunakan untuk penyelesaian masalah. Program komputer biasanya disebut juga sebagai perangkat lunak atau software merupakan sederetan aksi komputasi yang akan dijalankan oleh mesin komputer. Komputasi dilaksanakan berdasarkan algoritma atau alur yang disusun oleh programmer. Algoritma merupakan alur yang digunakan komputer untuk membaca dan menerjemahkan kode program. Tanpa algoritma tersebut program komputer tidak akan berjalan. Dalam KBBI, portabel didefinisikan sebagai mudah dibawa-bawa atau mudah dijinjing. Aplikasi Portabel merupakan aplikasi atau program komputer yang dapat dijalankan tanpa harus melakukan instalasi pada komputer lokal terlebih dahulu. Program-program ini dapat dengan mudah disimpan ke dalam media penyimpanan baik berupa cd, usb flash disk, ataupun secure card lainnya.
platform tertentu. Di dalam sistem komputer,
software. Dalam instalasinya, Microsoft Visual Studio .net menyertakan berbagai paket software yang nantinya akan dibutuhkan dalam
Jurnal Pendidikan Dompet Dhuafa edisi I/ 2011 check list kemudian klik Next (6) Muncul jendela pemilihan paket software, pilih Default lalu klik Install
10. Asal Text
Tabel 2. Tabel data profil siswa No. Nama Field Tipe Data
1. No Number
2. Nis Number
3. Angkatan Text
4. Kelas Char
5. Nama Text
6. Nickname Text
7. TTL Char
8. Umur Integer
9. Alamat Text
11. Alamat Text
2. Password Char
12. Nohp Integer
13 Email Char
14 Fbook Char
15 Web Char
16 Kutipan Char
17 Cita Text
18 Hobi Text
19 Goldarah Text
20 Bio Text
21 Politik Text
Tabel data siswa merupakan tabel tempat penyimpanan dan presentasi data siswa. Pada tabel ini, semua data yang diinput melalui form tambah data disimpan. Tabel data ini juga akan mempresentasikan data yang ada ke form slideshow, edit data, dan cari data.
1 Username Text
(7)
(3) Muncul kotak dialog kemudian klik Install, muncul konfirmasi salinan Microsoft Access, pilih apakah Anda
Setelah instalasi sukses, klik Finish kemudian Exit
Gambar 5. Instalasi Microsoft Visual Studio
Langkah selanjutnya adalah menginstal
Microsoft Access yang nantinya akan digunakan
dalam pembuatan database sebagai pusat pengelolaan database dengan langkah instalasi sebagai berikut :
(1)
Masukkan CD/DVD instalasi Microsoft
Office. Autorun akan memulai wizard, klik Install untuk memulai proses.
(2) Pilih I Agree pada jendela perjanjian
lisensi dan klik Next. Masukkan kode lisensi produk kemudian klik Next.
ingin menyimpan versi Anda saat ini atau menimpa versi tersebut
Tabel 1. Tabel Username dan Password No. Nama Field Tipe Data
(4) Klik Finish untuk memulai instalasi.
Diperlukan beberapa menit untuk menginstal aplikasi ini. Klik Restart untuk reboot komputer Anda setelah proses instalasi selesai. Langkah selanjutnya adalah membuat
database dengan menggunakan Microsoft Access. Database digunakan sebagai tempat
untuk menyimpan dan mengelola data dari program yang telah dibuat. Secara umum
database dibuat menjadi tiga bagian yaitu database login, database siswa, dan database
foto profil dengan susunan tabel masing- masing. Tabel data login digunakan sebagai tempat penyimpanan dan presentasi username dan password. Tabel ini berisi dua field yaitu
username (tempat penyimpanan data username)
dan password (tempat penyimpanan data
password). Data yang telah diinput akan
disimpan ke dalam database Access dan siap untuk dipanggil kembali ketika user melakukan
login maupun penggantian password.
22 Prestasi Char
Jurnal Pendidikan Dompet Dhuafa edisi I/ 2011 1 Beranda Web 8 Tabel data gambar (image) digunakan xForm Utama Tambah Data 2 3 untuk menyimpan gambar profil siswa. Tabel 9 4 ini akan terisi ketika user melakukan browse 11 Edit Data 12 folder dan memilih gambar yang akan Keluar Cari Data 5 Database Utama digunakan sebagai foto profil. 3. Subform tambah data 2. Pilihan untuk memasuki Submenu 1. User masuk ke xForm Utama Slide Show Keterangan : 6 7 12 Tabel 3. Tabel data gambar 4. Subform edit data Text Editor 6. Slideshow untuk menampilkan data 5. Subform cari data
No. Nama Field Tipe Data 7. Subform text editor Ganti Pasword 8. Link untuk membuka web browser 10
1 Username Text 10. Opsi untuk ganti password 9. Menu tambahan
2. Password Char 12. Terhubung ke database 11. Opsi keluar ke aplikasi Gambar 7. Kerangka program fom utama
Pertama kali ketika program dijalankan,
user akan langsung melihat dengan form splash
(Splash Screen). Pada form ini, user akan Konfirmasi 1 Slideshow Cari Data 3 diberikan dua pilihan yaitu login dengan View Login 4 3 Mode atau login dengan Admin Mode. Dengan 3 2 login menggunakan View Mode, user akan Tambah Data Form Utama dapat langsung masuk ke dalam jendela Form 1. Form konfirmasi login Keterangan :
Utama tanpa melalui proses login. Pada jendela 3 3 2. Form utama Form Utama, user hanya dapat melihat data Text Editor Edit Data 4. Garis hubungan 3. Subform profil yang telah ada dan tidak diperbolehkan untuk menambah atau menghapus data tersebut.
Gambar 8. Diagram hubungan Form Utama
Jika user memilih untuk menggunakan Admin dengan Subform
Mode, maka user akan dihadapkan pada Form Login yang akan meminta user untuk
Adapun langkah – langkah pembuatan menginput username dan password yang aplikasi secara berurut adalah sebagai berikut : kemudian akan digunakan oleh program untuk
1. Pembuatan desain form Splash Screen
membuka jendela xForm Utama. Di jendela dan pengkodeannya. xForm Utama ini, user dapat melihat,
2. Pembuatan desain form Login dan
menambahkan, menghapus, atau mengedit data pengkodeannya. profil yang telah ada. Kerangka rancangan
3. Menghubungkan antara form Login
aplikasi pengelola profil dijalaskan dalam serta form Splash Screen dengan Form bagan berikut.
Utama beserta form xUtama. User 4
4. Pembuatan desain form xForm Utama 1 View Mode Form Utama dan Form Utama beserta codingnya. Splash 2
5. Pembuatan desain subform Beranda Screen dan pengkodeannya. 3 Konfirmasi
6. Pembuatan desain subform Tambah Admin Mode Login Data dan pengkodeannya. 1. User menjalankan aplikasi Keterangan : 4 dan pengkodeannya.
7. Pembuatan desain subform Edit Data Pembuatan desain subform Slide Show 2. User memilih opsi login xForm 8. 4. User masuk ke form utama 3. User melakukan verifikasi login Utama dan pengkodeannya.
9. Pembuatan desain subform Text Editor Gambar 6. Diagram alur aplikasi bagian awal dan pengkodeannya.
Jurnal Pendidikan Dompet Dhuafa edisi I/ 2011
Access dan kemudian diolah sehingga dapat
9) Selanjutnya ke Tab Update. Pada
bagian Overwrite mode pilih
Overwrtite all files 10) Klik Ok dan tunggu sejenak karena
WinRar sedang membuat file archive 11)
Sekarang pada folder {app} terdapat satu file baru. File tersebut yang adalah file aplikasi portabel yang telah dikompres menjadi satu file. File ini yang kemudian disalin ke flashdisk,
memory card atau alat penyimpan lainnya.
HASIL DAN PEMBAHASAN Implementasi Aplikasi
Pengimplementasian aplikasi database dilakukan berdasarkan tabel – tabel database yang telah dibuat sebelumnya. Data yang telah diinput akan diekspor ke dalam database
ditampilkan kembali pada jendela Profil
Create SFX archive, pada Compression method pilih Best 8) Klik tab Advanced lalu klik SFX options, selanjutnya pada Tab Modes.
Viewer. Dalam mengakses database cukup
menggunakan perintah-perintah visual basic yang telah terintegrasi dengan database Access. Sementara pada pengeditan data dapat dilakukan dengan tools yang telah tersedia pada
Visual Basic .net dan DMBS. Implementasi
aplikasi dilakukan dengan implementasi interface yang sudah dirancang terlebih dahulu. Rancangan – rancangan yang dikembangkan adalah Form Splash Screen; Form Login; Form Utama berupa Form Beranda, Tambah Data, Edit Data, Teks Editor, Search; Form Slide Show; dan Form Ganti Password.
Adapun perintah – perintah yang dapat dipenuhi aplikasi adalah Login; Opsi login
View Mode dan Admin mode; menginput dan
menyimpan data profil; mengedit data profil; mencari dan menampilkan data profil; menampilkan data profil melalui slideshow;
link membuka halaman web; mengganti password dan tambah user; serta logout.
Klik Unpack to temporary folder, lalu pada bagian Silent mode klik Hide all
Beri nama pada aplikasi, kemudian pada bagian Archiving options klik
10. Pembuatan desain subform Cari Data dan pengkodeannya.
dan Winrar Universal Extractor untuk pembuatan aplikasi portabel
11. Menghubungkan antara form Utama
dengan subform Tambah data, Cari data, Text Editor, dan Slideshow seperti ditunjukkan dalam gambar 8.
12. Membuat pengkodean untuk pengelolaan database.
13. Membuat aplikasi portabel.
Aplikasi portabel merupakan aplikasi yang dapat digunakan secara portabel atau tanpa melalui proses instalasi terlebih dahulu. Aplikasi portabel dapat digunakan pada komputer yang berbeda karena aplikasi dapat langsung dijalankan melalui perangkat seperti
flashdisk atau memory card. Berikut adalah cara
pembuatan aplikasi portabel :
1) Gunakan Universal Extractor (5,3 Mb)
2) Download, instal Universal Extractor
archive 7)
dan WinRar pada komputer
3) Klik kanan file exe pada program
aplikasi dan pilih UniExtract to Subdir
4) Tunggu sejenak karena Universal Extractor
akan membuat aplikasi portabelnya Selanjutnya akan mucul folder program aplikasi
5) Klik dua kali folder {app}. Isi dari folder {app} adalah program yang sudah bisa digunakan tanpa instalasi atau portabel. Tapi jika aplikasi portabel memiliki banyak file, sebaiknya dibuat dalam satu file saja.
6)
Seleksi semua file yang ada dalam folder tersebut, Klik kanan pilih Add to
Adapun penjelasan tentang implementasi aplikasi dan alur program yang telah dibuat (beserta screenshoot interface aplikasinya) dari awal ketika sistem memuat aplikasi hingga bagian akhir fungsi aplikasi akan dipaparkan sebagai berikut.
Jurnal Pendidikan Dompet Dhuafa edisi I/ 2011 Form Splash Screen
Konfirmasi login dibutuhkan pengguna untuk dapat masuk ke dalam jendela utama program aplikasi. Form konfirmasi login ini akan menampilkan dua textbox yang akan memuat data konfirmasi dari pengguna. Jika data konfirmasi yang dimasukkan sesuai dan telah terdaftar pada database program, maka pengguna akan diteruskan ke jendela xForm Utama. Pengguna diharuskan memiliki username dan password yang telah terdaftar dalam database program untuk mengakses secara penuh aplikasi ini.
Gambar 11. Form Utama (Beranda)
password dan keluar aplikasi.
hanya bisa melakukan pencarian dan penampilan data pada jendela slideshow. Pada form utama ini terdapat beberapa menu yang dikaitkan dengan fungsi-fungsi di atas, diantaranya menu utama yang terletak di sebelah kiri form. Terdapat juga menu bar pada bagian kiri atas yang dapat digunakan untuk mengakses fungsi utama lainnya seperti ganti
login melalui view mode. Pada form ini user
Form ini merupakan form yang pertama kali tampil setelah user melakukan login. Form Utama dibagi menjadi dua, yaitu Form Utama dan xForm Utama. Form Utama merupakan form yang dipanggil ketika user melakukan
Gambar 10. Jendela Konfirmasi Login Form Utama (Beranda)
Gambar 9. Form Splash Screen Jendela Konfirmasi Login
Bagian ini merupakan awal sistem memuat fungsi program aplikasi. Form Splash
menggunakan View Mode, pengguna akan langsung diantar menuju Form Utama. Pada form ini pengguna dapat melihat dan mencari data profil serta menampilkan data profil melalui jendela Slideshow. Namun, pada form ini pengguna tidak dapat menambahkan, mengedit, ataupun menghapus data. Jika pengguna memilih menggunakan Admin mode, maka pengguna akan diantar menuju xForm utama. Pada form ini, pengguna dapat menampilkan sekaligus mengedit data profil menggunakan tools yang tersedia. Sebelum menggunakan Admin mode, pengguna akan dihadapkan dengan form konfirmasi login.
login melalui View Mode atau login melalui Admin mode. Jika pengguna memilih
form ini juga terdapat dua radio button yang akan memberikan pilihan kepada pengguna,
progress bar proses loading aplikasi. Dalam
memuat informasi awal program sekaligus
Screen ini pertama kali ditampilkan dengan
Pada xForm Utama user dapat melakukan beberapa fungsi yaitu penambahan
Jurnal Pendidikan Dompet Dhuafa edisi I/ 2011
Form edit data merupakan form yang digunakan untuk melakukan pengeditan data profil yang telah diinput sebelumnya. Desain form ini sama dengan form tambah data, hanya saja pada form ini, kotak input yang ada telah berisi data profil yang tersimpan di database. Data tersebut dapat diedit ulang dan disimpan kembali menjadi data yang baru dengan menggunakan tombol 'Simpan'.
menu pop up yang telah tersedia. Pencarian data
pencarian yang dapat digunakan untuk melakukan pencarian secara singkat melalui
slide show. Jendela ini memiliki metode
dipilih pada form cari data. Pada jendela ini juga, setiap data dapat ditampilkan melalui
Form slide show menampilkan data yang telah
Jendela slide show merupakan jendela sendiri yang terpisah dari form utama. Pada jendela inilah data profil dapat ditampilkan.
Gambar 13. Form Edit Data Form Slide Show
Form Edit Data
data, pengeditan data, pencarian data, dan penampilan data pada slideshow serta penggantian password dan penambahan user baru. Pada form ini juga terdapat beberapa tautan yang dapat digunakan untuk mengakses secara cepat situs atau website seperti Lpi-DD dan juga web blog penulis. Form utama juga memuat beberapa informasi tentang aplikasi. Dari form inilah user dapat mengakses berbagai fungsi yang terdapat pada aplikasi.
browser dan menuju profil facebook.
Pada form ini ada beberapa kotak input informasi tambahan yang masih tersembunyi dan dapat diakses dengan mengklik tautan gambar yang ada. Kotak input tersebut merupakan tempat penginputan informasi tambahan seperti hobi, golongan darah, dan beberapa opsi lainnya. Terdapat tautan atau link yang dapat digunakan untuk membuka web
Gambar 12. Form Tambah Data
menambahakan alamat, kutipan, prestasi, serta pelanggaran-pelanggaran. Selain itu juga terdapat pilihan untuk mencari dan menambahkan gambar dari local computer.
Text area digunakan sebagai tempat untuk
Form ini merupakan form tempat user menambahkan data profil. Pada form ini terdapat beberapa text box yang merupakan tempat penginputan data profil. Combo box juga disediakan untuk memberikan pilihan sesuai dengan kategori yang telah ditentukan.
Gambar 11. xForm Utama Form Tambah Data
melalui kategori kelas yang telah ditentukan
Jurnal Pendidikan Dompet Dhuafa edisi I/ 2011
sebelumnya. Pada bagian atas jendela ini pencarian berdasarkan siswa yang umurnya terdapat thumbnail foto profil siswa yang telah minimal 15 tahun ataupun dengan melalui terpilih pada form cari data. Tautan menuju batasan kelas. Opsi pencarian selanjutnya profil facebook juga tersedia sesuai dengan adalah melalui tampilan tree view yang terletak yang dicantumkan pada kotak input 'Facebook'. di samping kotak search. Pada pencarian ini, Penampilan data profil juga dapat dilakukan pengguna dapat memilih siswa berdasarkan dengan mengklik arah panah kiri atau kanan susunan kelas yang terdapat pada database untuk melihat profil sebelum ataupun utama. Data yang telah ditemukan langsung sesudahnya. dapat dilihat menggunakan jendela slide show ataupun diedit menggunakan form tambah data.
Form Text Editor Form text editor merupakan form
tambahan yang dibuat sebagai tempat untuk mengedit data profil yang berupa rich text. Pada bagian ini disediakan tombol open yang dapat digunakan untuk mencari dan menambahkan file-file text. Pengguna dapat membuka file data profil yang berekstensi .txt, .rtf, .doc, dan .odt. Pengguna juga dapat menggunakan tombol copy untuk menyalin teks yang terseleksi ke dalam clipboard. Gabungan tombol Ctrl+V untuk menyalin kembali data ke
textbox-textbox yang tersedia pada aplikasi.
Gambar 14. Form Slide Show Form Cari Data Gambar 16. Form Text Editor Form Ganti Password
Gambar 15. Form Cari Data
Form ganti password digunakan untuk penggantian password. Selain itu, form ini juga Pencarian data dapat dilakukan dengan dapat digunakan untuk menambah user baru. menggunakan kotak search dan juga tree view.
Pada form ini, prosedur penggantian password Pada pencarian data melalui kotak search akan dilakukan dengan memasukan password lama diberikan beberapa kategori untuk pembatasan yang ingin diganti kemudian memasukan pencarian. Pengguna dapat melakukan password baru. Apilkasi kemudian akan
Jurnal Pendidikan Dompet Dhuafa edisi I/ 2011
mencari password lama yang tersimpan di database kemudian menggantinya dengan password baru yang dimasukkkan oleh user.
Gambar 17. Form Ganti Password
Pada form ini user juga dapat menambahakan username dan password baru sebagai kunci untuk melakukan login ke dalam program aplikasi. Penambahan user baru dilakukan dengan menambahkan username dan password baru pada kotak input baru kemudian menekan tombol tambah. Penambahan password baru harus dilakukan dua kali karena untuk menghindari kesalahan penginputan, karena hanya akan ditampilkan karakter asterisk pada kotak input. Setelah menambahkan username dan password baru, user dapat langsung menggunakannya untuk melakukan login ke xForm Utama. Penggantian dan penambahan user ini hanya dapat dilakukan melalui xForm utama.
Pengujian Aplikasi
Dalam pembuatan dan pengembangan suatu aplikasi dibutuhkan suatu tahapan pengujian aplikasi atau yang sering disebut
testing. Pengujian dilakukan untuk mengetahui
kesalahan atau error yang terdapat pada sebuah program aplikasi yang mungkin terjadi dalam proses pembuatan aplikasi. Aplikasi diuji dengan menjalankan aplikasi dan mengecek apakah setiap fungsi yang telah dibuat dapat berjalan sepenuhnya atau tidak. Adapun hasil pengujian aplikasi dapat dilihat pada tabel 4. Pengujian yang dilakukan dengan memperhatikan apakah masukan atau input ke dalam aplikasi dapat menghasilkan output yang diharapkan pembuat. Hasil pengujian ini merupakan pengujian yang dilakukan pada seluruh fungsi yang dapat dijalankan oleh aplikasi.
Tabel 4. Tabel Pengujian Aplikasi
Kondisi yang diujikan Hasil yang diharapkan Hasil yang dperoleh User menjalankan aplikasi dan melakukan login ke form utama User dapat menjalankan aplikasi dan memilih opsi login melalui View Mode atau Admin Mode yang kemudian akan diantarkan ke jendela form utama aplikasi.Aplikasi dapat berjalan dan mengenali user yang kemudian memberikan dua opsi login menggunakan View Mode dan Admin Mode. User kemudian diantarkan ke jendela form utama sesuai opsi yang dipilihnya.
Form utama User akan masuk ke jendela xForm utama ketika user memilih login melalui Admin Mode dan mengisi username dan password pada konfirmasi login. Pada jendela xForm utama user akan mendapatkan akses penuh ke jendela editor yang disiapkan oleh aplikasi. User yang melakukan login melalui View Mode akan diantarkan pada jendela Form utama yang dapat menampilkan jendela beranda, cari data, dan slideshow.
Jendela xForm utama tampil ketika user login menggunakan Admin Mode. Aplikasi kemudian menampilkan seluruh akses ke subform dan jendela yang dimiliki aplikasi diantaranya subform editor dan jendela viewer berupa slideshow. User yang melakukan login memnggunalan opsi View Mode akan diantarkan ke jendela Form Utama. Pada jendela ini user hanya mendapat kan akses ke jendela viewer yaitu beranda, cari data, dan slideshow.
Edit data diantaranya form tambah data, edit data, dan teks editor Penambahan data dapat dilakukan melalui form tambah data. Pengeditan data dapat dilakukan melalui form edit data. Form teks editor berguna sebagai tempat pengeditan sementara data-data profil yang diinput dari luar program aplikasi.
User dapat menambahakan data-data profil melalui form tambah data. User dapat melakukan pengeditan data yang telah dimasukkan sebelumnya melalui form edit data. User dapat menggunakan menu text editor sebagai tempat utuk melakukan pengeditan data yang diambil dari luar program aplikasi.
Jurnal Pendidikan Dompet Dhuafa edisi I/ 2011
Tabel 4. Tabel Pengujian Aplikasi (continuing)
yang menarik dan portabel dapat dilakukan dengan menggunakan tools pada Visual Basic .net yang kemudian diintegrasikan dengan program
3. Diperlukan adanya pengembangan lebih lanjut agar mencapai hasil yang lebih maksimal.
untuk pembuatan aplikasi-aplikasi yang lebih kompleks lagi dengan menggunakan bahasa pemrograman Visual Basic.
2. Penelitian ini dapat dijadikan dasar
1. Pengembang harus memerhatikan efektifitas waktu pengerjaan agar aplikasi yang dibuat dapat selesai dengan baik.
Penulis menyadari bahwa penelitian ini mungkin belum sempurna sehingga penulis memberikan beberapa saran untuk perbaikan dan penelitian lebih lanjut:
Saran
5. Program aplikasi dapat digunakan untuk mengelola profil siswa.
4. Tedapat beberapa masalah yang penulis temukan dalam proses pembuatan aplikasi yaitu efektifitas pembuatan dalam waktu yang kurang dapat menghambat proses pembuatan program aplikasi.
Microsoft Access Database.
3. Pembuatan aplikasi pengelola profil