Sistem informasi evaluasi prestasi akademik mahasiswa - USD Repository

  

SISTEM INFORMASI EVALUASI

PRESTASI AKADEMIK MAHASISWA

Skripsi

  

Diajukan untuk Memenuhi Salah Satu Syarat

Memperoleh Gelar Sarjana Teknik

Program Studi Teknik Informatika

  

Disusun oleh:

Rini Hapsariningsih

NIM: 995314048

  

JURUSAN TEKNIK INFORMATIKA

FAKULTAS TEKNIK

UNIVERSITAS SANATA DHARMA

YOGYAKARTA

2006

  

SISTEM INFORMASI EVALUASI

PRESTASI AKADEMIK MAHASISWA

  

INTISARI

Dalam kegiatan pembimbingan akademik mahasiswa oleh dosen

pembimbing akademik secara manual mengalami kesulitan dalam memperoleh

data mahasiswa dan perkembangan prestasi akademik mahasiswa. Sehingga

diperlukan suatu sistem informasi yang dapat membantu dosen pembimbing

akademik dalam memantau perkembangan prestasi mahasiswa dan dapat

dilakukan tindakan-tindakan preventif.

  Bahasa yang digunakan adalah PHP dan MySql dengan studi paradigma

terstruktur. Diawali dengan mengadakan studi kasus di Jurusan Teknik

Informatika Universitas Sanata Dharma.

  Hasil akhir yang diperoleh adalah sebuah sistem informasi evaluasi

prestasi akademik mahasiswa berbasis web yang mampu memberikan data

mahasiswa yang dibimbing dosen pembimbing akademik tertentu, memantau

berapa kali mengambil matakuliah tertentu dan nilainya, melihat nilai ipk dan ips

mahasiswa setiap semester, melihat mahasiswa dengan nilai ipk tertentu, membuat

catatan untuk mahasiswa.

  

INFORMATION SYSTEM OF STUDENT

ACADEMIC ACHIEVEMENT EVALUATION

ABSTRACT

In students academic consult that done by academic consultant lectures

manually have difficulties to gate the students data and students academic

achievement development. It’s needed an information system that helps academic

consultant lectures in watching the student’s achievement and can do preventive

movement.

  The language used in this study is PHP and MYSQL with structural

paradigm studies. Begin with case study in informatics engineering faculty of

Sanata Dharma University.

  Finally, the result of the study shows that information system of student

academic achievement evaluation based on web able to gave students data for

academic consultant lectures, shows how many time students take a specify

college and the score, shows the students IPK and IPS score each semester, shows

the students with specify IPK score and make a note for the students.

KATA PENGANTAR

  Puji syukur dipanjatkan ke hadirat Allah Swt yang telah melimpahkan

karunia-Nya. Sehingga penulis berhasil menyelesaikan penyusunan skripsi ini

sebagai tugas akhir untuk meraih gelar Sarjana Teknik (S.T.), Program Studi

Teknik Informatika, Jurusan Teknik Informatika, Fakultas Teknik, Universitas

Sanata Dharma Yogyakarta.

  Disadari bahwa keberhasilan dalam penyusunan skripsi ini tidak terlepas

dari bantuan berbagai pihak. Untuk itu dalam kesempatan ini disampaikan rasa

terima kasih yang sebesar-besarnya kepada :

  

1. Ir. Greg. Herliarko, S.J., S.S., B.S.T., M.A., M.Sc. Dekan Fakultas Teknik,

Universitas Sanata Dharma

  

2. Ibu A.M.Polina, S.Kom., M.Sc. selaku Dosen Pembimbing I terima kasih

banyak atas kesediaan memberikan masukan, membimbing, dan memberikan kritikan kepada penulis.

  3. Ibu Veronica yang telah memberikan masukan, ide kepada penulis.

  

4. Ibu A.M.Polina, S.Kom., M.Sc. selaku Kepala Jurusan Teknik Informatika

Sanata Dharma.

  

5. Kedua orang tuaku yang selalu mendoakan, mendukung, membimbing,

melindungiku selama ini terima kasih banyak.

  

6. Adik-adikku yang manis Didik & Desy makasih atas dukungannya dan

perhatian yang kalian berikan.

  

7. Terima kasih atas doa-doa pakdhe-pakdhe & budhe-budhe, pak lik & bulik,

mbah kakung & mbah putri.

  

8. Saudara-saudara sepupuku terutama mbak retno yang selalu menemaniku dari

awal kuliah, terima kasih atas dukungan, pengertian, doa, dan perhatiannya.

  

9. Mas Wahyu “makasih ya atas dukungan, semangat, perhatian, cinta dan kasih

sayang yang kau berikan selama ini.”

  10. Mas Eko “makasih ya atas dukungan dan semangat yang kau berikan.”

  

11. Hai sakti…..akhirnya aku lulus juga…!!! makasih ya sakti atas bimbingan,

semangat dan dukungan selama ngerjain skripsi ini. Makasih kamu telah membantuku menyelesaikan skripsi ini. “ Thank’s very much…..”

  

12. Emi “ makasih udah mau pinjemin komputere buat demo dan makasih juga

sudah dibolehin nginep di tempatmu selama ngerjain skripsi. Makasih banyak…..”

  

13. Sahabat-sahabat ; heni, yanti, ari, eni, retno, emi, kristin, lisa, uccup makasih

atas dukungan dan semangatnya.

  

14. Teman-temanku ; silvi, ros, kolona, eko, ari tengul, ari kentang yang selalu

bilang “kapan majunya?”

  

15. Upic yang selalu bilang “kapan pendadaran & wisudanya mbak? “ makasih

dukungan dan semangatnya.

  

16. Heru & Eko & Wury “makasih ya udah mau bantu aku nerjemahin

abstraksiku”

  

17. Semua pihak yang tidak bisa disebutkan satu persatu…. Terima kasih atas

bantuannya…

  Disadari sepenuhnya bahwa dalam penulisan skripsi ini banyak

kekurangan mengingat keterbatasan pengetahuan dan pengalaman penulis. Oleh

karena itu kritik dan saran yang sifatnya membangun sangat diharapkan dari

semua pihak.

  Semoga skripsi ini bermanfaat bagi pihak-pihak yang berkenan membaca dan mempelajari.

  Yogyakarta, penulis

DAFTAR ISI

  i HALAMAN PERSETUJUAN ii HALAMAN PENGESAHAN iii HALAMAN PERSEMBAHAN iv

  INTISARI v

  ABSTRACT vi

PERNYATAAN KEASLIAN KARYA vii

KATA PENGANTAR

  viii DAFTAR ISI xi DAFTAR GAMBAR xiv

DAFTAR TABEL xix

BAB I PENDAHULUAN

  1

  1.1 Latar Belakang Masalah

  1

  1.2 Batasan Masalah

  2

  1.3 Tujuan dan Manfaat Penulisan

  2

  1.4 Rumusan Masalah

  2

  1.5 Metodologi Penelitian

  3

  1.6 Sistematika Penulisan

  4 BAB II LANDASAN TEORI

  6

  2.1 Pengertian SistemInformasi

  6

  2.2. Tahapan-tahapan RPL

  7

  2.3 Data Flow Diagram (DFD)

  7

  2.4 Diagram ER

  9

  2.5 Internet dan WWW (World Wi de Web)

  9

  2.6 Aplikasi Web

  12

  2.7 HyperText Markup Language (HTML)

  13

  2.7.1 Dasar-Dasar HTML

  13

  2.7.2 Struktur Dasar Program HTML

  14

  2.7.3 Perintah-Perintah Pada HTML

  14

  2.7.4 Format dasar file HTML

  15

2.8 Personal Home Page tools : Hypertext Preprocessor (PHP)

  16

  2.8.1 Variabel Dalam PHP

  17

  2.8.2 Operator Dalam PHP

  17

  2.8.3 Struktur Kendali PHP

  18

  2.8.4 Fungsi Dalam PHP

  21

2.9 MySql

  22

  2.9.1 Konelsi PHP dan Mysql

  23

  2.9.2 Sintak-sintak Mysql

  24 BAB III ANALISIS dan PERANCANGAN SISTEM

  26

  3.1 Sistem Yang Dikembangkan

  26

  3.2 Batasan Sistem

  26

  3.3 Analisis Kebutuhan Sistem

  26

  3.3.1 Analisis Sistem

  26

  3.3.2 Analisis Pengguna

  27

3.3.3 Analisis Teknologi / Perangkat-lunak (Software)

  28

3.4. Pemodelan Use-case

3.5 Diagram Arus Data (DAD)

3.7.1 Desain Database

  3.8.5 Rancangan antarmuka halaman nilai ipk

  42

  3.8.2 Rancangan antarmuka halaman login untuk dosen 42

  3.8.3 Rancangan antarmuka halaman utama dosen

  43

  

3.8.4 Rancangan antarmuka halaman daftar anak didik

  44

  44

  44

  3.8.6 Rancangan antarmuka halaman nilai ips

  41

  3.8.7 Rancangan antarmuka halaman total sks

  45

  

3.8.8 Rancangan antarmuka halaman ulang matakuliah

  46

  42 3.8.1 Rancangan antarmuka halaman index.

  38 3.7 2 Relasi antar tabel

  28

  33

  3.4.1 Skenario Normal dari Diagram Use-case

  30

  3.4.2 Skenario Abnormal dari Diagram Use-case

  32

  32

  3.5.1 Context Diagram

  32

  3.5.2 Diagram Berjenjang

  3.5.3 OverView Diagram

  38

  34

  3.5.4 DAD level 1

  35

  3.5.5 DAD level 2 proses 1.12

  37

  3.6 Diagram ER

  37

  3.7 Perancangan/Desain Sistem

3.8 Perancangan Antarmuka

  3.8.9 Rancangan antarmuka halaman nilai matakuliah

  46

  3.8.10 Rancangan antarmuka halaman nilai gagal

  47

  

3.8.11 Rancangan antarmuka halaman laporan

  48

  

3.8.12 Rancangan antarmuka halaman searching

  48

  

3.8.13 Rancangan antarmuka halaman catatan

  49

  3.8.14 Rancangan antarmuka halaman ganti password

  49 BAB IV IMPLEMENTASI SISTEM

  51

  4.1 Penjelasan logika file-file yang digunakan

  51

  4.2 Koneksi ke Basis-Data (koneksi.inc.php)

  51

  4.3 Halaman Muka (index.php)

  52

  4.4 Halaman Verifikasi Password (form_login.html)

  53

  4.5 File login1.php

  54

  4.6 File ceksession.php

  57

  4.7 Halaman utama.php

  58

  4.8 Halaman daftar anak didik (bimbing.php)

  60

  4.9 Halaman nilai ipk (ipk.php)

  61

  4.10 Halaman nilai ips (ips.php)

  63

  4.11 Halaman total sks (sks.php)

  65

  4.12 Halaman info ulang MK (ulang.php)

  67

  4.13 Halaman nilai MK (nilai.php)

  70

  4.14 Halaman nilai gagal (gagal.php)

  73

  4.15 Halaman laporan (cari.php)

  75

  4.16 Halaman ganti password (form_gnt_pswd.html)

  76

  4.17 Halaman daftar matakuliah (info_mtk.php)

  83

  86 LAMPIRAN

  85 DAFTAR PUSTAKA

  6.2 Saran

  85

  6.1 Kesimpulan

  85

  84 BAB VI KESIMPULAN dan SARAN

  5.3 Analisis PHP dan MySql

  84

  5.2 Analisis Manfaat

  5.1.2 Kekurangan PL

  77

  83

  5.1.1 Kelebihan PL

  83

  5.1 Analisis Hasil PL

  83

  82 BAB V ANALISIS HASIL IMPLEMENTASI

  4.20 File logout (keluar.php)

  80

  4.19 Halaman update catatan (catatan.php)

  78

  4.18 Halaman pencarian nim atau nama mhs (search.php)

  87

  DAFTAR GAMBAR

  34 Gambar 3.4 Overview Diagram

  44 Gambar 3.13 Rancangan antarmuka halaman nilai ipk

  43 Gambar 3.12 Rancangan antarmuka halaman info anak didik

  43 Gambar 3.11 Rancangan antarmuka halaman utama dosen

  42 Gambar 3.10 Rancangan antarmuka halaman login

  42 Gambar 3.9 Rancangan antarmuka halaman index

  38 Gambar 3.8 Relasi antar table

  37 Gambar 3.7 Diagram ER

  36 Gambar 3.6 DAD level 2

  34 Gambar 3.5 DAD level 1

  33 Gambar 3.3 Diagram Berjenjang

Gambar 2.1 External Entity

  29 Gambar 3.2 Context Diagram

  13 Gambar 3.1 Diagram usecase dosen pembimbing akademik

  12 Gambar 2.8 Server-side (CGI based)

  11 Gambar 2.7 Static HTML-based

  9 Gambar 2.6 Hubungan internet dan WWW

  8 Gambar 2.5 Diagram ER

  8 Gambar 2.4 Data store (simpanan data)

  8 Gambar 2.3 Proses

  8 Gambar 2.2 Arus Data

  45

Gambar 3.14 Rancangan antarmuka halaman nilai ips

  56 Gambar 4.5 Tampilan halaman ceksession

  71 Gambar 4.14 Tampilan halaman nilai yang belum lulus

  70 Gambar 4.13 Tampilan halaman semua nilai MK

  68 Gambar 4.12 Tampilan halaman nilai ulang MK

  66 Gambar 4.11 Tampilan halaman info ulang MK

  64 Gambar 4.10 Tampilan halaman tampil total sks

  62 Gambar 4.9 Tampilan halaman tampil nilai ips

  61 Gambar 4.8 Tampilan halaman tampil nilai ipk

  59 Gambar 4.7 Tampilan halaman daftar anak didik.

  58 Gambar 4.6 Tampilan halaman utama dosen

  56 Gambar 4.4 Tampilan halaman login salah

  45 Gambar 3.15 Rancangan antarmuka halaman total sks

  54 Gambar 4.3 Tampilan halaman hasil login

  52 Gambar 4.2 Tampilan halaman form login

  50 Gambar 4.1 Tampilan halaman index.php

  50 Gambar 3.22 Rancangan antarmuka halaman ganti password

  49 Gambar 3.21 Rancangan antarmuka halaman catatan

  49 Gambar 3.20 Rancangan antarmuka halaman pencarian nim & nama

  48 Gambar 3.19 Rancangan antarmuka halaman laporan

  47 Gambar 3.18 Rancangan antarmuka halaman nilai gagal

  47 Gambar 3.17 Rancangan antarmuka halaman nilai MK

  46 Gambar 3.16 Rancangan antarmuka halaman ulang MK

  73

Gambar 4.15 Tampilan halaman laporan nilai

  75 Gambar 4.16 Tampilan halaman form ganti password

  77 Gambar 4.17 Tampilan halaman daftar mata kuliah

  78 Gambar 4.18 Tampilan halaman pencarian nama mahasiswa

  78 Gambar 4.19 Tampilan halaman catatan mahasiswa

  80

  DAFTAR TABEL

Tabel 3.1 Tabel dosen5314

  38 Tabel 3.2 Tabel mhs5314

  39 Tabel 3.3 Tabel notes

  39 Tabel 3.4 Tabel mtk5314

  40 Tabel 3.5 Tabel khs5314

  40 Tabel 3.6 Tabel detail_khs

  40 Tabel 3.7 Tabel pendidikan

  41

BAB I PENDAHULUAN

  1.1 Latar Belakang Masalah Di Teknik Informatika Universitas Sanata Dharma dalam kegiatan

pembimbingan akademik oleh dosen ke mahasiswa belum didukung sistem

informasi yang memadai, sehingga dosen pembimbing akademik sering kesulitan

memperoleh data perkembangan akademik mahasiswa yang dibimbingnya

misalnya sudah berapa kali mahasiswa mengambil suatu mata kuliah tertentu,

berapa nilainya, nilai ipk mahasiswa setiap semester, nilai ips mahasiswa setiap

semester, melihat mahasiswa dengan nilai ipk tertentu, dosen dapat memberi

catatan mengenai nilai mahasiswa tersebut.

  Mengingat adanya masalah tersebut, penulis ingin membuat suatu sistem

informasi yang digunakan oleh dosen pembimbing akademik untuk memonitor /

memantau dan mengevaluasi prestasi akademik mahasiswa serta dapat

melakukan pencarian data dengan mudah. Untuk memudahkan dosen pembimbing

akademik memantau / memonitor dan mengevaluasi prestasi akademik

mahasiswa, maka diperlukan suatu sistem informasi evaluasi prestasi akademik

mahasiswa berbasis web sehingga sistem informasi ini akan mudah diakses di

lingkungan Jurusan Teknik Informatika Universitas Sanata Dharma.

  1.2 Batasan Masalah Batasan-batasan masalah yang diambil adalah :

  1. Pengguna dari sistem ini adalah dosen pembimbing akademik dengan hak akses melihat hasil perkembangan prestasi mahasiswa

2. Sistem diasumsikan terhubung ke sistem informasi nilai Jurusan Teknik Informatika.

1.3 Tujuan dan Manfaat Penulisan

  a. Tujuan penulisan Membuat sistem informasi evaluasi prestasi akademik mahasiswa untuk membantu dosen pembimbing akademik mengetahui perkembangan prestasi mahasiswa dan membuat laporan-laporan yang diperlukan untuk mengevaluasi prestasi mahasiswa.

b. Adapun manfaat dari sistem ini adalah :

  1. Dapat membantu memperlancar pemantauan dan evaluasi prestasi akademik mahasiswa.

  2. Membantu dosen pembimbing akademik dalam hal pengambilan keputusan yang terkait dengan mahasiswa.

1.4 Rumusan Masalah

  Bagaimana membangun sistem informasi evaluasi prestasi akademik

mahasiswa dengan menerapkan langkah-langkah RPL yang benar agar dapat

dihasilkan sistem yang memenuhi kebutuhan pengguna di lingkungan Jurusan

Teknik Informatika.

1.5 Metodologi Penelitian

  Metode penelitan yang digunakan adalah studi kasus. Metode

pengembangan sistem yang digunakan adalah metodologi pengembangan sistem

secara terstruktur.

  Langkah-langkah yang dilakukan sebagai berikut :

  a. Pengumpulan data Penulis mengumpulkan data melalui interview secara langsung dengan orang yang berwenang di system informasi nilai mahasiswa.

  b. Studi Literatur Mempelajari buku-buku yang berhubungan dengan web, MySQL, PHP, dan web server.

  c. Melakukan tahapan-tahapan rekayasa perangkat lunak yaitu dengan: 1) Analisis Sistem Tahapan pembuatan pemodelan sistem dalam bentuk Context Diagram, Data Flow Diagram (DFD), Diagram Entity Relations (DER), dan kamus data. 2) Desain / Perancangan Sistem Hasil dari analisis, kemudian dibuat rancangan arsitektur system informasi ini antara lain:

a. Perancangan data berupa perancangan tabel-tabel database dan mendefinisikan tabel-tabel tersebut.

  b. Perancangan antarmuka pemakai merupakan jembatan penghubung antara entitas pembimbing akademik. Dalam perancangan ini akan dirancang menu-menu yang akan ditampilkan dalam suatu sistem, misalnya menu-menu yang akan digunakan oleh dosen pembimbing akademik.

  3) Implementasi Sistem Dalam tahap ini, menterjemahkan perancangan ke dalam bahasa pemrograman. Untuk mengetahui kemampuan dan unjuk kerja sistem informasi yang akan dibuat, maka sistem informasi tersebut harus diuji.

1.6 Sistematika Penulisan

  

Dalam pembuatan skripsi diperlukan sistematika penulisan, yaitu :

  a. Bab I Pendahuluan Dalam pendahuluan ini berisi latar belakang, batasan masalah, tujuan

dan manfaat, rumusan masalah, dan metodologi penelitian.

  b. Bab II Landasan Teori Dalam bab ini berisi tentang dasar teori yang mendukung pembuatan perangkat lunak dan mendasari permasalahan.

  c. Bab III Analisis dan Perancangan Sistem Dalam bab ini akan dibahas tentang semua perancangan sistem yang

mencakup rancangan basis data dan rancangan antar muka

  d. Bab IV Implementasi Sistem Dalam bab ini analisis dan perancangan sistem akan diimplementasikan ke dalam bahasa pemrograman. e. Bab V Analisis Hasil Implementasi Setelah diimplementasikan, maka situs web tersebut akan dianalisis dalam bab ini sehingga diketahui kelebihan dan kekurangannya.

  f. Bab VI Kesimpulan dan Saran Dalam kesimpulan ini berisi suatu kesimpulan yang didapat berdasarkan implementasi dan analisis, serta saran untuk menyempurnakan sistem informasi.

BAB II LANDASAN TEORI

2.1 Pengertian Sistem Informasi

  

Sistem informasi adalah kumpulan dari elemen-elemen / prosedur-prosedur

yang saling berinteraksi untuk mencapai tujuan tertentu. Komponen tersebut

adalah :

  1. Batasan sistem (boundary) Merupakan daerah yang membatasi antara suatu sistem dengan sistem yang lain atau dengan lingkungan luarnya.

  2. Lingkungan luar sistem (environment) Semua komponen yang terdapat diluar sistem yang mempengaruhi operasi sistem.

  3. Penghubung sistem Merupakan media penghubung antara satu subsistem dengan subsistem lainnya.

  4. Masukkan sistem Merupakan energi yang dimasukkan kedalam sistem.

  5. Keluaran sistem Merupakan hasil dari energi yang diolah dan diklasifikasikan menjadi keluar yang berguna dan sisa pembuangan.

  6. Pengolahan sistem

Merupakan pengolah yang merubah masukan menjadi keluaran.

  7. Sasaran sistem Merupakan sasaran dari sistem yang menentukan sekali masukan yang dibutuhkan sistem dan keluaran yang akan dihasilkan.

  2.2 Tahapan-tahapan RPL Berikut ini tahapan-tahapan RPL :

  1. Pengumpulan Kebutuhan Dalam tahap ini, informasi-informasi yang dikumpulkan oleh pengembang adalah informasi yang dinilai dapat bermanfaat atau yang dibutuhkan oleh seorang pengguna.

  2. Analisis Yaitu tahapan pembuatan pemodelan sistem dalam bentuk diagram, antara lain: context diagram, E-R diagram, DFD, dan kamus data.

  3. Desain / Perancangan Hasil dari analisis, kemudian menggambarkan bagaimana suatu sistem dibentuk. Selain itu, juga untuk memberi gambaran yang jelas dan rancang bangun yang lengkap.

  4. Implementasi Dalam tahap ini, menterjemahkan perancangan ke dalam bahasa pemrograman.

  2.3 Data Flow Diagram (DFD) Beberapa simbol yang digunakan di DFD antara lain :

  1. external entity (kesatuan luar) Merupakan kesatuan (entity) di lingkungan luar sistem yang dapat berupa orang, organisasi atau sistem lainnya yang berada di lingkungan luarnya yang akan memberikan input dan menerima output dari sistem.

  Simbol :

Gambar 2.1 External Entity

  2. data flow (arus data) Arus data mengalir di antara proses, simpanan data, dan kesatuan luar.

  Simbol: :

Gambar 2.2 Arus Data

  3. process (proses) Merupakan kegiatan yang dilakukan oleh orang, mesin atau komputer dari hasil suatu arus data yang masuk kedalam proses untuk arus data yang keluar dari proses.

  Simbol : atau

Gambar 2.3 Proses

  4. data store (simpanan data) Merupakan simpanan dari data yang dapat berupa suatu file / database, arsip, dan lain-lain. atau Simbol :

Gambar 2.4 Simpanan Data

  2.4 Diagram E-R Diagram E-R dibuat dengan tujuan untuk menggambarkan entitas serta hubungan antar entitas yang terdapat dalam sistem secara keseluruhan.

  Relationship mempunyai 3 tipe antara lain : 1. one-to-one : hubungan satu ke satu 2. one-to-many : hubungan satu ke banyak 3. many-to-many : hubungan banyak ke banyak

  Simbol-simbol diagram E-R : Menunjukkan entitas Menunjukkan relationship Menunjukkan atribut Menghubungkan simbol yang ada Menunjukkan muatan hubungan

Gambar 2.5 gambar symbol ER

  2.5 Internet dan WWW (World Wide Web) berasal dari kata interconnection network yang mempunyai arti

  Internet

hubungan berbagai komputer dan berbagai tipe komputer yang membentuk sistem

jaringan yang mencakup seluruh dunia (jaringan global) dengan melalui jalur

telekomunikasi seperti telepon, wireless, dan lainnya.

  (hypertext transfer protocol) adalah suatu protokol yang HTTP

menentukan aturan yang perlu diikuti oleh web browser dalam meminta atau

mengambil suatu dokumen dan oleh web server dalam menyediakan dokumen

yang diminta web browser.

  URL (uniform resource locator) adalah suatu sarana yang digunakan untuk menentukan lokasi informasi pada suatu web server.

  Dalam web sites, setiap halaman web dapat berupa halaman statis dan

halaman dinamis. Halaman statis adalah halaman web yang berupa sistem file

datar HTML, semua page disimpan dalam server, isinya tetap ditampilkan apa

adanya pada pengguna. Sedangkan halaman dinamis adalah halaman web yang

dibuat dan disimpan dalam suatu database, halaman web dapat berubah secara

otomatis sesuai permintaan user. atau WWW merupakan salah satu layanan yang dapat

  World Wide Web

digunakan oleh pemakai komputer yang terhubung dengan internet. WWW

merupakan sekumpulan dari middleware yang beroperasi diatas jaringan.

a. Hypertext : suatu teknik / cara untuk dapat berbagi data diantara kolegannya.

  

b. Hyperlink : kode-kode khusus yang disisipkan ke dalam dokumen elektronik

hypertext yang memungkinkan pemakai untuk meloncat dari satu dokumen ke dokumen lain pada layar.

  Untuk dapat mempermudah membaca data dan informasi pada web,

maka di perlukan browser. Browser adalah perangkat lunak yang digunakan untuk di internet sehingga penguna jaringan dapat mengakses informasi yang surfing tersedia berikut link-link (kaitan informasi) yang ada. Cara kerja World Wide Web sebagai beikut : 1.

   Informasi web disimpan dalam dokumen yang disebut dengan halaman- halaman web (web pages).

  

2. Web pages adalah file-file yang disimpan dalam komputer yang disebut

dengan web server.

  

3. Komputer-komputer mengakses dan membaca web pages dalam protocol

komunikasi http. Komputer ini disebut dengan web client.

  4. Web client menampilkan halaman dengan menggunakan program antar muka yang disebut dengan web browser.

  

5. Web browser yang popular adalah Internet Explorer dan Netscape Navigator

Hubungan internet dan WWW :

WWW applications

WWW middleware (web browser, web server, HTTP, HTML, web gateway)

  IP network stack FTP, Telnet, SMTP, SNMP, NFS, dll TCP (Transmission UDP (user datagram Control protocol) protocol)

  Internet Protocol (IP) Physical Network

Gambar 2.6. Hubungan internet dan WWW

2.6 Aplikasi WEB

  HTML merupakan bahasa yang menjadi penghubung antara web server

dengan client-nya (web browser). Web server berhubungan langsung dengan

dan melayani permintaan / pertanyaan dari client, menyediakan database

halaman-halaman web dinamis (berubah sesuai dengan permintaan user).

  

Sehingga dibutuhkan aplikasi pendukung untuk kebutuhan dinamis web

server.Aplikasi tersebut sebagai berikut : a.

   Static HTML based Pada aplikasi yang berbasis static HTML, yang dilakukan hanyalah

membaca dan menampilkan dokumen-dokumen HTML yang tersimpan di server

web. Perpindahan dari dokumen satu ke yang lain dilakukan melalui link.

  Web browser HTML document

  Web File access server

  Error! HTML document

Gambar 2.7 Static HTML-based

  . Server side (CGI based) b

  Pada server side, perintah-perintah program (script) dijalankan di web server, kemudian hasilnya dikrimkan ke browser dalam bentuk HTML biasa.

  Web site HTTP

  Web Applicat File and browser ion logic Database

  Web CGI

server (untuk contoh

  SQL) File access File and

  Database HTML documents

Gambar 2.8 Server-Side (CGI based) c.

   Client side (Java based) Pada client side, perintah-perintah program (script) dijalankan di web

browser, sehingga ketika client meminta dokumen yang mengandung script, maka

script tersebut akan di download dari server-nya kemudian dijalankan di browser

yang bersangkutan.

  d.

   Object oriented Client (OCSI)

2.7 HTML

2.7.1 Dasar-dasar HTML

  merupakan salah satu format yang HTML (hypertext Markup Language)

digunakan dalam pembuatan dokumen dan aplikasi yang berjalan di halaman web.

merupakan protocol yang digunakan untuk

  HTTP (Hypertext Transfer Protocol)

mentransfer data antara web server ke web browser. Protocol ini mentransfer

dokumen-dokumen web yang ditulis atau berformat HTML. Dikatakan markup

  

language karena HTML berfungsi untuk menformat file dokumen teks biasa untuk

bisa ditampilkan pada web browser dengan bantuan tanda-tanda yang sudah

ditentukan yaitu dengan menambahkan elemen yang disebut tag. Elemen HTML

biasanya berupa tag yang berpasangan dan setiap tag ditandai dengan symbol <

dan >.

  2.7.2 Struktur dasar HTML Struktur file HTML diawali dengan sebuah tag <html> dan ditutup dengan

tag </html>. Didalam tag terdapat dua bagian besar yaitu yang diapit oleh tag

dan diapit oleh tag <body> … </body>. Bagian yang diapit

  <head> . . . </head>

oleh tag HEAD merupakan header dari halaman HTML dan tidak ditampilkan

pada windows browser. Bagian ini berisi tag-tag header seperti <title> . . .

yang berfungsi untuk mengeluarkan judul pada title bar window web

  </title> dan tag lain, misalnya <meta>. browser

  2.7.3 Beberapa hal yang diperlukan dalam HTML :

  1. Pengaturan properti halaman web Properti dokumen diatur melalui atribut-atribut yang terdapat dalam

elemen <body>. Untuk memformat heading (judul dan sub-sub judul) dari suatu

halaman web. Ada enam buah heading yang dikenal di HTML yaitu dari <h1>

sampai <h6>. Tag paragraph <p> berfungsi layaknya untuk pengaturan antar

paragraph dalam halaman web. Tag break <br> berfungsi untuk memberikan

baris baru suatu paragraph dalam halaman web. Tag break tidak memerlukan tag

penutup break. Tag horizontal ruler <hr> berfungsi untuk menampilkan garis

  

horizontal tiga dimensi didalam halaman web. Tag horizontal ruler juga tidak

memerlukan elemen penutup </hr>.

  2. Pemformatan karakter Karakter pada halaman HTML dengan menggunakan tag <font>. Elemen ragam karakter :

  a. <b>teks</b> : menghasilkan huruf tebal

  b. <i>teks</i> : menghasilkan huruf miring

  c. <u>teks</u> : menghasilkan huruf bergaris bawah

  3. Link Elemen link berfungsi sebagai penghubung antara suatu halaman dengan

halaman lain, atau ke URL lain, bahkan dalam satu halaman untuk berpindah ke

sub judul yang lain.

  Format link : <ahref = URL_tujuan>hypertext</A>

URL_tujuan bernilai lokasi dan nama file yang akan dituju, sedangkan hypertext

nilainya akan ditampilkan di browser sebagai text link atau tombol penghubung.

2.7.4 Format dasar file HTML

  < html > < head > < title > judul < /title> < /head > < body > Isi atau badan file < /body > < /html >

2.8 PHP (Personal Home Page)

  adalah bahasa / skrip server-side PHP (Personal Home Page tools) yang menyatu dengan HTML untuk membuat halaman web yang scripting

dinamis. Sedangkan maksud dari server-side scripting adalah sintaks dan

perintah-perintah yang diberikan akan sepenuhnya dijalankan di server tetapi

disertakan pada dokumen HTML atau dengan kata lain pengerjaan skrip akan

dilakukan di server, kemudian hasilnya dikirimkan ke browser. Keunggulan dari

sifat server-side antara lain :

  

a. Tidak diperlukan kompatibilitas browser atau harus menggunakan browser

tertentu, karena server yang akan mengerjakan skrip PHP.

  

b. Dapat memanfaatkan sumber-sumber aplikasi yang dimiliki oleh skrip,

misalnya koneksi ke database.

  

c. Skrip tidak dapat “diintip” dengan menggunakan fasilitas view HTML sourch.

Cara penulisan script PHP antara lain : 1. <?php

  Script ?> 2. <? Script PHP

  ?> 3. <script language = “php”> script PHP </script>

  4. <% script PHP %>

  PHP mempunyai kelebihan yaitu dapat melakukan semua aplikasi program

CGI, seperti mengambil nilai form, menghasilkan halaman web yang dinamis,

serta mengirim dan menerima cookie. Tipe Data yang dikenal oleh PHP adalah :

  1. Integer : untuk bilangan bulat 2. Floating point number / double / desimal : untuk bilangan real.

  

3. String : berupa karakter / kalimat termasuk angka, huruf, maupun karakter

khusus seperti +, -, %, $, &, dan lain-lain.

  4. Array : sekumpulan variable yang mempunyai nama sama tetapi dibedakan

  1 oleh indeks. Indeks dapat berupa indexed array dan associative

   (vector)

  2 array

2.8.1 Variabel PHP

  Variabel adalah sebuah tempat di memori untuk menyimpan data yang

nilainya dapat berubah-ubah. Aturan penulisan pada PHP adalah sebagai berikut :

  1. Variabel dimulai dengan tanda dollar ($)

  2. Harus dimulai dengan huruf atau underscore (_)

  3. Tidak boleh menggunakan tanda baca

  3 4.

   Case sensitive

2.8.2 Operator PHP

  Operator adalah symbol yang digunakan untuk memanipulasi data, seperti penambahan dan pengurangan. Operand adalah data yang dioperasikan atau di _{1 2} . Indexed array = indeks array berupa angka ₃ .Associative array = indeks berupa string

  .Case sensitive = huruf besar atau huruf kecil dibedakan manipulasi. Operator dapat dikelompokan dalam 4 kategori yaitu :

  

1. Operator aritmatika adalah operator yang berhubungan dengan fungsi

matematika.

  2. Operator logika adalah operator yang membandingkan TRUE atau FALSE.

  3. Operator bitwise adalah operator yang membandingkan binary.

  

4. Operator penugasan berfungsi memberikan nilai ke sebuah variable,

dilambangkan dengan tanda sama dengan (=).

  

5. Operator pembandingan adalah operator yang digunakan untuk

membandingkan dua atau lebih nilai, variable, atau pernyataan, dan menghasilkan nilai TRUE atau FALSE.

2.8.3 Struktur Kendali PHP

  Struktur kendali merupakan pengatur aliran program, mempunyai perintah yang harus ditulis untuk memenuhi keadaan, yaitu : a. Mengulang suatu perintah jika suatu kondisi terpenuhi.

  b. Melanjutkan sebuah pernyataan bila kondisi terpenuhi.

  c. Memilih sebuah pilihan dari beberapa alternatif bila kondisi terpenuhi. Struktur kendali dibagi menjadi 2 jenis :

2.8.3.1 Percabangan (pengambilan keputusan)

  Adalah struktur kendali yang memungkinkan pemilihan atas perintah yang akan dijalankan sesuai dengan kondisi tertentu. Perintah percabangan yaitu :

  1. if

  Digunakan untuk mengambil keputusan apabila ada sebuah kondisi yang ditemui. Sintaks penulisannya : if ( kondisi ) {pernyataan bila kondisi bernilai benar};

  2. if … elseif … else

perintah ini hampir mirip dengan perintah if, tetapi dalam struktur ini

disediakan pilihan untuk diambil jika sebuah kondisi bernilai false.

  Sintaks penulisannya : if (kondisi 1) { pernyataan 1 bila kondisi 1 bernilai benar }; elseif (kondisi 2)

  { pernyataan 2 bila kondisi 1 bernilai salah dan kondisi 2 bernilai benar }; …….. else {pernyataan ini akan dijalankan bila kondisi sebelumnya salah};

  3. if … else

  

Perintah ini mirip dengan perintah if, hanya saja dapat digunakan untuk

banyak kemungkinan kondisi atau keputusan yang diambil. Sintaks

penulisannya : if (kondisi 1)

  { pernyataan 1 bila kondisi 1 bernilai benar }; else (kondisi 2) { pernyataan 2 bila kondisi 1 bernilai salah dan kondisi 2 bernilai benar };

  ……..

  4. switch

  Digunakan sebagai pengganti dari sintaks if … else dengan else lebih dari satu, terutama jika pilihan yang tersedia banyak dan masing-masing pilihan berupa nilai pasti. Perintah switch akan menyeleksi kondisi yang diberikan dan kemudian membandingkan hasilnya dengan konstanta-konstanta yang berada di case. Sintaks penulisannya : Switch (kondisi)

  { case konstanta 1; pernyataan 1; break; case konstanta 2; pernyataan 2; default; pernyataan default; }

2.8.3.2 Pengulangan

  Digunakan untuk menggulang suatu perintah sebanyak yang diinginkan tanpa harus menulis ulang. Perintah-perintah pengulangan antara lain : 1. for digunakan melakukan perulangan dengan jumlah pengulangan yang sudah diketahui. Sintaks penulisannya :

  <? //awal script PHP for ($count = 1; $count <= 10; $count++)

  { print ("Ini adalah baris ke-$count <br>"); } ?> //akhir script PHP

  2. while digunakan untuk mengulang suatu perintah selama suatu kondisi terpenuhi atau dengan kata lain bernilai true. Contoh sintaks penulisannya :

  <? $count = 1; while ($count <=10) { print ("Baris nomer $count<br>"); $count = $count + 1; } ?>

2.8.4 FUNGSI

  Beberapa fungsi yang terdapat pada PHP antara lain :

  1. Fungsi Array Suatu fungsi yang digunakan untuk menciptakan array, sedangkan parameter merupakan kumpulan variable yang akan dijadikan sebagai sebuah array. Sintaks penulisannya : Array (parameter)

2. Fungsi Tanggal dan Waktu Adalah fungsi yang berkaitan dengan tanggal dan waktu.

  a. Fungsi date() Digunakan untuk menampilkan tanggal dan atau waktu sekarang. Sintaks penulisannya : Date(format,[timestamp])

  Format adalah karakter-karakter yang digunakan untuk memformat tampilan tanggal dan atau waktu sekarang. Sedangkan, timestamp adalah waktu yang diukur dari jumlah detik.

  b. Fungsi checkdate() Digunakan untuk memeriksa apakah sebuah format penulisan tanggal sudah benar. Sintaks penulisannya : Chekdate($bulan, $hari, $tahun)

  3. Fungsi Variabel Adalah fungsi-fungsi yang digunakan untuk pengolahan atau pemeriksaan variable.

4. Fungsi String Adalah fungsi yang digunakan untuk mengolah data yang berupa string.

2.9 My SQL

  My SQL adalah perangkat lunak pengolah database. SQL (Structured adalah bahasa standar yang digunakan untuk mengakses

  Query Language) database server.

  Tipe data My SQL :

  1. Tipe data numeric Data yang dapat disimpan hanya data angka (numeric) saja.

  2. Tipe data string Dapat berisi nilai string (alpanumerik / karakter) dan numeric.

  3. Tipe data waktu

  Menyimpan informasi waktu, baik tanggal maupun waktu. Data yang disimpan berupa numeric tetapi pembacaan terhadap data adalah string.

2.9.1 Koneksi PHP ke My SQL

  1. Mysql_connect() Digunakan untuk membuka koneksi ke MySQL. Sintaksnya : $conn = mysql_connect (host, user, password)

  2. Mysql_select_db() Digunakan untuk memilih database yang akan digunakan. Sintaksnya : Mysql_select_db (namadatabase, [koneksi])

  3. Mysql_query() Digunakan untuk mengambil sebuah query dari sebuah database. Sintaksnya : $qry = mysql_query (perintah sql, [koneksi])

  4. Mysql_pconnect() Mempunyai kegunaan yang sama dengan mysql_connect(), hanya saja koneksi bersifat persisten. Sintaksnya : $pconn = mysql_pconnect (host, user, password) koneksi biasa mempunyai perbedaan dengan koneksi persisten yaitu :

  a. Pada saat koneksi, fungsi mysql_pconnect awalnya akan mencari koneksi persisten yang lain pada host dan user yang sama. Jika ada, maka koneksi akan menggunakan koneksi yang telah ada tersebut dari pada menggunakan yang baru.

b. Koneksi tidak akan putus sekalipun skrip PHP telah selesai dieksekusi, bahkan tidak dapat ditutup dengan fungsi mysql_close().

  5. Mysql_close() Digunakan untuk menutup koneksi yang telah dilakukan. Sintaksnya : Mysql_close ([koneksi])

Fungsi ini tidak dapat digunakan untuk menutup koneksi yang persisten.

  6. Mysql_create_db() Digunakan untuk membuat database dari skrip PHP. Sintaksnya : Mysql_create_db (namadatabase)

2.9.2 Sintaks-sintaks yang diperlukan dalam bahasa MySQL

  1. Membuat database CREATE DATABASE nama_database;

  2. Membuat table CREATE TABLE nama_table ( nama_field1 tipe_data1, nama_field2 tipe_data2, ………………………..);

3. Menyisipkan data ke table

  INSERT INTO nama_table (field1, field2, …)

  VALUES (nilai_filed1, nilai_field2, …);