Ads: (Please Click!)

Monday, April 19, 2010

Projek Visual Basic Semester Enam (KPTMKB 2006) - Graphical User Interface (GUI) Sistem Pendaftaran Pelajar


Artikel ini sesuai dibaca oleh orang-orang di bidang IT sahaja! :)

Aku ambil peluang ini untuk post satu program atau sistem yang berjaya aku buat hasil selama belajar 3 tahun di Kolej Poli-Tech MARA Kota Bharu (KPTM KB). Sistem ini ringkas, mudah dan mesra pengguna. Taklah hebat sangat pun. Saja je la nak share dengan korang semua.

Prototaip pertama yang aku buat adalah pada semester ke-6 di KPTM KB tahun 2006 dulu. Sudah lama pun. Waktu itu aku buat untuk final project. Jadi untuk sistem yang aku post ini adalah yang upgraded version daripada prototaip, di mana ia sedang diguna pakai di premis MZF Computer Centre sekarang. Jika dikira-kira, sudah 3 tahun lebih sistem ini telah digunapakai oleh MZF Computer Centre tanpa sebarang masalah! Alhamdulillah..

Klik sini untuk meneruskan bacaan..

Ilustrasi di bawah nanti adalah antara Graphical User Interface (GUI) daripada sistem tersebut. Nama sistem ini adalah Sistem Pendaftaran Pelajar MZF Computer Centre. Untuk membina sistem ini, aku banyak menjadikan internet sebagai sumber asas, dan lain-lainnya seperti modul, buku dan hasil temuramah. Aku guna Microsoft Access 2003 sebagai database. Ops, lupa nak bagitau. Sistem ini aku bangunkan dengan menggunakan Microsoft Visual Basic 6. Bukannya menggunakan VB.net, okey. Selain itu juga, aku telah 'mencantikkan' interface sistem ini dengan beberapa additional ActiveX agar sistem ini nampak lawa, cantik, dan cun melecun!

Okey. Di bawah ini aku post gambarnya sekali dengan explanation dia. Mudah untuk korang fahami.




Ilustrasi ini adalah jika pertama kali sistem ni running. Ia akan keluar benda alah ni. Ia adalah security popup window, di mana sesiapa saja mahu menggunakan sistem ini perlu memasukkan nama dan katalaluan. Lebih mudah atau dengan erti kata yang lain seperti email korang la kan. Nak kena masukkan username dan password untuk masuk ke email korang. Jadi, samalah fungsinya dengan sistem ini. Mahu bagi secure!




Ilustrasi ini pula adalah menu utama sistem ini. Di sini adalah main menu processing, di mana disediakan beberapa butang menu untuk dipilih. Tanda yang dibulatkan itu pula, explanation-nya adalah seperti berikut;

#1 - paparan nama pengguna sistem. Paparan ini saja la aku buat. Nampak 'macho' sikit. Hehe.
#2
- ia adalah tajuk besar. Seperti banner dia juga la. Ia dibuat dengan menggunakan Flash. Ia associate dengan flash file, maka flash file dia ni pun kena locate sama tempat dengan program executable utama dia. Jadi, sesiapa yang tiada Flash player, terpaksa kena install terlebih dahulu.
#3
- paparan tarikh dan masa.
#4 - ia butang-butang pilihan menu action. Nak register, semakan, konfigurasi pengguna, dan menu keluar.
# 5
- Ini pula paparan info sistem. Mempunyai informasi tentang pembangun sistem dan versi sistem ini.




Okey. Yang ini interface jika butang konfigurasi diklik. Di sini pengguna sistem boleh tambah, padam, dan ubah katalaluan. Butang tambah jadi sedemikian rupa adalah kerana hanya admin sahaja yang boleh menambah pengguna sistem. Selain dari itu, no way!




Ilustrasi ini adalah paparan untuk menukar katalaluan. Hmm.. kalau bukan admin pun boleh tukar, asalkan ingat katalaluannya. Jika tidak, terpaksa minta kepada admin.

#1
- pilihan nama pengguna sistem yang mahu ditukar. Senarai ini akan berubah berdasarkan pengguna-pengguna sistem yang ada. Ia relate dengan database yang menyimpan nama pengguna sistem. Jika tiada satu pun pengguna di dalam database, maka paparan ini tidak boleh dibuka.
#2 - selepas isi semua, butang ini akan mengubah katalaluan yang kita mahukan tetapi katalaluan asal (original password) perlu betul. Jika tidak berpadanan, penukaran katalaluan tidak dapat diteruskan.



Ini adalah satu paparan mudah. Malas la nak buat dalam bentuk form sebab untuk registration pelajar pun sudah buat dalam bentuk form. Jadi, baik aku begini. Mudah.

#1
- di sini kita boleh tengok apa yang ada di dalam database. (aku terpaksa kaburkan beberapa maklumat. Ia sulit!) Maklumat-maklumat ini adalah dari bulan pertama sistem ini berjalan. Stable!
#2 - ini adalah popup biasa yg timbul pada taskbar notification. Popup ni akan alert pengguna sistem tentang bilangan pelajar yang sudah direkodkan ke database, yakni yang telah didaftarkan. Popup ini hanya akan timbul untuk sekali menu ini dibuka.




Paparan ini adalah sistem carian. Ia penting. Boleh cari mana-mana maklumat pelajar dimahukan, mahu check samada pelajar didaftarkan atau belum, cetak, dan lain-lain lagi. Katakan jumlah pelajar tu lebih dari seribu, masakan mahu cari, kena check satu demi satu. Pening kepala wooo.. Maka aku buat sistem carian agar mudah kita mencari pelajar-pelajar tertentu untuk tindakan selanjutnya seperti cetak sijil, kemaskini, dan padam rekod.

Sebarang teks yang ditulis akan dicari oleh sistem berdasarkan kepada di mana carian tu dibuat. Contohnya pada nama. Taipkan nama dan pilih carian pada nama. Ilustrasi di atas menunjukkan carian dibuat pada No IC. Taip nombor ic (#1), dan pilih carian pada No IC (#2). Maka terpaparlah maklumat (#3). Zaasss..! Sistem carian ini juga dilengkapi dengan sistem sorting (susunan) samada menaik atau menurun.




Yang ini aku letak disebabkan kadang-kadang bos MZF Computer Centre bertanya.

"Berapa orang yang telah mendaftar untuk pakej dewasa, ya?"

Alahai. Masakan mahu cari satu-satu? Maka..

#1 - aku cipta butang ini untuk popup taskbar notification. Apabila butang ini diklik, ia akan memaparkan jumlah data terkini database selepas carian. Contoh adalah seperti ilustrasi.

Bagaimana mahu solve problem seperti bos MZF Computer Centre tanya tu? Caranya, aku buat carian pada pakej. Taip perkataan 'dewasa' kemudian aku klik ikon (#1). Hasilnya, terpapar jumlah (#2) yang mendaftar bagi pakej dewasa. Hehe. Bernas idea aku, kan?




Seperti yang aku nyatakan sebelum ini, sistem ini berupaya menegemaskini mana-mana data pelajar yang telah didaftarkan. Contohnya, jika pelajar A bertukar alamat, klik pada barisan nama pelajar (#1) dan klik 'kemaskini' (#2). Selain dari cara ini, pengguna sistem juga boleh klik dua kali pada baris nama pelajar yang ingin dikemaskini. Paparan form update akan terpapar.

MAKLUMAN: Aku tidak dapat siarkan form pendaftaran/kemaskini tersebut kerana atas sebab-sebab tertentu.




Ilustrasi ini adalah contoh sijil yang boleh dicetak sekiranya butang 'cetak' diklik.




Last but not least, ini paparan GUI untuk mengubah warna tema sistem. Sebenarnya aku suka2 je tambah mende ni. Tapi nampak cam menarik la plak kan. Sesuai untuk pengguna Windows XP! Cun! Ada tiga tema kesemuanya. Hijau, biru, dan silver. Seperti Windows appearance tu la.

Pengguna sistem boleh memilih warna tema yang dikehendaki. Default theme semasa first running program ni adalah warna silver.
Segala logo, hak cipta, konsep, dan yang berkaitan dengan sistem ini telah didaftarkan. Jika terdapat peniruan, anda bleh didakwa, tau! Naik mahkamah sebab kena saman, tau!

Sesiapa mahu prototaip sistem ini, ada soalan, ada ragu-ragu, sila tinggalkan pada ruangan komen. Terima kasih.

PERHATIAN! Aktiviti PLAGIAT (copy & paste) sesuatu artikel tanpa pengetahuan dan kebenaran penulis adalah satu aktiviti/perbuatan yang TIDAK BERMORAL!

Ads: (Please Click!)
Comments
15 Comments


15 Orang Kentut Madu:

miss lolly a.k.a luvfareda said... [Reply]

Warghhhhhhhhhh disebabkan aii bukan 0rang IT,


maka peningggggggggggggggg!

einahnutayiffus said... [Reply]

kanda ingt lgi..gud btul uhh..hunny pown da kureng2 nk ingt niey..muhahah..

Mr_AzLaN said... [Reply]

system ape? xde screenshot ke..hehehe

dayah said... [Reply]

bukan senang agknya nak wat projek camni, brapa lama wat sistem utk MZF tu? gud job :)

Aduka said... [Reply]

cik lolly:
baca smpai abes ke?
kecian..
=P


hunny:
repost balik dari blog friendster..
=P


mr azlan:
tu la screenshotnya..
ko x nmpk ke ape?
hehehe..


dayah:
prototaip = empat bulan..
yg mzf ni = dua bulan..
=)

Siti Hajar said... [Reply]

wahh latip, cam ku pernah melihat je logo tuh..hahaha...dah lama x sentuh VB..
best bt VB nih...dulu VB adlh my fav subject..hehehe..
kalau dulu VB biase2 je, skrg dh ade GUI ek..

Afendy said... [Reply]

Menarik. Tapi interface perlu diperbaiki lagi.

Unknown said... [Reply]

leh bg koding nk change password x?

eyo said... [Reply]

erm...bgus gak nie,simple tp pening gak nk bt nie kn..
aq klu bleh nk blajar gak bt sistem pkai vb ni..
bleh ajar x??
hehe..

MASOKIS said... [Reply]

Projek yang bagus. standalone..
siap ada traybar notification..
bagus x2...

P/S : isk, knapa ada komen spam tu

Anonymous said... [Reply]

urm berminat la ngn sistem ni ;)
leh x tlg tnjuk ajar ;)
sy pon sem last nk wat projek lbh krg cm ni ;)

wanluqman said... [Reply]

dulu i pun buat vb6 ni, minat laa kata org. bila vb.net ku dah x ngerti. layu minatku. sapa nak kompile VBA lama tu download kat sini

Anonymous said... [Reply]

boleh x nak ambil sebagai panduan cik... arap boleh...

Aduka said... [Reply]

@cik amiera

boleh.. silakan..

12years said... [Reply]

salam, boleh saya minta contoh kod program ni? saya nak buat rujukan. kalau boleh sila email ke rima.zifah@yahoo.com. terima kasih :)

Post a Comment

Ruang komen telah di-set sebagai 'dofollow'. Sila tinggalkan URL blog anda dengan cara yang bijak. Baca DI SINI untuk mempelajari SEO mengenai 'dofollow' link.

Kepada ANONYMOUS, sila tinggalkan link dengan cara yang bermoral sedikit.

Terima kasih kerana sudi membaca artikel ini dan menurunkan komen anda.

 

Blog Aduka Copyright © 2011 -- Template created by O Pregador -- Powered by Blogger