modul ujikom 2010-2011

Download Modul UJIKOM 2010-2011

Post on 02-Jul-2015

1.252 views

Category:

Documents

13 download

Embed Size (px)

DESCRIPTION

Modul Uji Kompetensi SMK Program Keahlian Rekayasa Perangkat Lunak

TRANSCRIPT

Program Rawat Jalan di Rumah SakitModul ini merupakan modul praktikum yang membahas dasar pembuatan aplikasi web dinamis berbasis client-server yang mengacu pada Paket Soal Uji Kompetensi SMK program keahlian Rekayasa Perangkat Lunak (RPL). Untuk memulai pengerjaan pembuatan aplikasi ini, diasumsikan bahwa program aplikasi yang dibutuhkan sudah tersedia dan siap digunakan, meliputi Apache web server, PHP engine, MySQL dan Macromedia Dreamweaver. Pada modul ini paket web server yang digunakan adalah WAMPServer2.0c. Sebelumnya, ada baiknya jika kita bahas dulu garis besar dari aplikasi yang akan dibuat ini. Pada aplikasi ini terdapat 2 kategori hak akses, diantaranya adalah Administrator yang memegang kendali penuh pada aplikasi ini, terutama pada bagian pengolahan data yang berhubungan dengan data rawat jalan. Disamping itu ada kategori akses sebagai user atau pengunjung biasa, dalam hal ini pengunjung hanya bisa melihat atau mencari daftar pasien yang menjalani proses rawat jalan. Pada proses pengerjaannya, terdapat beberapa bagian proses diantaranya : a. b. c. Pembuatan database meliputi table, relasi dan pengisian masing-masing tabel. Membuat struktur hierarki folder dan nama-nama subfolder aplikasi. Membuat design/layout dan menuliskan kode-kode program berbasis bahasa pemrogramanan PHP. Selanjutnya pada bagian inilah akan diuraikan langkah-langkah pengerjaan aplikasi web dinamis Rumah sakit berbasis client-server (intranet). 1. Pembuatan Database pada program MySQL Langkah awal yang harus dilakukan sebelum membangun sistem ini adalah membuat perancangan database yang akan digunakan. Database ini nantinya akan terbagi kedalam beberapa tabel yang dijadikan sebagai tempat penyimpanan berbagai informasi mengenai pasien,dokter, obat dan yang berhubungan dengannya. Berikut ini adalah struktur tabel dan relasinya.

Dalam pembuatan database dan struktur tabel terdapat dua cara, yang pertama dengan menggunakan MySQL Command Line/Console atau yang kedua dengan aplikasi bantuan yaitu phpMyAdmin. Pada modul ini, cara yang dibahas adalah menggunakan aplikasi phpMyAdmin. Berikut ini adalah langkah-langkahnya :

Eko Sugiharto

1

a.

Aktifkan terlebih dahulu paket WAMPServer, sehingga terlihat ikon pojok kanan bawah layar monitor.

pada System Tray di

b. c.

Aktifkan web browser seperti Internet Explorer, Mozilla Firefox atau lainnya. Pada bagian address, ketik localhost/phpmyadmin

d.

Pada bagian Create new database ketik nama database misalnya RumahSakit, kemudian klik tombol Create.

1 : ketik nama database

2 : klik tombol Create e. f. Pada bagian Create new table, ketik nama tabel penulis di bagian Name. Pada bagian Number of fields, isi dengan nilai 5, kemudian klik tombol Go. 2 : isi jumlah fields

1 : ketik nama tabel g.

3 : klik tombol Go

Atur bagian Field dan Length/Values seperti contoh berikut ini :

h.

Atur KodePsn sebagai Primary key dengan meng-klik ikon di sebelah kanan layar seperti contoh dibawah ini.

klik Primary Key

i.

Kemudian klik tombol Save. Dan akhirnya pembuatan tabel pertama bernama Pasien berhasil dibuat. Untuk selanjutnya,

lakukan hal yang sama untuk pembuatan 7 buah tabel yang lainnya sesuai dengan contoh gambar struktur tabel dan relasi yang telah dijelaskan pada bagian sebelumnya.

Eko Sugiharto

2

Sebelumnya klik terlebih dahulu Database: RumahSakit di bagian atas layar, kemudian buatlah 7 buah tabel sesuai dengan ketentuan berikut ini. klik Database

Nama tabel : admin No Field Type dan Length/Values 1 admin Varchar (20) 2 passadmin Varchar (20) * Khusus untuk tabel admin, isi data admin dengan admin dan passadmin dengan admin.

2.

Membuat Struktur Hierarki Folder Berikut ini adalah daftar folder yang harus dipersiapkan : a. RumahSakit: Merupakan folder utama yang mengorganisis semua file dan folder yang akan kita bangun, Anda juga dapat mengganti nama folder tersebut dengan nama Anda sendiri. Pada folder inilah halaman utama atau halaman index bagi pengunjung disimpan. Folder ini disimpan di alamat C:\wamp\www. b. admin: Adalah folder yang dibuat di dalam folder RumahSakit yang telah dibuat pada langkah pertama. Folder ini berisi semua file yang berhubungan dengan hak akses Administrator. c. gambar: Adalah folder yang dibuat di dalam folder Perpustakan, berguna untuk menyimpan gambar-gambar yang dibutuhkan dalam tahap desain interface program aplikasi. d. img_buku: Adalah folder yang dibuat di dalam folder RumahSakit, berguna untuk menyimpan gambar buku yang tersedia dalam informasi buku. e. include: Merupakan folder yang dibuat di dalam folder RumahSakit, berguna untuk menyimpan file-file include, file ini akan digunakan pada semua halaman program, misalnya file untuk koneksi ke database MySQL atau sistem session untuk keamana. f. tpl: Adalah folder yang dibuat dalam folder Perpustakan. Tpl atau Template digunakan untuk meletakkan file CSS (Cascading Style Sheet).

3.

Pembuatan Desain Halaman dan Pengkodean a. Membuat Halaman Administrator Halaman ini digunakan untuk pengelolaan data pada sistem rumah sakit. Sebagai halaman yang memiliki fungsi untuk mengelola semua halaman, maka halaman ini juga dapat dikatakan sebagai halaman Administrator. Pada halaman ini terdapat batasan-batasan penggunaan, yaitu tidak semua orang dapat masuk dan mengakses halaman ini, untuk dapat mengakses halaman ini Anda login menggunakan username dan password yang hanya diketahui oleh seorang admin, sehingga pada sistem yang ada dapat dijaga keamanannya semaksimal mungkin. Apabila Anda dapat mengakses halaman ini, maka Anda dapat melakukan banyak hal, diantaranya memasukan data pasien, memperbaharui, bahkan menghapus data pasien.

Eko Sugiharto

3

Membuat Halaman index.php Untuk memulai pembuatan halaman utama Administrator, lakukan langkah-langkah berikut ini : 1) 2) Aktifkan terlebih dahulu program aplikasi Macromedia Dreamweaver 8 Pada pilihan Create New, klik pada pilihan PHP

klik PHP

3)

Buatlah tampilan seperti berikut ini

4)

Ubah mode tampilan menjadi Code, dengan meng-klik Code di bagian kiri

5)

Kemudian tambahkan baris kode seperti contoh berikut ini:

6)

Selanjutnya

simpan

dengan

nama

file

index.php

di

folder

admin.

(C:\wamp\www\RumahSakit\admin)

Eko Sugiharto

4

Membuat halaman login.html Untuk pembuatan halaman login.html, berikut ini langkah-langkahnya : 1) 2) Buat halaman baru dengan cara: klik File New Pada bagian Category: pilih Basic page, pada bagian Basic page: pilih HTML, kemudian 2 : pilih HTML klik tombol Create

1 : pilih Basic page

3 : klik tombol Create 3) 4) 5) Ubah mode tampilan menjadi Design Klik ikon untuk pembuatan Table

Atur tabel sesuai ketentuan berikut ini :

Eko Sugiharto

5

6)

Pada bagian Properties, atur Align menjadi Center

7)

Pada baris pertama, atur terlebih dahulu tampilan menjadi seperti berikut ini

8)

Simpan pointer pada baris kedua, kemudian ubah Common menjadi Form

1 : ubah menjadi Forms

2 : simpan pointer disini 9) Buatlah sebuah form dengan meng-klik icon Form

10) Aturlah properties sesuai ketentuan berikut

Eko Sugiharto

6

11) Ubah Form menjadi Common

ubah menjadi Common

12) Buatlah tabel dengan ketentuan sebagai berikut

13) Atur tampilan menjadi seperti ini

14) Ubah Common menjadi Form kembali 15) Pastikan pointer berada di kolom kanan atas sejajar dengan Admin Id 16) Buatlah satu buah Textfield dengan meng-klik ikon berikut ini

17) Jika muncul kotak dialog, klik Cancel 18) Pada bagian Properties, atur sesuai contoh berikut

Eko Sugiharto

7

19) Ulangi langkah no. 16 sampai 18 untuk pembuatan Textfield yang kedua dengan pengaturan sebagai berikut

20) Simpan pointer di kolom pojok kanan bawah 21) Buatlah tombol dengan meng-klik ikon Button

22) Jika muncul kotak dialog, klik Cancel 23) Atur properties sesuai contoh berikut

24) Sehingga tampilan akhir menjadi seperti berikut ini

25) Kemudian simpan di folder admin, dengan nama login.html

Membuat halaman cek_admin.php Pada saat tombol Login di-klik, proses akan ditujukan dan dikerjakan di halaman cek_admin.php. Untuk itu kita harus membuat halaman cek_admin.php dengan langkah-langkah sebagai berikut : 1) 2) Buat halaman baru dengan cara klik File New Pada bagian Category: pilih Dynamic page, pada bagian Dynamic page: pilih PHP, kemudian klik tombol Create 3) 4) Ubah mode tampilan menjadi Code Sisipkan kode program seperti berikut ini diantara tag Body

Id

atau

Password

5)

Kemudian simpan di folder admin, dengan nama cek_admin.php Pada baris kode diatas, terdapat perintah include yang berfungsi untuk menyertakan file

lain bernama koneksi.php, untuk itu kita buatkan kode program dengan langkah-langkah sebagai berikut : 1) 2) Buatlah halaman baru dengan tipe PHP Kemudian sisipkan kode program diantara tag Body seperti contoh berikut ini

3)

Selanjutnya simpan di folder include dengan nama koneksi.php Selain itu kita juga perlu mendeklarasikan fungsi session yang berfungsi untuk

menampung Admin Id selama mengakses semua halaman Administrator dan melakukan pengecekan apabila pengguna belum Login sebagai Administrator, maka halaman yang dituju tidak dapat diakses. Berikut ini langkah-langkah pembuatannya : 1) 2) Buat file baru dengan tipe PHP Kemudian sisipkan kode berikut ini diantara tag Body

3)

Kemudian simpan di folder include dengan nama session.php

Eko Sugiharto

9

Berikutnya ad