Top Banner
LAPORAN TUGAS AKHIR ( Membuat Web Pendaftaran Tempat PKL REKMED UGM ) Disusun Oleh: Cornelia Novika Puspa D Kelas 3 TKJ 1 NIS 23339 Kompetensi Keahlian : Teknik Komputer Jaringan SEKOLAH MENENGAH KEJURUAN (SMK) N 2 YOGYAKARTA JL. AM. Sangaji No. 47 Yogyakarta 55233 Telp. (0274) 513490 Fax.(0274) 513490 E-mail : [email protected] Tahun 2010 - 2011
58

LAPORAN TUGAS AKHIR - blog.undana.ac.idblog.undana.ac.id/jsmallfib_top/JURNAL/ICT/ICT 2011/Membuat Web...perkembangan pesat internet. Maka semakin banyak pula yang memanfaatkannya

Mar 06, 2019

Download

Documents

phamdiep
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: LAPORAN TUGAS AKHIR - blog.undana.ac.idblog.undana.ac.id/jsmallfib_top/JURNAL/ICT/ICT 2011/Membuat Web...perkembangan pesat internet. Maka semakin banyak pula yang memanfaatkannya

LAPORAN TUGAS AKHIR

( Membuat Web Pendaftaran Tempat PKL

REKMED UGM )

Disusun Oleh:

Cornelia Novika Puspa D Kelas 3 TKJ 1 NIS 23339

Kompetensi Keahlian : Teknik Komputer Jaringan

SEKOLAH MENENGAH KEJURUAN (SMK) N 2 YOGYAKARTA

JL. AM. Sangaji No. 47 Yogyakarta 55233

Telp. (0274) 513490 Fax.(0274) 513490

E-mail : [email protected]

Tahun 2010 - 2011

Page 2: LAPORAN TUGAS AKHIR - blog.undana.ac.idblog.undana.ac.id/jsmallfib_top/JURNAL/ICT/ICT 2011/Membuat Web...perkembangan pesat internet. Maka semakin banyak pula yang memanfaatkannya

1

LAPORAN TUGAS AKHIR

( Membuat Web Pendaftaran Tempat PKL

REKMED UGM )

Oleh:

Cornelia Novika Puspa Delima

(21/3TKJ1)

Sekolah Menengah Kejuruan Negeri 2

Yogyakarta

2010 – 2011

Page 3: LAPORAN TUGAS AKHIR - blog.undana.ac.idblog.undana.ac.id/jsmallfib_top/JURNAL/ICT/ICT 2011/Membuat Web...perkembangan pesat internet. Maka semakin banyak pula yang memanfaatkannya

2

LAPORAN TUGAS AKHIR

( Membuat Web Pendaftaran Tempat PKL REKMED UGM )

Disusun Oleh:

Cornelia Novika Puspa D Kelas 3 TKJ 1 NIS 23339

Kompetensi Keahlian : Teknik Komputer Jaringan

Disahkan di Yogyakarta

Pembimbing/Pimpinan Guru Pembimbing Sekolah

DU/DI LAB KOMDAS FMIPA UGM Tanggal, 2 Januari 2011

Rudhi Wijanarko Arif Eka Prasetya, S.Pd.T

NIP 19860929 201001 1006

Ketua Kompetensi Keahlian

Untung Suprapto, S.Pd

NIP. 19750630 2006041 012

Page 4: LAPORAN TUGAS AKHIR - blog.undana.ac.idblog.undana.ac.id/jsmallfib_top/JURNAL/ICT/ICT 2011/Membuat Web...perkembangan pesat internet. Maka semakin banyak pula yang memanfaatkannya

3

Kata Pengantar

Salam damai sejahtera,

Pertama-tama kami ucapkan puji syukur kepada Tuhan Yang Maha Esa yang telah

memberikan kesehatan, kecerdasan, serta kemudahan kepada Penulis siswa kelas

3 TKJ 1 SMK N 2 YOGYAKARTA untuk menyelesaikan Laporan Tugas Akhir(

Membuat Web Pendaftaran Tempat PKL REKMED UGM )

Terima kasih penulis ucapkan kepada guru pembimbing kami yang telah

membantu dan membimbing saya untuk menyelesaikan tugas ini. Makalah yang

saya susun ini merupakan tugas untuk membagikan sedikit informasi kepada

saudara.

Semoga dengan tersusunnya Laporan Tugas Akhir ini, penulis berharap ini

bermanfaat bagi yang membutuhkan. Dan tidah lupa penulis ucapkan pada Yesus

Kristus untuk kesekian kalinya, semoga dengan terbentuknya laporan ini berguna

bagi pembaca. Penulis sadar betul bahwa karya penulis masih jauh dari sempurna.

Maka penulis juga mohon maaf bila terdapat kesalahan dan memohon kritik dan

saran dari pembaca. Terima kasih.

Yogyakarta, 2 Januari 2011

Penulis

Page 5: LAPORAN TUGAS AKHIR - blog.undana.ac.idblog.undana.ac.id/jsmallfib_top/JURNAL/ICT/ICT 2011/Membuat Web...perkembangan pesat internet. Maka semakin banyak pula yang memanfaatkannya

4

Daftar Isi

KATA PENGANTAR 3

Daftar Isi 4

Daftar Gambar 5

BAB I PENDAHULUAN 6

Latar Belakang 6

Tujuan 6

Manfaat 6

BAB II TEORI DASAR HTML dan PHP 7

BAB III PERENCANAAN DAN HASIL 14

Desain 14

Hasil 15

Script HTML 23

BAB IV PENUTUP 56

Kesimpulan 56

Kritik dan Saran 56

DAFTAR PUSTAKA 57

Page 6: LAPORAN TUGAS AKHIR - blog.undana.ac.idblog.undana.ac.id/jsmallfib_top/JURNAL/ICT/ICT 2011/Membuat Web...perkembangan pesat internet. Maka semakin banyak pula yang memanfaatkannya

5

Daftar Gambar

1. Gambar 1 - halaman index

2. Gambar 2 - halaman Register

3. Gambar 3 - halaman Konfirmasi Registrasi sukses

4. Gambar 4 - halaman login sukses (user)

5. Gambar 5 - halaman Ubah password (user)

6. Gambar 6 - halaman Daftar tempat PKL (user)

7. Gambar 7 - halaman konfirmasi daftar sukses (user)

8. Gambar 8 - halaman home (user)

9. Gambar 9 - halaman logout

10. Gambar 10 - halaman login sukses (admin)

11. Gambar 11 - halaman Daftar Data mahasiswa + eksport ke excel (admin)

12. Gambar 12 - halaman Daftar Data mahasiswa + edit (admin)

13. Gambar 13 - halaman Edit Data Mahasiswa (admin)

14. Gambar 14 - halaman Data Operator (admin)

15. Gambar 15 - halaman Edit Data Operator (admin)

16. Gambar 16 - halaman Ubah password (admin)

17. Gambar 18 - halaman Home (admin)

18. Gambar 19 - halaman login sukses (operator)

19. Gambar 20 - halaman Daftar Data mahasiswa + eksport ke excel

(operator)

20. Gambar 21 - halaman Daftar data Mahasiswa + edit (operator)

21. Gambar 22 - halaman ubah password (operator)

22. Gambar 23 - halaman Home (operator)

Page 7: LAPORAN TUGAS AKHIR - blog.undana.ac.idblog.undana.ac.id/jsmallfib_top/JURNAL/ICT/ICT 2011/Membuat Web...perkembangan pesat internet. Maka semakin banyak pula yang memanfaatkannya

6

BAB I

PENDAHULUAN

A. LATAR BELAKANG

Dewasa ini, penggunaan Internet sudah semakin marak. Popular nya situs

jejaring social, blog, dan mudah nya pencarian lewat internet memicu

perkembangan pesat internet. Maka semakin banyak pula yang memanfaatkannya

internet untuk mempermudah pekerjaan suatu instansi. Dalam hal ini, membuat

web, sebagai tempat pendaftaran agar mempermudah pekerjaan, dan pendaftaran

bisa dilakukan dimana saja dan tidak perlu datang ke tempat pendaftaraan

langsung.

Di laporan ini saya akan menjelaskan cara untuk mendesain dan

memasukkan desain itu pada suatu web, dalam hal ini web tempat pendaftaraan

tempat pkl rekmed UGM. Untuk desain grafis nya bisa menggunakan software

lainnya, seperti photoshop, firework, dsb. Untuk memasukkan kode/ script saya

menggunakan Notepad++. Dalam pembuatan web ini, saya kebagian tugas untuk

mendesain, dan karena ini untuk sebuah instansi, maka dibuat formal.

B. TUJUAN

1. Menyelesaikan tugas akhir dan untuk melengkapi nilai.

2. Untuk tempat pendaftaran PKL Rekmed UGM

3. Dapat berbagi ilmu dan informasi kepada pembaca.

C. MANFAAT

1. Mampu mengerti dan memahami bahasa HTML dan PHP.

2. Mampu menggunakan script-script HTML dan PHP dengan

baik.

Page 8: LAPORAN TUGAS AKHIR - blog.undana.ac.idblog.undana.ac.id/jsmallfib_top/JURNAL/ICT/ICT 2011/Membuat Web...perkembangan pesat internet. Maka semakin banyak pula yang memanfaatkannya

7

BAB II

TEORI DASAR HTML DAN

PENGGUNAAN ECHO DALAM PHP

Membangun sebuah Web Page dibutuhkan sebuah bahasa pemrograman

yang lebih dikenal dengan sebutan Web Scripting. Dikatakan Script karena

perintah kode program tersebut akan diinterpreter dan tidak ada kompilasi untuk

menjadikannya mudah dieksekusi. Berdasarkan letak proses interpreter maka web

scripting dibagi menjadi dua kategori, yaitu bersifat client side dan server side.

Client Side dilaksanakan oleh web browser seperti Internet Explorer,

Netscape, Opera, Firefox dan lain-lain. Contoh daripada Client Side misalnya

HTML,CSS, Javascript, VBscript maupun XML. Sedangkan Server Side

dikerjakan oleh Web Server seperti Personal Web Server untuk system operasi

Windows 98, IIS untuk SO Windows 2000/XP, Apache, Tomcat, Xitami dan

Zope. Sedangkan untuk contoh bahasa server side adalah ASP (.Net), PHP,

JSP,CFM dan CGI/PL.

Web Scripting yang bersifat Client Side akan menghasilkan web page

yang statis dalam arti menekankan pada design format tampilan informasi yang

disajikan dan tidak dapat diupdate seketika, karena tidak dapat dilakukan request

interaktif dari pengguna dan proses tidak terjadi di server sehingga tidak dapat

menghasilkan output apapun. Sehingga untuk menghasilkan aplikasi web bersifat

dinamis tidak mungkin, dan harus dikombinasikan dengan web scripting yang

bersifat server side.

HTML (Hypertext Markup Language) adalah bahasa dasar untuk web

scripting bersifat Client Side yang memungkinkan untuk menampilkan informasi

dalam bentuk teks, grafik, serta multimedia dan juga untuk menghubungkan antar

tampilan web page atau yang lebih dikenal dengan Hyperlink.

Page 9: LAPORAN TUGAS AKHIR - blog.undana.ac.idblog.undana.ac.id/jsmallfib_top/JURNAL/ICT/ICT 2011/Membuat Web...perkembangan pesat internet. Maka semakin banyak pula yang memanfaatkannya

8

Tidak diperlukan suatu program editor khusus untuk menggunakan kode

perintah-perintah HTML, kita dapat menggunakan Notepad, Edit Plus ataupun

editor lainnya yang berbasis GUI (Graphical User Interface) seperti Microsoft

Front Page, Dreamweaver CS3, Adobe Golive dan sebagainya,namun dengan

program-program ini kita tidak perlu mengetik kode HTMLnya, semua perintah

diwujudkan secara Icon Base. Sebagai seorang pengembang aplikasi web maka

kemampuan penguasaan kode-kode HTML sangat diperlukan, dengan demikian

kita mampu menguasai program-program editor lainnya. Untuk dapat menguasai

kode-kode HTML sangat disarankan menggunakan editor teks misalnya Notepad .

Aturan penulisan HTML adalah sebagai berikut :

1. Strkutur minimal HTML:

<HTML>

<HEAD>

<TITLE>Judul Halaman </TITLE>

</HEAD>

<BODY>

Konten

</BODY>

</HTML>

2. Bentuk tulisan diatas disebut TAG. Tag memiliki pembuka <TAG> dan

ditutup dengan </TAG>. Namun, tidak semua Tag mempunyai penutup

</TAG>. Tag memberi instruksi interpreter kepada browser.

Page 10: LAPORAN TUGAS AKHIR - blog.undana.ac.idblog.undana.ac.id/jsmallfib_top/JURNAL/ICT/ICT 2011/Membuat Web...perkembangan pesat internet. Maka semakin banyak pula yang memanfaatkannya

9

3. Tag HTML memiliki atribut Tag, yang berbeda antara tag yang satu

dengan tag yang lainnya.

4. Tag bersifat Non Case Sensitive, sehingga penulisan tag dengan huruf

besar atau huruf kecil akan dianggap sama. Contoh <HTML> akan sama

dengan <html> atau <Html>.

5. Tag harus mengikuti standar W3C, organisasi internasional yang

mengatur standarisasi web ( http://www.w3c.org). Penulisannya harus

dimulai tanda "<", diisi nama Tag, dan ditutup dengan tanda ">". Tidak

boleh ada spasi, angka, dan tanda baca.

6. Pada dokumen HMTL, ekstensi dari file harus .html atau .htm

dibelakang nama filenya.

7. Penulisan tag-tag HTML tidak akan terpengaruh oleh perintah langsung

keyboard seperti penekanan tombol enter atau spasi, sehingga

diperbolehkan menyusun tag-tag HTML secara countinue horizontal

seperti berikut ini :

<HTML><HEAD><TITLE>Judul</TITLE></HEAD>……</HTML>

Atribut di dalam TAG

• TAG <BODY> memiliki atribut : <BODY bgcolor=#......"background="....."

Dalam HTML nilai warna yang dapat d iberikan pada atribut bgcolor

adalah menggunakan aturan komposisi RGB ( Red-Green-Blue) dengan

angka hexadecimal maksimal adalah FF (setara dengan 255 decimal) tiap

komposisinya. Sebagai contoh bila diinginkan untuk memberikan warna

merah (Red) maka nilainya "#FF0000", warna hijau nilainya adalah

"#00FF00" dll. Adapun untuk nilai atribut background adalah nama file

gambar lengkap dengan lokasi folder dan ekstensi filenya. Format gambar

yang didukung oleh HTML antara lain JPEG, PNG dan GIF

• HEADING.

Page 11: LAPORAN TUGAS AKHIR - blog.undana.ac.idblog.undana.ac.id/jsmallfib_top/JURNAL/ICT/ICT 2011/Membuat Web...perkembangan pesat internet. Maka semakin banyak pula yang memanfaatkannya

10

Digunakan untuk menampilkan format huruf yang besar dan dicetak tebal,

biasanya digunakan untuk judul atau topik utama dari sebuah paragraf,

ukurannya dari terbesar <H1> sampai terkecil <H6>, sedangkan untuk

mengatur posisi heading digunakan atribut "align". Contoh <H1

align="..."> ditutup dengan </H1> yang nilai atributnya dapat diisi nilai

LEFT untuk rata kiri, RIGHT untuk rata kanan dan CENTER untuk rata

tengah.

• PARAGRAF

Untuk memformat paragraf agar dapat rata kiri, rata kanan, rata tengah dan

justify digunakan tag pembuka <P align="..."> dan ditutup dengan </p>,

adapun isi dari atribut "align" adalah LEFT,RIGHT,CENTER dan

JUSTIFY. Antara paragraf dalam HTML akan dibatasi secara otomatis

oleh sebuah jeda baris.

• BREAKING NOW

Tag <BR> ini digunakan untuk berpindah ke baris baru dalam isi

dokumen. Ini adalah salah satu tag HTML yang tidak memiliki tag

penutup

• HORIZONTAL RULER

Tag yang digunakan untuk membuat garis horizontal adalah <HR>,

adapun atribut yang dimiliki "align" untuk perataan, "size" untuk mengatur

ketebalan garisnya dalam pixel (px) dan "width" untuk mengatur lebar

garisnya (dalam pixel atau persen). Penggunaan satuan persen (%)

memiliki arti bahwa ukuran garis horizontal akan diambil persentase

terhadap WIDTH dari tampilan jendelanya. Tag <HR> juga tidak memiliki

tag penutup.

• BOLD, ITALIC, UNDER LINE, SUBSCRIPT, SUPERSCRIPT dan STRIPE

Page 12: LAPORAN TUGAS AKHIR - blog.undana.ac.idblog.undana.ac.id/jsmallfib_top/JURNAL/ICT/ICT 2011/Membuat Web...perkembangan pesat internet. Maka semakin banyak pula yang memanfaatkannya

11

Cara memberikan efek huruf dalam dokumen HTML adalah sebagai

berikut :

- Untuk huruf tebal (bold) = <b>cetak tebal</b>

- Untuk huruf miring (italic) = <i>cetak miring</i>

- Untuk huruf dengan garis bawah (underline) = <u>garis bawah</u>

- Untuk huruf sebagai subscript = <sub>cetak subscript</sub>

- Untuk huruf sebagai superscript = <sup>cetak superscript</sup>

- Untuk huruf yang dicoret (strike) = <s>cetak strike</s>

• LIST

List berfungsi sebagai pengurut, terdiri dari UnorderList, mengurutkan

dengan simbol dan OrderedList, mengurutkan sesuai nomor urut.

Pada Unorderlist digunakan tag <UL> sebagai pembuka dan tag </UL>

sebagai tag penutup. Untuk item-item list yang ada di dalamnya digunakan

tag <LI> untuk mengawalinya. Unorderedlist mempunyai atribut "type"

yaitu bentuk dari bulletnya. Ada beberapa jenis type yaitu DISC (default)

untuk lingkaran tidak berlubang, CIRCLE untuk bentuk lingkaran

berlubang, SQUARE untuk kotak. Orderedlist juga memiliki atribut tipe

untuk menentukan tipe penomorannya, tipe tersebut adalah

1 untuk penomoran 1,2,3,….

A untuk penomoran A,B,C,….

I untuk penomoran I,II,III,IV …

a untuk penomoran a,b,c …

i untuk penomoran i,ii,iii, …

Bila kita tidak mendifinasikan tipenya, maka secara default Ordered List

akan memberikan penomoran angka ( 1,2,3 … )

• KOMENTAR DALAM HTML

Page 13: LAPORAN TUGAS AKHIR - blog.undana.ac.idblog.undana.ac.id/jsmallfib_top/JURNAL/ICT/ICT 2011/Membuat Web...perkembangan pesat internet. Maka semakin banyak pula yang memanfaatkannya

12

Untuk menulis komentar dalam tag HTML, digunakan tanda <!— sebagai

pembuka dan tanda -- > sebagai penutup. Komentar tidak akan

diinterpreter oleh web browser, hanya menjadi keterangan saja.

• KARAKTER KHUSUS DALAM HTML

Bentuk Script

< &lt;

> &gt;

spasi &nbsp;

© &copy;

® &reg;

™ &#8482;

- &#8212;

± &plusmin;

¶ &para;

' &acute;

• Penggunaan Echo

echo berfungsi untuk menampilkan kode ataupun data dalam kode php. kode ini

sangat bermanfaat sekali dalam memanipulasi data dalam database atau kode

html, java, xml dan lain sebagainya yang compatible dengan code php.

Contoh-01 :

<?php

echo"Tutorial echo";

Page 14: LAPORAN TUGAS AKHIR - blog.undana.ac.idblog.undana.ac.id/jsmallfib_top/JURNAL/ICT/ICT 2011/Membuat Web...perkembangan pesat internet. Maka semakin banyak pula yang memanfaatkannya

13

?>

Contoh-02 :

<?php

echo"<span style=' color:#F00 '>Tutorial echo</span>";

?>

pada contoh-01 diatas untuk menampilkan kata sederhana hanya menampilkan

kata apa adanya seperti yang tertulis. sedangkan pada contoh-02 adalah sebuah

penggabungan antara kode php dan kode style html dimana teks akan berwarna

merah.

Setiap memulai kode PHP, harus kita awali dengan tanda <?php. Lalu di baris-

baris kode berikutnya sobat sering melihat kata echo, kata ini sebenarnya adalah

sebuah perintah PHP untuk mencetak kata ke layar browser. Kalau pada HTML

kita bisa mengetikan secara langsung kodenya untuk ditampilkan ke layar

browser, tapi kalau di PHP harus diawali dengan perintah echo terlebih dahulu.

Isi yang akan kita cetak, harus kita letakan di antara tanda petik. Selain itu kita

juga bisa menambahkan kode HTML di dalamnya. Dan jangan lupa setelah

selesai setiap suatu perintah (statement) di dalam PHP harus kita beri tanda titik

koma ( ; ).

Page 15: LAPORAN TUGAS AKHIR - blog.undana.ac.idblog.undana.ac.id/jsmallfib_top/JURNAL/ICT/ICT 2011/Membuat Web...perkembangan pesat internet. Maka semakin banyak pula yang memanfaatkannya

14

BAB III

PERENCANAAN DAN HASIL

A. DESAIN

HEADER

ISI

FOOTER

• Desain HEADER

• Desain Background

Page 16: LAPORAN TUGAS AKHIR - blog.undana.ac.idblog.undana.ac.id/jsmallfib_top/JURNAL/ICT/ICT 2011/Membuat Web...perkembangan pesat internet. Maka semakin banyak pula yang memanfaatkannya

15

B. HASIL

• Index

• Register

Page 17: LAPORAN TUGAS AKHIR - blog.undana.ac.idblog.undana.ac.id/jsmallfib_top/JURNAL/ICT/ICT 2011/Membuat Web...perkembangan pesat internet. Maka semakin banyak pula yang memanfaatkannya

16

• Registrasi sukses

• Login sukses (user)

• Ubah password (user)

Page 18: LAPORAN TUGAS AKHIR - blog.undana.ac.idblog.undana.ac.id/jsmallfib_top/JURNAL/ICT/ICT 2011/Membuat Web...perkembangan pesat internet. Maka semakin banyak pula yang memanfaatkannya

17

• Daftar tempat PKL (user)

• Konfirmasi daftar sukses (user)

• Home (user)

Page 19: LAPORAN TUGAS AKHIR - blog.undana.ac.idblog.undana.ac.id/jsmallfib_top/JURNAL/ICT/ICT 2011/Membuat Web...perkembangan pesat internet. Maka semakin banyak pula yang memanfaatkannya

18

• Logout

• Login sukses (admin)

• Daftar Data Mahasiswa + eksport ke excel (admin)

Page 20: LAPORAN TUGAS AKHIR - blog.undana.ac.idblog.undana.ac.id/jsmallfib_top/JURNAL/ICT/ICT 2011/Membuat Web...perkembangan pesat internet. Maka semakin banyak pula yang memanfaatkannya

19

• Daftar Data Mahasiswa (admin) +edit

• Edit Data Mahasiswa (admin)

• Data Operator (admin)

Page 21: LAPORAN TUGAS AKHIR - blog.undana.ac.idblog.undana.ac.id/jsmallfib_top/JURNAL/ICT/ICT 2011/Membuat Web...perkembangan pesat internet. Maka semakin banyak pula yang memanfaatkannya

20

• Edit Data Operator (admin)

• Ubah Password (admin)

• Home (admin)

Page 22: LAPORAN TUGAS AKHIR - blog.undana.ac.idblog.undana.ac.id/jsmallfib_top/JURNAL/ICT/ICT 2011/Membuat Web...perkembangan pesat internet. Maka semakin banyak pula yang memanfaatkannya

21

• Login sukses (operator)

• Daftar data mahasiswa (operator)

• Daftar Data Mahasiswa (operator) +edit

Page 23: LAPORAN TUGAS AKHIR - blog.undana.ac.idblog.undana.ac.id/jsmallfib_top/JURNAL/ICT/ICT 2011/Membuat Web...perkembangan pesat internet. Maka semakin banyak pula yang memanfaatkannya

22

• Ubah password (operator)

• Home (operator)

Page 24: LAPORAN TUGAS AKHIR - blog.undana.ac.idblog.undana.ac.id/jsmallfib_top/JURNAL/ICT/ICT 2011/Membuat Web...perkembangan pesat internet. Maka semakin banyak pula yang memanfaatkannya

23

C. SCRIPT

• index.html

<HTML>

<HEAD>

<TITLE>Home</TITLE>

</HEAD>

<BODY BACKGROUND="1.png">

<TABLE ALIGN="CENTER" WIDTH="700" HEIGHT="100" >

<TR><TD ALIGN="CENTER"><IMG SRC="2.png" width="700" height="100" alt="1.png">

</TD></TR>

</TABLE>

<TABLE align="center" WIDTH="700" HEIGHT="300">

<TD ALIGN="center" ROWSPAN="2" BACKGROUND="8.png" WIDTH="700" HEIGHT="300"><FONT

COLOR="WHITE" FACE="CALIBRI">

<BLOCKQUOTE><H3> Selamat datang di web pendaftaran tempat PKL Rekam Medis </H3></BLOCKQUOTE>

<BLOCKQUOTE><P> silahkan login terlebih dahulu jika sudah mempunyai akun, atau jika belum silahkan <a

href='daftar.php'> daftar </a> </P></BLOCKQUOTE>

<p><form method="post" action="loginsubmit.php">

<table border="0">

<tr>

<td><font color="white">NIM</td>

<td><input name="username" type="text"></td>

</tr>

<tr>

<td><font color="white">Password </td>

<td><input name="pass" type="password"></td>

</tr>

<tr>

<td>&nbsp;</td>

<td><input type="submit" name="Submit" value="Submit"></td>

</tr>

</table>

</form></p>

</TD>

</BODY>

</HTML>

• daftar.php

<style type="text/css">

<!–

.style3 {font-size: 24px}

–>

</style>

Page 25: LAPORAN TUGAS AKHIR - blog.undana.ac.idblog.undana.ac.id/jsmallfib_top/JURNAL/ICT/ICT 2011/Membuat Web...perkembangan pesat internet. Maka semakin banyak pula yang memanfaatkannya

24

<TITLE>Daftar</TITLE>

<BODY BACKGROUND="1.png">

<TABLE ALIGN="CENTER" WIDTH="700" HEIGHT="100" >

<TR><TD ALIGN="CENTER"><IMG SRC="2.png" width="700" height="100" alt="1.png">

</TD></TR>

</TABLE>

<TABLE align="center" WIDTH="700" HEIGHT="300">

<TD ALIGN="center" ROWSPAN="2" BACKGROUND="8.png" WIDTH="700" HEIGHT="300"><FONT

COLOR="WHITE" FACE="CALIBRI">

<form name="fmipaa" method="post" action="daftar2.php">

<table width="400" border="0" CELLSPACING="10">

<tr>

<td colspan="2" align='center'><h2><FONT COLOR="WHITE" FACE="CALIBRI"><span

class="style3">Register</span></h2></td>

</tr>

<tr>

<td><FONT COLOR="WHITE" FACE="CALIBRI">Nim : </td>

<td><input name="username" type="text" id="username"></td>

</tr>

<tr>

<td><FONT COLOR="WHITE" FACE="CALIBRI">Nama : </td>

<td><input name="nama" type="text" id="nama"></td>

</tr>

<tr>

<td><FONT COLOR="WHITE" FACE="CALIBRI">Angkatan : </td>

<td><input name="angkatan" type="text" id="angkatan"></td>

</tr>

<tr>

<td><FONT COLOR="WHITE" FACE="CALIBRI">Password : </td>

<td><input name="password" type="password" id="password"></td>

</tr>

<tr>

<td><FONT COLOR="WHITE" FACE="CALIBRI">Confirm Password : </td>

<td><input name="c_password" type="password" id="c_password"></td>

</tr>

<p><input type='hidden' name='level' id="level" value='user'>

<tr>

<td colspan="2"> </td>

</tr>

<tr>

<td colspan="2"><input type='submit' name='save' value='Send now'></td>

</tr>

</table>

</form>

</TD>

</TABLE>

Page 26: LAPORAN TUGAS AKHIR - blog.undana.ac.idblog.undana.ac.id/jsmallfib_top/JURNAL/ICT/ICT 2011/Membuat Web...perkembangan pesat internet. Maka semakin banyak pula yang memanfaatkannya

25

</BODY>

• daftar2.php

<?php

require_once('config.php');

$username = $_POST['username'];

$nama = $_POST['nama'];

$angkatan = $_POST['angkatan'];

$password = $_POST['password'];

$c_password = $_POST['c_password'];

$level = $_POST['level'];

$direct="index.html";

if($password != $c_password)

{

print "<script>alert('Konfirmasi password harus sama dengan password !');

javascript:history.go(-1);</script>";

exit;

}

if((!empty($username)) && (!empty($nama)) && (!empty($angkatan)) && (!empty($password)) && (!empty($level)))

{

$query = mysql_query("INSERT INTO $table (username,nama,angkatan,password,level)

values ('$username','$nama','$angkatan','$password','$level');");

echo "<BODY BACKGROUND='1.png'>";

echo "<TABLE ALIGN='CENTER' WIDTH='700' HEIGHT='100'>";

echo "<TR>";

echo "<TD ALIGN='CENTER'>";

echo "<IMG SRC='2.png' width='700' height='100' alt='1.png'>";

echo "</TD>";

echo "</TR>";

echo "</TABLE>";

echo "<TABLE align='center' WIDTH='700' HEIGHT='300'>";

echo "<TD ALIGN='center' ROWSPAN='2' BACKGROUND='8.png' WIDTH='700' HEIGHT='300'>";

echo "<FONT COLOR='WHITE' FACE='CALIBRI'>";

print "<h2><br>Registrasi sukses<br></h2><a href=index.php><font color=blue>Back to

Home</font></a>";

echo "<meta http-equiv=\"refresh\"content=\"3;URL=$direct\" />";

echo "</body>";

}

else

{

print "<script>alert('Maaf, tidak boleh ada field yang kosong !');

javascript:history.go(-1);</script>";

}

?>

<?php mysql_close($connect); ?>

Page 27: LAPORAN TUGAS AKHIR - blog.undana.ac.idblog.undana.ac.id/jsmallfib_top/JURNAL/ICT/ICT 2011/Membuat Web...perkembangan pesat internet. Maka semakin banyak pula yang memanfaatkannya

26

• loginsubmit.php

<?php

session_start();

mysql_connect('localhost', 'root', '');

mysql_select_db('fmipaa');

$username = $_POST['username'];

$password = $_POST['pass'];

// query untuk mendapatkan record dari username

$query = "SELECT * FROM admin WHERE username = '$username'";

$hasil = mysql_query($query);

$data = mysql_fetch_array($hasil);

if ($username != $data['username'])

{

$query = "SELECT * FROM daftar WHERE username = '$username'";

$hasil = mysql_query($query);

$data = mysql_fetch_array($hasil);

}

if ($username != $data['username'])

{

$query = "SELECT * FROM operator WHERE username = '$username'";

$hasil = mysql_query($query);

$data = mysql_fetch_array($hasil);

}

if ($password == $data['password'])

{

echo " <TITLE>Login Sukses</TITLE>";

echo "<BODY BACKGROUND='1.png'>";

echo "<TABLE ALIGN='CENTER' WIDTH='700' HEIGHT='100' >";

echo "<TR>";

echo "<TD ALIGN='CENTER'>";

echo "<IMG SRC='2.png' width='700' height='100' alt='1.png'>";

echo "</TD>";

echo "</TR>";

echo "</TABLE>";

echo "<TABLE align='center' WIDTH='700' HEIGHT='300'>";

echo "<TD ALIGN='center' ROWSPAN='2' BACKGROUND='8.png' WIDTH='700' HEIGHT='300'>";

echo "<FONT COLOR='WHITE' FACE='CALIBRI'>";

echo "<h3>Login sukses</h3>";

echo "<h1>Selamat Datang</h1>";

echo "</BODY>";

$_SESSION['id'] = $data['id'];

$_SESSION['level'] = $data['level'];

$_SESSION['username'] = $data['username'];

Page 28: LAPORAN TUGAS AKHIR - blog.undana.ac.idblog.undana.ac.id/jsmallfib_top/JURNAL/ICT/ICT 2011/Membuat Web...perkembangan pesat internet. Maka semakin banyak pula yang memanfaatkannya

27

$_SESSION['nama'] = $data['nama'];

$_SESSION['angkatan'] = $data['angkatan'];

include "menu.php";

}

else echo "<h1>Login gagal</h1>";

?>

• formubahpassworduser.php

<?

session_start();

echo '<html><head>';

echo '<title>ubah password</title></head>';

echo '<body BACKGROUND="1.png">';

echo '<table ALIGN="CENTER" WIDTH="700" HEIGHT="100" >';

echo '<tr><td ALIGN="CENTER"><img src="2.png" width="700" height="100" alt="1.png">';

echo '</td></tr>';

echo '</table>';

echo '<table align="center" WIDTH="700" HEIGHT="300">';

echo '<td ALIGN="center" ROWSPAN="2" BACKGROUND="8.png" WIDTH="700" HEIGHT="300">';

echo '<table CELLSPACING="20">';

echo '<form action=""changePasswordAdmin.php"" method="POST" />';

echo '<tr><td><FONT color="white" FACE="CALIBRI">username:</td><td><input type="text" name="username"

id="username" /></td></tr>';

echo '<tr><td><FONT color="white" FACE="CALIBRI">password <strong>lama</strong>:</td><td><input

type="password" name="passwordlama" id="passwordlama" /></td></tr>';

echo '<tr><td><FONT color="white" FACE="CALIBRI">password <strong>baru</strong>:</td><td><input

type="password" name="passwordbaru" id="passwordbaru" /></td></tr>';

echo '<tr><td><FONT color="white" FACE="CALIBRI">konfirmasi <strong>password baru</strong>:</td><td><input

type="password" name="konfirmasipassword" id="konfirmasipassword" /></td></tr>';

echo '<tr><td></td><td><input type="submit" name="change" value="ganti!!" /></td></tr>';

echo '</form></table>';

echo '<br>';

echo '<FONT color="white" FACE="CALIBRI">';

include "menu.php";

echo '<br><br>';

echo '</td></table>';

echo '</body>';

echo '</html>';

?>

Page 29: LAPORAN TUGAS AKHIR - blog.undana.ac.idblog.undana.ac.id/jsmallfib_top/JURNAL/ICT/ICT 2011/Membuat Web...perkembangan pesat internet. Maka semakin banyak pula yang memanfaatkannya

28

• changepassword.php

<?php

require_once "koneksiDB.php";

$passwordlama = $_POST['passwordlama'];

$passwordbaru = $_POST['passwordbaru'];

$konfirmasipassword = $_POST['konfirmasipassword'];

$username = $_POST['username'];

$cekuser = "select * from daftar where username = '$username' and password = '$passwordlama'";

$querycekuser = mysql_query($cekuser);

$count = mysql_num_rows($querycekuser);

if ($count >= 1){

$updatepassword = "update daftar set password = '$passwordbaru' where username = '$username'";

if($passwordbaru != $konfirmasipassword)

{

print "<script>alert('Konfirmasi password harus sama dengan password !');

javascript:history.go(-1);</script>";

exit;

}

$updatequery = mysql_query($updatepassword);

if($updatequery)

{

$direct="homeuser.php";

echo "<BODY BACKGROUND='1.png'>";

echo "<TABLE ALIGN='CENTER' WIDTH='700' HEIGHT='100'>";

echo "<TR>";

echo "<TD ALIGN='CENTER'>";

echo "<IMG SRC='2.png' width='700' height='100' alt='1.png'>";

echo "</TD>";

echo "</TR>";

echo "</TABLE>";

echo "<TABLE align='center' WIDTH='700' HEIGHT='300'>";

echo "<TD ALIGN='center' ROWSPAN='2' BACKGROUND='8.png' WIDTH='700' HEIGHT='300'>";

Page 30: LAPORAN TUGAS AKHIR - blog.undana.ac.idblog.undana.ac.id/jsmallfib_top/JURNAL/ICT/ICT 2011/Membuat Web...perkembangan pesat internet. Maka semakin banyak pula yang memanfaatkannya

29

echo "<FONT COLOR='WHITE' FACE='CALIBRI'>";

echo "Password telah diganti";

echo "<meta HTTP-EQUIV=\"REFRESH\" content=\"3; url=$direct\" />";

}

}

else echo "<h1>ganti password gagal</h1>";

?>

• formubahpasswordadmin.php

<?

session_start();

echo '<html><head>';

echo '<title>ubah password</title></head>';

echo '<body BACKGROUND="1.png">';

echo '<table ALIGN="CENTER" WIDTH="700" HEIGHT="100" >';

echo '<tr><td ALIGN="CENTER"><img src="2.png" width="700" height="100" alt="1.png">';

echo '</td></tr>';

echo '</table>';

echo '<table align="center" WIDTH="700" HEIGHT="300">';

echo '<td ALIGN="center" ROWSPAN="2" BACKGROUND="8.png" WIDTH="700" HEIGHT="300">';

echo '<table CELLSPACING="20">';

echo '<form action="changePasswordAdmin.php" method="POST" />';

echo '<tr><td><FONT color="white" FACE="CALIBRI">username:</td><td><input type="text" name="username"

id="username" /></td></tr>';

echo '<tr><td><FONT color="white" FACE="CALIBRI">password <strong>lama</strong>:</td><td><input

type="password" name="passwordlama" id="passwordlama" /></td></tr>';

echo '<tr><td><FONT color="white" FACE="CALIBRI">password <strong>baru</strong>:</td><td><input

type="password" name="passwordbaru" id="passwordbaru" /></td></tr>';

echo '<tr><td><FONT color="white" FACE="CALIBRI">konfirmasi <strong>password baru</strong>:</td><td><input

type="password" name="konfirmasipassword" id="konfirmasipassword" /></td></tr>';

echo '<tr><td></td><td><input type="submit" name="change" value="Change" /></td></tr>';

echo '</form></table>';

echo '<br>';

echo '<FONT color="white" FACE="CALIBRI">';

include "menu.php";

echo '<br><br>';

echo '</td></table>';

Page 31: LAPORAN TUGAS AKHIR - blog.undana.ac.idblog.undana.ac.id/jsmallfib_top/JURNAL/ICT/ICT 2011/Membuat Web...perkembangan pesat internet. Maka semakin banyak pula yang memanfaatkannya

30

echo '</body>';

echo '</html>';

?>

• changepasswordadmin.php

<?php

require_once "koneksiDB.php";

$passwordlama = $_POST['passwordlama'];

$passwordbaru = $_POST['passwordbaru'];

$konfirmasipassword = $_POST['konfirmasipassword'];

$username = $_POST['username'];

$cekuser = "select * from admin where username = '$username' and password = '$passwordlama'";

$querycekuser = mysql_query($cekuser);

$count = mysql_num_rows($querycekuser);

if ($count >= 1){

$updatepassword = "update admin set password = '$passwordbaru' where username = '$username'";

if($passwordbaru != $konfirmasipassword)

{

print "<script>alert('Konfirmasi password harus sama dengan password !');

javascript:history.go(-1);</script>";

exit;

}

$updatequery = mysql_query($updatepassword);

if($updatequery)

{

$direct="homeadmin.php";

echo "<BODY BACKGROUND='1.png'>";

echo "<TABLE ALIGN='CENTER' WIDTH='700' HEIGHT='100'>";

echo "<TR>";

echo "<TD ALIGN='CENTER'>";

echo "<IMG SRC='2.png' width='700' height='100' alt='1.png'>";

echo "</TD>";

Page 32: LAPORAN TUGAS AKHIR - blog.undana.ac.idblog.undana.ac.id/jsmallfib_top/JURNAL/ICT/ICT 2011/Membuat Web...perkembangan pesat internet. Maka semakin banyak pula yang memanfaatkannya

31

echo "</TR>";

echo "</TABLE>";

echo "<TABLE align='center' WIDTH='700' HEIGHT='300'>";

echo "<TD ALIGN='center' ROWSPAN='2' BACKGROUND='8.png' WIDTH='700' HEIGHT='300'>";

echo "<FONT COLOR='WHITE' FACE='CALIBRI'>";

echo "Password telah diganti";

echo "<meta HTTP-EQUIV=\"REFRESH\" content=\"3; url=$direct\" />";

}

}

else echo "<h1>ganti password gagal</h1>";

?>

• formubahpasswordoperator.php

<?

session_start();

echo '<html><head>';

echo '<title>ubah password</title></head>';

echo '<body BACKGROUND="1.png">';

echo '<table ALIGN="CENTER" WIDTH="700" HEIGHT="100" >';

echo '<tr><td ALIGN="CENTER"><img src="2.png" width="700" height="100" alt="1.png">';

echo '</td></tr>';

echo '</table>';

echo '<table align="center" WIDTH="700" HEIGHT="300">';

echo '<td ALIGN="center" ROWSPAN="2" BACKGROUND="8.png" WIDTH="700" HEIGHT="300">';

echo '<table CELLSPACING="20">';

echo '<form action="changePasswordOperator.php" method="POST" />';

echo '<tr><td><FONT color="white" FACE="CALIBRI">username:</td><td><input type="text" name="username"

id="username" /></td></tr>';

echo '<tr><td><FONT color="white" FACE="CALIBRI">password <strong>lama</strong>:</td><td><input

type="password" name="passwordlama" id="passwordlama" /></td></tr>';

echo '<tr><td><FONT color="white" FACE="CALIBRI">password <strong>baru</strong>:</td><td><input

type="password" name="passwordbaru" id="passwordbaru" /></td></tr>';

echo '<tr><td><FONT color="white" FACE="CALIBRI">konfirmasi <strong>password baru</strong>:</td><td><input

type="password" name="konfirmasipassword" id="konfirmasipassword" /></td></tr>';

echo '<tr><td></td><td><input type="submit" name="change" value="Change" /></td></tr>';

echo '</form></table>';

echo '<br>';

echo '<FONT color="white" FACE="CALIBRI">';

Page 33: LAPORAN TUGAS AKHIR - blog.undana.ac.idblog.undana.ac.id/jsmallfib_top/JURNAL/ICT/ICT 2011/Membuat Web...perkembangan pesat internet. Maka semakin banyak pula yang memanfaatkannya

32

include "menu.php";

echo '<br><br>';

echo '</td></table>';

echo '</body>';

echo '</html>';

?>

• changepasswordoperator.php

<?php

require_once "koneksiDB.php";

$passwordlama = $_POST['passwordlama'];

$passwordbaru = $_POST['passwordbaru'];

$konfirmasipassword = $_POST['konfirmasipassword'];

$username = $_POST['username'];

$cekuser = "select * from operator where username = '$username' and password = '$passwordlama'";

$querycekuser = mysql_query($cekuser);

$count = mysql_num_rows($querycekuser);

if ($count >= 1){

$updatepassword = "update operator set password = '$passwordbaru' where username = '$username'";

if($passwordbaru != $konfirmasipassword)

{

print "<script>alert('Konfirmasi password harus sama dengan password !');

javascript:history.go(-1);</script>";

exit;

}

$updatequery = mysql_query($updatepassword);

if($updatequery)

{

$direct="homeoperator.php";

echo "<BODY BACKGROUND='1.png'>";

Page 34: LAPORAN TUGAS AKHIR - blog.undana.ac.idblog.undana.ac.id/jsmallfib_top/JURNAL/ICT/ICT 2011/Membuat Web...perkembangan pesat internet. Maka semakin banyak pula yang memanfaatkannya

33

echo "<TABLE ALIGN='CENTER' WIDTH='700' HEIGHT='100'>";

echo "<TR>";

echo "<TD ALIGN='CENTER'>";

echo "<IMG SRC='2.png' width='700' height='100' alt='1.png'>";

echo "</TD>";

echo "</TR>";

echo "</TABLE>";

echo "<TABLE align='center' WIDTH='700' HEIGHT='300'>";

echo "<TD ALIGN='center' ROWSPAN='2' BACKGROUND='8.png' WIDTH='700' HEIGHT='300'>";

echo "<FONT COLOR='WHITE' FACE='CALIBRI'>";

echo "Password telah diganti";

echo "<meta HTTP-EQUIV=\"REFRESH\" content=\"3; url=$direct\" />";

}

}

else echo "<h1>ganti password gagal</h1>";

?>

• coba2.php (daftar data mahasiswa)

<?php

require_once('koneksi.php');

session_start();

if (isset($_SESSION['level']) && isset($_SESSION['username']))

{

echo("<html><head><title>Daftar Data Mahasiswa</title></head><body

background='1.png'><TABLE ALIGN='CENTER' WIDTH='700' HEIGHT='100'><TR><TD ALIGN='CENTER'><IMG

SRC='2.png' width='700' height='100' alt='1.png'></TD></TR></TABLE>");

if (($_SESSION['level'] == "admin") || ($_SESSION['level'] == "operator"))

{

echo("<td width=700 height=300>");

?>

<TABLE align='center' WIDTH='700' HEIGHT='300'>

<TD ALIGN='center' ROWSPAN='2' BACKGROUND='8.png' WIDTH='700' HEIGHT='300'>

<h1><FONT COLOR='WHITE' FACE='CALIBRI'><b>daftar data mahasiswa</b></font></h1>

<p><a href='export.php'><FONT COLOR='#fff660' FACE='CALIBRI'>Export data to Excel</a></FONT><p></p>

<?

$query = "select * from daftar";

$hasil = mysql_query($query);

$data = mysql_fetch_array($hasil);

echo("<table border=1 align='center' width='650'>");

echo("<tr>");

echo("<th width=20><FONT COLOR='WHITE' FACE='CALIBRI'>nim</th>");

echo("<th width=100><FONT COLOR='WHITE' FACE='CALIBRI'>nama</th>");

echo("<th width=10><FONT COLOR='WHITE' FACE='CALIBRI'>angkatan</th>");

Page 35: LAPORAN TUGAS AKHIR - blog.undana.ac.idblog.undana.ac.id/jsmallfib_top/JURNAL/ICT/ICT 2011/Membuat Web...perkembangan pesat internet. Maka semakin banyak pula yang memanfaatkannya

34

echo("<th width=90><FONT COLOR='WHITE' FACE='CALIBRI'>rumah sakit</th>");

echo("<th width=100><FONT COLOR='WHITE' FACE='CALIBRI'>alamat rumahsakit</th>");

echo("<th width=100><FONT COLOR='WHITE' FACE='CALIBRI'>kepala rumahsakit</th>");

echo("</tr>");

do

{

echo("<tr>");

echo("<td align ='center' valign='top' height='30'

width='20'><FONT COLOR='WHITE' FACE='CALIBRI'>$data[username]</b></td>");

echo("<td align ='center' valign='top' height='30'

width='100'><FONT COLOR='WHITE' FACE='CALIBRI'>$data[nama]</b></td>");

echo("<td align ='center' valign='top' height='30'

width='10'><FONT COLOR='WHITE' FACE='CALIBRI'>$data[angkatan]</b></td>");

echo("<td align ='center' valign='top' height='30'

width='90'><FONT COLOR='WHITE' FACE='CALIBRI'>$data[rumahsakit]</b></td>");

echo("<td align ='center' valign='top' height='30'

width='100'><FONT COLOR='WHITE' FACE='CALIBRI'>$data[alamat]</b></td>");

echo("<td align ='center' valign='top' height='30'

width='100'><FONT COLOR='WHITE' FACE='CALIBRI'>$data[kepalars]</b></td>");

}

while ($data = mysql_fetch_array($hasil));

echo("</table>");

echo "<br><br>";

echo "</p>";

echo "<FONT COLOR='WHITE' FACE='CALIBRI'>";

echo "<table>";

echo "<tr><td></td></tr>";

echo "<tr><td></td></tr>";

echo "<tr><td></td></tr>";

echo "</table>";

include "menu.php";

?>

</td>

</tr>

</table>

<?

echo("</font></td></tr>");

echo "</table>";

echo("</body></html>");

}

else

Page 36: LAPORAN TUGAS AKHIR - blog.undana.ac.idblog.undana.ac.id/jsmallfib_top/JURNAL/ICT/ICT 2011/Membuat Web...perkembangan pesat internet. Maka semakin banyak pula yang memanfaatkannya

35

{

echo("<center>Maaf Halaman ini Hanya untuk Admins<br>");

echo("<br><a href='index.html'>Login User</a></center>");

}

}

?>

• coba.php (daftar data mahasiswa +edit)

<?php

require_once('koneksi.php');

session_start();

if (isset($_SESSION['level']) && isset($_SESSION['username']))

{

echo("<html><head><title>Edit Daftar Data Mahasiswa</title></head><body

background='1.png'><TABLE ALIGN='CENTER' WIDTH='700' HEIGHT='100'><TR><TD ALIGN='CENTER'><IMG

SRC='2.png' width='700' height='100' alt='1.png'></TD></TR></TABLE>");

if (($_SESSION['level'] == "admin") || ($_SESSION['level'] == "operator"))

{

echo("<td width=700 height=300>");

?>

<TABLE align='center' WIDTH='700' HEIGHT='300'>

<TD ALIGN='center' ROWSPAN='2' BACKGROUND='8.png' WIDTH='700' HEIGHT='300'>

<h1><FONT COLOR='WHITE' FACE='CALIBRI'><b>daftar data mahasiswa</b></font></h1>

<p>

<?

$query = "select * from daftar";

$hasil = mysql_query($query);

$data = mysql_fetch_array($hasil);

echo("<table border=1 align='center' width='650'>");

echo("<tr>");

echo("<th width=20><FONT COLOR='WHITE' FACE='CALIBRI'>nim</th>");

echo("<th width=100><FONT COLOR='WHITE' FACE='CALIBRI'>nama</th>");

echo("<th width=10><FONT COLOR='WHITE' FACE='CALIBRI'>angkatan</th>");

echo("<th width=90><FONT COLOR='WHITE' FACE='CALIBRI'>rumah sakit</th>");

echo("<th width=90><FONT COLOR='WHITE' FACE='CALIBRI'>alamat rumahsakit</th>");

echo("<th width=90><FONT COLOR='WHITE' FACE='CALIBRI'>kepala rumahsakit</th>");

echo("<th width=20><FONT COLOR='WHITE' FACE='CALIBRI'>action</th>");

echo("</tr>");

do

{

echo("<tr>");

echo("<td align ='center' valign='top' height='30'

width='20'><FONT COLOR='WHITE' FACE='CALIBRI'>$data[username]</b></td>");

echo("<td align ='center' valign='top' height='30'

width='100'><FONT COLOR='WHITE' FACE='CALIBRI'>$data[nama]</b></td>");

echo("<td align ='center' valign='top' height='30'

Page 37: LAPORAN TUGAS AKHIR - blog.undana.ac.idblog.undana.ac.id/jsmallfib_top/JURNAL/ICT/ICT 2011/Membuat Web...perkembangan pesat internet. Maka semakin banyak pula yang memanfaatkannya

36

width='10'><FONT COLOR='WHITE' FACE='CALIBRI'>$data[angkatan]</b></td>");

echo("<td align ='center' valign='top' height='30'

width='90'><FONT COLOR='WHITE' FACE='CALIBRI'>$data[rumahsakit]</b></td>");

echo("<td align ='center' valign='top' height='30'

width='90'><FONT COLOR='WHITE' FACE='CALIBRI'>$data[alamat]</b></td>");

echo("<td align ='center' valign='top' height='30'

width='90'><FONT COLOR='WHITE' FACE='CALIBRI'>$data[kepalars]</b></td>");

echo("<td align ='center' width=20 valign='top'><b><a

href='edith.php?kode=$data[id]'><FONT COLOR='#fff660' FACE='CALIBRI'>edit</a></b></td>");

echo("</tr>");

}

while ($data = mysql_fetch_array($hasil));

echo("</table>");

echo "<br><br>";

echo "</p>";

echo "<FONT COLOR='WHITE' FACE='CALIBRI'>";

echo "<table>";

echo "<tr><td></td></tr>";

echo "<tr><td></td></tr>";

echo "<tr><td></td></tr>";

echo "</table>";

include "menu.php";

?>

</p>

</td>

</tr>

</table>

<?

echo("</font></td></tr></table>");

echo("</body></html>");

}

else

{

echo("<center>Maaf Halaman ini Hanya untuk Admins<br>");

echo("<br><a href='index.html'>Login User</a></center>");

}

}

?>

• coba3.php (daftar data mahasiswa + edit untuk operator)

<?php

require_once('koneksi.php');

session_start();

if (isset($_SESSION['level']) && isset($_SESSION['username']))

{

echo("<html><head><title>Edit Data Mahasiswa</title></head><body

Page 38: LAPORAN TUGAS AKHIR - blog.undana.ac.idblog.undana.ac.id/jsmallfib_top/JURNAL/ICT/ICT 2011/Membuat Web...perkembangan pesat internet. Maka semakin banyak pula yang memanfaatkannya

37

background='1.png'><TABLE ALIGN='CENTER' WIDTH='700' HEIGHT='100'><TR><TD ALIGN='CENTER'><IMG

SRC='2.png' width='700' height='100' alt='1.png'></TD></TR></TABLE>");

if ($_SESSION['level'] == "operator")

{

echo("<td width=700 height=300>");

?>

<TABLE align='center' WIDTH='700' HEIGHT='300'>

<TD ALIGN='center' ROWSPAN='2' BACKGROUND='8.png' WIDTH='700' HEIGHT='300'>

<h1><FONT COLOR='WHITE' FACE='CALIBRI'><b>daftar data mahasiswa</b></font></h1>

<p>

<?

$query = "select * from daftar";

$hasil = mysql_query($query);

$data = mysql_fetch_array($hasil);

echo("<table border=1 align='center' width='650'>");

echo("<tr>");

echo("<th width=20><FONT COLOR='WHITE' FACE='CALIBRI'>nim</th>");

echo("<th width=100><FONT COLOR='WHITE' FACE='CALIBRI'>nama</th>");

echo("<th width=10><FONT COLOR='WHITE' FACE='CALIBRI'>angkatan</th>");

echo("<th width=90><FONT COLOR='WHITE' FACE='CALIBRI'>rumah sakit</th>");

echo("<th width=90><FONT COLOR='WHITE' FACE='CALIBRI'>alamat rumahsakit</th>");

echo("<th width=90><FONT COLOR='WHITE' FACE='CALIBRI'>kepala rumahsakit</th>");

echo("<th width=20><FONT COLOR='WHITE' FACE='CALIBRI'>action</th>");

echo("</tr>");

do

{

echo("<tr>");

echo("<td align ='center' valign='top' height='30'

width='20'><FONT COLOR='WHITE' FACE='CALIBRI'>$data[username]</b></td>");

echo("<td align ='center' valign='top' height='30'

width='100'><FONT COLOR='WHITE' FACE='CALIBRI'>$data[nama]</b></td>");

echo("<td align ='center' valign='top' height='30'

width='10'><FONT COLOR='WHITE' FACE='CALIBRI'>$data[angkatan]</b></td>");

echo("<td align ='center' valign='top' height='30'

width='90'><FONT COLOR='WHITE' FACE='CALIBRI'>$data[rumahsakit]</b></td>");

echo("<td align ='center' valign='top' height='30'

width='90'><FONT COLOR='WHITE' FACE='CALIBRI'>$data[alamat]</b></td>");

echo("<td align ='center' valign='top' height='30'

width='90'><FONT COLOR='WHITE' FACE='CALIBRI'>$data[kepalars]</b></td>");

echo("<td align ='center' width=20 valign='top'><b><a

href='edith3.php?kode=$data[id]'><FONT COLOR='#fff660' FACE='CALIBRI'>edit</font></a></b></td>");

echo("</tr>");

}

while ($data = mysql_fetch_array($hasil));

echo("</table>");

Page 39: LAPORAN TUGAS AKHIR - blog.undana.ac.idblog.undana.ac.id/jsmallfib_top/JURNAL/ICT/ICT 2011/Membuat Web...perkembangan pesat internet. Maka semakin banyak pula yang memanfaatkannya

38

echo "<br><br>";

echo "</p>";

echo "<FONT COLOR='WHITE' FACE='CALIBRI'>";

echo "<table>";

echo "<tr><td></td></tr>";

echo "<tr><td></td></tr>";

echo "<tr><td></td></tr>";

echo "</table>";

include "menu.php";

?>

</p>

</td>

</tr>

</table>

<?

echo("</font></td></tr></table>");

echo("</body></html>");

}

else

{

echo("<center>Maaf Halaman ini Hanya untuk Admins<br>");

echo("<br><a href='index.html'>Login User</a></center>");

}

}

?>

• cobaoperator.php (daftar data operator untuk admin)

<?php

require_once('koneksi.php');

session_start();

if (isset($_SESSION['level']) && isset($_SESSION['username']))

{

echo("<html><head><title>Data Operator</title></head><body

background='1.png'><TABLE ALIGN='CENTER' WIDTH='700' HEIGHT='100'><TR><TD ALIGN='CENTER'><IMG

SRC='2.png' width='700' height='100' alt='1.png'></TD></TR></TABLE>");

if ($_SESSION['level'] == "admin")

{

echo("<td width=700 height=300>");

?>

<TABLE align='center' WIDTH='700' HEIGHT='300'>

<TD ALIGN='center' ROWSPAN='2' BACKGROUND='8.png' WIDTH='700' HEIGHT='300'>

<h1><FONT COLOR='WHITE' FACE='CALIBRI'><b>Data Operator</b></font></h2>

<p>

<?

$query = "select * from operator";

Page 40: LAPORAN TUGAS AKHIR - blog.undana.ac.idblog.undana.ac.id/jsmallfib_top/JURNAL/ICT/ICT 2011/Membuat Web...perkembangan pesat internet. Maka semakin banyak pula yang memanfaatkannya

39

$hasil = mysql_query($query);

$data = mysql_fetch_array($hasil);

echo("<table border=1 align='center' width='650'>");

echo("<tr>");

echo("<th width=150><FONT COLOR='WHITE' FACE='CALIBRI'>username</th>");

echo("<th width=150><FONT COLOR='WHITE' FACE='CALIBRI'>level</th>");

echo("<th width=50><FONT COLOR='WHITE' FACE='CALIBRI'>action</th>");

echo("</tr>");

do

{

echo("<tr>");

echo("<td valign='top' height='20'

width='150'><FONT COLOR='WHITE' FACE='CALIBRI'>$data[username]</b></td>");

echo("<td valign='top' height='20'

width='150'><FONT COLOR='WHITE' FACE='CALIBRI'>$data[level]</b></td>");

echo("<td width=50 valign='top'><b><a

href='edithoperator.php?kode=$data[id]'><FONT COLOR='#fff660' FACE='CALIBRI'>edit</a></b></td>");

echo("</tr>");

}

while ($data = mysql_fetch_array($hasil));

echo("</table>");

echo "<br><br>";

echo "</p>";

echo "<FONT COLOR='WHITE' FACE='CALIBRI'>";

echo "<table>";

echo "<tr><td></td></tr>";

echo "<tr><td></td></tr>";

echo "<tr><td></td></tr>";

echo "</table>";

include "menu.php";

?>

</p>

</td>

</tr>

</table>

<?

echo("</font></td></tr></table>");

echo("</body></html>");

}

else

{

echo("<center>Maaf Halaman ini Hanya untuk Admins<br>");

Page 41: LAPORAN TUGAS AKHIR - blog.undana.ac.idblog.undana.ac.id/jsmallfib_top/JURNAL/ICT/ICT 2011/Membuat Web...perkembangan pesat internet. Maka semakin banyak pula yang memanfaatkannya

40

echo("<br><a href='login.htm'>Login User</a></center>");

}

}

?>

• edithoperator.php (form untuk mengedit password dan level

operator)

<?

session_start();

echo("<html><head><title>Edit Data Operator</title></head><body

background='1.png'><TABLE ALIGN='CENTER' WIDTH='700' HEIGHT='100'><TR><TD ALIGN='CENTER'><IMG

SRC='2.png' width='700' height='100' alt='1.png'></TD></TR></TABLE>");

if ($_SESSION['level'] == "admin")

{

echo("<td width=700 height=400>");

echo("<font face='verdana' size='6'>");

$konek = mysql_connect("localhost","","");

mysql_select_db("fmipaa",$konek);

$query = mysql_query("select * from operator where id='$kode'",$konek);

$data = mysql_fetch_array($query);

if ($data['level'] == "admin")

{

$option1 = "<input type=\"radio\" name=\"level\"

value=\"admin\" checked>";

$option2 = "<input type=\"radio\" name=\"level\"

value=\"operator\">";

$option3 = "<input type=\"radio\" name=\"level\"

value=\"user\">";

}

else if ($data['level'] == "operator")

{

$option1 = "<input type=\"radio\" name=\"level\"

value=\"admin\">";

$option2 = "<input type=\"radio\" name=\"level\"

value=\"operator\" checked>";

$option3 = "<input type=\"radio\" name=\"level\"

value=\"user\">";

}

else if ($data['level'] == "user")

{

$option1 = "<input type=\"radio\" name=\"level\"

value=\"admin\">";

$option2 = "<input type=\"radio\" name=\"level\"

value=\"operator\">";

Page 42: LAPORAN TUGAS AKHIR - blog.undana.ac.idblog.undana.ac.id/jsmallfib_top/JURNAL/ICT/ICT 2011/Membuat Web...perkembangan pesat internet. Maka semakin banyak pula yang memanfaatkannya

41

$option3 = "<input type=\"radio\" name=\"level\"

value=\"user\" checked>";

}

echo '<form method="POST" action="updateoperator.php" enctype="multipart/form-data">';

echo "<TABLE align='center' WIDTH='700' HEIGHT='300'>";

echo "<TD ALIGN='center' ROWSPAN='2' BACKGROUND='8.png' WIDTH='700' HEIGHT='300'>";

echo "<FONT COLOR='WHITE' FACE='CALIBRI'><br>";

echo '<TABLE BORDER=1 WIDTH="465" ALIGN="center" CLASS="tabel"><TR><TD COLSPAN="2"

CLASS="headr" ALIGN="center"><FONT COLOR="WHITE" FACE="CALIBRI"><h1>Edit data

Operator</h1></TD>';

echo "</TR><p><input type='hidden' name='id_id' value='$data[id]'>";

echo "<TR><TH><FONT COLOR='WHITE' FACE='CALIBRI'>username</TH>";

echo "<TD ALIGN='left'><FONT COLOR='WHITE' FACE='CALIBRI'>$data[username]</TD>";

echo "</TR><TR><TH><FONT COLOR='WHITE' FACE='CALIBRI'>password</TH>";

echo "<TD ALIGN='left'><INPUT NAME='password' TYPE='password' ID='password' value='echo $data[password]'

SIZE=45' /></TD>";

echo "</TR><TR><TH><FONT COLOR='WHITE' FACE='CALIBRI'>level</TH><TD ALIGN='left'><INPUT

TYPE='radio' NAME ='level' value='admin'><FONT COLOR='WHITE' FACE='CALIBRI'>Admin <br>";

echo '<INPUT TYPE="radio" NAME ="level" value="operator" checked><FONT COLOR="WHITE"

FACE="CALIBRI">Operator <br>';

echo '<INPUT TYPE="radio" NAME ="level" value="user"><FONT COLOR="WHITE" FACE="CALIBRI">User <br>';

echo "</TD></TR><tr><td colspan='2'><center><input type='submit' name='Submit' value='Submit'

/></center></td></tr></td></TABLE><br><center><a href='coba.php'>Kembali ke data</a><br>";

include "menu.php";

echo "</center></table></form>";

?>

<?

echo("</td></tr></table>");

echo("</body></html>");

}

else

{

echo("<center>Maaf Untuk Masuk Halaman ini,<br>Anda harus login terlebih

dahulu <br>");

echo("<br><a href='login.htm'>Login User</a></center>");

}

?>

• edith3.php (form edit data mahasiswa untuk operator)

<?

session_start();

echo("<html><head><title>Lihat Data Kamar</title></head><body

Page 43: LAPORAN TUGAS AKHIR - blog.undana.ac.idblog.undana.ac.id/jsmallfib_top/JURNAL/ICT/ICT 2011/Membuat Web...perkembangan pesat internet. Maka semakin banyak pula yang memanfaatkannya

42

background='1.png'><TABLE ALIGN='CENTER' WIDTH='700' HEIGHT='100'><TR><TD ALIGN='CENTER'><IMG

SRC='2.png' width='700' height='100' alt='1.png'></TD></TR></TABLE>");

if ($_SESSION['level'] == "operator")

{

echo("<td width=600 height=400>");

echo("<font face='verdana' size='6'>");

$konek = mysql_connect("localhost","","");

mysql_select_db("fmipaa",$konek);

$query = mysql_query("select * from daftar where id='$kode'",$konek);

$data = mysql_fetch_array($query);

if ($data['level'] == "admin")

{

$option1 = "<input type=\"radio\" name=\"level\"

value=\"admin\" checked>";

$option2 = "<input type=\"radio\" name=\"level\"

value=\"operator\">";

$option3 = "<input type=\"radio\" name=\"level\"

value=\"user\">";

}

else if ($data['level'] == "operator")

{

$option1 = "<input type=\"radio\" name=\"level\"

value=\"admin\">";

$option2 = "<input type=\"radio\" name=\"level\"

value=\"operator\" checked>";

$option3 = "<input type=\"radio\" name=\"level\"

value=\"user\">";

}

else if ($data['level'] == "user")

{

$option1 = "<input type=\"radio\" name=\"level\"

value=\"admin\">";

$option2 = "<input type=\"radio\" name=\"level\"

value=\"operator\">";

$option3 = "<input type=\"radio\" name=\"level\"

value=\"user\" checked>";

}

echo '<form method="POST" action="update3.php" enctype="multipart/form-data">';

echo "<TABLE align='center' WIDTH='700' HEIGHT='300'>";

echo "<TD ALIGN='center' ROWSPAN='2' BACKGROUND='8.png' WIDTH='700' HEIGHT='300'>";

echo "<FONT COLOR='WHITE' FACE='CALIBRI'><br>";

echo '<TABLE BORDER=1 WIDTH="465" ALIGN="center" CLASS="tabel"><TR><TD COLSPAN="2"

CLASS="headr" ALIGN="center"><FONT COLOR="WHITE" FACE="CALIBRI"><H1>Edit Identitas</H1></TD>';

echo "</TR><p><input type='hidden' name='id_id' value='$data[id]'>";

Page 44: LAPORAN TUGAS AKHIR - blog.undana.ac.idblog.undana.ac.id/jsmallfib_top/JURNAL/ICT/ICT 2011/Membuat Web...perkembangan pesat internet. Maka semakin banyak pula yang memanfaatkannya

43

echo "<TR><TH><FONT COLOR='WHITE' FACE='CALIBRI'>Nim</TH>";

echo "<TD ALIGN='left'><FONT COLOR='WHITE' FACE='CALIBRI'>$data[username]</TD>";

echo "</TR><TR><TH><FONT COLOR='WHITE' FACE='CALIBRI'>Nama</TH>";

echo "<TD ALIGN='left'><FONT COLOR='WHITE' FACE='CALIBRI'>$data[nama]</TD>";

echo "</TR><TR><TH><FONT COLOR='WHITE' FACE='CALIBRI'>Angkatan</TH>";

echo "<TD ALIGN='left'><FONT COLOR='WHITE' FACE='CALIBRI'>$data[angkatan]</TD>";

echo "</TR><TR><TH><FONT COLOR='WHITE' FACE='CALIBRI'>password</TH>";

echo "<TD ALIGN='left'><INPUT NAME='password' TYPE='password' ID='password' value='echo $data[password]'

SIZE=45' /></TD>";

echo "</TR><TR><TH><FONT COLOR='WHITE' FACE='CALIBRI'>level</TH><TD ALIGN='left'><FONT

COLOR='WHITE' FACE='CALIBRI'>$data[level]</TD>";

echo "</TR><TR><TH><FONT COLOR='WHITE' FACE='CALIBRI'>Nama RS</TH>";

echo "<TD ALIGN='left'><FONT COLOR='WHITE' FACE='CALIBRI'>$data[rumahsakit]</TD>";

echo "</TR><TR><TH><FONT COLOR='WHITE' FACE='CALIBRI'>Alamat RS</TH>";

echo "<TD ALIGN='left'><FONT COLOR='WHITE' FACE='CALIBRI'>$data[alamat]</TD>";

echo "</TR><TR><TH><FONT COLOR='WHITE' FACE='CALIBRI'>Kepala RS</TH>";

echo "<TD ALIGN='left'><FONT COLOR='WHITE' FACE='CALIBRI'>$data[kepalars]</TD>";

echo "</TR><tr><td colspan='2'><center><input type='submit' name='Submit' value='Submit'

/></center></td></tr></td></TABLE><br><center><a href='coba.php'>Kembali ke data</a><br>";

include "menu.php";

echo "<br></center></table></form>";

?>

<?

echo("</td></tr></table>");

echo("</body></html>");

}

else

{

echo "<TABLE align='center' WIDTH='700' HEIGHT='300'>";

echo "<TD ALIGN='center' ROWSPAN='2' BACKGROUND='8.png' WIDTH='700' HEIGHT='300'>";

echo "<FONT COLOR='WHITE' FACE='CALIBRI'>";

echo("<center>Maaf Untuk Masuk Halaman ini,<br>Anda harus login terlebih

dahulu <br>");

echo("<br><a href='index.html'>Login</a></center>");

}

?>

• edith.php (form edit data mahasiswa untuk admin)

<?

session_start();

echo("<html><head><title>Edit Data Mahasiswa</title></head><body

background='1.png'><TABLE ALIGN='CENTER' WIDTH='700' HEIGHT='100'><TR><TD ALIGN='CENTER'><IMG

SRC='2.png' width='700' height='100' alt='1.png'></TD></TR></TABLE>");

Page 45: LAPORAN TUGAS AKHIR - blog.undana.ac.idblog.undana.ac.id/jsmallfib_top/JURNAL/ICT/ICT 2011/Membuat Web...perkembangan pesat internet. Maka semakin banyak pula yang memanfaatkannya

44

if ($_SESSION['level'] == "admin")

{

echo("<td width=600 height=400>");

echo("<font face='verdana' size='6'>");

$konek = mysql_connect("localhost","","");

mysql_select_db("fmipaa",$konek);

$query = mysql_query("select * from daftar where id='$kode'",$konek);

$data = mysql_fetch_array($query);

if ($data['level'] == "admin")

{

$option1 = "<input type=\"radio\" name=\"level\"

value=\"admin\" checked>";

$option2 = "<input type=\"radio\" name=\"level\"

value=\"operator\">";

$option3 = "<input type=\"radio\" name=\"level\"

value=\"user\">";

}

else if ($data['level'] == "operator")

{

$option1 = "<input type=\"radio\" name=\"level\"

value=\"admin\">";

$option2 = "<input type=\"radio\" name=\"level\"

value=\"operator\" checked>";

$option3 = "<input type=\"radio\" name=\"level\"

value=\"user\">";

}

else if ($data['level'] == "user")

{

$option1 = "<input type=\"radio\" name=\"level\"

value=\"admin\">";

$option2 = "<input type=\"radio\" name=\"level\"

value=\"operator\">";

$option3 = "<input type=\"radio\" name=\"level\"

value=\"user\" checked>";

}

echo '<form method="POST" action="update2.php" enctype="multipart/form-data">';

echo "<TABLE align='center' WIDTH='700' HEIGHT='300'>";

echo "<TD ALIGN='center' ROWSPAN='2' BACKGROUND='8.png' WIDTH='700' HEIGHT='300'>";

echo "<FONT COLOR='WHITE' FACE='CALIBRI'><br>";

echo '<TABLE BORDER=1 WIDTH="465" ALIGN="center" CLASS="tabel"><TR><TD COLSPAN="2"

CLASS="headr" ALIGN="center"><FONT COLOR="WHITE" FACE="CALIBRI"><H1>Edit Identitas</H1></TD>';

echo "</TR><p><input type='hidden' name='id_id' value='$data[id]'>";

echo "<TR><TH><FONT COLOR='WHITE' FACE='CALIBRI'>Nim</TH>";

echo "<TD ALIGN='left'><FONT COLOR='WHITE' FACE='CALIBRI'>$data[username]</TD>";

echo "</TR><TR><TH><FONT COLOR='WHITE' FACE='CALIBRI'>Nama</TH>";

Page 46: LAPORAN TUGAS AKHIR - blog.undana.ac.idblog.undana.ac.id/jsmallfib_top/JURNAL/ICT/ICT 2011/Membuat Web...perkembangan pesat internet. Maka semakin banyak pula yang memanfaatkannya

45

echo "<TD ALIGN='left'><FONT COLOR='WHITE' FACE='CALIBRI'>$data[nama]</TD>";

echo "</TR><TR><TH><FONT COLOR='WHITE' FACE='CALIBRI'>Angkatan</TH>";

echo "<TD ALIGN='left'><FONT COLOR='WHITE' FACE='CALIBRI'>$data[angkatan]</TD>";

echo "</TR><TR><TH><FONT COLOR='WHITE' FACE='CALIBRI'>password</TH>";

echo "<TD ALIGN='left'><INPUT NAME='password' TYPE='password' ID='password' value='echo $data[password]'

SIZE=45' /></TD>";

echo "</TR><TR><TH><FONT COLOR='WHITE' FACE='CALIBRI'>level</TH><TD ALIGN='left'><INPUT

TYPE='radio' NAME ='level' value='admin' checked><FONT COLOR='WHITE' FACE='CALIBRI'>Admin <br>";

echo '<INPUT TYPE="radio" NAME ="level" value="operator" checked><FONT COLOR="WHITE"

FACE="CALIBRI">Operator <br>';

echo '<INPUT TYPE="radio" NAME ="level" value="user" checked><FONT COLOR="WHITE"

FACE="CALIBRI">User <br></TD>';

echo "</TR><TR><TH><FONT COLOR='WHITE' FACE='CALIBRI'>Nama RS</TH>";

echo "<TD ALIGN='left'><FONT COLOR='WHITE' FACE='CALIBRI'>$data[rumahsakit]</TD>";

echo "</TR><TR><TH><FONT COLOR='WHITE' FACE='CALIBRI'>Alamat RS</TH>";

echo "<TD ALIGN='left'><FONT COLOR='WHITE' FACE='CALIBRI'>$data[alamat]</TD>";

echo "</TR><TR><TH><FONT COLOR='WHITE' FACE='CALIBRI'>Kepala RS</TH>";

echo "<TD ALIGN='left'><FONT COLOR='WHITE' FACE='CALIBRI'>$data[kepalars]</TD>";

echo "</TR><tr><td colspan='2'><center><input type='submit' name='Submit' value='Submit'

/></center></td></tr></td></TABLE><br><center><a href='coba.php'>Kembali ke data</a><br>";

include "menu.php";

echo "<br></center></table></form>";

?>

<?

echo("</td></tr></table>");

echo("</body></html>");

}

else

{

echo "<TABLE align='center' WIDTH='700' HEIGHT='300'>";

echo "<TD ALIGN='center' ROWSPAN='2' BACKGROUND='8.png' WIDTH='700' HEIGHT='300'>";

echo "<FONT COLOR='WHITE' FACE='CALIBRI'>";

echo("<center>Maaf Untuk Masuk Halaman ini,<br>Anda harus login terlebih

dahulu <br>");

echo("<br><a href='index.html'>Login</a></center>");

}

?>

• hal4.php (form registrasi pkl untuk user/mahasiswa)

<?php

session_start();

if (isset($_SESSION['level']) && isset($_SESSION['username']) && isset($_SESSION['id']) &&

isset($_SESSION['nama']) && isset($_SESSION['angkatan']))

Page 47: LAPORAN TUGAS AKHIR - blog.undana.ac.idblog.undana.ac.id/jsmallfib_top/JURNAL/ICT/ICT 2011/Membuat Web...perkembangan pesat internet. Maka semakin banyak pula yang memanfaatkannya

46

{

if ($_SESSION['level'] == "user")

{

echo "<HEAD>";

echo "<TITLE>Registrasi Tempat PKL</TITLE>";

echo "</HEAD>";

echo "<BODY BACKGROUND='1.png'>";

echo "<TABLE ALIGN='CENTER' WIDTH='700' HEIGHT='100' >";

echo "<TR>";

echo "<TD ALIGN='CENTER'>";

echo "<IMG SRC='2.png' width='700' height='100' alt='1.png'>";

echo "</TD>";

echo "</TR>";

echo "</TABLE>";

echo "<TABLE align='center' WIDTH='700' HEIGHT='300'>";

echo "<TD ALIGN='center' ROWSPAN='2' BACKGROUND='8.png' WIDTH='700' HEIGHT='300'>";

echo "<FONT COLOR='WHITE' FACE='CALIBRI'>";

echo '<br>';

echo "<h2>selamat datang</h2>";

echo "<div align='justify'>";

echo "<blockquote>";

echo "Nama : ".$_SESSION['nama']."<br>";

echo "Nim : ".$_SESSION['username']."<br>";

echo "Angkatan : ".$_SESSION['angkatan']."<br>";

echo "<h2>Registrasi Tempat PKL</h2>";

echo '<form method="POST" action="update.php">';

echo "<table width='410' border='0' cellspacing='1' cellpadding='1'>";

echo "<tr>";

echo "<td><FONT COLOR='WHITE' FACE='CALIBRI'>Nama RS</td>";

echo "<td><FONT COLOR='WHITE' FACE='CALIBRI'>:</td>";

echo "<td><input name='rumahsakit' type='text' id='rumahsakit' size='59' /></td>";

echo "</tr>";

echo "<tr>";

echo "<td><FONT COLOR='WHITE' FACE='CALIBRI'>Alamat RS</td>";

echo "<td><FONT COLOR='WHITE' FACE='CALIBRI'>:</td>";

echo "<td><textarea name='alamat' type='text' id='alamat' COLS='46' ROWS='5' /></textarea></td>";

echo "</tr>";

echo "<tr>";

echo "<td><FONT COLOR='WHITE' FACE='CALIBRI'>Kepala RS</td>";

echo "<td><FONT COLOR='WHITE' FACE='CALIBRI'>:</td>";

echo "<td><input name='kepalars' type='text' id='kepalars' size='59' /></td>";

echo "</tr>";

echo "<tr>";

echo "<td>&nbsp;</td>";

Page 48: LAPORAN TUGAS AKHIR - blog.undana.ac.idblog.undana.ac.id/jsmallfib_top/JURNAL/ICT/ICT 2011/Membuat Web...perkembangan pesat internet. Maka semakin banyak pula yang memanfaatkannya

47

echo "<td>&nbsp;</td>";

echo "<td><input type='submit' name='Submit' value='Submit' /></td>";

echo "</tr>";

echo "</blockquote>";

echo "</div>";

echo "</table>";

echo "</form>";

echo "<center>"; include "menu.php";

echo "</center><br>";

echo "</table>";

echo "</BODY>";

}

}

else

{

echo "<h1>Nah.. Anda pasti mencoba akses halaman ini tanpa login ya?</h1>";

}

?>

• homeuser.php

<?php

session_start();

if (isset($_SESSION['level']) && isset($_SESSION['username']) && isset($_SESSION['nama']) &&

isset($_SESSION['angkatan']))

{

if ($_SESSION['level'] == "user")

{

// tampilkan konten halaman 1 jika levelnya admin

echo "<head><title>Home User</title></head>";

echo "<BODY BACKGROUND='1.png'>";

echo "<TABLE ALIGN='CENTER' WIDTH='700' HEIGHT='100'>";

echo "<TR>";

echo "<TD ALIGN='CENTER'>";

echo "<IMG SRC='2.png' width='700' height='100' alt='1.png'>";

echo "</TD>";

echo "</TR>";

echo "</TABLE>";

echo "<TABLE align='center' WIDTH='700' HEIGHT='300'>";

echo "<TD ALIGN='center' ROWSPAN='2' BACKGROUND='8.png' WIDTH='700' HEIGHT='300'>";

echo "<FONT COLOR='WHITE' FACE='CALIBRI'>";

echo "<h1>Halaman User</h1>";

echo "Nim : ".$_SESSION['username']."<br>";

echo "Nama : ".$_SESSION['nama']."<br>";

echo "Angkatan : ".$_SESSION['angkatan']."<br>";

Page 49: LAPORAN TUGAS AKHIR - blog.undana.ac.idblog.undana.ac.id/jsmallfib_top/JURNAL/ICT/ICT 2011/Membuat Web...perkembangan pesat internet. Maka semakin banyak pula yang memanfaatkannya

48

echo "<br><br>";

include "menu.php";

echo "</body>";

}

}

else

{

echo "<h1>Nah.. Anda pasti mencoba akses halaman ini tanpa login ya?</h1>";

}

?>

• homeadmin.php

<?php

session_start();

if (isset($_SESSION['level']) && isset($_SESSION['username']))

{

if ($_SESSION['level'] == "admin")

{

echo "<head><title>Home Admin</title></head>";

echo "<BODY BACKGROUND='1.png'>";

echo "<TABLE ALIGN='CENTER' WIDTH='700' HEIGHT='100'>";

echo "<TR>";

echo "<TD ALIGN='CENTER'>";

echo "<IMG SRC='2.png' width='700' height='100' alt='1.png'>";

echo "</TD>";

echo "</TR>";

echo "</TABLE>";

echo "<TABLE align='center' WIDTH='700' HEIGHT='300'>";

echo "<TD ALIGN='center' ROWSPAN='2' BACKGROUND='8.png' WIDTH='700' HEIGHT='300'>";

echo "<FONT COLOR='WHITE' FACE='CALIBRI'>";

echo "<center><h1>Halaman Admin</h1><br></center>";

echo "<center><p>Username : ".$_SESSION['username']."</p></center>";

echo "<center><p>Level : ".$_SESSION['level']."</p></center>";

echo "<br><br>";

include "menu.php";

echo "</body>";

}

else

{

// jika levelnya bukan admin, tampilkan pesan

echo "<h1>Maaf.. Anda bukan user berlevel Administrator</h1>";

}

}

Page 50: LAPORAN TUGAS AKHIR - blog.undana.ac.idblog.undana.ac.id/jsmallfib_top/JURNAL/ICT/ICT 2011/Membuat Web...perkembangan pesat internet. Maka semakin banyak pula yang memanfaatkannya

49

else

{

echo "<h1>Nah.. Anda pasti mencoba akses halaman ini tanpa login ya?</h1>";

}

?>

• homeoperator.php

<?php

session_start();

if (isset($_SESSION['level']) && isset($_SESSION['username']))

{

if ($_SESSION['level'] == "operator")

{

echo "<head><title>Home Operator</title></head>";

echo "<BODY BACKGROUND='1.png'>";

echo "<TABLE ALIGN='CENTER' WIDTH='700' HEIGHT='100'>";

echo "<TR>";

echo "<TD ALIGN='CENTER'>";

echo "<IMG SRC='2.png' width='700' height='100' alt='1.png'>";

echo "</TD>";

echo "</TR>";

echo "</TABLE>";

echo "<TABLE align='center' WIDTH='700' HEIGHT='300'>";

echo "<TD ALIGN='center' ROWSPAN='2' BACKGROUND='8.png' WIDTH='700' HEIGHT='300'>";

echo "<FONT COLOR='WHITE' FACE='CALIBRI'>";

echo "<center><h1>Halaman Operator</h1></center>";

echo "<center><p>Username : ".$_SESSION['username']."</p></center>";

echo "<center><p>Level : ".$_SESSION['level']."</p></center>";

echo "<br><br>";

include "menu.php";

echo "</body>";

}

else

{

echo "<h1>Maaf.. Anda bukan user berlevel Administrator</h1>";

}

}

else

{

echo "<h1>Nah.. Anda pasti mencoba akses halaman ini tanpa login ya?</h1>";

}

?>

Page 51: LAPORAN TUGAS AKHIR - blog.undana.ac.idblog.undana.ac.id/jsmallfib_top/JURNAL/ICT/ICT 2011/Membuat Web...perkembangan pesat internet. Maka semakin banyak pula yang memanfaatkannya

50

• update.php

<?

session_start();

$konek = mysql_connect("localhost","","");

mysql_select_db("fmipaa",$konek);

mysql_query("update daftar set rumahsakit='$rumahsakit', alamat='$alamat', kepalars='$kepalars' where

id='$_SESSION[id]'",$konek);

$direct="homeuser.php";

echo "<BODY BACKGROUND='1.png'>";

echo "<TABLE ALIGN='CENTER' WIDTH='700' HEIGHT='100'>";

echo "<TR>";

echo "<TD ALIGN='CENTER'>";

echo "<IMG SRC='2.png' width='700' height='100' alt='1.png'>";

echo "</TD>";

echo "</TR>";

echo "</TABLE>";

echo "<TABLE align='center' WIDTH='700' HEIGHT='300'>";

echo "<TD ALIGN='center' ROWSPAN='2' BACKGROUND='8.png' WIDTH='700' HEIGHT='300'>";

echo "<FONT COLOR='WHITE' FACE='CALIBRI'>";

echo "Data sudah diperbaiki <br>";

echo "<meta HTTP-EQUIV=\"REFRESH\" content=\"3; url=$direct\" />";

echo "</body>";

?>

• update2.php

<?

$konek = mysql_connect("localhost","","");

mysql_select_db("fmipaa",$konek);

mysql_query("update daftar set password='$password', level='$level' where id='$id_id'",$konek);

$direct="coba.php";

echo "<BODY BACKGROUND='1.png'>";

echo "<TABLE ALIGN='CENTER' WIDTH='700' HEIGHT='100'>";

echo "<TR>";

echo "<TD ALIGN='CENTER'>";

echo "<IMG SRC='2.png' width='700' height='100' alt='1.png'>";

echo "</TD>";

echo "</TR>";

echo "</TABLE>";

echo "<TABLE align='center' WIDTH='700' HEIGHT='300'>";

echo "<TD ALIGN='center' ROWSPAN='2' BACKGROUND='8.png' WIDTH='700' HEIGHT='300'>";

echo "<FONT COLOR='WHITE' FACE='CALIBRI'>";

echo "Data sudah diperbaiki <br>";

echo "<meta HTTP-EQUIV=\"REFRESH\" content=\"3; url=$direct\" />";

?>

• update3.php

<?

Page 52: LAPORAN TUGAS AKHIR - blog.undana.ac.idblog.undana.ac.id/jsmallfib_top/JURNAL/ICT/ICT 2011/Membuat Web...perkembangan pesat internet. Maka semakin banyak pula yang memanfaatkannya

51

$konek = mysql_connect("localhost","","");

mysql_select_db("fmipaa",$konek);

mysql_query("update daftar set password='$password' where id='$id_id'",$konek);

$direct="coba3.php";

echo "<BODY BACKGROUND='1.png'>";

echo "<TABLE ALIGN='CENTER' WIDTH='700' HEIGHT='100'>";

echo "<TR>";

echo "<TD ALIGN='CENTER'>";

echo "<IMG SRC='2.png' width='700' height='100' alt='1.png'>";

echo "</TD>";

echo "</TR>";

echo "</TABLE>";

echo "<TABLE align='center' WIDTH='700' HEIGHT='300'>";

echo "<TD ALIGN='center' ROWSPAN='2' BACKGROUND='8.png' WIDTH='700' HEIGHT='300'>";

echo "<FONT COLOR='WHITE' FACE='CALIBRI'>";

echo "Data sudah diperbaiki <br>";

echo "<meta HTTP-EQUIV=\"REFRESH\" content=\"3; url=$direct\" />";

?>

• updateoperator.php

<?

$konek = mysql_connect("localhost","","");

mysql_select_db("fmipaa",$konek);

mysql_query("update operator set password='$password', level='$level' where id='$id_id'",$konek);

$direct="cobaoperator.php";

echo "<BODY BACKGROUND='1.png'>";

echo "<TABLE ALIGN='CENTER' WIDTH='700' HEIGHT='100'>";

echo "<TR>";

echo "<TD ALIGN='CENTER'>";

echo "<IMG SRC='2.png' width='700' height='100' alt='1.png'>";

echo "</TD>";

echo "</TR>";

echo "</TABLE>";

echo "<TABLE align='center' WIDTH='700' HEIGHT='300'>";

echo "<TD ALIGN='center' ROWSPAN='2' BACKGROUND='8.png' WIDTH='700' HEIGHT='300'>";

echo "<FONT COLOR='WHITE' FACE='CALIBRI'>";

echo "Data sudah diperbaiki <br>";

echo "<meta HTTP-EQUIV=\"REFRESH\" content=\"3; url=$direct\" />";

?>

• menu.php

<?php

session_start();

if ($_SESSION['level'] == "admin")

{

Page 53: LAPORAN TUGAS AKHIR - blog.undana.ac.idblog.undana.ac.id/jsmallfib_top/JURNAL/ICT/ICT 2011/Membuat Web...perkembangan pesat internet. Maka semakin banyak pula yang memanfaatkannya

52

// tampilkan menu untuk admin

echo "<a href='coba2.php'><FONT COLOR='#fff660' FACE='CALIBRI'>Daftar Data Mahasiswa | </FONT></a> ";

echo "<a href='coba.php'><FONT COLOR='#fff660' FACE='CALIBRI'>Edit Data Mahasiswa | </FONT></a> ";

echo "<a href='cobaoperator.php'><FONT COLOR='#fff660' FACE='CALIBRI'>Edit Data Operator | </FONT></a> ";

echo "<a href='formUbahPasswordAdmin.php'><FONT COLOR='#fff660' FACE='CALIBRI'>Ganti Password |

</FONT></a>";

echo "<a href='homeadmin.php'><FONT COLOR='#fff660' FACE='CALIBRI'>Home Admin | </FONT></a>";

echo "<a href='logout.php'><FONT COLOR='#fff660' FACE='CALIBRI'>Logout</FONT></a> ";

}

else if ($_SESSION['level'] == "operator")

{

// tampilkan menu untuk operator

echo "<a href='coba2.php'><FONT COLOR='#fff660' FACE='CALIBRI'>Daftar Data Mahasiswa |

</FONT></a> ";

echo "<a href='coba3.php'><FONT COLOR='#fff660' FACE='CALIBRI'>Edit Data Mahasiswa | </FONT></a> ";

echo "<a href='formUbahPasswordOperator.php'><FONT COLOR='#fff660' FACE='CALIBRI'>Ganti Password |

</FONT></a>";

echo "<a href='homeoperator.php'><FONT COLOR='#fff660' FACE='CALIBRI'>Home Operator |

</FONT></a>";

echo "<a href='logout.php'><FONT COLOR='#fff660' FACE='CALIBRI'>Logout</FONT></a> ";

}

else if ($_SESSION['level'] == "user")

{

// tampilkan menu untuk user biasa

echo "<a href='formUbahPasswordUser.php'><FONT COLOR='#fff660' FACE='CALIBRI'>Ganti Password |

</FONT></a>";

echo "<a href='hal4.php'><FONT COLOR='#fff660' FACE='CALIBRI'>Daftar PKL | </FONT></a> ";

echo "<a href='homeuser.php'><FONT COLOR='#fff660' FACE='CALIBRI'>Home User | </FONT></a>";

echo "<a href='logout.php'><FONT COLOR='#fff660' FACE='CALIBRI'>Logout</FONT></a> ";

}

?>

• logout.php

<?php

session_start();

session_destroy();

echo "<TITLE>Logout</TITLE>";

echo "<BODY BACKGROUND='1.png'>";

echo "<TABLE ALIGN='CENTER' WIDTH='700' HEIGHT='100'>";

echo "<TR>";

echo "<TD ALIGN='CENTER'>";

echo "<IMG SRC='2.png' width='700' height='100' alt='1.png'>";

echo "</TD>";

echo "</TR>";

echo "</TABLE>";

Page 54: LAPORAN TUGAS AKHIR - blog.undana.ac.idblog.undana.ac.id/jsmallfib_top/JURNAL/ICT/ICT 2011/Membuat Web...perkembangan pesat internet. Maka semakin banyak pula yang memanfaatkannya

53

echo "<TABLE align='center' WIDTH='700' HEIGHT='300'>";

echo "<TD ALIGN='center' ROWSPAN='2' BACKGROUND='8.png' WIDTH='700' HEIGHT='300'>";

echo "<FONT COLOR='WHITE' FACE='CALIBRI'>";

echo "<h1>Anda sudah logout</h1>";

echo "<p><a href='index.html'>Login Kembali</a></p>";

echo "</BODY>";

?>

• export.php

<?

// Connect database.

mysql_connect("localhost","","");

mysql_select_db("fmipaa");

// Get data records from table.

$result=mysql_query("select * from daftar order by id asc");

// Functions for export to excel.

function xlsBOF() {

echo pack("ssssss", 0x809, 0x8, 0x0, 0x10, 0x0, 0x0);

return;

}

function xlsEOF() {

echo pack("ss", 0x0A, 0x00);

return;

}

function xlsWriteNumber($Row, $Col, $Value) {

echo pack("sssss", 0x203, 14, $Row, $Col, 0x0);

echo pack("d", $Value);

return;

}

function xlsWriteLabel($Row, $Col, $Value ) {

$L = strlen($Value);

echo pack("ssssss", 0x204, 8 + $L, $Row, $Col, 0x0, $L);

echo $Value;

return;

}

header("Pragma: public");

header("Expires: 0");

header("Cache-Control: must-revalidate, post-check=0, pre-check=0");

header("Content-Type: application/force-download");

header("Content-Type: application/octet-stream");

header("Content-Type: application/download");;

header("Content-Disposition: attachment;filename=orderlist.xls ");

header("Content-Transfer-Encoding: binary ");

Page 55: LAPORAN TUGAS AKHIR - blog.undana.ac.idblog.undana.ac.id/jsmallfib_top/JURNAL/ICT/ICT 2011/Membuat Web...perkembangan pesat internet. Maka semakin banyak pula yang memanfaatkannya

54

xlsBOF();

/*

Make a top line on your excel sheet at line 1 (starting at 0).

The first number is the row number and the second number is the column, both are start at '0'

*/

xlsWriteLabel(0,0,"Daftar data mahasiswa.");

// Make column labels. (at line 3)

xlsWriteLabel(2,0,"No.");

xlsWriteLabel(2,1,"NIM");

xlsWriteLabel(2,2,"Nama");

xlsWriteLabel(2,3,"Angkatan");

xlsWriteLabel(2,4,"Rumah Sakit");

xlsWriteLabel(2,5,"Alamat Rumah Sakit");

xlsWriteLabel(2,6,"Kepala Rumah Sakit");

$xlsRow = 3;

// Put data records from mysql by while loop.

while($row=mysql_fetch_array($result)){

xlsWriteNumber($xlsRow,0,$row['id']);

xlsWriteLabel($xlsRow,1,$row['username']);

xlsWriteLabel($xlsRow,2,$row['nama']);

xlsWriteLabel($xlsRow,3,$row['angkatan']);

xlsWriteLabel($xlsRow,4,$row['rumahsakit']);

xlsWriteLabel($xlsRow,5,$row['alamat']);

xlsWriteLabel($xlsRow,6,$row['kepalars']);

$xlsRow++;

}

xlsEOF();

exit();

?>

• koneksiDB.php

<?php

$host = "localhost";

$username = "root";

$password = "";

$database = "fmipaa";

Page 56: LAPORAN TUGAS AKHIR - blog.undana.ac.idblog.undana.ac.id/jsmallfib_top/JURNAL/ICT/ICT 2011/Membuat Web...perkembangan pesat internet. Maka semakin banyak pula yang memanfaatkannya

55

$koneksi = mysql_connect($host, $username, $password);

mysql_select_db($database, $koneksi) or die( "MySQL Gagal Koneksi" );

?>

• koneksi.php

<?php

$host="localhost";

$db="fmipaa";

$koneksi=@mysql_connect($host,"","");

if(!$koneksi){

echo "Gagal melakukan koneksi !<BR/>Kesalahan : ".mysql_error();

exit();

}

$pilihdb=@mysql_select_db($db,$koneksi);

if(!$pilihdb){

exit("Gagal melakukan hubungan dengan database !<BR>Kesalahan : ".mysql_error());

}

?>

• config.php

<?php

$host = "localhost";

$user = "";

$pass = "";

$db = "fmipaa";

$table = "daftar";

$connect = mysql_connect($host,$user,$pass) or die("Gagal konek");

$pilih_db = mysql_select_db($db) or die("Database tidak ada");

$cookie_nama = $_COOKIE['nama'];

?>

Page 57: LAPORAN TUGAS AKHIR - blog.undana.ac.idblog.undana.ac.id/jsmallfib_top/JURNAL/ICT/ICT 2011/Membuat Web...perkembangan pesat internet. Maka semakin banyak pula yang memanfaatkannya

56

BAB IV

PENUTUP

A. KESIMPULAN

Dalam mendesain web ini saya dibutuhkan beberapa software selain

Notepad++ atau Notepad biasa untuk mengedit scriptnya, juga dibutuhkan

software untuk membuat suatu desain seperti Photoshop, Fireworks, dsb agar

suatu tampilan suatu website menarik.

Selain itu juga kita harus mengetahui cara untuk memasukkan desain yang

sudah kita buat ke dalam script php, yaitu menggunakan beberapa perintah php

dan tag – tag HTML.

B. KRITIK DAN SARAN

• Saran

Saran : siswa seharusnya diberi tahu cara – cara dan prosedur membuat

laporan TA dari awal sebelum Praktek Industri, sehingga siswa bisa

mengerjakan dengan lebih baik.

Page 58: LAPORAN TUGAS AKHIR - blog.undana.ac.idblog.undana.ac.id/jsmallfib_top/JURNAL/ICT/ICT 2011/Membuat Web...perkembangan pesat internet. Maka semakin banyak pula yang memanfaatkannya

57

� DAFTAR PUSTAKA

• http://coretanasal.blogspot.com/2008/08/teori-dasar-

html.html

• http://www.lintasberita.com/Teknologi/Software-

Internet/perintah-echo-pada-php-

• http://semangatbelajar.com/perintah-echo-php/