Desain Sistem

BAB III ANALISA DAN DESAIN SISTEM

3.3 Desain Sistem

Sistem yang akan dibuat ini menggunakan sebuah komputer yang

berfungsi sebagai server dan sebuah komputer yang berfungsi sebagai client.

Client dapat berupa sebuah telepon selular atau ponsel yang mendukung

Java , tetapi dalam perancangan kali ini client berupa emulator telepon

selular yang mendukung Java.

Server menyimpan seluruh informasi basis data .Setiap client dapat

terhubung pada server melalui jaringan HTTP.Client mengirim request ke

server , kemudian server memberi response berupa streaming sebuah teks

dengan format tertentu. kemudian client menerima teks tersebut dan

memparsing untuk mendapatkan nilai yang diinginkan.Format parsing dan

response streming dalam perancangannya harus saling menyesuaikan.

Nilai yang telah diparsing oleh client kemudian digunakan untuk

menampilkan info yang diinginkan.

3.3.1. Desain Database

Basis data (database) merupakan kumpulan dari data yang saling

berhubungan satu dengan yang lainnya, terseimpan dalam simpanan luar

sistem dan digunakan perangkat lunak tertentu untuk memanipulasinya.

Database merupakan salah satu komponen yang sangat penting di sistem

informasi , karena berfungsi sebagai penyedia informasi bagi para

penggunanya.Penerapan database dalam sistem informasi disebut dengan

sistem basis data(database system) sistem basis data ini adalah suatu sistem

informasi yang mengintregasikan kumpulan dari data yang saling

berhubungan satu dengan yang lainnya dan membuatnya tersedia untuk

beberapa aplikasi yang bermacam- macam didalam suatu organisasi.

Dalam aplikasi ini digunakan beberapa tabel yang tersimpan didalam

server yaitu:

a. Tabel data _cmb (calon mahasiswa baru)

Nama field Tipe data Ukuran

No Cma Int 5

User_id Varchar 8

Nama Varchar 30

Alamat Lengkap Varchar 250

Tempat Lahir Varchar 35

Tanggal Lahir Varchar 35

Kewarganegaraan Varchar 8

Agama Varchar 8

No telp Varchar 20

Email Varchar 30

STTB Varchar 8

No_STTB Varchar 20

Jurusan_SMU Varchar 8

Kode_sekolah Varchar 8

Pilihan 1 Varchar 10

Pilihan 2 Varchar 10

Pilihan 3 Varchar 10

Kode_jadwal Int 2

b. Tabel ADMIN

Nama Field Tipe data Ukuran

User_id Int 20

User Varchar 20

c. Tabel Propinsi

Nama Field Tipe data Ukuran

Kode Propinsi Varchar 8

Nama Propinsi Varchar 20

d. Tabel Jurusan

Nama Field Tipe data Ukuran

Kode jurusan int 4

Fakultas Varchar 20

Jurusan Varchar 20

e. Tabel Pracalon

Nama Field Tipe data Ukuran

No Int 15

User id Varchar 8

Password Varchar 8

Nama Calon Varchar 30

Jumlah Pilihan char 2

f. Tabel Sekolah

Nama Field Tipe data Ukuran

Nama sekolah Varchar 35

Alamat sekolah Varchar 30

Kode Propinsi Varchar 8

g. Tabel Jadwal Tes

Nama Field Tipe data Ukuran

Kode jadwal int 2

Nama jadwal Varchar 25

3.3.2 ER Diagram

Diagram ini bertujuan untuk menggambarkan hubungan antar entitas yang

digunakan oleh sistem secara keseluruhan.

3.3.3 Relasi tabel

Menentukan relasi-relasi dengan tepat sangat menentukan kualitas

rancangan database yang akan dibangun. Relasi yang ditetapkan harus dapat

mengakomodasi semua fakta yang ada dan menjamin semua kebutuhan

penyajian data dengan seoptimal mungkin agar tidak memakan ruang

penyimpanan yang besar dan tidak menyulitkan operasi pengolahan data.

Tabel data CMB

No Cma * _{Tabel Pracalon}

User_id No *

Nama User id

Alamat Lengkap Password

Tempat Lahir Nama Calon

Tanggal Lahir Jumlah Pilihan

Jenis Kelamin

Kewarganegaraan

Agama

No telp

Tabel Sekolah

Email Kode sekolah *

_{Tabel Propinsi}

STTB Nama sekolah Kode Propinsi *

No_STTB Alamat sekolah Nama Propinsi

Jurusan_SMU Kode Propinsi #

Kode_sekolah #

Tabel Jurusan

Pilihan 1 Kode jurusan *

Pilihan 2 Fakultas

Pilihan 3 Jurusan

Kode_jadwal #

Tabel Jadwal Tes

Kode jadwal *

Nama jadwal

Deskripsi

Tabel ADMIN

User_id *

User

Password

Keterangan:

* : primary key

# : foregin key

3.3.4 Desain Antar Muka

Untuk mengimplementasikan aplikasi pendaftaran calon mahasiswa baru

secara on-line maka perlu dirancang antar-muka yang nantinya akan ditampilkan

pada layar ponsel. Desain antar-muka terdiri atas dua bagian:

1. Untuk User

™ Tampilan Pembuka

Tampilan yang muncul pertama kali saat user mengakses sistem.

Terdapat tombol launch yang gunanya untuk memasuki sistem yang

akan diakses oleh user.

Gambar 3.8 Tampilan Pembuka

™ Tampilan Menu

Tampilan yang muncul setelah tampilan pembuka. Tampilan

ini digunakan sebagai menu pilihan untuk user. Terdapat empat

menu pilihan yaitu Pendaftaran , Petunjuk , Deskripsi dan About.

Tombol pilih digunakan untuk proses selanjutnya setelah user

APLIKASI

PCMBOL

memilih salah satu menu yang disediakan. Dan tombol keluar

digunakan untuk kembali ke tampilan pembuka.

Gambar 3.9 Tampilan Menu

™ Tampilan Menu Pendaftaran

Tampilan ini muncul setelah user memilih menu Pendaftaran

yang telah disediakan pada aplikasi. Terdapat form isian untuk

mengakses data pendaftaran calon mahasiswa baru yang

diinginkan.Tombol lanjut digunakan user untuk melanjutkan proses

pendaftaran sedangkan tombol kembali digunakan untuk kembali ke

menu utama.

MENU

1.PENDAFTARAN

2.PETUNJUK

3.DESKRIPSI

4.ABOUT

Keluar Pilih

Gambar 3.10 Tampilan Menu Pendaftaran

formulir Pendaftaran:

Nama :

Tempat lahir :

Tgl lahir :

Jenis Kelamin :

O Pria

O wanita

Kewarganegaran :

O WNI

O WNA

Agama:

O Katholik

O Kristen

0 Budha

O Islam

O Hindu

STTB :

O SMU

O SMK

O Lain-Lain

No STTB :

Jurusan smu :

O IPA

O IPS

0 Lain-Lain

Kode Sekolah asal:

No Telp

email

™ Tampilan Menu Petunjuk

Tampilan ini muncul setelah user memilih menu Petunjuk yang

telah disediakan pada aplikasi. Terdapat form yang berisi petunjuk

untuk melakukan langkah-langkah yang diperlukan sebelum user

mengakses aplikasi pendaftaran calon mahasiswa baru . Tombol exit

digunakan untuk kembali ke menu utama.

Gambar 3.11 Tampilan Menu Petunjuk

™ Tampilan Menu Deskripsi

Tampilan ini muncul setelah user memilih menu Deskripsi

yang telah disediakan pada aplikasi. Terdapat form yang berisi

Petunjuk:

Sebelum mengakses PCMBOL, calon mahasiswa baru diwajibkan

untukmembayar biaya pendaftaran sebesar jumlah pilihan jurusan yang akan diambil.

Berikut adalah daftar pilihan jurusan yang dimaksud :

1 Pilihan ( Rp 50.000,-) 2 Pilihan ( Rp 100.000,-) 3 Pilihan ( Rp 150.000,-) Biaya dapat di transfer ke Bank X dengan No Rek : 999000000 Atas nama Universitas X.

Setelah itu,kirimkan copy bukti transfer ke Panitia PCMBOL melalui email di panitia_PCMBOL@yahoo.co.id untuk kemudian mendaparkan user_id dan password untuk login ke aplikasi PCMBOL.

gambaran atau deskripsi dari program aplikasi. Tombol exit digunakan

untuk kembali ke menu utama

Gambar 3.12 Tampilan Menu Petunjuk

™ Tampilan Form Login

Tampilan ini muncul setelah user memilih menu Pendaftaran

yang telah disediakan pada aplikasi.Sebelum menampilkan formulir

pendaftaran,form login akan ditampilkan untuk memproses user_id

dan password yang diberikan pada calon mahasiswa baru setelah

mereka melakukan pembayaran biaya pendaftaran.Tombol cance

digunakan untuk membatalkan proses login kembali ke menu

utama.Sedangkan tombol login digunakan untuk melakukan proses

login.

Deskripsi:

Aplikasi PCMBOL adalah

aplkikasi untuk melakukan

pendaftaran calon mahasiswa baru

di universitas X...

Aplikasi dibagun mengunakan

J2ME...

Gambar 3.13 Tampilan Form Login

™ Tampilan Form Warning

Tampilan ini muncul apabila user melakukan kesalahan

dalam melakukan login seperti tidak memasukkan user_ID dan

password yang benar.

Gambar 3.14 Tampilan Form Warning

LOGIN: User_ID : Password Cancel Login

Warning….

AKSES DITOLAK

™ Tampilan Form Warning 2

Tampilan ini muncul apabila user tidak mengisi form isian

baik yang terdapat pada form login atau pada form isian pendaftaran.

Gambar 3.15 Tampilan Form Warning 2

™ Tampilan Form Warning 3

Tampilan ini muncul apabila user sudah pernah login

sebelumnya dengan userID dan password yang sama.

Gambar 3.16 Tampilan Form Warning 3

Warning

Isikan data dengan lengkap

Warning

Sorry… anda sudah pernah

login sebelumnya

™ Tampilan Jadwal tes:

Tampilan ini muncul apabila user telah mengisi form

pendaftaran,pada tampilan ini tercantum daftar jadwal tes yang

tersedia.User tinggal memasukkan kode dari jadwal tes yang

tercantum.

Gambar 3.17 Tampilan Form Pilihan Jadwal tes

2. Untuk Administrator

Untuk design perancangan halaman Admin akan ditampilkan

dalam bentuk website. Halaman Admin terbagi menjadi dua bagian yaitu

sisi kiri digunakan untuk menu Admin dan sisi kanan digunakan untuk

proses input Admin. Design halaman operator yang akan digunakan

yaitu:

Masukkan kode jadwal

Kembali Sent

1. xxxx

• Halaman Login

Halaman ini pertama kali akan ditampilkan pada saat sistem

dijalankan oleh administrator dan digunakan untuk menginputkan

nama ( User_ID ) dan password Admin.

Gambar 3.18 Halaman Login Admin

• Halaman Pesan Kesalahan Login

Menampilkan pesan kesalahan jika nama dan password

yang dimasukan salah, sehingga administrator akan mengisi ulang

nama dan password.

Gambar 3.19 Halaman Tampil Kesalahan Login

LOGIN

Nama

Password

LOGIN

Nama dan password tidak cocok

Nama

Password

Admin

Menu

Pracalon

CMB welcome to administrator page

Jadwal tes

Sekolah

Propinsi

Jurusan

Petunjuk

About

Logout

• Halaman Menu Admin

Halaman Menu Admin terletak pada sisi kiri, sedangkan

sisi kanan digunakan untuk proses masukan dari Admin

Gambar 3.20 Halaman Menu Admin

• Halaman Menu Pracalon

Halaman menu pracalon ini digunakan admin untuk

memproses data pracalon dimana terdapat user_id dan password yang

nantinya akan digunakan oleh calon mahasiswa baru untuk login pada

aplikasi PCMBOL.Proses yang dapat dilakukan antara lain menambah

data baru , mengedit dan menghapus data yang sudah ada sebelumnya.

Halaman ini akan muncul apabila admin memilih menu Pracalon yang

tersedia pada halaman menu admin .

Admin

Menu Daftar Pracalon

Pracalon

CMB

Jadwal tes

Sekolah

Propinsi

Jurusan

Petunjuk

About

Logout

Admin

Menu Daftar CMB

Pracalon

CMB

Jadwal tes

Sekolah

Propinsi

Jurusan

Petunjuk

About

Logout

Gambar 3.21 Halaman Menu Pracalon

• Halaman Menu CMB

Halaman ini digunakan admin untuk memproses data CMB

(calon mahasiswa baru).Proses yang dapat dilakukan antara lain

menambah data baru , mengedit dan menghapus data yang sudah ada

sebelumnya.Halaman ini akan muncul apabila admin memilih menu

CMB yang tersedia pada halaman menu admin.

Gambar 3.22 Halaman Menu CMB

xxx xxx xxx

Admin

Menu Daftar Jadwal Tes

Pracalon

CMB

Jadwal tes

Sekolah

Propinsi

Jurusan

Petunjuk

About

Logout

• Halaman Menu Jadwal Tes

Halaman ini digunakan admin untuk memproses data

jadwal tes .Proses yang dapat dilakukan antara lain menambah data

baru , mengedit dan menghapus data yang sudah ada

sebelumnya.Halaman ini akan muncul apabila admin memilih menu

jadwal tes yang tersedia pada halaman menu admin .

Gambar 3.23 Halaman Menu Jadwal Tes

• Halaman Menu Sekolah

Halaman ini digunakan admin untuk memproses data

sekolah.Proses yang dapat dilakukan antara lain menambah data baru ,

mengedit dan menghapus data yang sudah ada sebelumnya.Halaman

ini akan muncul apabila admin memilih menu sekolah yang tersedia

pada halaman menu admin .

Admin

Menu Daftar Sekolah

Pracalon

CMB

Jadwal tes

Sekolah

Propinsi

Jurusan

Petunjuk

About

Logout

Admin

Menu Daftar Propinsi

Pracalon

CMB

Jadwal tes

Sekolah

Propinsi

Jurusan

Petunjuk

About

Logout

Gambar 3.24 Halaman Menu Sekolah

• Halaman Menu Propinsi

Halaman ini digunakan admin untuk memproses data

propinsi .Proses yang dapat dilakukan antara lain menambah data baru,

mengedit dan menghapus data yang sudah ada sebelumnya.Halaman

ini akan muncul apabila admin memilih menu propinsi yang tersedia

pada halaman menu admin

Gambar 3.25 Halaman Menu Propinsi

xxx xxx xxx

Admin

Menu Daftar Jurusan

Pracalon

CMB

Jadwal tes

Sekolah

Propinsi

Jurusan

Petunjuk

About

Logout

• Halaman Menu Jurusan

Halaman ini digunakan admin untuk memproses data

Jurusan.Proses yang dapat dilakukan antara lain menambah data baru ,

mengedit dan menghapus data yang sudah ada sebelumnya.Halaman

ini akan muncul apabila admin memilih menu Jurusan yang tersedia

pada halaman menu admin

Gambar 3.26 Halaman Menu Jurusan

• Halaman Menu Petunjuk

Halaman ini digunakan memberikan petunjuk mengenai

menu – menu yang ada pada halaman administrator.Halaman ini akan

muncul apabila admin memilih menu Petunjuk yang tersedia pada

halaman menu admin

Admin

Menu Petunjuk

Pracalon xxxxxxxxxxxxxxx

CMB

Jadwal tes xxxxxxxxxxxxxxx

Sekolah

Propinsi

Jurusan

Petunjuk

About

Logout

Admin

Menu About

Pracalon xxxxxxxxxxxxxxx

CMB

Jadwal tes xxxxxxxxxxxxxxx

Sekolah

Propinsi

Jurusan

Petunjuk

About

Logout

Gambar 3.27 Halaman Menu Petunjuk

• Halaman Menu About

Halaman ini berisi keterangan mengenai programmer.

Halaman ini akan muncul apabila admin memilih menu Petunjuk yang

tersedia pada halaman menu admin

BAB IV

IMPLEMENTASI SISTEM

4.1. Persiapan Implementasi

Pada bab ini akan dijelaskan hal-hal yang berkaitan dengan pembu

atan program aplikasi.

4.1.1 Persiapan Hardware (perangkat keras)

1 Bagian Server

a. PC dengan processor INTEL Pentium 2.0 Mhz

b. Memori 256 Mb.

c. Hardisk 80 Gb.

2 Bagian Client

2.1 Untuk hardware computer

a. PC dengan prosesor INTEL Pentium 2.0 Mhz.

b. Memori 256 Mb.

c. Hardisk 80 Gb.

2.2 Untuk hardware telepon selular (Nokia 6630)

a. Memori fisik 128 Mb yang disediakan oleh handphone

b. Display : ukuran layar 640 * 480 pixel

3. Kabel data

4.1.2 Persiapan Software (perangkat lunak)

1 Bagian Server

a. OS (Linux,Unix,Windows,Windows9x / NT/2K/XP)

b. Web server (Apache versi 1.3.14, IIS versi 5.1, PWS versi 4)

c. Mysql versi 1.3 dan PHP versi 4.1.1

2 Bagian Client

2.1 Untuk software computer

a. OS(Windows 9x / NT / XP)

b. Compiler java 2 sdk 1.5 dan J2ME WTK 2.2

2.2 Untuk software telepon selular

a. Semua telepon selular yang memiliki fitur java enable, GPRS

4.2 Tampilan Program Aplikasi Handphone dan Potongan Listing