PENGEMBANGAN WEBSITE SD KATOLIK SANTA THERESIA BALIKPAPAN

  

PENGEMBANGAN WEBSITE

SD KATOLIK SANTA THERESIA

BALIKPAPAN

SKRIPSI

Diajukan Untuk Memenuhi Salah Satu Syarat

Memperoleh Gelar Sarjana Sains

  

Program Studi Ilmu Komputer

Oleh:

Nama : Dwiyananto Budiprasetyo

  NIM : 003124070

PRODI ILMU KOMPUTER JURUSAN MATEMATIKA

FAKULTAS SAINS DAN TEKNOLOGI

UNIVERSITAS SANATA DHARMA

  

THE WEBSITE DEVELOPMENT OF SANTA

THERESIA CATHOLIC ELEMENTARY SCHOOL OF

BALIKPAPAN

A THESIS

Presented as Partial FulFilment of the Requirements To Obtain Sarjana Sains Degree In Computer Science Study Program

  

Oleh:

Nama : Dwiyananto Budiprasetyo NIM : 003124070

  

COMPUTER SCIENCE STUDY PROGRAM

MATHEMATICS DEPARTEMENT

FACULTY OF SAINS AND TECHNOLOGY

SANATA DHARMA UNIVERSITY

YOGYAKARTA

  HALAMAN PERSEMBAHAN Pandanglah hari ini.

  Jangan lihat masa lampau dengan penyesalan kemarin sudah menjadi mimpi. jangan pula lihat masa depan dengan ketakutan, esok hari hanyalah sebuah visi. tapi lihatlah sekarang dengan penuh kesadaran hari ini yang sungguh nyata, menjadikan kemarin sebagai mimpi kebahagiaan, dan setiap hari esok sebagai visi harapan.

  ( Alexander Pope dan James Thurber ) Karya ini kupersembahkan untuk:

   Allah Bapa dan Bunda Maria di Surga Atas semua cobaan hidup ini dan karunia-Nya

   Bapak Ibuku, Sebagai ungkapan sujud bakti dan rasa syukurku

   Mas Inug dan Dinda , Kakak dan adikku tercinta

PERNYATAAN KEASLIAN KARYA

  Saya menyatakan dengan sesungguhnya bahwa skripsi yang saya tulis ini tidak memuat karya atau bagian karya lain, kecuali yang telah disebutkan dalam kutipan dan daftar pustaka, sebagaimana layaknya karya ilmiah.

  Yogyakarta, ..........................

  Penulis

  

ABSTRAK

Website Sekolah Dasar Katolik Santa Theresia Balikpapan merupakan media

  informasi yang memberikan pelayanan berupa informasi kepada orang tua siswa, siswa, alumni, dan sekaligus sebagai sarana promosi kepada masyarakat umum.

  

Website ini memberikan kemudahan bagi para pengunjung karena dapat diakses

  secara online. Orang tua siswa / siswa dan alumni cukup memasukan username dan password untuk dapat mengakses halaman siswa dan alumni.

  Fasilitas yang diberikan di website ini antara lain profil sekolah, kelas, jadwal pelajaran dan ujian, forum diskusi, dan berbagai fasilitas lainnya. Selain itu juga disediakan fasilitas untuk mengupdate data website bagi Administrator.

  Website Sekolah Dasar Katolik Santa Theresia Balikpapan dibuat dengan

  menggunakan bahasa pemrograman PHP, database server menggunakan MySQL,

  

web server menggunakan Apache, dan mail server menggunakan Mercury Mail yang

diimplementasikan dalam sistem operasi Windows.

  

ABSTRACT

  Website of Catholic Elementary School Santa Theresia Balikpapan represent the information media giving the information to parent, student, collegiate, and at one blow as promotion medium to society. This Website give the amenity to all visitors because it can be accessed by online. Parent, student and collegiate enough input of username and password to can access the page;yard of student and collegiate.

  This website gives facilities such as school profile, class, schedule of Iesson and test, discussion forum, and various other facilities. Others also provided a facility to update the data website for Administrator.

  Website of Catholic Elementary School Santa Theresia Balikpapan is made by PHP, database server Mysql, web server Apache, and mail server Mercury Mail which implementation in operating system Windows.

  KATA PENGANTAR Puji syukur penulis panjatkan kepada Allah Bapa di surga karena atas bimbingan dan petunjuk-Nya, sehingga penulis dapat menyelesaikan penelitian dan penyusunan skripsi yang berjudul Pengembangan Website SD Katolik Santa Theresia Balikpapan. Skripsi ini disusun sebagai salah satu syarat untuk mencapai gelar Sarjana Sains (S.Si) Program Studi Ilmu Komputer.

  Dalam pelaksanaan penelitian dan penyusunan skripsi ini tentunya tidak terlepas dari bantuan berbagai pihak. Oleh karena itu penulis ucapkan terima kasih kepada:

  1. Allah Bapa dan Bunda Maria yang tak henti-hentinya menyinari dan menuntun setiap langkah hidup kami.

  2. Bpk Ir. Gregorius Heliarko SJ, SS, BST, MA, M.Sc. selaku dekan Fakultas Sains dan Teknologi.

  3. Ibu P.H. Prima Rosa, S.Si, M.Sc selaku Kaprodi Ilmu Komputer Universitas Sanata Dharma dan atas bimbingan dan bantuan selama kami menuntut ilmu di Universitas Sanata Dharma.

  4. Bapak St. Eko Hari Parmadi, S.Si, M. Kom selaku dosen pembimbing yang di tengah kesibukannya telah banyak menyisihkan waktu untuk membimbing dan mengarahkan dengan kesabarannya dalam penyusunan proyek ini.

  5. Ibu M.M. Endang W. selaku kepala sekolah SD Katolik Santa Theresia Balikpapan yang telah memberikan ijin kepada penulis untuk melakukan penelitan di SD Katolik Santa Theresia Balikpapan sehingga dapat penulis gunakan sebagai salah satu syarat untuk mencapai gelar Sarjana Sains.

  6. Bapakku Julianus Budiono dan Ibuku M.I. Kusmiyati terimakasih untuk semua bimbingan, dukungan, cinta, kesabaran dan doanya. Mas Inug dan adikku Dinda yang lucu terimakasih atas seluruh dukungan dan doanya.

  7. Angger terimakasih atas rumah beserta isinya dan persahabatan selama ini.

  8. Rika dan Rahma untuk semua keramahan, persahabatan, dan dukungannya selama ini.

  9. Teman-teman wisata kuliner, game, dan tempat berkeluh kesah : Lukas & Wiwied, Boy, Agung, Sandra, dan Pak Andre.

  10. Dek Andank terimakasih sudah berbagi Laptop.

  11. Tante Arie dan keluarga terimakasih banyak atas bimbingan, kecerian, dan dukungannya.

  12. Teman-teman seperjuanganku: Badi, VQ, Sinchan, Heri, Wisnu, Grandonk, Sigit, Willy, Rima, Pascal dan semua anak-anak IKOM‘00 tanpa kecuali yang telah banyak memberi inspirasi dalam berproses bersama.

  13. Semua pihak yang tidak dapat penulis sebutkan satu-persatu yang telah membantu dalam penyelesaian proyek ini.

  Semoga Tuhan selalu melimpahkan rahmat dan berkah-Nya setimpal dengan kebaikan-kebaikan tersebut.

  Penulis menyadari bahwa masih banyak kekurangan dalam penyusunan skripsi ini. Oleh karena itu kritik dan saran sangat penulis harapkan dari berbagai pihak. Besar harapan penulis semoga hasil penelitian ini dapat berguna bagi pembaca.

  Yogyakarta, ...................................

  Penulis

  

DAFTAR ISI

  Halaman HALAMAN JUDUL....................................................................................... i HALAMAN PERSETUJUAN PEMBIMBING.............................................. ii HALAMAN PENGESAHAN......................................................................... iii HALAMAN PERSEMBAHAN …………………………………………..... iv PERNYATAAN KEASLIAN KARYA…………………………………….. v ABSTRAK…………………………………………………………………... vi

  

ABSTRACT ....................................................................................................... vii

  KATA PENGANTAR..................................................................................... viii DAFTAR ISI.................................................................................................... xi DAFTAR TABEL…………………………………………………………… xv DAFTAR GAMBAR………………………………………………………... xvi BAB I PENDAHULUAN...............................................................................

  1 A. Latar Belakang Masalah.........................................................................

  1 B. Rumusan Masalah..................................................................................

  1 C. Batasan Masalah.....................................................................................

  1 D.Tujuan dan Manfaat Penulisan................................................................

  2 E. Metodologi Penelitian............................................................................

  3 F. Sistematika Penulisan.............................................................................

  4 BAB II LANDASAN TEORI........................................................................

  6 A. Pengertian sistem, infomasi, sistem informasi, dan sistem informasi

  B. Browser web, Web Server, World Wide Web.......................................

  7 1. Browser Web....................................................................................

  7 2. Web Server........................................................................................

  8 3. World Wide Web..............................................................................

  9 C. Paradigma Classic Life Cycle ( Waterfall )............................................

  10 D. HTML, PHP, MySQL, dan Apache Web Server...................................

  12 1. HTML...............................................................................................

  12 2. PHP...................................................................................................

  14 3. MySQL.............................................................................................

  17 4. Apache Web Server..........................................................................

  19 BAB III ANALISIS DAN PERANCANGAN SISTEM.............................

  20 A. Analisis Sistem.......................................................................................

  20 B. Analisis Kebutuhan Sistem....................................................................

  24 1. Kebutuhan Perangkat Lunak.............................................................

  24 2. Kebutuhan Perangkat Keras..............................................................

  24 C. Perancangan ( Design )...........................................................................

  25 1. Perancangan Proses...........................................................................

  25 1.1 Diagram konteks.........................................................................

  27 1.2 DFD level 1.................................................................................

  28 1.3 DFD level 2.................................................................................

  32 2. Perancangan Basis Data....................................................................

  36 2.1 ER Diagram.................................................................................

  36

  2.3 Relasi yang terbentuk adalah......................................................

  39 2.4 Pemetaan Tabel...........................................................................

  40 3. Perancangan Antar Muka..................................................................

  52 3.1 Desain Struktur Menu.................................................................

  52 a. Struktur menu bagi user umum................................................

  52 b. Struktur menu bagi orang tua siswa / siswa.............................

  53 c. Struktur menu bagi alumni.......................................................

  53 d. Struktur Administrator.............................................................

  54

  3.2 Desain Antar Muka 55 1. Desain antar muka pengguna internet umum...........................

  55 2. Desain antar muka untuk orang tua siswa................................

  60 3. Desain antar muka untuk alumni.............................................

  63 4. Desain antar muka untuk administrator...................................

  66 BAB IV IMPLEMENTASI PROGRAM.....................................................

  70 A. Aplikasi yang digunakan........................................................................

  70 B. Implementasi Program...........................................................................

  70 1. Koneksi Server..................................................................................

  70 2. Implementasi proses Pengguna Internet Umum...............................

  72 3. Implementasi proses dari sisi orang tua siswa / siswa......................

  74 4. Implementasi proses dari sisi alumni................................................

  77 4. implementasi proses dari sisi administrator......................................

  78 C. Implementasi Antar Muka......................................................................

  81

  2. Implementasi Antar Muka untuk orang tua siswa / siswa................

  84 3. Implementasi Antar Muka untuk alumni..........................................

  86 4. Implementasi Antar Muka untuk Administrator...............................

  88 BAB V PENUTUP.........................................................................................

  90 A. Kesimpulan............................................................................................

  90 B. Saran.......................................................................................................

  91 DAFTAR PUSTAKA......................................................................................

  92

  

DAFTAR TABEL

Tabel Keterangan Halaman

  45 Tabel 3.11 Tabel 3.11 Struktur tabel siswa baru

  48 Tabel 3.19 Tabel 3.19 Struktur tabel event

  48 Tabel 3.18 Tabel 3.18 Struktur tabel nilai raport

  48 Tabel 3.17 Tabel 3.17 Struktur tabel nilai forum

  47 Tabel 3.16 Tabel 3.16 Struktur tabel jawab forum

  47 Tabel 3.15 Tabel 3.15 Struktur tabel peserta forum

  46 Tabel 3.14 Tabel 3.14 Struktur tabel guestbook

  45 Tabel 3.13 Tabel 3.13 Struktur tabel polling

  46 Tabel 3.12 Tabel 3.12 Struktur tabel alumni

  44 Tabel 3.10 Tabel 3.10 Struktur tabel siswa

Tabel 2.1 Tabel 2.1 Tabel web server

  43 Tabel 3.9 Tabel 3.9 Struktur topik forum

  42 Tabel 3.8 Tabel 3.8 Struktur tabel jadwal ujian

  42 Tabel 3.7 Tabel 3.7 Struktur tabel jadwal pelajaran

  42 Tabel 3.6 Tabel 3.6 Struktur tabel ekstrakurikuler

  41 Tabel 3.5 Tabel 3.5 Struktur tabel fasilitas

  41 Tabel 3.4 Tabel 3.4 Struktur tabel profil guru

  40 Tabel 3.3 Tabel 3.3 Struktur tabel kelas

  25 Tabel 3.2 Tabel 3.2 Struktur tabel about us

  8 Tabel 3.1 Tabel 3.1 Identifikasi masukan dan keluaran

  49

  Tabel Keterangan Halaman

Tabel 3.21 Tabel 3.21 Struktur tabel matapelajaran

  50 Tabel 3.22 Tabel 3.22 Struktur tabel admin

  50 Tabel 3.23 Tabel 3.23 Struktur tabel syarat psb

  50 Tabel 3.24 Tabel 3.24 Struktur tabel syarat alumni

  51 Tabel 3.25 Tabel 3.25 Struktur tabel berita

  51 DAFTAR GAMBAR

  Gambar Keterangan Halaman

Gambar 2.1 Gambar Dasar Browser dan Web Server

  8 Gambar 2.2 Gambar Skema HTML

  14 Gambar 2.3 Gambar Skema PHP

  16 Gambar 3.1 Gambar Diagram Konteks

  27 Gambar 3.2 Gambar DFD Level 1 dilihat dari sisi Pengguna

  28 Internet Umum

Gambar 3.3 Gambar DFD Level 1 dilihat dari sisi Orang Tua

  29 Siswa

Gambar 3.4 Gambar DFD Level 1 dilihat dari sisi Alumni

  30 Gambar 3.5 Gambar DFD Level 1 dilihat dari sisi administrator

  31 Gambar 3.6 Gambar DFD level 2 proses pendaftaran

  32 Gambar 3.7 Gambar DFD level 2 proses validasi

  32

  Gambar Keterangan Halaman

  57 Gambar 3.20 Gambar tampilan fasilitas

  63 Gambar 3.28 Gambar tampilan data pribadi alumni

  63 Gambar 3.27 Gambar tampilan home alumni

  62 Gambar 3.26 Gambar tampilan login alumni

  61 Gambar 3.25 Gambar tampilan nilai laporan pendahuluan

  60 Gambar 3.24 Gambar tampilan jadwal pelajaran

  60 Gambar 3.23 Gambar tampilan home website sisi orang tua

  59 Gambar 3.22 Gambar tampilan login orang tua siswa

  58 Gambar 3.21 Gambar tampilan detail fasilitas

  56 Gambar 3.19 Gambar tampilan detail guestbook

Gambar 3.9 Gambar DFD level 2 proses laporan

  55 Gambar 3.18 Gambar tampilan isi guestbook

  54 Gambar 3.17 Gambar tampilan utama pengguna internet umum

  53 Gambar 3.16 Gambar struktur menu administrator

  53 Gambar 3.15 Gambar struktur menu alumni

  52 Gambar 3.14 Gambar struktur menu siswa / orang tua siswa

  36 Gambar 3.13 Gambar struktur menu user umum

  35 Gambar 3.12 Gambar ER Diagram

  34 Gambar 3.11 Gambar DFD level 2 proses update website SDK Santa Theresia

  33 Gambar 3.10 Gambar DFD level 2 ganti password

  64

  Gambar Keterangan Halaman

Gambar 3.30 Gambar tampilan login admin

  66 Gambar 3.31 Gambar tampilan home admin

  67 Gambar 3.32 Gambar tampilan detail jadwal pelajaran

  68 Gambar 3.33 Gambar tampilan edit jadwal pelajaran

  69 Gambar tampilan tambah jadwal pelajaran

  70

BAB I PENDAHULUAN A. Latar Belakang Masalah Sekolah Dasar Katolik Santa Theresia Balikpapan ingin membuat sebuah media

  informasi yang dapat memberikan pelayanan secara tepat, cepat, dan akurat bagi orang tua siswa, siswa, alumni dan sekaligus sebagai sarana promosi bagi masyarakat umum.

  Melihat masalah yang dihadapi SDK Santa Theresia Balikpapan, penulis berusaha membuat sebuah media informasi yaitu website (situs web). Pembuatan

  

website merupakan sebuah alternatif untuk menyelesaikan masalah, sehingga informasi

dapat diakses secara langsung oleh para pengguna.

  B. Rumusan Masalah

  Berdasarkan latar belakang di atas maka penulis merumuskan masalah, yaitu : Bagaimana membuat website (situs web) pada Sekolah Dasar Katholik Santa Theresia Balikpapan sebagai salah satu media informasi dan promosi dengan menggunakan PHP dan database MySQL serta Webserver Apache Under Windows?

  C. Batasan Masalah

  Pada tugas akhir ini, ada beberapa hal yang menjadi batasan masalah :

  1. Target pengunjung (user) dari website ini adalah siswa, orang tua siswa, alumni, dan masyarakat umum.

  2

  2. Website ini menyediakan update data bagi admin, update data profil bagi alumni, dan update data profil siswa.

  3. Website ini menyediakan informasi mengenai perkembangan siswa bagi para orang tua murid berupa nilai raport dan nilai laporan pendahuluan.

  4. Pembayaran bagi pendaftaran siswa baru dilakukan secara manual pada saat pendaftaran ulang dengan membawa bukti pembayaran dan no pendaftaran online.

  5. Penulisan tugas akhir ini tidak membahas masalah implementasi website yang mencakup instalasi website di penyedia jasa domain dan hosting.

  6. Pembangunan website hanya sampai pada tahap pengujian (testing).

D. Tujuan dan Manfaat Penulisan

  Adapun tujuan dari pembuatan website SD Katolik Santa Theresia Balikpapan adalah :

  1. Sekolah Dasar Katolik Santa Theresia Balikpapan dapat memberikan informasi mengenai sekolah, kegiatan belajar mengajar, perkembangan siswa, informasi alumni.

  2. Sebagai media promosi Sekolah Dasar Katolik Santa Theresia Balikpapan.

  3. Untuk memudahkan pengguna (orang tua siswa, siswa, alumni, dan masyarakat umum) mencari informasi mengenai Sekolah Dasar Katolik Santa Theresia Balikpapan.

  3 Adapun manfaat dari pembuatan website SD Katolik Santa Theresia

  Balikpapan adalah : 4. Promotif.

  Promotif berarti web berguna sebagai sarana promosi ke dunia luar melalui internet.

  5. Interaktif.

  Interaktif berarti web ini mampu mengajak user untuk berperan aktif di dalam web seperti mengisi tanggapan forum, mengisi polling.

  6. Informatif.

  Informatif berarti mampu memberikan informasi kepada para siswa dan orang tua seperti informasi jadwal sekolah, nilai sekolah.

E. Metodologi Penelitian

  Dalam pengembangan website SD Katholik Santa Theresia ini dipakai metode waterfall yang meliputi tahap-tahap antara lain :

  1. Analisis Sistem (System Analysis).

  Tekanan pada langkah ini adalah pengumpulan kebutuhan sistem dengan wawancara dengan pihak sekolah.

  2. Analisis Kebutuhan Perangkat Lunak (Software Requirement Analysis).

  Berdasarkan data-data yang diperoleh akan dilakukan analisis kebutuhan perangkat lunak yang digunakan.

  4

  3. Perancangan (Design).

  Merancang struktur database dengan membuat Data Flow Diagram (DFD), membuat user interface (halaman) website untuk semua user.

  4. Penulisan program (Coding).

  Pada tahap ini dilakukan pembuatan database dan penulisan program.

  5. Pengujian (Testing).

  Melakukan uji coba dan merevisi kekurangan-kekurangan website samapai mendapatkan hasil maksimal.

  6. Pemeliharaan (Maintance).

  Pada tahap ini tidak dilakukan karena dalam pembuatan website ini dibatasi hanya sampai pada tahap pengujian saja.

F. Sistematika Penulisan

  1. BAB 1 Pendahuluan

  Bab ini membahas latar belakang masalah, rumusan masalah, batasan masalah, gambaran umum sistem, tujuan proyek, manfaat proyek, metodelogi penyelesaian masalah.

  2. BAB 2 Landasan Teori

  Bab ini membahas dasar teori, pengertian dan implementasi dari PHP, MySQL , dan web browser,

  5

  3. BAB 3 Analisis dan Perancangan Sistem

  Bab ini membahas tentang analisis permasalahan dan analisis sistem. Bab ini juga membahas, perancangan navigasi, perancangan tampilan, input dan

  output sistem, perancangan database.

  4. BAB 4 Implementasi

  Bab ini membahas fungsi program dan menganalisa pengimplementasian sistem.

  5. BAB 5 Penutup Bab ini berisi kesimpulan dan saran penulis.

  Selain itu juga disertakan lampiran yang berupa listing program.

BAB II LANDASAN TEORI A. Pengertian Sistem, Informasi, Sistem Informasi, dan Sistem Informasi Berbasis Web

  suatu sistem adalah suatu jaringan kerja dari prosedur-prosedur yang saling berhubungan, berkumpul bersama-sama untuk melakukan suatu kegiatan atau untuk menyelesaikan suatu masalah (Jogiyanto, 1990). informasi adalah data yang diolah menjadi bentuk yang lebih berguna dan lebih berarti bagi yang menerimanya, sumber dari informasi adalah data. Data adalah kenyataan yang menggambarkan kejadian-kejadian dan kesatuan nyata. Kejadian-kejadian (event) adalah sesuatu yang terjadi pada saat yang tertentu. Kualitas dari suatu informasi tergantung dari tiga hal, yaitu informasi harus akurat (accurate), tepat pada waktunya (timeliness), dan relevan (relevance). Akurat, berarti informasi harus bebas dari kesalahan-kesalahan dan tidak bias atau menyesatkan. Tepat pada waktunya, berarti informasi yang datang pada penerima tidak boleh terlambat. Relevan, berarti informasi tersebut mempunyai manfaat untuk pemakainya (Jogiyanto, 1990)

  Sistem infomasi adalah suatu sistem di dalam suatu organisasi yang mempertemukan pengolahn transaksi harian, mendukung operasi, bersifat manajerial dan kegiatan strategi dari suatu organisasi dan menyediakan pihak luar tertentu dengan laporan-laporan yang diperlukan (Jogiyanto, 1990).

  7 Sistem informasi berbasis web adalah suatu sistem informasi yang diakomodasikan di dalam suatu jaringan antar komputer dan memungkinkan dapat diakses dimana saja dan kapan saja tanpa mengenal batas konstitusi, negara, bangsa, ras, dan birokrasi.

  Menurut Agustine (1999), sistem informasi berbasis web adalah sistem informasi yang terdistribusi secara hypertext, yang mengatur semua informasi dalam internet. Informasi yang bersifat global atau tidak terbatas dalam arti informasi tersebut bisa diakses dimana saja, kapan saja sesuai dengan kebutuhan yang berkaitan dengan bidangnya maka informasi tersebut merupakan informasi yang berbasi web. Web sendiri merupakan fasilitas hypertext, hypertext sendiri adalah suatu unit yang bertugas mengakses sumber informasi dari internet dengan cepat, baik serta akurat.

B. Browser Web, Web Server, dan World Wide Web

1. Browser Web

  Browser web mempunyai tugas menterjemahkan informasi yang diterima dari

server web dan menampilkannya pada layar komputer pengguna. Umumnya browser

web menerima data dalam bentuk HTML (www.IlmuKomputer.com).

  Protokol-protokol dasar web pertama kali dikembangkan awal tahun 1990-an,

  

browser web pertama yang diperkenalkan adalah Mosaic yang dibuat oleh National

Center for Supercomputing Applications (NCSA) di Amerika Serikat.

  8

Gambar 2.1 Dasar Browser dan Web Server

2. Web Server

  Web server merupakan server yang memiliki kemampuan untuk memberikan

  layanan koneksi transfer data melalui protokol Hypertext Transfer Protocol (HTTP) yang dipergunakan dalam dunia internet (www.IlmuKomputer.com).

  Web server bertugas untuk melayani permintaan web browser terhadap

  halaman web atau dokumen lainnya. Web server dijalankan sebagai suatu service yang siap melayani permintaan setiap saat. Semua web server memiliki kemampuan untuk dikonfigurasikan (diatur) sesuai kebutuhan.

  Beberapa jenis web server untuk sistem operasi Windows dan UNIX dapat dilihat pada tabel di bawah ini :

Tabel 2.1 Tabel web server

  Web Server Pengembang Sistem Operasi

  NCSA httpd NCSA UNIX Internet Informasi Server Microsoft Windows NT Personal Web Server Microsoft Windows 98/NT

  9

  Web Server Pengembang Sistem Operasi

  Apache Apache Windows 98/NT,UNIX,LINUX Netscape Netcentre Netscape Windows 98/NT

3. World Wide Web

  World Wide Web atau biasa disebut WWW merupakan frame arsitektur untuk

  memasuki dokumen-dokumen yang saling berhubungan yang tersebar di seluruh internet. WWW memberikan tampilan grafis yang sangat indah dan bagus untuk dipandang. Selain itu konsep teknologi Hypertext yang digunakan memberikan kemudahan dan kecepatan layanan. Kedua hal ini memang yang paling banyak diinginkan oleh hampir semua orang. WWW digunakan bukan hanya sekedar untuk mencari informasi saja. Lebih dari itu WWW digunakan sebagai sarana promosi dan komersial bagi perusahaan maupun badan lainnya (Nugroho, 2004).

  Istilah Hypertext diilhami pertama kali oleh Ted Nelson pada tahun 1965. Menurut Ted Nelson Hypertext adalah suatu teks (serangkaian kata) yang mempunyai hubungan (link) dengan teks lainnya. Satu atau serangkaian kata pada suatu dokumen hypertext yang ditampilkan di layar dapat merupakan petunjuk arah (pointer) yang mengacu ke dokumen hypertext lainnya yang mengandung informasi lebih rinci tentang kata atau serangkaian kata yang bersangkutan tersebut.

  World Wide Web dikembangkan pertama kali oleh tim WWW yang dipimpin

  oleh Tim Berners-Lee dari European Particle Labotory (CERN) Swiss. Dokumen

  10

  Markup Language (HTML). Transfer dokumen hypertext dari satu WWW server ke

WWW server lainnya menggunakan protokol yang disebut Hypertext Transfer

Protocol (HTTP).

C. Paradigma Classic Life Cycle (Waterfall)

  Paradigma Classic Life Cycle (Waterfall) (Pressman, 2002) sebagai berikut : 1. Rekayasa sistem dan analisis (System Engineering and Analysis).

  Karena perangkat lunak selalu merupakan bagian dari sebuah sistem yang lebih besar, kerja dimulai dengan membangun syarat dari semua elemen sistem dan mengalokasikan beberapa subset dari kebutuhan ke perangkat lunak tersebut. Pandangan sistem ini penting ketika perangkat lunak harus berhubungan dengan elemen-elemen yang lain seperti perangkat lunak, manusia, dan database. Rekayasa dan analisis sistem menyangkut kebutuhan pada tingkat sistem dengan sejumlah kecil analisis serta desain tingkat puncak. Rekayasa informasi mencakup juga kebutuhan pada tingkat bisnis strategis dan tingkat area bisnis.

  2. Analisis Kebutuhan Perangkat lunak (Software Requirement Analysis).

  Proses pengumpulan kebutuhan diintesifkan dan difokuskan, khususnya pada perangkat lunak. Untuk memahami sifat program yang dibangun, perekayasa perangkat lunak (analis) harus memahami domain informasi, tingkah laku, unjuk kerja, dan antarmuka yang diperlukan.

  Kebutuhan untuk sistem maupun perangkat lunak sudah didokumentasikan

  11

  3. Perancangan (Design).

  Desain perangkat lunak sebenarnya adalah proses multi langkah yang berfokus pada empat atribut sebuah program yang berbeda; struktur data, arsitektur perangkat lunak, representasi interface dan detail (algoritma) prosuderal. Proses desain menerjemahkan syarat/kebutuhan ke dalam sebuah representasi perangkat lunak yang dapat diperkirakan demi kualitas sebelum dimulai pemunculan kode. Sebagaimana persyaratan, desain didokumentasikan dan menjadi bagian dari konfigurasi perangkat lunak.

  4. Penulisan Program (Coding).

  Desain harus diterjemahkan ke dalam bentuk mesin yang harus dibaca. Langkah pembuatan kode melakukan tugas ini. Jika desain dilakukan dengan cara yang lengkap, pembuatan kode dapat diselesaikan secara mekanis.

  5. Pengujian (Testing).

  Sekali kode dibuat, pengujian program dimulai. Proses pengujian berfokus pada logika internal perangkat lunak, memastikan bahwa semua pernyataan sudah diuji, dan pada eksternal fungsional yaitu mengarahkan pengujian untuk menemukan kesalahan-kesalahan dan memastikan bahwa input yang dibatasi akan memberikan hasil yang aktual sesuai dengan hasil yang dibutuhkan.

  12

  6. Pemeliharaan (Maintenance).

  Perangkat lunak akan mengalami perubahan setelah disampaikan kepada pelanggan (perkecualian yang memungkinkan adalah perangkat lunak yang dilekatkan). Perubahan yang akan terjadi karena kesalahan-kesalahan ditentukan, karena perangkat lunak harus disesusaikan untuk mengakomodasi perubahan-perubahan didalam lingkungan eksternalnya (contohnya perubahan yang dibutuhkan sebagai akibat dari perangkat periperal atau sistem operasi yang baru), atau karena pelanggan membutuhkan perkembangan fungsional atau unjuk kerja. Pemeliharaan perangkat lunak mengaplikasikan lagi setiap fase program sebelumnya dan tidak membuat yang baru lagi.

D. HTML, PHP, MySQL, dan Apache Web Server

1. HTML

  HTML pada masa sekarang dikenal sebagai bahasa standar untuk membuat dokumen web. HTML merupakan pengembangan dari standar performatan dokumen teks yaitu Standard Generalite Markup Language (SGML). Sebenarnya HTML bukan sebuah bahasa pemrograman tetapi merupakan bahasa pemformatan suatu dokumen teks yang menggunakan penandaan (Mark-Up) sederhana yang digunakan untuk membuat suatu halaman web (Sunarfrihantono, 2002).

  Perintah-perintah HTML diletakan dalam file berekstensi *.html dan ditandai dengan mempergunakan tanda (tag) berupa karekter “<” dan ”>”. Kode-kode HTML

  13 dibaca oleh browser dari atas ke bawah tanpa adanya lompatan (jumping) ataupun looping .

  Dokumen HTML mempunyai tiga tag utama yang membentuk dokumen tersebut yaitu tag HTML, HEAD, BODY. Tag HTML untuk menyatakan dokumen html, tag HEAD untuk memberikan informasi tentang dokumen html, dan tag BODY untuk menyimpan informasi yang akan ditampilkan. Dapat kita lihat sebagai berikut :

  <HTML> <HEAD> <TITLE>contoh</TITLE> </HEAD> <BODY>

  Selamat datang<BR> </BODY> </HTML> Cara kerja HTML yaitu diawali dengan permintaan suatu halaman web oleh

  

browser . Berdasarkan URL (Uniform Resource Locator) atau alamat internet,

browser mendapatkan alamat dari web server, mengidentifikasikan halaman yang

  dikehendaki, dan menyampaikan segala informasi yang dibutuhkan oleh web server. Selanjutnya, web server akan mencarikan berkas yang diminta dan memberikan isinya ke browser. Browser yang mendapatkan isinya segera melakukan proses penerjemahan kode HTML dan menampilkan ke layar browser.

  14

Gambar 2.2 Skema HTML

2. PHP

  PHP singkatan dari Hypertext Preprocessor dahulunya merupakan proyek pribadi dari Rasmus Lerdorf pada tahun 1994 (dengan dikeluarkannya PHP versi 1) yang digunakan untuk membuat homepage pribadinya (Personal Home Page). Versi pertama ini berupa kumpulan skrip PERL tersebut menggunakan bahasa C, kemudian menambahkan fasilitas untuk form HTML dan koneksi MySQL. Setelah mengalami perkembangan oleh suatu kelompok open source (termasuk Rasmus) maka PHP versi 3 telah menampakan keunggulannya sebagai salah satu bahasa server scripting yang handal. Melalui perkembangan yang pesat ini banyak fasilitas yang ditambahkan dan oleh kelompok ini PHP disebut “PHP : Hypertext Prepocessor”. Sintak yang digunakan berasal dari bahasa C, Java maupun Perl.

  Skrip ini akan membuat halaman web tidak lagi bersifat statis, namun menjadi bersifat dinamis. Dinamis berarti halaman yang akan ditampilkan dibuat saat halaman itu diminta oleh client. Mekanisme ini menyebabkan informasi yang

  15 skrip tersebut dijalankan. Oleh karean itu, spesifikasi server lebih berpengaruh pada eksekusi dari skrip php daripada spesifikasi client. Proses update data dapat dilakukan dengan menggunakan aplikasi yang dibuat dengan menggunakan skrip PHP (Purwanto, 2001).

  PHP dapat berkomunikasi dengan layanan-layanan yang menggunakan

  protocol

  IMAP, SNMP, NNTP, POP3, HTTP, dan lain-lain. Namun kelebihan PHP yang paling signifikan adalah kemampuannya untuk melakukan koneksi dengan berbagai macam basis data. Saat ini basis data yang didukung oleh PHP adalah : Adabas D, Interbase, PostgresSQL, Oracle, Sybase, MySQL, Solid, Generic ODBC dan lain-lain terutama semua database yang mempunyai provider ODBC (Sunarfrihantono, 2002).

  Ada dua cara yang digunakan untuk menuliskan program PHP yaitu : 1. Embedded Script.

  Cara ini dilakukan dengan meletakan script PHP di antara tag-tag HTML. Perhatikan contoh berikut:

  <html> <head> <title>Embedded Script</title> </head> <body> <? echo “embedded script”; ?> </body>

  16

  2. Non Embedded Script.

  Sedangkan non embedded script merupakan pembuatan program murni PHP, dimana tag-tag HTML yang diletakan didalamnya. Perhatikan contoh berikut:

  <? echo “<html>”; echo “<head>”; echo “<title>non embedded script</title>”; echo “</head>”; echo “<body>”; echo “non embedded script”; echo “</body>”; echo “</html>”; ?>

  Konsep kerja PHP pada prinsipnya sama dengan prinsip kerja html, hanya saja ketika berkas PHP yang diminta didapatkan oleh web server, isinya segera dikirimkan ke mesin PHP dan mesin inilah yang memproses dan memberikan hasilnya (berupa kode HTML) ke web server menyampaikan ke client.

  17

3. MySQL MySQL merupakan SQL (Structure Query Language) database server.

  MySQL dibuat oleh Michael (Monty) Widenius yang merupakan pengembangan dari mSQL dalam hal kecepatan dan fleksibilitasnya.

  MySQL merupakan konsep multi-user , multithreaded client/server . Implementasi client/server pada MySQL terdiri dari server daeman mysqld dan mendukung berbagai program client. Tujuan utama dari MySQL adalah kecepatan dan dapat diandalkan serta mudah digunakan, MySQL juga merupakan Software

  

Open Source yang memungkinkan untuk orang lain yang ingin mengembangkannya

dan memodifikasinya sesuai dengan keinganan.

  Berikut ini adalah beberapa kelebihan yang ditawarkan oleh MySQL, menurut www.mysql.com : a. ditulis dengan bahasa pemrograman C dan C++, dengan ujicoba pada berbagai jenis compiler,

  

b. multiplatform , bisa digunakan di keluarga UNIX, Windows sampai MAC,

  c. penggunaan memory yang optimal,

  d. tingkat keamanan yang tinggi,

  e. mampu menangani database yang besar, 60.000 tabel dan 50.000.000 baris

  data,

  f. mampu mengkombinasikan tabel dari beberapa database dalam sebuah query .

  Namun MySQL juga masih mempunyai kekurangan yaitu tidak dapat

  18 tabel sementara (temporary table) untuk menampung hasil subquery atau dengan membuatkan variable bantuan.

  Beberapa fungsi di dalam database MySQL :  mysql_connect ( ) digunakan untuk melakukan koneksi ke dalam database MySQL,  mysql_create_db ( ) digunakan untuk membuat sebuah database baru pada database server,  mysql_select_db ( ) digunakan untuk memilih sebuah database aktif,  mysql_query ( ) digunakan untuk mengirim perintah SQL ke server MySQL untuk dieksekusi,  mysql_fetch_array ( ) digunakan untuk mengambil baris sebagai array asosiatif, maksudnya adalah setiap kolom akan disimpan dua kali pada array hasil,  Mysql_num_row ( ) digunakan untuk menampilkan jumlah baris dari suatu hasil permintaan yang menggunakan select,  mysql_close ( ) digunakan untuk menutup koneksi pada server MySQL.

  19

4. Aphace Web Server

  Apache Web Server merupakan suatu server web yang menggunakan protokol

  HTTP ( Hypertext Transfer Protocol ) untuk melayani semua proses pentransferan data.

  Versi awal untuk Apache digunakan pada UNIX, tetapi kini telah ada versi yang dapat beroperasi di bawah platform OS/2, Windows, LINUX dan sebagainya.

  Keuntungan dari pemakaian Apache Web Server adalah tidak dipungut biaya untuk mendapatkannya atau gratis dan kecepatannya cukup baik.

BAB III ANALISIS DAN PERANCANGAN SISTEM A. Analisis Sistem Website yang akan dibangun adalah website SDK Santa Theresia Balikpapan. Tujuan utmanya adalah sebagai sarana informasi dan promosi sekolah. Website ini terdiri dari 4 jenis fitur yaitu : 1. Fitur Umum.

  a. Halaman informasi sejarah sekolah.

  b. Halaman informasi visi misi sekolah.

  c. Halaman informasi sambutan kepala sekolah.

  d. Halaman informasi alamat sekolah.

  e. Halaman informasi kelas.

  f. Halaman informasi fasilitas.

  g. Halaman informasi profil guru.

  h. Halaman informasi kegiatan ekstrakurikuler. i. Halaman informasi jadwal pelajaran. j. Halaman informasi jadwal ujian. k. Halaman informasi syarat penerimaan siswa baru. l. Halaman form penerimaan siswa baru. m. Halaman syarat alumni. n. Halaman guestbook. o. Halaman polling.

  21 p. Halaman Forum diskusi. q. Halaman berita.

  2. Fitur Orang Tua Siswa.

  a. Halaman biodata siswa.

  b. Halaman edit biodata siswa.

  c. Ganti password.

  d. Halaman nilai laporan pendahuluan siswa.

  e. Halaman nilai raport siswa.

  f. Halaman jadwal pelajaran.

  g. Halaman jadwal ujian.

  3. Fitur Alumni.

  a. Halaman biodata alumni.

  b. Halaman edit biodata alumni.

  c. Ganti password.

  d. Halaman search.

  e. Halaman informasi event.

  4. Fitur Administrator Website.

  a. Halaman update about us.

  b. Halaman update kelas.

  c. Halaman update profil guru.

  d. Halaman update fasilitas.

  e. Halaman update ekstrakurikuler.

  22 g. Halaman update jadwal ujian.

  h. Halaman update syarat penerimaan siswa baru. i. Halaman update profil calon siswa. j. Halaman update syarat alumni. k. Halaman update profil alumni. l. Halaman update profil siswa. m. Halaman update matapelajaran. n. Halaman update aspek nilai. o. Halaman update nilai raport. p. Halaman update nilai laporan pendahuluan. q. Halaman update guestbook. r. Halaman update polling s. Halaman update berita. t. Halaman update forum diskusi. u. Halaman update event. v. Halaman update jawaban forum diskusi. w. Halaman ganti password.

  Target pengunjung (user) website adalah pengguna internet umum, siswa/orang tua siswa, alumni, dan administrator website.

  Berikut ini adalah spesifikasi kebutuhan untuk masing-masing user :

  23

  1. Pengguna internet umum.

  Pengguna internet umum adalah semua orang yang bisa mengakses

  website . Pengguna internet umum dapat mengakses semua halaman yang terdapat pada fitur umum.

  2. Orang tua siswa SDK Santa Theresia Balikapapan.

  Orang tua siswa SDK Santa Theresia Balikpapan adalah semua orang tua yang memiliki anak yang masih bersekolah di SDK Santa Theresia Balikapapan.

  Selain dapat mengakses fitur umum orang tua dapat mengakses fitur orang tua siswa dengan login user sebagai orang tua.

  3. Alumni SDK Santa Theresia Balikpapan.

  Alumni SDK Santa Theresia Balikapapan adalah semua alumni yang sudah lulus dari SDK Santa Theresia Balikapapan. Selain dapat mengakses fitur umum alumni dapat mengakses fitur alumni dengan login user sebagai alumni. Bagi alumni yang belum memiliki nama user dan password dapat mendaftarkan sebagai user alumni di pendaftaran alumni dengan mengisi formulir yang disediakan secara benar.

  4. Administrator SDK Santa Theresia Balikpapan.

  Administrator adalah user yang memiliki hak akses penuh terhadap seluruh fitur yang ada di dalam website, yaitu fitur umum, fitur orang tua, fitur alumni dan fitur administrator website.

  24

B. Analisis Kebutuhan Sistem

  1. Kebutuhan Perangkat Lunak

  Perangkat lunak yang digunakan dalam merancang website ini adalah sebagai berikut :  sistem operasi Windows XP,  browser yang digunakan adalah Internet Explorer 6,  tool untuk mendesain menggunakan Adobe Photoshop CS dan Macromedia Flash MX 2004,  editor untuk membuat interface dan pemrograman menggunakan

  Macromedia Dreamweaver MX 2004,  web server yang digunakan adalah Apache,  bahasa pemrograman PHP,  database MySQL.

  2. Kebutuhan Perangkat Keras