• Tidak ada hasil yang ditemukan

Perancangan Sistem Informasi Pada SMA Kemala Bhayangkari 1 Medan Menggunakan PHP & MySql

N/A
N/A
Protected

Academic year: 2016

Membagikan "Perancangan Sistem Informasi Pada SMA Kemala Bhayangkari 1 Medan Menggunakan PHP & MySql"

Copied!
110
0
0

Teks penuh

(1)

PERANCANGAN SISTEM INFORMASI PADA SMA KEMALA

BHAYANGKARI 1 MEDAN MENGGUNAKAN PHP & MYSQL

TUGAS AKHIR

PUTRI DIMITA LIANI

072406100

PROGRAM STUDI D3 ILMU KOMPUTER

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

(2)

PERANCANGAN SISTEM INFORMASI PADA SMA KEMALA

BHAYANGKARI 1 MEDAN MENGGUNAKAN PHP & MYSQL

TUGAS AKHIR

Diajukan untuk melengkapi tugas dan memenuhi syarat mencapai gelar Ahli Madya

PUTRI DIMITA LIANI

072406100

PROGRAM STUDI D3 ILMU KOPUTER

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

(3)

PERSETUJUAN

Judul

: PERANCANGAN SISTEM INFORMASI PADA

SMA KEMALA BHAYANGKARI 1 MEDAN

MENGGUNAKAN PHP & MYSQL

Kategori

: TUGAS AKHIR

Nama

: PUTRI DIMITA LIANI

Nomor Induk Mahasiswa

: 072406100

Program Studi

: DIPLOMA (D3) ILMU KOMPUTER

Departemen

: MATEMATIKA

Fakultas

: MATEMATIKA DAN ILMU PENGETAHUAN

ALAM (FMIPA) UNIVERSITAS SUMATERA

UTARA

Diluluskan di

Medan, Juni 2010

Diketahui/Disetujui oleh

Departemen Matematika FMIPA USU

Ketua,

Pembimbing,

(4)

PERNYATAAN

PERANCANGAN SISTEM INFORMASI PADA SMA KEMALA

BHAYANGKARI 1 MEDAN MENGGUNAKAN PHP & MYSQL

TUGAS AKHIR

Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa

kutipan dan ringkasan yang masing-masing disebut sumbernya.

Medan, Juni 2010

(5)

PENGHARGAAN

Puji dan syukur penulis panjatkan kehadirat Allah SWT yang telah memberikan

rahmat dan karunia-Nya sehingga penulis dapat menyelesaikan Tugas Akhir ini tepat

pada waktunya. Pembuatan Tugas Akhir ini merupakan salah satu syarat untuk

menyelesaikan Program Studi Diploma 3 Ilmu Komputer pada Universitas Sumatera

Utara. Adapun judul Tugas Akhir ini adalah “PERANCANGAN SISTEM

DATABASE PADA SMA KEMALA BHAYANGKARI 1 MEDAN

MENGGUNAKAN PHP & MYSQL”.

Selama mempersiapkan Tugas Akhir ini penulis banyak mendapat bantuan,

dorongan, dan motivasi baik secara langsung maupun tidak langsung, maka pada

kesempatan ini penulis ingin mengucapkan terimakasih kepada :

1.

Bapak Prof. Dr. Eddy Marlianto, M.Sc selaku Dekan Fakultas Matematika dan

Ilmu Pengetahuan Alam Universitas Sumatera Utara.

2.

Bapak Dr. Saib Suwilo, M.Sc selaku ketua Departemen Matematika Fakultas

Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

3.

Bapak Drs. Partano Siagian, M.Sc selaku pembimbing penulis yang telah banyak

memberikan saran dan masukan dalam penyelesaian Tugas Akhir ini.

(6)

5.

Seluruh staf pengajar di Fakultas Matematika dan Ilmu Pengetahuan Alam

Universitas Sumatera Utara khususnya program studi D3 Ilmu Komputer yang

telah benyak memberikan ilmu selama perkuliahan.

6.

Ayahanda Iswantomita dan Ibunda Zhoratul Kamaliah atas doa restunya dan kasih

sayangnya yang tiada habisnya diberikan pada penulis serta dukungan moril

maupun materil yang tanpa jasanya tak mungkin penulis sampai pada saat

sekarang.

7.

Seluruh rekan mahasiswa Jurusan D3 Ilmu Komputer khususnya APC dan

teman-teman serta tidak lupa untuk Chandra Gunawan D. yang telah banyak memberikan

dorongan semangat. Terima kasih atas semua dukungannya.

Penulis menyadari bahwa Tugas Akhir ini masih banyak mendapati

kekurangan dan kesalahan, untuk itu penulis mengharapkan kritik dan saran dari

semua pihak guna penyempurnaan Tugas Akhir di masa yang akan datang. Akhir kata,

semoga Tugas Akhir ini dapat berguna dan bermanfaat bagi kita semua dan penulis

pada khususnya.

Medan, Juni 2010

(7)

ABSTRAK

Perkembangan teknologi khususnya komputer pada saat ini mempunyai peranan yang

sangat penting dalam kehidupan di masyarakat. Teknologi yang berkembang sesuai

tuntutan zaman diharapkan menjadi sarana penunjang untuk menangani permasalahan

yang timbul dalam mengelola dan menyelesaikan permasalahan yang ada di

perusahaan atau organisasi.

Begitu juga dengan SMA Kemala Bhayangkari 1 Medan, diharapkan dapat

menyediakan informasi yang tepat dan akurat dalam data siswa secara on-line. Sistem

yang sedang berjalan pada SMA Kemala Bhayangkari 1 Medan saat ini belum

sepenuhnya menggunakan sistem komputerisasi.

Oleh sebab itu penulis mencoba merancang sebuah database pada SMA

Kemala Bhayangkari 1 Medan. Dengan adanya portal ini diharapkan sekolah ini dapat

menyediakan informasi yang lebih cepat dan akurat pada siswa maupun masyarkat

yang juga dapat membantu dalam mempromosikan sekolah ini.

(8)

DAFTAR ISI

Halaman

Persetujuan

ii

Pernyataan

iii

Penghargaan

iv

Abstrak

vi

Daftar Isi

vii

Daftar Tabel

ix

Daftar Gambar

x

Daftar Istilah

xi

Daftar Singkatan

xii

Bab 1 Pendahuluan

1

1.1

Latar Belakang

1

1.2

Rumusan Masalah

2

1.3

Tujuan Penelitian

2

1.4

Kontribusi Penelitian

3

1.5

Kajian Pustaka

3

1.6

Metodologi Penelitian

4

1.7

Lokasi dan Waktu Penelitian

5

1.8

Sistematika Penulisan

5

Bab 2 Landasan Teori

7

2.1 Pengertian Komputer

7

2.2 Pengertian Internet

8

2.2.1 Fasilitas dalam Dunia Internet

9

2.3 Network

10

2.4 Web Server

10

2.5

Pengenalan HTML

11

2.5.1

Bagian-Bagian HTML

12

2.5.2

Referensi HTML

13

2.6

Bahasa Pemrograman PHP

13

2.6.1

Sejarah PHP

14

2.6.2

Kelebihan Bahasa Pemrograman PHP

16

2.6.3

Contoh Pemrograman dengan Menggunakan PHP

17

2.6.4

Proses Eksekusi Kode PHP

18

2.6.5

Variabel pada PHP

19

2.6.6

Operator pada PHP

21

2.6.7

Integrasi PHP dengan Database

23

2.7

Database MySQL

25

2.7.1

Perkembangan MySQL

26

2.7.2

Perintah Dasar MySQL

27

2.7.3

Keistimewaan MySQL

28

(9)

2.8.1

Memulai Dreamweaver 8

30

2.8.2

Area Kerja pada Dreamweaver 8

31

2.8.3

Menu Bar Area Kerja

32

2.9

Flowchart (Diagram Alir)

33

Bab 3 Sekilas Kemala Bhayangkari 1 Medan

30

3.1 Profil

30

3.2 Uraian Tugas dan Fungsi Organisasi

37

3.2.1 Kepala Sekolah

37

3.2.2 Wakil Kepala Sekolah

37

3.2.3 Guru

37

3.2.4 Wali Kelas

38

3.2.5 Guru Pembimbing dan Konseling

38

3.2.6 Pustakawan Sekolah

38

3.2.7 Pengelolaan Laboraturium

39

3.2.8 Kepala Tata Usaha

39

3.3 Visi dan Misi

39

3.4 Struktur Organisasi

41

Bab 4 Perancangan Sistem

43

4.1 Perancangan Struktur Database

43

4.2 Perancangan Halaman Website

44

4.3 Pembuatan Flowchart (Diagram Alir)

46

4.3.1 Flowchart Tampilan Halaman Utama

46

4.3.2 Flowchart Menu Profil

47

4.3.3 Flowchart Buku Tamu

48

4.3.4 Flowchart Admin

49

4.3.5 Flowchart Administator Siswa

50

4.3.6 Flowchart Administator Guru

51

Bab 5 Implementasi Sistem

52

5.1 Pengertian dan Tujuan Implementasi Sistem

52

5.2 Komponen Utama dalam Implementasi Sistem

53

5.2.1 Hardware (Perangkat Keras)

53

5.2.2 Software (Perangkat Lunak)

54

5.2.3 Brainware (Unsur Manusia)

54

5.3 Instalasi Apache, PHP, dan MySQL

55

5.4 Prosedur Penggunaan Program

56

5.5 Pemeliharaan Implementasi Sistem (Website)

58

Bab 6 Kesimpulan dan Saran

59

6.1

Kesimpulan

59

6.2

Saran

60

(10)

DAFTAR TABEL

Halaman

Tabel 2.1 Operator Aritmatika pada PHP

21

Tabel 2.2 Operator Perbandingan pada PHP

22

Tabel 2.3 Operator Logika pada PHP

22

Tabel 2.4 Daftar Database-Database yang Didukung PHP

24

Tabel 2.5 Simbol-Simbol pada Flowchart

33

Tabel 4.1 Tabel Buku Tamu

43

Tabel 4.2 Tabel Data Pegawai

43

Tabel 4.3 Tabel Pesan Siswa

44

(11)

DAFTAR GAMBAR

Halaman

Gambar 2.1 Hasil Program dengan Menggunakan PHP

18

Gambar 2.2 Proses Eksekusi Kode PHP

18

Gambar 2.3 Tampilan Area Kerja Dreamweaver

31

Gambar 4.1 Tampilan Menu Utama

46

Gambar 4.2 Tampilan Halaman Buku Tamu

45

Gambar 4.3 Flowchart Menu Utama

46

Gambar 4.4 Flowchart Menu Profil

47

Gambar 4.5 Flowchart Buku Tamu

48

Gambar 4.6 Flowchart Admin

49

Gambar 4.7 Flowchart Administrator Siswa

50

(12)

DAFTAR ISTILAH

Analisa

: mempelajari masalah dan lingkungan masalah yang

diperbaiki serta mengajukan alternatif dari penyelesaian

masalah.

Brainware

: perangkat operator.

Browser

: perangkat lunak yang digunakan untuk menampilkan

informasi dari server web.

Data

: kenyataan yang digambarkan oleh nilai – nilai,

bilangan-bilangan dan simbol-simbol yang mempunyai arti tertentu.

Data store

: data tersimpan.

Database

: kumpulan file yang saling berhubungan satu dengan yang

lainnya.

DFD

: simbol-simbol untuk menggambarkan arus dari data sistem.

Dreamweaver

: aplikasi profesional untuk mengedit HTML secara visual

dalam mengelola situs web.

E-mail

: fasilitas internet untuk mengirim dan menerima surat

elektronik.

Field

: atribut dari record yang menunjukkan suatu item dari data.

File

: kumpulan dari record yang saling terkait dan memiliki format

field yang sama dan sejenis.

Flowchart

: bagan yang menunjukkan arus pekerjaan secara keseluruhan

dari sistem.

FTP

: diagram yang memungkinkan pemindahan data di antara dua

komputer yang berjauhan letaknya.

Hardware

: perangkat keras.

Home page

: disebut juga dengan website.

HTML

: bahasa pemrograman Internet yang digunakan untuk

membuat halaman web.

HTTP

: protokol yang digunakan untuk mentransfer data antara web

server ke browser.

Implementasi

: menulis, menguji dan mendebug program-program komputer

serta mengonversi ke sistem baru atau sistem yang dipakai.

Informasi

: data yang sudah diolah untuk tujuan tertentu dalam

pengambilan keputusan.

Input

: komponen penggerak atau pemberi tenaga di mana sistem itu

dioperasikan.

Internet

: kumpulan komputer pribadi yang terhubung satu sama lain

dalam bentuk jaringan.

Komputer

: suatu rangkaian peralatan elektronik yang menerima data dan

menggolongkannya secara otomatis untuk mengatasi

berbagai masalah serta menghasilkan informasi.

(13)

MySQL

: salah satu pemrograman database server.

Output

: hasil operasi dari suatu sistem atau informasi yang dihasilkan

oleh program aplikasi yang akan digunakan oleh para

pemakai sebagai bahan pengambilan keputusan.

PHP

: bahasa scripting yang menyatu dengan tag-tag HTML,

dieksekusi dari server dan digunakan untuk membuat

halaman web yang dinamis.

Record

: kumpulan field yang menggambarkan suatu unit data

individu tertentu.

Sistem

: satu kesatuan yang terdiri dari sub-sub sistem yang saling

berhubungan untuk mencapai suatu tujuan.

Software

: perangkat lunak

TCP/IP

: jenis protokol yang memungkinkan komputer berkomunikasi

dengan komputer lain, mengatur bagaimana cara komputer

terhubung internet dan mengatur pertukaran data yang

terjadi pada komputer tersebut.

URL

: data yang berisikan alamat home page dari suatu situs web.

Web server

: komputer yang digunakan untuk menyimpan berbagai

dokumen web dan melayani permintaan dokumen web

dari kliennya.

(14)

DAFTAR SINGKATAN

ASP

: Active Server Page

DFD

: Data Flow Diagram

E-mail

: Electronic Mail

FTP

: File Transfer Protocol

HTML

: Hypertext Markup Language

Internet

: Interconnection Networking

HTTP

: Hypertext Transfer Protocol

ISP

: Internet Service Provider

JSP

: Java Script Page

PHP

: Pre Hypertext Processor

SQL

: Structure Query Language

TCP/IP

: Transmision Control Protocol / Internet Protocol

URL

: Uniform Resource Locator

(15)

ABSTRAK

Perkembangan teknologi khususnya komputer pada saat ini mempunyai peranan yang

sangat penting dalam kehidupan di masyarakat. Teknologi yang berkembang sesuai

tuntutan zaman diharapkan menjadi sarana penunjang untuk menangani permasalahan

yang timbul dalam mengelola dan menyelesaikan permasalahan yang ada di

perusahaan atau organisasi.

Begitu juga dengan SMA Kemala Bhayangkari 1 Medan, diharapkan dapat

menyediakan informasi yang tepat dan akurat dalam data siswa secara on-line. Sistem

yang sedang berjalan pada SMA Kemala Bhayangkari 1 Medan saat ini belum

sepenuhnya menggunakan sistem komputerisasi.

Oleh sebab itu penulis mencoba merancang sebuah database pada SMA

Kemala Bhayangkari 1 Medan. Dengan adanya portal ini diharapkan sekolah ini dapat

menyediakan informasi yang lebih cepat dan akurat pada siswa maupun masyarkat

yang juga dapat membantu dalam mempromosikan sekolah ini.

(16)

BAB 1

PENDAHULUAN

1.1

Latar Belakang

Dewasa ini perkembangan teknologi informasi dan teknologi komputer berkembang

dengan sangat pesat. Kebutuhan akan itu pun semakin diminati oleh semua kalangan

masyarakat, baik masyarakat awam maupun kaum intelektual. Hal ini berkaitan

dengan kegiatan-kegiatan yang dilakukan oleh manusia yang biasanya dilakukan

secara manual dan tradisional akan semakin lebih cepat dan tepat jika dilakukan

dengan bantuan mesin yaitu teknologi komputer. Dengan pemanfaatan teknologi

komputer tersebut juga dapat menghemat segala sesuatu, baik itu tenaga, waktu

maupun biaya, sehingga pengeluaran untuk itu dapat ditekan seminimal mungkin.

(17)

Melihat hal itu penulis ingin membuat suatu aplikasi yang dapat melakukan

penanganan data-data yang akan diolah ke dalam sebuah pangkalan data dan

merancang suatu website sebagai antarmuka yang dapat membantu

kerumitan-kerumitan yang dialami selama ini dan juga menjadi sebagai bahan penulisan tugas

akhir dengan judul :

“PERANCANGAN

SISTEM

INFORMASI

PADA SMA KEMALA

BHAYANGKARI 1 MEDAN MENGGUNAKAN PHP DAN MYSQL”

1.2

Rumusan Masalah

Untuk memudahkan penelitian agar tidak menyimpang dari tujuan awal, maka

dilakukan pembatasan masalah-masalah sebagai berikut :

1.

Penelitian dilakukan di SMA Kemala Bhayangkari 1 Medan.

2.

Data yang dikelola adalah data nilai dan dokumen-dokumen sekolah yang

berkaitan dengan kegiatan akademik, dan juga di cantumkan beberapa data

pegawai dan guru yang terlibat dalam kegiatan akademik.

1.3

Tujuan Penelitian

(18)

1.4

Kontribusi Penelitian

Kontribusi yang diambil yaitu dirancang untuk membentuk suatu Web dinamis yang

artinya halaman akan ditampilkan saat halaman itu diminta oleh pengguna/klien.

Maka diharapkan dapat menjadi nilai tambah dan bermanfaat bagi instansi yang

bergerak di bidang pendidikan.

1.5

Kajian Pustaka

Aplikasi Web atau bisa disebut juga dengan perangkat lunak berbasis Web telah

berkembang dengan pesat baik dari segi penggunaan, ukuran, bahasa yang digunakan

dan kompleksitasnya.Aplikasi web pada mulanya hanya berupa situs Web yang

bersifat statis dan navigated oriented, serta lebih banyak digunakan sebagai brosur

produk atau profil perusahaan online. Pada saat ini aplikasi Web telah banyak yang

bersifat dinamis, interaktif dan task oriented untuk digunakan dalam sistem informasi,

telekomunikasi, perdagangan, perbankan dan lain-lain.

(19)

ada dan sifatnya yang open source (bebas pakai) memberikan kesempatan buat semua

user dan programmer untuk menggunakan dan mengembangkannya.

Aplikasi pembuatan web ini dibangun oleh sistem operasi Windows XP SP2

yang didukung oleh software Web Server Apache_2.2.3, web scripting PHP (PHP

5.0.2) dan MySQL 5.0.27. Selain itu, aplikasi web ini juga didukung bahasa

pemrograman web lainnya seperti HTML (Hypertext Markup Language), CSS

(Cascading Style Sheets) dan JavaScript serta menggunakan Website editor

Macromedia Dreamweaver 8 sebagai aplikasi perancangan layout.

1.6

Metodologi Penelitian

Metodologi penelitian yang digunakan penulis untuk menyelesaikan permasalah yang

terjadi di atas adalah :

1.

Pengumpulan data yang erat kaitannya dengan permasalahan dengan cara

membaca buku-buku, makalah dan membaca bahan-bahan sumber lainnya di

perpustakaan USU.

2.

Penelitian dilakukan secara langsung di SMA Kemala Bhayangkari 1 Medan

untuk mendapatkan data dimana penulis melakukan pengumpulan data

dengan cara :

a.

Mengkopi langsung data yang ada.

b.

Melakukan wawancara kepada kepala sekolah, guru dan pegawai SMA

Kemala Bhayangkari 1 Medan.

(20)

1.7

Lokasi dan Waktu Penelitian

Penelitian dilakukan di SMA Kemala Bhayangkari 1 Medan yang berlokasi di Jalan

K.H.W. Hasyim No. Medan. Adapun waktu dibutuhkan dalam mengadakan penelitian

ini yaitu mulai dari Bulan April sampai dengan Mei 2010.

1.8

Sistematika Penulisan

Untuk mempermudah penulisan tugas akhir ini, penulis membuat suatu sistematika

penulisan yang terdiri dari :

BAB 1

PENDAHULUAN

Bab ini merupakan Bab Pendahuluan dalam tugas akhir ini, penulis

membuat latar belakang masalah, rumusan masalah, tujuan penelitian,

kontribusi masalah, kajian pustaka, metode penelitian, jadwal

penelitian, dan data-data yang dibutuhkan.

BAB 2

TINJAUAN TEORITIS

Pada Bab ini penulis menjelaskan teori-teori singkat tentang hal-hal

yang berhubungan dengan judul dan bahsa pemograman MySQL yang

digunakan oleh penulis.

BAB 3

DESKRIPSI SEKOLAH

Pada Bab ini penulis menyajikan gambaran tentang Sejarah Sekolah,

Visi & Misi, Struktur Organisasi, Prestasi, Data Guru, Data Siswa.

(21)

Pada bab ini menjelaskan dan diuraikan tentang pembuatan serta

perancangan sistem.

BAB 5

IMPLEMENTASI SISTEM

Bab ini menguraikan tentang definisi, tujuan, dan langkah-langkah

dalam implementasi sistem juga disertai dengan komponen-komponen

kebutuhan sistem.

BAB 6

KESIMPULAN DAN SARAN

(22)

BAB 2

LANDASAN TEORI

2.1. Pengertian Komputer

Komputer berasal dari bahasa latin computare yang mengandung arti menghitung.

Karena luasnya bidang garapan ilmu komputer, para pakar dan peneliti sedikit berbeda

dalam mendefinisikan terminologi komputer.

Menurut V. Carl Hamacher, Zvonko G. Vranesic, Safwat G. Zaky, Computer

Organization (5th Edition. McGraw-Hill, 2001). Komputer adalah mesin penghitung

elektronik yang cepat dan dapat menerima informasi input digital, kemudian

memprosesnya sesuai dengan program yang tersimpan di memorinya, dan

menghasilkan output berupa informasi.

Menurut Robert H. Blissmer, Computer Annual, An Introduction to

Information Systems 1985-1986 (2nd Edition. John Wiley & Sons, 1985). Komputer

adalah suatu alat elektonik yang mampu melakukan beberapa tugas sebagai berikut:

1.

Menerima input

(23)

Menurut William M. Fuori, Introduction to the Computer: The Tool of

Business (3rd Edition. Prentice Hall, 1981). Komputer adalah suatu pemroses data

yang dapat melakukan perhitungan besar secara cepat, termasuk perhitungan

aritmetika dan operasi logika, tanpa campur tangan dari manusia.

Dari berbagai pendapat di atas, maka dapat disimpulkan secara umum bahwa

komputer merupakan suatu peralatan elektronik yang dapat menerima input, mengolah

input dengan menggunakan suatu program yang tersimpan di memori komputer,

memberikan output yang berupa informasi dan dapat menyimpan program serta hasil

pengolahan dalam suatu media penyimpanan.

2.2. Pengertian Internet

Istilah Internet berasal dari singkatan dua suku kata yaitu, interconnected dan network.

Interconnected berarti hubungan yang sangat luas, sedangkan network berarti jaringan

kerja. Maka internet merupakan adalah sebuah sistem komunikasi global yang

menghubungkan komputer-komputer dan jaringan-jaringan komputer di seluruh

dunia. Komputer dan jaringan dengan berbagai platform yang mempunyai perbedaan

dan ciri khas masing-masing (Unix, Linux, Windows, Mac, dll) bertukar informasi

dengan sebuah protokol standar yang dikenal dengan nama TCP/IP (Transmission

Control Protocol/Internet Protocol).

(24)

Agar komunikasi dapat terhubung serta dapat menggunakan fasilitas internet,

maka harus berlangganan ke salah satu ISP (Internet Service Provider) atau

penyelenggara layanan internet.

2.2.1. Fasilitas dalam Dunia Internet

Fasilitas-fasilitas yang tersedia dalam layanan internet antara lain :

1.

www (World Wide Web) adalah layanan yang paling sering digunakan dan

memiliki perkembangan yang sangat cepat karena dengan layanan ini kita bisa

menerima informasi dalam berbagai format (multimedia). Informasi dalam

web disimpan ke bentuk dokumen yang disebut halaman web (web page).

Untuk dapat mengakses layanan www dari sebuah komputer digunakan

program web client yang disebut web browser atau browser saja. Jenis-jenis

browser yang sering digunakan adalah: Netscape Navigator/Comunicator,

Internet Explorer, Mozilla, dan lain sebagainya.

2.

Search engine adalah salah satu fasilitas internet yang dijalankan melalui

browser untuk mencari informasi yang kita inginkan. Search engine

menampung database situs-situs dari seluruh dunia yang jumlahnya milyaran

halaman web, cukup dengan memasukkan kata kuncinya maka search engine

akan menampilkan beberapa link situs yang disertai dengan keterangan

singkat. Search engine yang sangat terkenal adalah Google, namun masih

banyak search engine lainnya seperti Altavista, MSN, Yahoo Search dan

sebagainya.

(25)

dalam sebuah file untuk pengalamatan yang berupa mailbox, sehingga

pengguna dapat membaca berita yang ditujukan kepadanya kapan saja. Namun

sebelum menggunakan fasilitas dalam e-mail, kita harus terlebih dahulu

terdaftar dan memiliki account di salah satu penyedia layanan e-mail seperti

Yahoo.

4.

FTP (File Transfer Protocol) adalah suatu protokol yang digunakan untuk

melakukan pemindahan (transfer) baik upload atau download dari satu atau

lebih file (dokumen) antara sebuah komputer dan sembarang server FTP.

2.3. Network

Network adalah jaringan dari sistem komunikasi data yang melibatkan sebuah alat

atau lebih sistem komputer yang dihubungkan dengan jalur transmisi alat komunikasi

membentuk satu sistem (Mico Pardosi, 2004). Dengan network, komputer yang satu

dapat menggunakan data di komputer lain, dapat mencetak laporan di printer ke

komputer lain, dapat memberi berita ke komputer lain walaupun berlainan area.

Network merupakan cara yang sangat berguna untuk mengintegrasikan sistem

informasi dan menyalurkan arus informasi dari satu area ke area lain (Mico Pardosi,

2004)

2.4. Web Server

Web server adalah komputer yang mengirimkan halaman-halaman web (Mico Pardosi,

(26)

internet. Terdapat banyak software server, baik yang gratis, seperti yang dibuat oleh

NCSA dan Apache maupun yang komersial, seperti yang dibuat oleh Microsoft dan

Netscape.

2.5. Pengenalan HTML

HTML atau yang memiliki kepanjangan Hypertext Markup Language adalah script di

mana kita bisa menampilkan informasi dan daya kreasi kita lewat internet. HTML

sendiri adalah suatu dokumen teks biasa yang mudah dimengerti dibanding bahasa

pemrograman lainnya, dan karena bentuknya itu maka HTML dapat dibaca oleh

berbagai platform seperti : Windows, Linux, Macintosh. Kata “Markup Language“

pada HTML menunjukkan fasilitas yang berupa tanda tertentu dalam skrip HTML

dimana kita bisa mengatur judul, garis, tabel, gambar dan lain-lain dengan perintah

yang telah ditentukan pada elemen HTML.

Penamaan dokumen HTML dapat dilakukan dengan memilih suatu nama,

sembarang nama, kemudian menambahkan sebuah ekstensi “.htm” atau “.html”

(tanda kutip tidak perlu dituliskan karena digunakan sebagai penjelas saja).

(27)

2.5.1

Bagian-Bagian HTML

HTML terdiri dari beberapa bagian yang fungsinya sebagai penanda suatu kelompok

perintah tertentu, misalnya kelompok perintah form yang ditandai dengan kode

<form>, judul dengan <title> dan sebagainya. Untuk mengetahui lebih lanjut

mengenai bagian-bagian HTML perhatikan skema di bawah ini :

<html>

<head>

<title>…</title>

</head>

<body>

… isi dari halaman web …

</body>

</html>

Keterangan :

1.

Dokumen HTML selalu diawali dengan tanda tag pembuka <html> dan

diakhiri dengan tanda tag penutup </html>.

2.

Pada elemen head <head></head>, dapat kita sisipkan kode-kode untuk

menuliskan keterangan tentang dokumen HTML. Atau dapat juga kita sisipkan

kode-kode pemrograman web seperti JavaScript, VBScripts, atau CSS untuk

menambah daya tarik pada situs yang kita buat agar lebih menarik dan

dinamis.

(28)

Jadi jelas bahwa elemen adalah suatu bagian yang besar yang terdiri dari kode

tag tersebut. Sedangkan tag hanyalah merupakan bagian dari elemen. Tag adalah

kode-kode yang digunakan untuk men-setting dokumen HTML. Secara garis besar

bentuk umum tag adalah sebagai berikut : <tag-awal>TEKS</tag-akhir>.

2.5.2

Referensi HTML

Berikut ini adalah referensi dalam dokumen HTML :

1.

DOCTYPE

Penjelasan versi dari dokumen HTML tersebut yang ditulis pada bagian atas

pada editor-editor tertentu seperti Macromedia Dreamweaver 8 yang

menjelaskan tentang DTD (Document Type Definition).

2. Komentar

Menuliskan suatu komentar pada dokumen HTML seperti keterangan elemen

dan tag-tag dan lain-lain. Keterangan ini akan diabaikan oleh browser.

Contoh : <!-- Komentar Program Disini -->

2.6

Bahasa Pemrograman PHP

(29)

PHP adalah bahasa pemrograman script yang paling banyak dipakai saat ini.

PHP banyak dipakai untuk pemrograman website, walaupun tidak tertutup

kemungkinan untuk digunakan untuk pemakaian lain. PHP merupakan salah satu

bahasa server side scripting yang disisipkan di antara bahasa HTML untuk membuat

halaman web yang dinamis. Dan karena bahasa berbasis server side, maka PHP akan

dieksekusi di server, sehingga yang akan dikirimkan ke web browser adalah hasil

dalam bentuk HTML dan kode PHP tidak akan terlihat.

Salah satu fungsi PHP adalah untuk menerima, mengolah, dan menampilkan

data dari dan ke sebuah website. Data yang diterima akan diolah di sebuah program

database server dan kemudian hasilnya ditampilkan kembali ke layar web browser

sebuah website. Seorang pengguna internet tidak dapat melihat kode program yang

ditulis dalam PHP sehingga keamanan dari halaman web menjadi lebih terjamin.

2.6.1. Sejarah PHP

(30)

Perkembangan selanjutnya adalah Rasmus melepaskan kode sumber tersebut

kepada khalayak ramai dan menamakannya

dari PHP/FI masih Personal Home Page/Form Interpreter. Dengan pelepasan kode

sumber ini menjad

mengembangkan PHP. Setelah diberikan sebagai kode open source, PHP kemudian

dinamakan Hypertext Preprocessor.

Pada tahun 1997, dikeluarkan PHP/FI versi 2.0. Fungsi-fungsi pada PHP/FI

ditulis dengan menggunakan bahasa C. Karena telah memiliki fungsi khusus untuk

mengakses database maka, pada tahun yang sama, terdapat kurang lebih 50.000

domain yang menggunakan PHP/FI sebagai bahasa pemrograman untuk website, atau

sekitar 1% dari total domain yang ada pada waktu itu.

PHP 3 merupakan generasi baru hasil pengembangan PHP/FI. Banyak

developer yang terlibat di dalamnya. Tak heran jika PHP 3 dianggap sebagai tonggak

awal bagi terciptanya PHP versi sekarang ini. Secara resmi, peluncur PHP 3.0 ialah

Andi Gutmans dan Zeev Suraski pada tahun 1997. Mereka mengeluarkan PHP 3.0

karena melihat kelemahan PHP/FI yang digunakan dalam aplikasi e-commerce.

Kemudian, mereka menulisnya ulang dengan masih mengacu kepada PHP/FI.

(31)

penanganan input, menjadikan PHP 4 aman dari berbagai jenis bahasa pemrograman

berbasis web.

Pada Juni 2004, Zend merilis PHP 5.0. PHP versi 5 muncul untuk menangani

kelemahan-kelemahan yang terdapat pada versi sebelumnya. PHP versi 5 dapat

membuat file swf dan applet java. Fokus utamanya adalah mengoptimalkan

penggunaan PHP untuk OOP (Object Oriented Programming).

2.6.2

Kelebihan Bahasa Pemrograman PHP

Bahasa pemrograman PHP memiliki beberapa kelebihan antara lain :

1.

Bahasa pemrograman PHP adalah sebuah bahasa script yang tidak

melakukan

sebuah kompilasi dalam penggunaannya.

2.

Web Server yang mendukung PHP dapat ditemukan di mana-mana dari mulai

IIS sampai dengan Apache, dengan konfigurasi yang relatif mudah.

3.

Dalam sisi pengembangan lebih mudah, karena banyaknya milis-milis dan

developer yang siap membantu dalam pengembangan.

4.

Dalam sisi pemahaman, PHP adalah bahasa scripting yang paling mudah

karena referensi yang banyak.

5.

PHP adalah bahasa open source yang dapat digunakan di berbagai mesin

serta juga dapat menjalankan perintah-perintah sistem.

(32)

2.4.3.

Contoh Pemrograman dengan Menggunakan PHP

Untuk menjalankan program PHP ini, komputer harus telah memiliki sebuah sistem

yang telah terinstalasi dan terkonfigurasi dengan baik Apache Web Server, PHP, dan

database MySQL. Ketiganya adalah program open source yang tersedia secara gratis

di Internet dan dapat berjalan di berbagai platform (Windows maupun UNIX/Linux).

Program untuk menampilkan tulisan

menggunakan PHP adalah sebagai berikut :

<?php

echo (“<b>Hello World</b>”) ;

?>

Kode program tersebut dituliskan pada sebuah text editor serta disimpan dengan

ekstensi *.php (contoh : Hello.php) pada direkori C:\Program Files\Apache Software

Foundation\Apache2.2\htdocs\ kemudian hasilnya dapat dilihat melalui web browser

seperti Internet Explorer, arahkan alamat pada file fibo.php yang telah kita buat,

(33)
[image:33.595.178.457.83.297.2]

Gambar 2.1 Hasil Program dengan Menggunakan PHP

2.6.4. Proses Eksekusi Kode PHP

Proses eksekusi kode PHP yang disisipkan pada halaman HTML.

Dokumen*.php

PHP Engine

Client

Web Server

Dokumen format

Web Server

*.html, *.jpg, *.gif

*.png, *.pdf, *.swf

Gambar 2.2 Proses Eksekusi Kode PHP

[image:33.595.104.511.464.708.2]
(34)

Berikut ini adalah cara menyisipkan kode PHP pada halaman HTML biasa :

<html>

<head><title></title>

</head>

<body>

<script language="php">

. . . . kode PHP . . . .

</script>

</body>

</html>

Cara yang lebih singkat adalah :

<?php

. . . . kode PHP . . . .

?>

Atau bisa juga :

<?

. . . . kode PHP . . . .

?>

Untuk membuat atau menambahkan komentar, standar penulisan adalah :

/*komentar*/ atau //komentar atau #komentar

2.4.5.

Variabel pada PHP

(35)

a.

Integer (bilangan bulat)

b.

Bilangan floating point (presisi tunggal, ganda)

c.

Boolean

d.

Null (untuk variabel yang belum diset)

e.

String

f.

Array

g.

Object

h.

Resource

Jika menggunakan bahasa pemrograman C atau Pascal, maka kita harus

mendefinisikan variabel tiap elemen, namun pada PHP kita tidak perlu mendefinisikan

terlebih dahulu jenis variabel sebelum menggunakannya. PHP memiliki kepandaian

untuk membedakan jenis variabel secara otomatis berdasarkan konteks yang sedang

berlaku bagi variabel tersebut.

Setiap variabel dalam PHP selalu dimulai dengan tanda dolar ("

$

") dan harus

dimulai dengan huruf dan dapat diikuti oleh huruf dan angka. Dengan demikian,

$warpspeed

,

$impuls_speed

,

$LCAR

dan

$Dilithium1

adalah contoh penamaan

variabel PHP yang valid.

(36)

2.4.6.

Operator pada PHP

Operator merupakan suatu simbol yang dipakai untuk memanipulasi data, seperti

perkalian, penjumlahan, pengurangan dan pembagian serta penggunaan untuk operasi

lainnya. Operator pada PHP terdiri dari 7 macam, antara lain :

1.

Operator Aritmatika

Operator aritmatika adalah operator yang digunakan untuk melakukan fungsi

matematika.

Operator

Operasi

Penggunaan

*

Perkalian

$a*$b

/

Pembagian

$a/$b

%

Modulus

$a%$b

--

Pre/Post decrement

--$b atau $b--

+

Penjumlahan

$a+$b

[image:36.595.146.486.319.508.2]

-

Pengurangan

$a-$b

Tabel 2.1 Operator Aritmatika pada PHP

2.

Operator Perbandingan

(37)

Operator Penggunaan Hasil Evaluasi Nilai

Keterangan

>

$a>$b

True

lebih besar daripada

<=

$a <= $b

False

lebih kecil atau sama dengan

>=

$a >= $b

True

lebih besar atau sama dengan

==

$a== $b

False

sama dengan

!=

$a != $b

True

tidak sama dengan

[image:37.595.100.529.85.231.2]

<

$a <= $b

False

lebih kecil daripada

Tabel 2.2 Operator Perbandingan pada PHP

3.

Operator Logika

Tabel berikut ini akan menunjukkan operator logika dalam PHP.

Operator

Arti

Ekspresi

Hasil Evaluasi Nilai

&& AND $a == $c && $a > $b true $a && $b < $b false

[image:37.595.102.533.343.453.2]

|| OR $a == $c || $a < $b true

$a > $c || $a < $b false

! NOT !$a false

Tabel 2.3 Operator Logika pada PHP

4.

Operator Increment/Decrement

Pre/Post increment dan decrement masing-masing adalah penambahan dan

(38)

5.

Operator String

Hanya ada satu operator string, yaitu operator concatenation (.), contohnya :

<?php>

$a=”Halo”;

$b=$a .”Selamat Datang di PHP”;

//$b berisikan “Halo Selamat Datang di PHP”

?>

6.

Operator Bitwise

Operator bitwise dapat digunakan untuk membuat bit tertentu dari suatu

integer menjadi 1 atau 0.

7.

Operator Ternary

Operator ternary merupakan model penyederhanaan dari bentuk if…else yang

setiap blok dari if dan else hanya satu perintah. Sehingga model ini cocok

untuk melakukan proses pengisian suatu hasil pengujian.

2.6.7. Integrasi PHP dengan Database

(39)

No.

Nama Database

No.

Nama Database

1.

Adabas D

12.

Direct MS-SQL

2.

DBase

13.

MySQL

3.

Empress

14.

ODBC

4.

FilePro (read-only)

15.

Oracle (OCI7 dan OCI8)

5.

Hyperwave

16.

Ovrimos

6.

IBM DB2

17.

PostgreSQL

7.

Informix

18.

SQLite

8.

Ingres

19.

Solid

9.

Interbase

20.

Sybase

10.

FrontBase

21.

Velocis

[image:39.595.100.533.83.339.2]

11.

MSQL

22.

Unix dbm

Tabel 2.4 Daftar Database-Database yang Didukung PHP

PHP mempunyai fungsi khusus untuk mengakses MySQL. Ada sekitar 48

fungsi yang didukung PHP dalam mengakses MySQL dalam membuat aplikasi.

Adapun yang biasa digunakan di antaranya adalah :

a.

mysql_connect()

Fungsi mysql_connect adalah untuk menghubungkan PHP dengan database

MySQL. Format fungsinya adalah:

mysql_connect (string hostname, string username, string password);

b.

mysql_select_db

(40)

mysql_select_db (string database, koneksi)

c.

mysql_query

Dalam database MySQL, perintah untuk melakukan transaksi ialah perintah

SQL. Sebutan untuk mengirim perintah SQL dinamakan query. Query

memberi perintah kepada database untuk melakukan apa yang dikehendaki.

Format fungsinya adalah:

int mysql_query(string query, int [link_identifier] );

d.

mysql_num_rows

Kegunaan dari fungsi ini adalah untuk menghitung jumlah baris yang dikenai

oleh proses SQL. Format fungsinya adalah:

int mysql_num_rows(int result);

e.

mysql_fetch_array

Fungsi ini berkaitan dengan menampilkan data. Untuk menampilkan data,

digunakan fungsi mysql_fetch_array. Dengan fungsi ini, hasil query

ditampung dalam bentuk array. Format fungsinya adalah:

array mysql_fetch_array(int result, int [result_type] );

2.7.

Database MySQL

(41)

tersedia sebagai

(GPL), tetapi mereka juga menjual di bawah lisensi komersial untuk kasus-kasus di

mana penggunaannya tidak cocok dengan penggunaan GPL.

Tidak sama dengan proyek-proyek seperti

dikembangkan oleh komunitas umum da

penulisnya masing-masing, MySQL dimiliki dan disponsori oleh sebuah perusahaan

komersia

sumbernya.

2.5.1.

Perkembangan MySQL

MySQL merupakan hasil buah pikiran dari Michael “Monty” Widenius,

mendirikan perusahaan bernama MySQL AB di Swedia. Tujuan awal ditulisnya

program ini adalah untuk mengembangkan aplikasi web yang akan digunakan oleh

salah satu klien MySQL AB.

MySQL versi 1.0 dirilis pada Mei 1996 dan penggunaannya hanya terbatas di

kalangan intern saja. Pada bulan Oktober 1996, MySQL versi 3.11.0 dirilis ke

masyarakat luas di bawah lisensi “Terbuka Tapi Terbatas”.

(42)

program eksekusinya dengan cuma-cuma. Dan bila ingin memodifikasi pada program

aslinya, maka program modifikasi tersebut harus dilepas di bawah lisensi GPL juga”.

Hingga kini MySQL terus berkembang dengan berbagai penyempurnaan

sehingga dirilis MySQL versi 5.0.21 pada bulan Mei 2006, yang semula untuk

melakukan administrasi dalam basis data MySQL, dengan menggunakan modul yang

berupa

mysql

dan

mysqladmin

). Saat ini dapat dirancang

sebuah database melalui modul berbasis graf

2.5.2.

Perintah Dasar MySQL

Dalam menjalan MySQL diperlukan berbagai perintah untuk membuat suatu

database, berikut ini disebutkan beberapa perintah dasar dalam menggunakan

MySQL. Untuk menjalankan MySQL pertama kali cukup dengan mengetikkan mysql

pada Command Prompt.

Perintah-perintahnya adalah sebagai berikut :

1.

Menampilkan database : SHOW DATABASE ;

2.

Membuat database baru : CREATE DATABASE database ;

3.

Memilih database yang akan digunakan : USE database ;

4.

Menampilkan tabel : SHOW TABLE ;

5.

Membuat tabel baru : CREATE TABLE tabel (field spesifikasi_field,...) ;

6.

Menampilkan struktur tabel : SHOW COLUMNS FROM tabel atau

DESCRIBE tabel ;

(43)

8.

Mengisikan

data

: INSERT INTO tabel (kolom1,...) VALUES

(‘data_kolom1’,...);

atau

INSERT INTO tabel SET kolom1 =

‘data_kolom1’,...;

9.

Menampilkan data : SELECT kolom FROM tabel WHERE kriteria ORDER

BY kolom atau SELECT * FROM tabel ;

10.

Mengubah data : UPDATE tabel SET kolom = pengubahan_data WHERE

kriteria;

11.

Menampilkan data dengan kriteria tertentu : SELECT kolom1,... FROM tabel

WHERE kriteria ;

12.

Menghapus data : DELETE FROM tabel WHERE kriteria ;

13.

Menghapus tabel : DROP tabel ;

14.

Menghapus database : DROP database ;

15.

Keluar dari MySQL : QUIT atau EXIT

2.7.3 Keistimewaan MySQL

Sebagai database server yang memiliki konsep database modem, MySQL banyak

memiliki keistimewaan. Berikut ini diantaranya :

a. Portability

(44)

b. Open Source

MySQL didistribusikan secara open source dibawah lisensi GPL sehingga

dapat dipergunakan secara cuma-cuma.

c. Multiuser

MySQL dapat digunakan oieh beberapa user dalam waktu yang bersamaan

tanpa banyak masalah atau konHik. Ha! ini memungkinkan sebuah database

server MySQL dapat diakses client secara bersamaan.

d. Perfomance Tuning

MySQL memiliki kecepatan yang menkjubkan dalam menangani query

sederhana, dengan kata lain dapat memproses lebih banyak SQL per satuan

waktu.

e. Column Types

MySQL memiiiki banyak kolom yang sangat kompieks, seperti :

signed/unsigned integer, float, double, char, varchar, text, blob, date, time,

datetime, timestamp, year, set serta enum..

f. Command dan Functions

MySQL memiliki operator dan fungsi secara penuh yang mendukung

perintah SELECT dan WHERE dalam query.

(45)

2.5.

Macromedia Dreamweaver 8

Macromedia Dreamweaver adalah sebuah editor HTML profesional untuk mendesain

secara visual dan mengelola website maupun halaman web. Macromedia

Dreamweaver adalah salah satu produk dari vendor Macromedia Inc. Pada saat ini,

pihak Macromedia telah mengeluarkan versi terbaru dari Dreamweaver yaitu

Macromedia Dreamweaver 8.

Dreamweaver 8 memiliki kemampuan untuk menyunting kode dengan lebih

baik, serta mampu menggabungkan layout site dengan programming webnya.

Kehebatan Dreamweaver ini menjadikan Dreamweaver lebih banyak digunakan oleh

Web Desainer maupun Web Programmer guna mengembangkan website. Ruang

kerja, fasilitas, dan kemampuan Dreamweaver mampu meningkatkan produktivitas

dan efektivitas dalam desain maupun membangun sebuah website.

2.6.1.

Memulai Dreamweaver 8

Sepertinya halnya dengan program-program lain, untuk menjalankan Macromedia

Dreamweaver 8, mulailah dengan memilih tombol Start pada taskbar, kemudian pilih

All Program pada tampilan Start Menu Program, pilih folder Macromedia dan klik

Macromedia Dreamweaver 8. Pada saat pertama kali menggunakan Dreamweaver

(46)
[image:46.595.156.478.81.298.2]

Gambar 2.3 Tampilan Area Kerja Dreamweaver

2.6.2.

Area Kerja pada Dreamweaver 8

Komponen yang terdapat pada ruang kerja Dreamweaver 8 adalah :

1.

Document Window berfungsi untuk menampilkan dokumen di mana Anda

sekarang bekerja.

2.

Menu Utama berisi semua perintah yang dapat digunakan untuk bekerja pada

Dreamweaver.

3.

Insert Bar terdiri dari tombol-tombol untuk menyisipkan berbagai macam

objek seperti hyperlink, image/gambar, tabel, dan lain-lain.

4.

Document Toolbar berisi tombol-tombol dan menu pop-up dari dokumen yang

sedang kita gunakan.

(47)

6.

Tag Selector adalah tag-tag HTML yang terpilih sesuai dengan objek yang ada

di area kerja.

7.

Properti Inspector digunakan untuk melihat dan mengubah berbagai properti

dari tiap objek terpilih yang ada di area kerja. Setiap objek memiliki properti

yang berbeda-beda.

2.8.3. Menu Bar Area Kerja

Di dalam area kerja Dreamweaver 8 terdapat beberapa menu utama yang sangat

sederhana dan mudah untuk dipahami. Pada Menu Bar Area Kerja Dreamweaver 8

terdiri dari beberapa komponen yang dapat kita gunakan, yaitu :

1.

Menu File, Menu File terdiri dari perintah untuk membuat dokumen baru,

membuka dokumen yang telah disimpan, dan lain-lain.

2.

Menu Edit, Menu Edit terdiri dari perintah untuk mencopy, memindahkan,

serta perintah untuk pemilihan seperti Select All, dan lain-lain.

3.

Menu View, Berisi perintah untuk menampilkan beberapa macam tampilan

jendela dari area kerja Dreamweaver. Seperti jendela Code dan View, serta

untuk menampilkan dan menyembunyikan beberapa elemen halaman dan

toolbar.

4.

Menu Insert, Berisikan alternatif baris insert untuk menyisipkan obyek

didalam dokumen.

5.

Menu Modify, Berfungsi untuk melakukan perubahan properti pada item atau

(48)

6.

Menu Text, Berfungsi untuk mempermudah dalam melakukan format teks.

7.

Menu Commands, Berisi akses ke beberapa perintah, format kode yang sesuai

[image:48.595.98.534.581.765.2]

dengan format pilihan kita, membuat photo album, dan melakukan pengeditan

gambar dengan menggunakan Macromedia Fireworks.

8.

Menu Site, Berisi item untuk mengelola situs seperti mendefinisikan situs

baru, menghapus situs, menduplikasikan situs yang telah didefinisikan.

9.

Menu Window, Menyediakan akses ke seluruh panel, inspector, dan jendela di

dalam Dreamweaver.

10.

Menu Help, Menyediakan fasilitas membantu kita dalam menggunakan

Dreamweaver.

2.9. Flowchart (Diagram Alir)

Sistem flowchart merupakan bagan yang menunjukkan arus pekerjaan secara

keseluruhan dari sistem. Bagan ini menjelaskan urutan-urutan dari prosedur-prosedur

yang ada di dalam sistem dengan menggunakan simbol-simbol.

Simbol-simbol yang terdapat dalam sistem flowchart adalah :

Simbol

Kegunaan

Terminal point symbol

Simbol titik terminal digunakan untuk awal dan

akhir suatu proses

Input/Output symbol

(49)

Process symbol

Simbol proses digunakan untuk menunjukkan

pengeluaran yang dilakukan oleh komputer

Predefined process symbol

Simbol proses definisi digunakan untuk

menunjukkan suatu operasi yang rinciannya

ditunjukkan di tempat lain

Connector symbol

Simbol penghubung digunakan untuk menunjukkan

sambungan dari bagan alir yang terputus di

halaman yang masih sama

Off line connector symbol

Simbol pemutus hubungan digunakan untuk masuk

dan keluarnya suatu prosedur pada lembar kertas

yang lain

Magnetic disk symbol

Simbol magnetic digunakan untuk menunjukkan

database yang dipakai dalam program

Decission symbol

Simbol keputusan digunakan untuk suatu

penyeleksian kondisi di dalam program

Preparation symbol

Simbol persiapan digunakan untuk mempersiapkan

penyimpanan yang akan digunakan sebagai tempat

pengolahan di dalam storage

Simbol dokumen merupakan simbol untuk

menunjukkan data yang berbentuk kertas maupun

(50)

Document symbol

Line connector

Arus/flow dari prosedur yang dapat dilakukan dari

atas ke bawah, dari bawah ke atas, dari kiri ke

[image:50.595.99.530.86.227.2]

kanan dan sebaliknya.

(51)

BAB 4

PERANCANGAN SISTEM

4.1 Perancangan Struktur Database

[image:51.595.107.523.452.557.2]

Database adalah kumpulan file-file yang saling berelasi antara file yang satu dengan

file yang lain sehingga membentuk satu kesatuan data untuk menginformasikan suatu

perusahaan, instansi dalam batasan tertentu.

Tabel 4.1 Tabel Buku tamu

Field Data

Type Data

Size

Descriptioin

id

Integer

5

Id Tamu

pengirim

Varchar

45

Nama Tamu

email

Varchar

45

E-mail Tamu

pesan

Varchar

100

Pesan Tamu

Tabel 4.2 Tabel Data Pegawai

Field Data

Type Data

Size

Descriptioin

NIP

Integer

10

NIP

nama

Varchar

45

Nama pegawai

jk

Varchar

45

Jenis kelamin

ttl

Varchar

50

Tempat, tanggal lahir

[image:51.595.107.524.639.768.2]
(52)

pend_jurusan

Varchar

45

Jurusan pendidikan terakhir

agama

Varchar

15

Agama

alamat

Varchar

100

Alamat

[image:52.595.106.523.85.165.2]

telp

Varchar

15

No Telepon

Tabel 4.3 Tabel Data Siswa

Field Data

Type Data

Size

Descriptioin

NIS

Varchar

50

NIS Siswa

nama

Varchar

100

Nama

jk

Varchar

10

Jenis Kelamin

tempat_lahir

Varchar

100

Tempat Lahir

agama

Varchar

50

Agama

[image:52.595.108.523.244.396.2]

alamat

Varchar

255

Alamat

Tabel 4.4 Tabel Admin

Field Data

Type Data

Size

Descriptioin

id

Integer

3

Id Admin

user

Varchar

15

Nama Admin

password

Varchar

8

E-mail Admin

4.2 Perancangan Halaman Website

(53)
[image:53.595.188.445.111.376.2]

1.

Perancangan Halaman Home

gambar 4.1 tampilan halaman Home

2.

Perancangan Halaman Buku Tamu

[image:53.595.199.436.481.719.2]
(54)
[image:54.595.64.495.139.636.2]

4.3 Pembuatan Flowchart (Diagram Alir)

1. Tampilan Flowchart Menu Utama

Gambar 4.3 Tampilan Flowchart Menu Utama

START

Tampilan Web

Pilih Link yang ada

Buku Tamu

Pilih link yang ada

END

A

Profil

Guru & Staf

Siswa

Admin

Pilih link yang ada

Pilih link yang ada

Pilih link yang ada

B

C

D

Z

Home

(55)
[image:55.595.116.509.124.612.2]

2. Tampilan Flowchart Menu Profil

Gambar 4.4 Tampilan Flowchart Menu Profil

A

Tampilkan Profil

Pilih Link yang ada

Sejarah

Logo

Struktur

Prestasi

Visi & Misi

Z

List data

Struktur

List data

Prestasi

List data

Logo

List data

Visi & Misi

(56)
[image:56.595.106.534.110.432.2]

3. Tampilan Flowchart Buku Tamu

Gambar 4.5 Tampilan Flowchart Buku Tamu

D

Buka Halaman

Tamu

Isi Buku Tamu

Simpan

Simpan db

Buku Tamu

Data sudah

disimpan

(57)

4.

Tampilan Flowchart Admin

E

Buka Halaman Admin

Input username & password

Cek Username &

password Username & password salah

Tampil Menu Admin

Halaman Data Siswa

Halaman Data Guru

Logout

E

Tampil Halaman Siswa

Tampil Halaman Guru

F

G Ya

Ya

Ya

Ya

Tidak

Tidak

Tidak

[image:57.595.152.496.133.564.2]

Tidak

(58)

5.

Tampilan Flowchart Administrator Siswa

F

Halaman Admin siswa

Input Siswa Baru

Input Nilai Siswa

Edit Data Siswa

Logout

Form Input Siswa

Form Input Nilai

[image:58.595.113.522.137.616.2]

Edit

Hapus

Form Edit

Update

Simpan

Data

Data Tersimpan

Data Sudah

Dihapus

Simpan

Simpan

Data

Data Tersimpan

Simpan

Simpan

Data

Data Tersimpan

E

Ya

Ya

Ya

Ya

Ya

Ya

Ya

Ya

Ya

Tidak

Tidak

Tidak

Tidak

Tidak

Tidak

Tidak

Tidak

(59)

6.

Tampilan Administrator Guru

G

Halaman Admin Guru

Input Guru Baru

Edit Data Guru

Logout

Form Input Guru

Edit Hapus

Form Edit

Update

Simpan Data

Data Tersimpan

Data Sudah Dihapus

Simpan

Simpan Data

Data Tersimpan

E

Ya

Ya

Ya

Ya Tidak

Tidak

Tidak

Tidak

Tidak

Ya Ya

Tidak

[image:59.595.113.519.138.434.2]

Tidak

(60)

BAB 5

IMPLEMENTASI SISTEM

5.1. Pengertian dan Tujuan Implementasi Sistem

Implementasi sistem adalah prosedur yang dilakukan untuk menyelesaikan desain

sistem yang telah dirancang, sistem yang disetujui, menguji sistem, menginstal dan

memulai menggunakan sistem baru tersebut atau sistem yang diperbaiki.

Ada juga yang mengatakan implementasi sistem adalah proses yang dilakukan

untuk menyelesaikan desain dan selanjutnya diinstal, diuji dan mulai digunakan untuk

menggantikan sistem yang lama.

Tujuan implementasi sistem adalah :

1.

Menyelesaikan desain sistem yang ada dalam dokumen desain sistem yang

telah disetujui, menyusun dokumen-dokumen baru atau dokumen yang baru

diperbaiki.

2.

Menulis, menguji, mendokumentasikan program-program dan prosedur yang

diperlukan dalam dokumen desain sistem yang telah disetujui.

(61)

4.

Memperhitungkan bahwa sistem tersebut dapat memenuhi permintaan

pengguna yaitu dengan menguji sistem secara keseluruhan.

5.

Memastikan bahwa konversi ke sistem baru berjalan secara lancar, yaitu

dengan membuat perencanaan, mengontrol, dan melakukan instalasi sistem

baru secara baik dan benar.

5.2. Komponen Utama dalam Implementasi Sistem

Dalam menjalankan sistem tersebut dengan menggunakan komputer harus memiliki 3

komponen utama, antara lain Hardware (Perangkat Keras), Software (Perangkat

Lunak) dan Brainware (Unsur Manusia).

5.2.1.

Hardware (Perangkat Keras)

Hardware merupakan komponen-komponen yang terlihat secara fisik, yang saling

bekerja sama dalam melaksanakan pengolahan data. Perangkat keras yang digunakan

meliputi :

1.

Processor Pentium III atau lebih tinggi.

2.

Harddisk minimal 20 GB.

3.

Memori minimal 128 MB.

4.

Monitor.

(62)

5.2.2.

Software (Perangkat Lunak)

Software adalah instruksi atau program-program komputer yang dapat digunakan oleh

komputer dengan memberikan fungsi serta penampilan yang diinginkan. Dalam hal

ini, perangkat lunak yang digunakan penulis untuk aplikasi perancangan website

adalah :

1.

Sistem operasi Windo ws XP.

2.

PHP adalah bahasa scripting yang menyatu dengan tag-tag HTML, dieksekusi di

web server, dan digunakan untuk membuat halaman web yang dinamis.

3.

MySQL sebagai perancangan database.

4.

Apache sebagai web server yang merupakan server lokal sebelum file-file dan

script web dipublikasikan ke internet melalui ISP (Internet Service Privider).

5.

Macromedia Dreamweaver 8, software yang dipakai untuk merancang website.

6.

Adobe Photoshop CS, software yang digunakan untuk mendesain tampilan

website.

7.

Web browser sebagai output atau tampilan hasil akhir program yang telah selesai

yaitu Internet Explorer.

5.2.3. Brainware (Unsur Manusia)

(63)

1.

Analis Sistem, yaitu orang membentuk dan membangun fasilitas rancangan

sistem atau program.

2.

Programmer, yaitu orang yang mengerti bahasa pemrograman yang digunakan

dalam membuat dan membangun suatu program.

3.

Operator (Admininistrator), yaitu orang yang mengoperasikan sistem seperti

memasukkan data untuk dioperasikan oleh komputer dalam menghasilkan

informasi dan lain sebagainya.

4.

Public (Pengguna), yaitu orang yang memakai sistem yang telah dirancang untuk

mendapatkan informasi yang dibutuhkan.

5.3. Instalasi Apache, PHP dan MySQL

Untuk merancang serta menjalankan website yang akan dibuat, maka diperlukan

suatu program aplikasi yang digunakan untuk menuliskan kode-kode

program,database serta meng-upload website dan juga outputnya dapat kita lihat

melalui web browser. Program aplikasi yang dimaksud adalah Apache, PHP dan

MySQL.

(64)

Setelah instalasi selesai dilanjutkan dengan melakukan pengaturan konfigurasi

yang diberikan setelah instalasi selesai. Namun hal ini memerlukan pengaturan yang

sedikit rumit. Karena jika salah dalam melakukan konfigurasi, maka website yang

telah dirancang tidak dapat berjalan seperti yang kita inginkan.

Cara alternatif lainnya yang digunakan penulis adalah dengan menginstalasi

Xampp, yang merupakan software dengan paket Apache, PHP dan MySQL di

dalamnya serta tanpa perlu melakukan konfigurasi, karena program dikerjakan secara

default. Perangkat lunak Xampp yang digunakan adalah Xampp dengan versi 1.4.6

dan merupakan versi yang lebih stabil serta telah ditambah dengan paket-paket yang

sangat lengkap juga bersifat freeware dan dapat di-download di website

5.4. Prosedur Penggunaan Program

Setelah file-file website dibuat, simpan file tersebut pada direktori C:\Program

Files\Apache Software Foundation\Apache2.2\htdocs\ta, folder ta merupakan tempat

(65)
[image:65.595.193.441.84.334.2]

Gambar 5.1 Tampilan Website pada Web Browser

Adapun prosedur penggunaan program secara manual dapat diuraikan sebagai

berikut:

1.

Aktifkan Internet Explorer.

2.

Klik start pada desktop, kemudian klik Internet Explorer.

3.

Setelah jendela Internet Explorer terbuka, ketikkan alamat website yang telah

dirancang, contoh : http://localhost/ta

4.

Setelah halaman menu utama terbuka, terdapat beberapa pilihan halaman link,

pilih salah satu link tersebut.

pada address bar untuk menampilkan

menu utama, kemudian enter.

5.

Link Profil berisikan informasi tentang profil sekolah secara lengkap.

(66)

7.

Link Siswa berisikan informasi tentang siswa yang ada di SMA Kemala

Bhayangkari 1 Medan.

8.

Link Buku Tamu berisikan form untuk mengisikan daftar pengunjung yang

mengunjungi situs SMA Kemala Bhayangkari 1 Medan.

5.5. Pemeliharaan Implementasi Sistem (Website)

Setelah website selesai dibuat dan telah kita hosting (berjalan online), maka perlu

kiranya bagi kita untuk memperbarui (update), menjaga dan mengawasi website mulai

dari halaman web sampai pada data-data yang ada di server dari ancaman dan

serangan yang mungkin dapat terjadi.

Adapun tujuan pemeliharaan adalah sebagai berikut :

1.

Menangani pemeliharaan sistem dengan melakukan survei sistem, jika

modifikasi yang diminta relatif besar.

2.

Mencegah adanya kelainan sistem yang dapat mendatangkan masalah-masalah

yang lain.

(67)

BAB 6

KESIMPULAN DAN SARAN

6.1

Kesimpulan

Berdasarkan hasil penelitian dan pembahasan pada bab–bab sebelumnya, maka pada

bab ini yang merupakan bab akhir dari tugas akhir ini, penulis akan mencoba menarik

kesimpulan dari penguraian tersebut:

1.

Dengan adanya website yang dibuat penulis pada SMA Kemala Bhayangkari 1

Medan, dapat membantu pihak sekolah maupun siswa dalam meningkatkan

ilmu dan pengetahuan tentang internet.

2.

Dengan menggunakan sistem online yang berbantuan komputer melalui

jaringan internet, proses penyampaian informasi yang membutuhkan waktu

dan tenaga dapat dikurangi.

(68)

6.2

Saran

Dalam sub-sub bab terakhir ini penulis ingin memberikan saran dengan harapan dapat

memberikan masukkan bagi pihak SMA Kemala Bhayangkari 1 Medan, yaitu:

1.

Sudah saatnya dunia pendidikan mengetahui lebih banyak tentang internet.

Karena dari internet banyak sekali informasi yang bisa kita dapatkan terutama

untuk meningkatkan pengetahuan .

2.

Diharapkan dunia pendidikan harus lebih tanggap dengan perkembangan

teknologi agar dunia pendidikan kita tidak tertinggal dengan negara yang lebih

maju.

(69)

DAFTAR PUSTAKA

Abdul Kadir. 2002. Dasar Pemrograman Web Dinamis Menggunakan PHP.

Yogyakarta: Andi.

Andi Pramono dan Syafi’i M. 2005. Kolaborasi Flash, Dreamweaver dan PHP Untuk

Aplikasi Website. Yogyakarta: Andi.

Frihartono, S. 2005. PHP Dan MySQL Untuk Web. Yogyakarta : Andi

H, Rafiza. 2006. Panduan dan Referensi Kamus Fungsi PHP 5. Jakarta : Elex Media

Komputindo.

Nugroho, B. Database Relasional Dengan MySQL. Yogyakarta : Andi

RS, Bernard. Pijono, A. Agustaf R. 2005. Mudah dan Cepat Menguasai

Pemrograman WEB. Bandung : Informatika Bandung.

Sopyan, Y. 2006. Foto Indah dan Artistik dengan rekayasa Photoshop. Jakarta :

Mediakita.

Syafii, M. 2005. Panduan Membuat Aplikasi Database dengan PHP 5. Yogyakarta :

Andi Offset.

(70)

L

A

M

P

I

R

A

(71)

KEMENTERIAN PENDIDIKAN NASIONAL

UNIVERSITAS SUMATERA UTARA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM(FMIPA)

Jl. Bioteknologi No.1 Kampus USU Telp. (061) 8211050 Fax (061) 8214290 MEDAN – 20155, Email : Dekanat@FMIPA.USU.AC.ID

KARTU BIMBINGAN TUGAS AKHIR MAHASISWA

Nama Mahasiswa

: PUTRI DIMITA LIANI

Nomor Induk Mahasiswa

: 072406100

Judul Tugas Akhir

: PERANCANGAN SISTEM INFORMASI

PADA SMA KEMALA BHAYANGKARI 1

MEDAN MENGGUNAKAN PHP & MYSQL

Dosen Pembimbing

: Drs. Partano Siagian, M.Sc

Tanggal Mulai Bimbingan

: 10 Mei 2010

Tanggal Selesai Bimbingan

: 22 Mei 2010

No

Tanggal

Bimbingan

Pembahasan

Mengenai, pada bab :

Paraf Dosen

Pembimbing

Keterangan

1.

18 Feb 2010

Proposal Judul

2.

25 April 2010

Bab 1

3.

25 April 2010

Bab 2

4.

25 April 2010

Bab 3

5.

27 Mei 2010

Bab 4

6.

27 Mei 2010

Bab 5

7.

27 Mei 2010

Bab 6

8.

2 Juni 2010

Pengujian Program

* Kartu ini harap dikembalikan ke Departemen Matematika bila bimbingan telah

selesai.

Diketahui

Departemen Matematika FMIPA USU

Dosen Pembimbing,

Ketua,

(72)

Hasil Uji Program Tugas Akhir

SURAT KETERANGAN

Yang bertanda tangan dibawah ini, menerangkan bahwa Mahasiswa Tugas Akhir

Program Diploma-3 Ilmu Komputer :

Nama

: PUTRI DIMITA LIANI

NIM

: 072406100

Prog. Studi

: D3 Ilmu Komputer

Judul Tugas Akhir : PERANCANGAN SISTEM INFORMASI PADA SMA

KEMALA BHAYANGKARI 1 MEDAN MENGGUNAKAN

PHP & MYSQL .

Telah melaksanakan test program Tugas Akhir Mahasiswa tersebut di atas pada

tanggal 2 Juni 2010.

Dengan Hasil : Sukses / Gagal

Demikian diterangkan untuk digunakan melengkapi syarat pendaftaran Ujian Meja

Hijau Tugas Akhir Mahasiswa bersangkutan di Departemen Matematika FMIPA USU

Medan.

Medan, 2010

Dosen Pembimbing

Program Studi D3 Ilmu Komputer,

(73)

LISTING GAMBAR

(74)
(75)

Gambar

Gambar 2.1 Hasil Program dengan Menggunakan PHP
Tabel 2.1 Operator Aritmatika pada PHP
Tabel 2.2 Operator Perbandingan pada PHP
Tabel 2.4 Daftar Database-Database yang Didukung PHP
+7

Referensi

Dokumen terkait

II.Regarding rural areas, the rising broiler price resulted on reducing salty fish demand, from?. 120 Kg into 80 Kg

Sistem Informasi geografis Untuk Pengelolaan Bentang Lahan Berbasis Sumber Daya Alam Buku 1 Sistem Informasi Geografis dan Pengindraan Jauh Menggunakan ILWIS Open Source..

Penelitian ini bertujuan untuk menguji secara empiris pengaruh penerapan sistem informasi akuntansi, komunikasi internal, dan kompensasi terhadap kinerja karyawan pada Usaha

JUDUL : DIY LAWAN VIRUS ZIKA PAKAI NYAMUK BER- WOLBACHIA. MEDIA : SEPUTAR INDONEISA TANGGAL : 1

This research was conducted in Silahisabungan Subdistrict of Dairi District and Pangururan Subdistrict of Samosir Regency of North Sumatera Province, This study

a) Guru pamong dan dosen pembimbing selalu siap apabila praktikan membutuhkan bimbingan. b) Guru pamong dan dosen pembimbing selalu objektif dalam

MSP ini akan diperpanjang secara otomatis untuk jangka waktu lima tahun kecuali salah satu Pihak memberitahukan Pihak lainnya secara tertulis, melalui saluran

[r]