65 `orang_tua` varchar15 NOT NULL,
`alamat_orangtua` varchar100 NOT NULL, `Userid` varchar15 NOT NULL,
`passid` varchar15 NOT NULL, `foto` varchar100 NOT NULL,
4. Pembuatan tabel user
CREATE TABLE `user` `id_user` int10 NOT NULL auto_increment,
`userid` varchar15 NOT NULL, `passid` varchar15 NOT NULL,
`akses` varchar15 NOT NULL,
4.5 Implementasi Antarmuka
Pembuatan antarmuka atau Graphical User Interface GUI serta pemrograman untuk aplikasi ini menggunakan Hypertext Preprocessor PHP dan
menggunakan database MySQL.
4.5.1 Halaman Utama
Pada saat pertama kali masuk ke web tersebut, halaman yang ditampilkan adalah halaman Utama. Yang bersisi Registrasi dan info beasiswa, serta form
login dari menu umum yang bisa dilihat oleh user pertama kali masuk ke web tersebut.
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
66
Gambar 4.1 Halaman Utama
Dari gambar menu utama di bagi menjadi dua berdasarkan user yaitu sebagai administrator dan mahasiswa. Berikut ini adalah perintah untuk membedakan
antara user administrator dan user mahasiswa : if isset_POST[login]
{ if verifikasiu,p==2
{ _SESSION[mahasiswa] = _POST[u];
headerLocation:splash.php; }
else if verifikasiu,p==1 {
_SESSION[administrator] = _POST[u]; headerLocation:splash.php;
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
67 } else
{ _SESSION[war]=
style type=textcss --
.style1 { color: CA4835;
font-weight: bold; }
-- style
span class=style1L O G I N nbsp;nbsp; G A G A L ,br pastikan anda menggunakanbr username dan password yang validspan ;
4.5.2 Form Registrasi
Halaman tersebut berisi form regristrasi untuk memperoleh akses masuk dan mendaftar beasiswa, pendaftar wajib mengisi form biodata tersebut sebagai
data Mahasiswa. Dapat dilihat pada gambar berikut beserta action untuk proses dapat di
lihat dengan penempatan lokasi action : form action=proses.php method=post enctype=multipartform-data
Perintah diatas untuk proses pendaftar beasiswa.
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
68
Gambar 4.2 Form Registrasi
Perintah untuk penyimpanan data input mahasiswa setelah mendaftar sebagai berikut :
if isset_POST[input] {
npm=_SESSION[mahasiswa]; If p1==or
p2==orp3==orp4==orp5==orp6=={i=Periksa kembali masih ada pilihan anda yang kosong;
j=index.php?reg; infoi,j;
} else{ includekoneksi.php;
t=dateY;
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
69 inp=INSERT INTO data VALUES
,npm,mnu,p1,p2,p3,p4,p5,p6,t,; inp2=mysql_queryinp;
i=Data anda telah berhasil di inputkan ; j=index.php;
infoi,j; } Setelah pendaftar mengisi form di atas dan menekan tombol Daftar, maka
pendaftar akan mendapat jendela konfirmasi, seperti gambar berikut :
Gambar 4.3 Jendela konfirmasi Registrasi
Perintah ini untuk menampilkan default form agar pendaftar mendapatkan password untuk dapat masuk dan menyelesaikan registrasinya:
if d1== or d2== or d3== or d4== or d5== or d6=={ infoSilahkan mendaftar ulang,pastikan semua field telah
terisi,index.php?reg;}else{ daf=INSERT INTO mhs VALUES
d1,d2,d3,d4,d5,d6,d1,1234,fileName; daf2=mysql_querydaf;
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
70 str=Selamat Proses Pendaftaran anda telah sukses , untuk melanjutkan silahkan
login dengan username NPM anda, dan password devault=1234. PENTING Segera ubah password default anda segera setelah anda melakukan login ;
loc=index.php; info str,loc;
4.5.3 Halaman User
