TUGAS AKHIR
CANIGIA SIHITE
102406095
PROGRAM STUDI D3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
TUGAS AKHIR
Diajukan untuk melengkapi tugas dan memenuhi syaratmencapaigelar Ahli Madya
CANIGIA SIHITE
102406095
PROGRAM STUDI D3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
Judul : SISTEM INFORMASI AKADEMIK BERBASIS WEB SLTP ST. LUCIA DOLOKSANGGUL
Kategori : TUGAS AKHIR
Nama : CANIGIA SIHITE NomorInduk Mahasiswa : 102406095
Program Studi : DIPLOMA (D3) TEKNIK INFORMATIKA Departemen : MATEMATIKA
Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA
Diluluskan di
Medan, Februari 2014
Diketahui : Disetujui :
Ketua Departemen Matematika FMIPA USU PembimbingUtama/ Penanggung Jawab
Prof. Dr. Tulus, M.Si. Drs. Rosman Siregar, M.Si.
SISTEM INFORMASI AKADEMIK BERBASIS WEB SLTP ST. LUCIA
DOLOKSANGGUL
TUGAS AKHIR
Dengan ini penulis menyatakan bahwa tugas akhir ini adalah hasil kerja saya
sendiri, kecuali beberapa kutipan dan ringkasan yang masing - masing disebutkan
sumbernya.
Medan, Februari 2014
Puji syukur penulis ucapkan kehadirat Tuhan Yang Maha Esa atas berkat dan karunia
- Nya sehingga Tugas Akhir ini dengan “SISTEM INFORMASI AKADEMIK
BERBASIS WEB SLTP ST. LUCIA DOLOKSANGGUL” dapat diselesaikan
dengan baik.
Dalam kesempatan ini juga penulis mengucapkan terima kasih kepada :
1. Bapak Drs. Rosman Siregar, M.Si., selaku Dosen pembimbing pada
penyelesaian tugas akhir ini yang telah memberikan panduan dan penuh
kepercayaan kepada penulis untuk menyelesaikan kajian tugas akhir ini.
2. Ibu Dra. Elly Rosmaini, M.Si dan Syahriol Sitorus S.Si, M.IT selaku ketua
dan sekretaris program studi D3 Teknik Informatika Fakultas Matematika
dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.
3. Bapak Prof. Dr. Tulus, M.Si, d a n D r a . M a r d i n i n g s i h , M . S i
selaku ketua dan sekretaris Departemen Matematika Fakultas Matematika
dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.
4. Bapak Dr. Sutarman, M.Sc, selaku Dekan Fakultas Matematika dan
Ilmu Pengetahuan Alam Universitas Sumatera Utara.
5. Seluruh dosen/staf pengajar D3 Teknik Informatika Fakultas Matematika
dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.
Sulistyowati serta adinda Hazizah Geovanni Sihite yang telah mendidik dan
membesarkan penulis dengan segala pengorbanan, kasih sayang, doa dan
dukungan baik moril dan materil selama diperkuliahan dan penyelesaian
Tugas Akhir.
7. Sahabat-sahabat penulis, Hervery Dikxon Sihombing, Helbert Sinaga,dan
Sehat Simanjuntak, Abner Sidauruk serta tema teman Komputer A yang telah
membantu penulis dalam penulisan tugas akhir dan selama diperkuliahan.
8. Sahabat terdekat penulis Sari Fitriyani yang telah memberikan dukungan dan
motivasi dalam perkuliahan dan penyelesaian tugas akhir.
Pada penulisan Tugas Akhir ini, penulis telah berusaha semaksimal mungkin
untuk mencapai kesempurnaan. Namun penulis menyadari terdapat kelemahan dan
kekurangan dalam penulisan Tugas Akhir ini, untuk itu saya mengharapkan kritik
dan saran dari pembaca sekalian demi penyempurnaan Tugas Akhir ini.
Demikian Tugas Akhir ini saya buat, semoga tulisan ini bermanfaat bagi kita semua.
Medan, Februari 2013
Penulis
Persetujuan ii
BAB 1 PENDAHULUAN 1
1.1 Latar Belakang 1
1.2 Rumusan Masalah 4
1.3 Batasan Masalah 4
1.4 Tujuan Penelitian 5
1.5 Kontribusi Penelitian 5
1.6 Metodologi Penelitian 6
1.7 Sistematika Penelitian 7
BAB 2 LANDASAN TEORI 9
2.1 Pengertian Komputer 9
2.1.1 Sistem Komputer 11
2.1.2 Keunggulan Komputer 12
2.2 Pengertian Data, Informasi, Sistem 13
2.2.1 Pengertian Data 13
2.2.2 Pengertian Informasi 14
2.2.3 Pengetian Sistem 15
2.3 Sistem Informasi 16
2.3.1 Sistem Informasi Berbasis Komputer 17
2.3.2 Kemampuan Sistem Informasi 18
2.4 Internet 20
2.5 Website 21
2.5.1 Lahirnya Web 22
2.5.2 Browser Web 23
2.5.3 Server Web 23
2.5.4 Istilah Istilah Umum yang Harus Diketahui 24
2.6 HTML 25
2.7 XAMPP 26
2.8 PHP 28
2.8.1 Sejarah Singkat PHP 28
2.8.2 Sintaks PHP 28
2.8.3 Konsep Kerja PHP 29
2.12 Macromedia Dreamweaver 37
BAB 3 GAMBARAN SEKILAS TENTANG SEKOLAH SLTP ST. LUCIA
DOLOKSANGGUL 39
3.1 Profil Sekolah 39
3.2 Visi, Misi dan Tujuan 39
3.2.1 Visi SLTP ST. LUCIA DOLOKSANGGUL 40
3.2.2 Misi SLTP ST. LUCIA DOLOKSANGGUL 40
3.2.3 Tujuan SLTP ST. LUCIA DOLOKSANGGUL 41 3.3 Struktur Organisaasi SLTP ST. LUCIA DOLOKSANGGUL 42
3.4 Struktur Kepemimpinan 43
BAB 4 PERANCANGAN SISTEM
4.1 Perancangan Sistem 44
4.2 Perancangan DFD (Data Flow Diagram) 46
4.3 Rancangan Database 51
4.4 Desain Dialog 57
4. 4. 1 Desain Halaman Menu 57
4. 4. 2 Rancangan Masukan (Input) 59
4. 4. 3 Rancangan Keluaran (Output) 62
BAB 5 IMPLEMENTASI SISTEM
5. 1 Pengertian Implementasi Sistem 64
5. 2 Tujuan Implementasi Sistem 65
5. 3 Komponen Sistem 66
5. 3. 1Hardware 66
5. 3. 2Software 67
5. 3. 3Brainware 66
5. 4 Demonstrasi Program 69
BAB 6 KESIMPULAN DAN SARAN
6. 1 Kesimpulan 77
6. 2 Saran 78
Tabel 4.1 Admin ... 51
Tabel 4.2 Profil Sekolah ... 52
Tabel 4.3 Mata Pelajaran ... 52
Tabel 4.4 Jadwal ... 53
Tabel 4.5 Kelas ... 53
Tabel 4.6 Artikel ... 53
Tabel 4.7 Tamu ... 54
Tabel 4.8 Pesan ... 54
Tabel 4.9 Penguman... 55
Tabel 4.10 Komentar ... 56
Gambar 2.1 Aktifitas Sistem Informasi ... 17
Gambar 4.1 Diagram Konteks ... 46
Gambar 4. 2 Flowchart Halaman Utama (Home) ... 48
Gambar 4.3 Flowchart Halaman Login Administrator ... 49
Gambar 4.4 Flowchart Halaman Menu Administrator ... 49
Gambar 4.12 Relasi Antar Sel... 57
Gambar 4.13 Halaman Menu Utama (Home) ... 58
Gambar 4.14 Halaman Menu Administrator... 59
Gambar 4.15 Halaman Input Data Siswa... 59
Gambar 4.16 Halaman Input Data Staf... 60
Gambar 4.17 Halaman Browse Data Siswa ... 60
Gambar 4.18 Halaman Browse Data Staf ... 61
Gambar 4.19 Halaman Buku Tamu... 61
Gambar 2.20 Halaman Browse Buku Tamu ... 62
Gambar 4.21 Halaman Informasi Data Guru ... 62
Gambar 4.22 Halaman Informasi Data Siswa... 63
Gambar 4.23 Halaman Informasi Jadwal Mata Pelajaran... 63
Gambar 5.1 index.php... 69
Gambar 5.2 index2.php ... 69
Gambar 5.6 update-prestasi.php... 71
Gambar 5.7 update-staf.php ... 72
Gambar 5.8 staf.php ... 72
Gambar 5.9 jadwal_pengajaran.php... 73
Gambar 5.10 siswa.php ... 73
Gambar 5.11 buku tamu.php ... 74
Gambar 5.12 galery.php ... 74
Gambar 5.13 penghargaan.php ... 75
Gambar 5.14 siswa.php ... 75
PENDAHULUAN
1.1 Latar Belakang
Sistem Informasi adalah data yang dikumpulkan, dikelompokkan dan diolah
sedemikian rupa menjadi sebuah satu kesatuan informasi yang saling terkait dan
saling mendukung sehingga menjadi suatu informasi yang berharga bagi yang
menerimanya (Tafri D. Muhyuzir,2001:8). Di masa sekarang informasi adalah masa
yang sangat canggih, penuh dinamika dan berkembang terus menerus seiring
berjalannya waktu. Meskipun demikian perkembangan informasi dapat diikuti oleh
berkembangnya teknologi, khususnya komputer dan telekomunikasi yang membantu
penyebaran informasi.
Komputer bukanlah alat yang hanya bisa mengolah data dan gambar saja,
tetapi penggunaanya semakin meluas menjadi salah satu sarana komunikasi, media
informasi dan edukasi. Pengembangan teknologi informasi telah banyak
Internet merupakan salah satu aplikasi yang digunakan untuk mengefisienkan proses
komunikasi. Internet juga dapat mempermudah pengguna untuk menemukan semua
informasi yang dibutuhkan.
Jaringan internet telah menjadi pelopor terjadinya revolusi teknologi.
Terciptanya internet telah melahirkan dunia baru yang memiliki pola, corak, dan
karakteristik berbeda dengan dunia nyata. Di masa sekarang pengaruh jaringan
internet tersebut telah membawa perubahan dalam berbagai aspek kehidupan
manusia.
Salah satu aplikasi dari internet yang dapat menyajikan informasi yang
interaktif dan atraktif adalah layanan multimedia internet atau yang dikenal www
(world wide web). Akhir-akhir ini layanan www lebih dikenal dengan web. Dengan adanya internet kebutuhan akan informasi juga semakin meningkat. Salah satu
informasi yang sangat dibutuhkan adalah informasi mengenai pendidikan. Informasi
mengenai pendidikan yang diperoleh pengguna melalui situs–situs pendidikan mulai
dari tingkat SMP, SMA, bahkan sampai tingkat Universitas merupakan pemanfaatan
dari teknologi informasi yang sangat berkembang pesat.
Dengan berkembangnya teknologi di masa sekarang, lembaga pendidikan
khususnya SLTP ST. LUCIA DOLOKSANGGUL diharapkan menerapkan teknologi
informasi sebagai salah satu media informasi untuk menyebarkan informasi –
dapat diimplementasikan ke dalam sebuah website. Karena belum adanya website
SLTP ST. LUCIA DOLOKSANGGUL maka perlu suatu website untuk mendukung penyampaian informasi tentang SLTP ST. LUCIA DOLOKSANGGUL yang dapat
diakses dengan mudah oleh masyarakat.
Agar menghasilkan sebuah website maka dibutuhkan suatu aplikasi sistem informasi berbasis web dalam proses pelaksanaan program. Dalam hal ini, penulis
menggunakan aplikasi dengan bahasa pemrograman PHP, MySQL sebagai pengolah
database, Apache sebagai web server dan pendesainan menggunakan Macromedia Dreamweaver.
Sehubungan dengan keingintahuan penulis mengenai perkembangan yang
terjadi pada SLTP ST. LUCIA DOLOKSANGGUL selaku alumni, dan membantu
sekolah untuk membuat suatu wadah penyampaian informasi sehingga
mempermudah semua pihak yang membutuhkan segalainformasi yang ada pada
sekolah SLTP ST. LUCIA DOLOKSANGGUL. Hal inilah yang mendorong penulis
untuk membuat tugas akhir dengan judul “SISTEM INFORMASI AKADEMIK
1.2 Rumusan Masalah
Penulisan tugas akhir memfokuskan pada pembuatan dan perancangan website yang
akanmemberikan informasi mengenai SLTP ST. LUCIA DOLOKSANGGUL.
Melihat begitu luasnya permasalahan yang diangkat dalam tugas akhir ini, maka perlu
adanya batasan masalah agar pembahasan lebih terarah. Adapun pokok permasalahan
yang dibahas adalah sebagai berikut :
a) Bagaimana manfaat aplikasi website yang berisi tentang sistem informasiakademik pada SLTP ST. LUCIA DOLOKSANGGUL.
b) Bagaimana perancangan website sehingga penyampaian informasi dapat
tersaji dengan baik.
c) Bagaimana informasi dapat terus diperbaharui jika terdapat informasi
yangterbaru.
1.3 Batasan Masalah
Dalam membuat Sistem Informasi ini terdapat beberapa batasan, yaitu :
1. Aplikasi Sistem Informasi ini cukup sederhana, sehingga tidak terlalu banyak
terdapat fitur di dalamnya.
2. Sistem Informasi ini hanya menampilkan data mengenai sejarah sekolah, profil,
visi misi, data guru dan pegawai, data mata pelajaran, fasilitas sekolah dan
3. Sistem informasi ini hanya berisikan informasi mengenai kegiatan dan hal - hal
yang terdapat pada SLTP ST. LUCIA DOLOKSANGGUL.
1.4 Tujuan Penelitian
Adapun tujuan pelaksanaan penelitian ini untuk membuat sistem informasi berbasis
web yang dinamis pada SLTP ST. LUCIA DOLOKSANGGUL. Sistem ini dibangun
menggunakan bahasa pemrograman PHP, MySQL sebagai pengolah database,
Apache sebagai web server dan pendesainan menggunakan Macromedia Dreamweaver.
1.5 Kontribusi Penelitian
Adapun kontribusi dari pembuatan Tugas Akhir ini antara lain :
1. Memberikan suatu sistem informasi yang komputerisasi sehingga lebih
efesien dan akurat.
2. Mempermudah penyampaian informasi bagi semua pihak yang
membutuhkan, khusunya kepada siswa, guru, dan pegawai SLTP ST.
LUCIA DOLOKSANGGUL.
3. Dapat membantu proses belajar dan mengajar pada SLTP ST. LUCIA
4. Untuk menghasilkan suatu situs web dinamis yang dapat menyajikan
informasi - informasi mengenai sekolah.
5. Memberikan contoh langsung dalam penerapan dan manfaat teknologi
informasi kepada para siswa.
6. Mampu membuka wawasan para pengguna sistem informasi untuk dapat
memanfaatkan sumber daya komputer yang ada.
1.6 Metodologi Penelitian
Metode adalah suatu cara atau teknik yang sistematik untuk mengerjakan atau
menyelesaikan sesuatu. Berikut ini metodologi penelitian yang penulis gunakan
dalam pembuatan website ini, yaitu :
1. Pengumpulan Data
Penulis mengumpulkan data yang dibutuhkan untuk perancangan website dengan
mengobservasi terlebih dahulu. Kemudian penulis melakukan interview kepada
pihak yang terkait.
2. Menganalisa Data
Data yang telah diperoleh akan diolah untuk dianalisa, jika masih terdapat data
3. Perancangan Program
Perancangan akan dilakukan dengan menyelesaikan desain layout atau tampilan pada website. Pendesainan dibangun dengan menggunakan Macromedia Dreamweaver.
4. Pengerjaan Program
Setelah desain tampilan selesai dirancang, penulis akan mengerjakan program
dengan menggunakan bahasa pemrograman PHP, database MySQL, dan Apache sebagaiweb server.
5. Uji Program
Pengujian akan dilaksanakan jika program telah selesai dikerjakan. Bila saat
pengujian terdapat kesalahan maka perlu adanya perbaikan terhadap program agar
menghasilkan hasil yang maksimal.
6. Laporan Program
Setelah program bebas dari kesalahan, maka diperlukan laporan dari program sebagai suatu media untuk mendokumentasikan program.
1.7 Sistematika Penelitian
Dalam penulisan laporan Tugas Akhir ini, penulis membagi laporan menjadi enam
bab pokok agar mempermudah penulisan laporan dan mudah untuk dipahami. Setiap
bab memiliki sub - sub bab yang saling berkaitan, di mana sistematikanya sebagai
BAB 1 : PENDAHULUAN
Pada bab ini penulis menguraikan secara singkat tentang latarbelakang,
rumusan masalah, batasan masalah, maksud dan tujuan,metode penelitian,
dan sistematika penulisan.
BAB 2 : LANDASAN TEORI
Bab ini berisikan tentang teoritis mengenai metode penyusunan data,
pengertian-pengertian, dan mengenai penggunaan bahasa pemrograman
yang digunakan.
BAB 3 : GAMBARAN SEKILAS SLTP ST. LUCIA DOLOKSANGGUL
Bab ini menjelaskan tentang profil, struktur organisasi, serta visi misi SLTP
ST. LUCIA DOLOKSANGGUL.
BAB 4 : PERANCANGAN SISTEM
Bab ini berisikan pembahasan mengenai sistem yang dirancang, dan
penggunaan aplikasi dan bahasa pemrograman yang digunakan.
BAB 5 : IMPLEMENTASI SISTEM
Bab ini terdiri dari implementasi sistem, tujuan implementasi sistem,
spesifikasi sistem, dan instalasi Apache, PHP, dan, MySQL, serta
konfigurasinya.
BAB 6 : KESIMPULAN DAN SARAN
Bab ini berisikan kesimpulan dan saran yang penulis peroleh selama
LANDASAN TEORI
2.1 Pengertian Komputer
Komputer adalah alat yang dipakai untuk mengolah data menurut perintah yang telah
dirumuskan. Kata komputer (computer) berasal dari bahasa latin computare yang berarti menghitung. Kata komputer semula dipergunakan untuk menggambarkan
orang yang perkerjaannya melakukan perhitungan aritmatika, dengan atau tanpa alat
bantu, tetapi arti kata ini kemudian dipindahkan kepada mesin itu sendiri. Asal
mulanya, pengolahan informasi hampir eksklusif berhubungan dengan masalah
aritmatika, tetapi komputer modern dipakai untuk banyak tugas yang tidak
berhubungan dengan matematika. Berikut ini adalah beberapa pengertian computer.
1. Menurut bukuComputer Annual(Robert H. Blissmer)
Komputer adalah suatu alat elektronik yang mampu melakukan beberapa tugas
sebagai berikut:
3. Menyediakanoutputdalam bentuk informasi. 2. Menurut bukuComputer Today(Donald H. Sanders)
Komputer adalah sistem elektronik untuk memanipulasi data yang cepat dan tepat
serta dirancang dan diorganisasikan agar secara otomatis menerima dan
menyimpan data input, memprosesnya, dan menghasilkan output di bawah pengawasan suatu langkah - langkah instruksi program yang tersimpan pada
memori.
3. Menurut buku Computer Organization (V.C. Hamacher, ZG. Vranesic, S.G. Zaky).
Komputer adalah mesin penghitung elektronik yang dengan cepat dapat
menerima informasi input digital, memprosesnya sesuai dengan suatu program yang tersimpan di memorinya dan menghasilkanoutputinformasi.
4. Menurut buku Introduction to the Computer, The Tool of business (William M.Fuori).
Komputer adalah suatu pemroses data yang dapat melakukan perhitungan yang
besar dan cepat, termasuk perhitungan aritmatika yang besar atau operasi logika,
tanpa campur tangan dari manusia mengoperasikan selama pemrosesan.
5. Menurut bukuIntroduction to Computers(Gordon B. Davis)
Komputer adalah tipe khusus alat penghitung yang mempunyai sifat tertentu yang
pasti.
Perkembangan teknologi informasi dan ilmu komputer semakin berkembang
Beberapa fungsi lain yang tercipta antara lain, pengolahan data, permainan, membuat
grafik, merancang gambar teknik, pengontrolan, pengeditan, dan sebagainya.
2.1.1 Sistem Komputer
Komputer dapat melakukan rangkaian pekerjaan secara otomatis melalui instruksi
(program) yang diberikan, dan alat pengolah data menjadi informasi melalui proses
tertentu.
Agar komputer dapat digunakan untuk mengolah data, maka harus berbentuk
sistem komputer. Tujuan pokok dari sistem komputer adalah mengolah data untuk
menghasilkan informasi. Agar tujuan pokok tesebut terlaksana, maka harus ada
elemen - elemen yang mendukungnya. Berikut ini elemen - elemen dari sistem, yaitu:
1. Hardware (perangkat keras) adalah peralatan pada sistem komputer yang secara fisik terlihat dan dapat disentuh.
2. Software(perangkat lunak) adalah program yang berisi perintah – perintah untuk melakukan pengolahan data.
3. Brainware adalah manusia yang terlibat di dalam pengoperasian sertapengaturan sistem komputer.
Ketiga elemen sistem komputer tersebut harus saling berhubungan dan
sesuai dengan yang diharapkan, hanya berupa benda mati saja. Software akan mengoperasikanhardware. Hardwareyang sudah didukung oleh softwarejuga tidak akan berfungsi jika tidak ada manusia yang mengoperasikannya. Akan tetapi jika
ketiga elemen ini telah dikombinasikan sesuai dengan fungsinya masing - masing,
maka akan terjadi suatu proses yang akan menghasilkan suatu informasi sesuai
dengan yang diharapkan.
2.1.2 Keunggulan Komputer
Komputer sebagai produk teknologi memiliki keunggulan (Sutarman, 2009), antara
lain:
1. Mampu mengakses dengan cepat dan tepat.
2. Menghasilkan informasi dari data yang telah lama.
3. Mampu memproses data yang sangat besar menjadi informasi
4. Mampu menyimpan data yang sangat banyak (sampai berukurantera byte). 5. Mampu melakukanimportingdanexportingdata yang dirancang secara khusus.
Komputer dapat bekerja menurut perintah manusia yang menggunakannya.
Manusia memberi perintah kepada komputer dengan menggunakan bahasa manusia.
Selanjutnya komputer akan bekerja sesuai dengan perintah dan jika telah selesai akan
menghasilkan informasi.
2.2 Pengertian Data, Informasi, Sistem
2.2.1 Pengertian Data
Data merupakan istilah paling mendasar dalam database. Pada awalnya data
menyatakan fakta yang dapat direkam dan disimpan pada media komputer, misalnya
hard disk. Namun, saat sekarang ini, data tidak hanya berbentuk teks saja tetapi juga bisa berupa dokumen, gambar, suara ataupun potongan video. Berikut ini beberapa
pengertian tentang data adalah sebagai berikut :
1. Menurut Laudon dalam bukunya Management Information
Sistem menyatakan data merupakan fakta-fakta mentah yang mewakili
kejadian-kejadian yang berlangsung dalam organisasi atau lingkungan
fisik sebelum ditata dan diatur ke dalam bentuk yang dapat dipahami dan
digunakan orang.
2. Deskripsi tentang benda, kejadian, aktivitas, dan transaksi yang tidak
mempunyai makna atau tidak berpengaruh secara langsung kepada
pemakai.
3. Sedangkan data menurut Wilkinson adalah fakta, angka, bahkan symbol
mentah. Secara bersama-sama merupakan masukan bagi suatu sistem
Dari beberapa pengertian di atas, dapat disimpulkan bahwa data adalah suatu
bahan mentah yang kelak dapat diolah lebih lanjut untuk menjadi sesuatu yang lebih
bermakna.
2.2.2 Pengertian Informasi
Informasi dan data merupakan unsur dasar dalam pembuatan sistem. Informasi
seringkali disamakan artinya dengan data. Beberapa pengertian mengenai informasi
adalah sebagai berikut:
1. Menurut Hoffer, dkk menyatakan informasi merupakan data yang telah
diperoses sedemikian rupa sehingga meningkatkan pengetahuan
seseorang yang menggunakannnya.
2. Menurut Davis informasi adalah data yang telah diolah menjadi sebuah
bentuk yang berarti bagi penerimanya dan bermanfaat dalam
pengambilan keputusan saat ini atau saat mendatang.
3. Sedangkan pengertian informasi menurut Laudon adalah datayang telah
diolah menjadi bentuk yang bermakna dan berguna bagi manusia.
Dari beberapa pengertian di atas, dapat disimpulkan bahwa informasi
bermuara pada data. Infomasi memberikan suatu nilai tambah atau pengetahuan bagi
yang menggunakannya. Dan informasi dapat digunakan untuk pengambilan
Suatu data akan menjadi sebuah informasi karena ada parameter lain yang
mempengaruhinya, yaitu pengetahuan awal dan waktu. Dengan kata lain,
pengetahuan awal yang dimiliki oleh seseorang dan ketepatan waktu dapat membuat
suatu data menjadi informasi. Dan makna yang terkandung dalam informasi itu
sendiri bisa berubah dari suatu masa ke masa lain.
2. 2. 3 Pengertian Sistem
Berikut beberapa pengertian tentang sistem adalah sebagai berikut:
1. Menurut Suharso dan Ana Retnoningsih dalam kamus besar Bahasa
Indonesia sistem adalah sekelompok bagian - bagian alat dan sebagainya
yang bekerja bersama-sama untuk melakukan sesuatu maksud. Cara atau
metode yang teratur untuk melakukan sesuatu.
2. Sistem merupakan kumpulan dari bagian - bagian (subsistem) yang
terkait menjadi satu bentuk mekanisme kerja yang memberi fungsi dan
manfaat tertentu.
3. Sistem adalah kumpulan elemen yang saling berhubungan dan
berinteraksi dalam satu kesatuan untuk menjalankan suatu proses
Dari beberapa pengertian di atas dapat diambil suatu kesimpulan bahwa sistem
adalah suatu metode yang berada satu kesatuan yang terdiri dari beberapa bagian
yang saling berhubungan dan berinteraksi untuk mencapai satu tujuan tertentu.
2.3 Sistem Informasi
Sistem Informasi adalah kombinasi dari manusia, fasilitas atau alat teknologi, media,
prosedur dan pengendalian yang bermaksud menata jaringan komunikasi yang
penting, proses atas transaksi - transaksi tertentu dan rutin, membantu manajemen
dan pemakai intern dan ekstern dan menyediakan dasar pengambilan keputusan yang
tepat (John F. Nash, 1995).
Sistem Informasi adalah suatu kegiatan dari prosedur - prosedur yang
diorganisasikan, bilamana dieksekusi akan menyediakan informasi untuk mendukung
pengambilan keputusan dan pengendalian di dalam organisasi (Henry Lucas, 1988).
Secara teknis sistem informasi dapat didefenisikan sebagai sekumpulan komponen
yang saling berhubungan, mengumpulkan, memproses, menyimpan dan
mendistribusikan informasi untuk menunjang pengambilan keputusan dan
pengawasan dalam suatu organisasi (Laudon, K. C danLaudon, J. P , 2007).
Tiga aktivitas di dalam sistem informasi akan memproduksi informasi yang
mentah dari dalam maupun luar organisasi. Proses, mengubah data input mentah ini
menjadi bentuk yang berarti output, mengirimkan informasi yang telah diproses keorang yang akan menggunakan atau kepada aktivitas yang akan menggunakan
informasi tersebut.
Berikut ilustrasi dari tiga aktivitas di atas:
FEEDBACK
Gambar 2.1 Aktifitas Sistem Informasi
2. 3. 1 Sistem Informasi Berbasis Komputer
Sistem informasi berbasis komputer adalah sebuah sistem informasi yang
menggunakan komputer dan teknologi telekomunikasi untuk melakukan tugas–tugas
yang diinginkan. Teknologi Informasi (TI) merupakan komponen tertentu pada
sebuah sistem. Hanya sedikit teknologi informasi yang digunakan secara terpisah,
Teknologi Informasi dikombinasikan atau digabungkan ke dalam sistem informasi
merupakan cara efektif dalam pemanfaatan TI.
Komponen- komponen dasar dari sistem informasi antaralain sebagai berikut:
1. Hardware, kumpulan peralatan seperti processor, monitor, keyboard,dan
printer yang menerima data dan informasi, memproses data tersebut dan menampilkan data tersebut.
2. Software, kumpulan program - program komputer yang memungkinkan
hardwarememproses data.
3. Database, sekumpulan file yang saling berhubungan dan terorganisasi atau kumpulan record record yang menyimpan data dan hubungan di antaranya.
4. Network, sebuah sistem yang terhubung yang menunjang adanya pemakaian bersama sumber di antara komputer - komputer yang berbeda.
5. People, elemen yang paling penting dalam sistem informasi, termasuk orang - orang yang bekerja dengan sistem informasi atau menggunakan
output-nya.
2. 3. 2 Kemampuan Sistem Informasi
Informasi pada saat sekarang ini hampir sudah menjadai sebuah kebutuhan yang
dibutuhkan setiap orang. Untuk bisa bertahan dalam lingkungan bisnis modern,
organisasi mengharapkan sistem informasi yang digunakan mempunyai kemampuan
Karena hal ini, sistem informasi harus mampu melakukan hal - hal berikut:
1. Menyediakan proses transaksi yang cepat dan akurat.
Setiap transaksi menghasilkan data yang harus ditangkap secara akurat dan
cepat. Proses ini disebut proses transaksi, dan sistem informasi yang
menangkap, merekam, menyimpan, dan meng-update data ini disebut sistem proses transaksi.
2. Menyediakan penyimpanan dengan kapasitas besar dan akses cepat
terhadap penyimpanan.
3. Menyediakan komunikasi yang cepat (mesin dengan mesin, manusia
dengan manusia).
4. Mengurangi informasi yang terlalu berlebihan.
5. Menyediakan penunjang dalam pengambilan keputusan.
6. Menyediakan senjata kompetitif.
2. 4 Internet
Internet adalah seluruh jaringan komputer yang saling terhubung menggunakan
standar sistem global Transmission Control Protocol/Internet Protocol Suite
Internet merupakan jaringan komputer yang dibentuk oleh Departemen
Pertahanan Amerika Serikat di tahun 1969, melalui proyek ARPA yang disebut
ARPANET (Advanced Research Project Agency Network), di mana mereka mendemonstrasikan bagaimana dengan hardware dan software komputer yang berbasis UNIX, melakukan komunikasi dalam jarak yang tidak terhingga melalui
saluran telepon.
Proyek ARPANET merancang bentuk jaringan, kehandalan, seberapa besar
informasi dapat dipindahkan, dan akhirnya semua standar yang ditentukan menjadi
cikal bakal pembangunan protokol baru yang sekarang dikenal sebagai TCP/IP
(Transmission Control Protocol/Internet Protocol).
2.5 Website
World Wide Web (www), lebih dikenal dengan web, merupakan salah satu layanan yang didapat oleh pemakai komputer yang terhubung ke internet. Webpada awalnya adalah ruang informasi dalam internet, dengan menggunakan teknologi hypertext,
digunakan juga untuk komunikasi dari emailsampai dengan chattingdan melakukan transaksi bisnis(commerce).
Saat ini, web seakan lebih populer dari pada email, walaupun secara statistik
email masih merupakan aplikasi terbanyak yang digunakan oleh pengguna internet.
Weblebih popular bagi khalayak umum dan pemula, terutama untuk tujuan pencarian informasi dan melakukan komunikasi email yang menggunakan web sebagai interfacenya. Web memudahkan pengguna komputer untuk berinteraksi dengan pelaku internet lainnya dan menelusuri (informasi) di internet. Selain itu web telah diadopsi oleh perusahaan sebagai sebagian dari strategi teknologi informasinya,
karena beberapa alasan :
1. Akses informasi mudah.
2. Setup server lebih mudah.
3. Informasi mudah didistribusikan.
4. Bebas platform; informasi dapat disajikan oleh browser web pada sistem operasi mana saja karena adanya standar dokumen berbagai tipe data
dapat disajikan.
2.5.1 Lahirnya Web
Tahun 1989, Timothy Berners - Lee seorang ahli komputer dari Inggris dan peneliti
CERN) di Geneva Swiss, mengembangkan suatu cara untuk men-share data antar koleganya menggunakan sesuatu yang disebut dengan hypertext. Pemakai di CERN
dapat menampilkan dokumen pada layer komputer dengan menggunakan software
browserbaru.
Kode - kode khusus disisipkan ke dalam dokumen elektronik ini dan
memungkinkan pemakai untuk berpindah dari satu dokumen ke dokumen lainnya
pada layer dengan hanya memilih sebuahhyperlink.
Kemampuan internet dimasukkan ke dalam browser ini sehingga berpindah dari satu dokumen ke dokumen lain, tidak lagi dari satu computer saja, tetapi dapat
berpindah ke dokumen lain yang letaknya pada komputer remote. Seorang peneliti dapat juga mengirimkan sebuah file dari komputer remote ke sistem lokalnya, atau
log in ke dalam suatu sistem hanya dengan mengklik hyperlink, tidak perlu melaui mekanisme FTP atau Telnet. Jalan pintas CERN digunakan sebagai dasar dari yang disebut sekarang dengan World Wide Web dan berikut server dan browser webnya (sekarang dimaintenance olehWorld Wide Web Consortium).
2.5.2Browser Web
interface grafis, sehingga pemakai dapat dengan mudah melakukan point dan click
untuk pindah antardokumen. Di saat perkembanganwww ada dua browser web yang populer yaitu Internet Explorer (IE) dan Netscape Navigator. Namun saat ini bermunculan browser web lain yang turut meramaikan persaingan untuk merebut para pengguna internet. Diantarabrowser webyang telah banyak digunakan pada saat peluncurannya adalah MSN, Opera, Mozilla Firefox. Di antara browser web ini terdapat kelebihan dan kekurangan sehingga pengguna dapat memilih sesuai
keinginan dan kemudahan yang ditawarkan.
2.5.3Server Web
Server webadalah komputer yang digunakan untuk menyimpan dokumen - dokumen
web, komputer ini akan melayani permintaan dokumen web dari kliennya. Browser web seperti IE atau Opera berkomunikasi melalui jaringan (termasuk jaringan internet) dengan server web, menggunakanhttp. Browserakan mengirimkan request
2.5.4 Istilah-Istilah Umum yang Harus Diketahui
Berikut ini penjelasan beberapa istilah-istilah umum yang harus diketahui antara lain
1. URL (Universal Resource Locator);URLadalah konsep nama file standar yang diperluas dengan jaringannya. Nama file ini tidak hanya
menunjukkan direktori dan nama filenya, tetapi juga nama mesinnya
dalam jaringan.
2. HTTP (HyperText Transfer Protocol); http umumnya digunakan untuk melayani dokumen hypertext, karena http adalah protokol dengan
overheadyang sangat rendah, sehingga pada kenyataan navigasi informasi dapat ditambahkan langsung ke dalam dokumen dengan demikian
protokolnya sendiri tidak harus mendukung navigasi secara penuh.
3. Browsing/Surfing; kegiatan menelusuri dan mencari informasi dalam internet melalui layanan informasiweb.
4. Browse /Surfer; pengguna komputer yang melakukanbrowsing/surfing.
2.6 HTML (HyperText Markup Language)
HTML merupakan suatu bahasa dari website (www) yang dipergunakan untuk menyusun dan membentuk dokumen agar dapat ditampilkan pada program browser
(Supriyanto, 2007). Ketika user mengakses web, maka ia mengakses dokumen seseorang yang ditulis dengan menggunakan formathtml. Dapat disimpulkan bahwa
htmlmerupakan protokol yang digunakan untuk mentransfer data atau dokumen dari
webserver kebrowser.
Dalam penggunaan html, html menentukan dua fungsi (Supriyanto, 2007), yaitu:
1. Membentuk tata letak dokumen, baik jenis huruf, gambar, dan komponen
-komponen lainnya.
2. Menentukan hubungan ke dokumen lainnya, html merupakan suatu bahasa komputer yang termasuk dalam katagori SGML (Standard Generalized Markup Language) di mana bentuknya merupakan file standar ASCII yang berisi kode - kode untuk mengatur dokumen.
HTML bersifat fleksibel, artinya html dapat disisipi kode-kode script seperti JavaScript, VBScript, dan juga bahasa pemrograman berbasis web seperti PHP dan
ASP. Animasi seperti Flash serta beberapa jenis file grafis dan multimedia juga dapat
disisipkan dan ditampilkan melalui html. Fleksibilitas html dan daya dukung ini meningkatkan daya guna dan menjadikannya sebagai bahasa kode yang dinamis
2. 7 XAMPP
XAMPP adalah perangkat lunak bebas, yang mendukung banyak sistem operasi,
merupakan kompilasi dari beberapa program. Fungsinya adalah sebagai server yang
berdiri sendiri (localhost), yang terdiri atas program Apache http server, MySQL
database, dan penerjemah bahasa yang ditulis dengan bahasa pemrograman PHP dan Perl. Nama XAMPP merupakan singkatan dari X (empat sistem operasi, yaitu
Windows, Linux, Mac OS, dan Solaris),
Apache, MySQL, PHP dan Perl. Program ini tersedia dalam GNU General Public Licensedan bebas, merupakan web server yang mudah digunakan yang dapat melayani tampilan halaman web yang dinamis. Untuk mendapatkanya dapat
mendownload langsung dariwww.apachefriends.org/en/xampp.html.
2. 8 PHP
PHP merupakan singkatan dari Hypertext Preprocessor. PHP merupakan bahasa pemrograman skrip yang diletakkan dalam server yang biasa digunakan untuk
membuat aplikasi web yang bersifat dinamis. Maksud web dinamis adalah dapat membentuk suatu tampilan web berdasarkan permintaan terkini, dapat dilakukan
command line, yaitu skrip PHP dapat dijalankan tanpa melibatkan web server
maupunbrowser(Kadir, 2008).
Dengan menggunakan lisensi GPL (GNU Public License), PHP bebas
didistibusikan.Softwareini dapat diunduh pada situs http://www.php.net dan tersedia untuk berbagai platform (seperti Windows, Linux, dan lain-lain). PHP tersedia dalam
bentuk kode biner maupun kode sumber yang lengkap.
2.8.1 Sejarah Singkat PHP
PHP diciptakan pertama kali oleh Rasmus Lerdoft pada tahun 1994. Awalnya,
Rasmus Lerdoft membuat sejumlah skrip Perl yang dapat mengamati siapa saja yang
melihat–lihat daftar riwayat hidupnya. Skrip - skrip ini selanjutnya dikemas menjadi
tool yang disebut Personal Home Page. Hal inilah yang menjadi cikal - bakal terbentuknya PHP.
Pada tahun 1995, Rasmus menciptakan PHP/FI versi 2. Pada versi ini
pemrogram dapat menempelkan kode terstruktur di dalam tag html. Kode PHP juga bisa berkomunikasi dengandatabasedan melakukna perhitungan - perhitungan yang kompleks. Sebuah kelompok pengembang software yang terdiri dari Rasmus, Zeew Suraski, Andi Gutman, Stig Bakken, Shane Caraveo, dan Jim Winstead bekerja sama
untuk menyempurnakan PHP 2.0 pada tahun 1996. Hasil dari penyempurnaan yang
tahun 2000. Tidak hanya sampai di situ, kemampuan PHP terus ditambah hingga
menghasilkan versi terbaru dari PHP adalah PHP 5.2.x.
2.8.2 Sintaks PHP
Sintaks adalah rule atau aturan yang harus diikuti untuk secara tepat menulis kode yang terstruktur. Semua kode PHP harus mengikuti bentuk dasar berikut:
<?php
// semua kode PHP diletakkan di sini
?>
Atau menggunakan tag yang lebih pendek seperti di bawah ini tetapi diperlukan
tambahan seting pada server web:
<?
?>
Sama halnya dengan bahasa pemrograman yang lain, PHP juga mengharuskan
penyimpanan filescriptdengan ekstensi .php.
2. 8. 3 Konsep Kerja PHP
web server, mengidentifikasi halaman yang dikehendaki, dan menyampaikan segala informasi yang dibutuhkan olehweb server.
Selanjutnya, web server akan mencarikan file yang diminta dan memberikan isinya ke browser. Browser yang telah menerima isinya akan segera melakukan proses penerjemahan kodehtmldan menampilkannya ke layaruser.
Konsep kerja halaman PHP, prinsipnya serupa dengan kode html. PHP bekerja sebagai interpreter sehingga memerlukan kode asli. Ketika program yang
berekstensi .phpdiminta oleh user, web server yang menanganinya akan mengambil kode sumber PHP dan menyerahkan ke interpreter PHP. Selanjutnya, interpreter PHP
segera mengeksekusi kode dan menyerahkan hasilnya keweb server. Setelah itu web servermenyerahkan kode yang dihasilkan inerpreter PHP ke user yang memintanya. Kode inilah yang akan diterjemahkan oleh brieser untuk ditampilkan dilayar. Jika kode mengandung perintah untuk mengakses databasemaka pada saat mengeksekusi kode lah PHP akan berkomunikasi kedatabase server.
2. 8. 4 PHP danDatabase
Salah satu kelebihan dari PHP adalah mampu berkomunikasi dengan berbagai
Inilah latar belakang mengapa PHP sangat tepat untuk membangun halaman-halaman
web dinamis.
Pada saat ini PHP sudah dapat berkomunikasi dengan berbagai database
meskipun dengan kelengkapan yang berbeda - beda. Beberapa diantaranya :
1. DBM,
2. FilePro (Personix, Inc),
3. Informix,
4. Ingres,
5. InterBase,
6. Microsoft Access,
7. MSQL,
8. MySQL,
9. Oracle,
10. PostgreSQL,
11. Sybase.
2. 9 MySQL
MySQL adalah salah satu jenis database server yang sangat populer, hal ini disebabkan karena MySQL menggunakan SQL sebagai bahasa dasar untuk
dengansourcecode(kode yang dipakai untuk membuat MySQL), bentuk executable -nya atau kode yang dapat dijalankan secara langsung dalam sistem operasi (Kadir,
2008). MySQL awalnya dibuat oleh perusahaan konsultan bernama TcX yang
berlokasi di Swedia. Saat ini pengembangan MySQL berada di bawah naungan
perusahaan MySQL AB. Dan bisa diperoleh dengan cara mengunduh di internet
melalui situswww.mysql.com.
MySQL termasuk jenis RDBMS (Relational Database Management System). Itulah sebabnya, istilah tabel, baris, dan kolom digunakan pada MySQL. Pada
MySQL, sebuah database mengandung satu atau sejumlah tabel. Tabel terdiri atas sejumlah baris dan setiap baris mengandung satu atau beberapa kolom. Sebagai
softwareDBMS, MySQL memiliki sejumlah fitur, diantaranya :
1. Multiplatform.
MySQL tersedia pada beberapa platform (Windows, Linux, Unix, dan lain
-lain).
2. Andal, cepat, dan mudah digunakan.
MySQL tergolong sebagaidatabase server (server yang melayani permintaan terhadap database) yang andal, dapat menangani database yang besar dengan
kecepatan yang tinggi, mendukung banyak fungsi untuk mengakses database,
3. Jaminan keamanan akses.
MySQL mendukung pengamanan database dengan berbagai criteria
mengakses data yang bersifat rahasia, sedangkan user lain tidak boleh.
MySQL juga mendukung konektivitas ke berbagai software. Misalnya,
dengan menggunakan ODBC (Open Database Connectivity), database yang ditangani MySQL dapat diakses melalui program yang dibuat dengan Visual Basic. Melalui JDBC (Java Database Connectivity) program klien yang berbasis Java dapat berkomunikasi dengan MySQL. MySQL juga bisa diakses melalui aplikasi berbasisweb, misalnya dengan mengguanakan PHP. 4. Dukungan SQL.
MySQL mendukung perintah SQL (Structured Query Language). SQL merupakan standar dalam pengaksesan database relasional. Pengetahuan akan
SQL akan memudahkanuseruntuk menggunakan MySQL.
MySQL mempunyai empat instruksi dasar yang sangat mendukung dalam
pembentukan sebuah database. Yaitu select, insert, update, dan delete, masing -masing digunakan untuk menampilkan data, menginput atau menambah data,
mengubah data, dan menghapus data dalamdatabase(Madcoms, 2008).
2.10 Apache
kesiapa saja. Software ini dapat diunduh pada situs http://www.apache.org dan tersedia untuk berbagai platform, diantaranya Windows, Linux, dan Unix.
Agar dokumen - dokumen web yang berekstensi html ataupun PHP bisa diakses oleh browser maka dokumen - dokumen tersebut perlu diletakkan dalam direktori khusus yang diatur oleh Apache. Tugas utama Apache adalah menghasilkan
halaman web yang benar kepada user berdasarkan kode PHP yang dituliskan oleh pembuat halamanweb. Jika diperlukan, berdasarkan kode PHP yang dituliskan maka dapat saja suatu database diakses terlebih dahulu (misalnya dalam MySQL) untuk mendukung halaman web yang dihasilkan.
2. 11Cascading Style Sheet(CSS)
Cascading Style Sheet (CSS) adalah suatu cara untuk membuat format atau layout halaman web menjadi lebih menarik dan mudah dikelola (Husni, 2007). CSS muncul
karena sulitnya mengatur layout tampilan dokumen web yang dibuat dengan html
murni meskipun telah menggunakan berbagai kombinasi format CSS dapat ditulis
CSS mendefinisikan karakteristik tampilan (warna, style, dan posisi) suatu elemen pada dokumen html dalam bentuk properti elemen tersebut. Pemisahan isi dengan tampilan yang dilakukan dengan penerapan CSS ini, memberikan kemungkinan penyusunan struktur suatu halaman html dengan lebih fleksibel. CSS
merupakan bagian/subsetdariDOMyang sangat berperan dalamDHTML.
Perbedaan implementasi antara Netscape dan Microsoft sehingga akhirnya
W3C melakukan suatu standardisasi CSS. Pada awalnya, upaya standardisasi CSS
dibagi dua, yaitu CSS1 untuk pengaturan warna dan style, serta CSS-P untuk pengaturan posisi suatu elemen. CSS2 dari W3C selanjutnya menggabungkan kedua standar ini menjadi suatu standar yang meliputi semuasetting tampilan suatu elemen halamanhtml.
Dalam spesifikasi CSS2, ada beberapa properti elemen dokumen yang berhubungan dengan posisi suatu elemen di halaman browser. Properti tersebut adalah:
1. Position, ada dua pilihan untuk nilai properti ini, yaitu absolute dan
relative.
Setting absolute mengatur posisi elemen berdasarkan jarak terhadap ujung kiri - atas elemen parent-nya. Sedangkan setting absolute bekerja sesuai
2. Left dan top, menentukan jarak ke arah kanan dan ke bawah dari posisi awal elemen. Unitnya bisa dinyatakan dalam point(pt), pixel(px) atau unit standarCSSlainnya.
3. Width dan height, menentukan lebar dan tinggi elemen. Unitnya bisa dinyatakan dalampoint(pt), pixel(px)atau unit standarCSSlainnya.
4. Z-index, menentukan apakah suatu elemen ditampilkan di layar. Nilainya bisavisible(tampil) atauhidden (tersembunyi).
5. Overflow, menentukan perilaku ruang penampung jika isinya melebihi batasnya. Ada tiga pilihan untuk nilai properti ini, yaitu clip, scroll, dan
none. Setting clip berarti isi akan dipotong jika melebihi batas. Scroll akan memunculkan scrollbar pada container. Sedangkan none tidak akan melakukan apapun terhadap isi sehingga isi tersebut akan keluar dari ruang
batasnya.
7. Background - imageatau layer–background –image, menentukan gambar latar belakang dari suatu elemen. Yang pertama berlaku untuk IE,
sedangkan yang kedua berlaku untukNS.
Beberapa hal yang dapat dilakukan oleh CSS (Husni, 2007), antara lain:
1. Mendefenisikan tampilan halaman web yang dibuat dalam satu tempat khusus, lebih baik daripada menulis berulang - ulang dalam satu atau
beberapa halamanweb.
2. Kemudahan mengubah tampilan halaman web bahkan setelah halaman itu selesai dibuat. Karena style didefenisikan dalam satu tempat maka dapat mengubah tampilan sebuah situs dengan sekali kerja.
3. Mendefenisikan ukuran huruf dan atribut - atribut serupa yang memiliki
akurasi atau setingkat word processor, menempatkan content halaman web
dalam ketelitian pixel, mengulang pendefenisian tag - tag html secara keseluruhan.
4. Mendefinisikanstylesesuai kebutuhan untuklink.
5. Mendefenisikan layer yang dapat diletakkan di atas elemem lain.
2.12 Macromedia Dreamweaver
Dreamweaver merupakan salah satu program desain web yang dalam perkembangannya sudah menjadi salah satu aplikasi yang berfungsi sebagai
pengembangan web (Web Development). Dremweaver ini dapat melakukan pendesainan layout (untuk membuat tampilan dari web), membuat skrip yang memiliki fasilitas pengecekan atau validasi dari keyword untuk setiap server side
yang digunakan, dan membuat sebuahwebsiteyang dinamis .
Dalam pembuatan web dinamis membutuhkan kemampuan Dreamweaver
menggunakan DML (Data Manipulation Language) yang dimiliki oleh SQL.
Dreamweaver juga memungkinkan penggunaan fungsi DDL (Data Definition Language) untuk mendukung pembuatan kode yang memiliki pengecekan validasi (Sakur, 2007).
1. Data Definition Language (DDL),
SQL memiliki kemampuan untuk melakukan pendefinisian data yang berupa
pembuatan tabel ataudatabase, penghapusan tabel ataupundatabase, dan lain - lain.
2. Data Manipulation Language (DML),
SQL memiliki kemampuan untuk melakukan manipulasi data dari suatu
Fungsi DDL dapat digunakan untuk membuat atau menulis skrip pada mode codeyang khusus disediakan oleh Dreamweaver untuk menuliskan scripting. Hal ini tidak jauh berbeda jika menggunakan Notepad sebagai sarana pembuatan skrip, namun keunggulan yang paling hebat dari Dreamweaver adalah kode yang dibuat akan diberikan validasi dengan teknik pewarnaan yang sempurna sehingga
mempermudah mengetahui bila terjadi kesalahan penggunaankeyword.
Secara garis besar Dreamweaver tetap memiliki konsistensi di dalam arsitektur program, dengan tiga aspek utama, yaitu Design Layout, Code, dan
Development. Dreamweaver juga didukung untuk pengembangan penggunaan CSS, XML, dan RSS. Penggabungan tiga aspek dan beberapa tools pendukung inilah yang
GAMBARAN SEKILAS SLTP ST. LUCIA DOLOKSANGGUL
3. 1 Profil Sekolah
1. NAMA SEKOLAH : SLTP SWASTA ST.LUCIA DOLOKSANGGUL
2. STATUS SEKOLAH : SWASTA
3. AKREDITASI : A
4. ALAMAT : JL. MERDEKA NO.47 DOLOKSANGGUL
SUMATERA UTARA
5. NO. TELEPON : 0633-31904
6. KECAMATAN : DOLOKSANGGUL
7. KABUPATEN : HUMBANG HASUNDUTAN
3. 2 Visi, Misi, dan Tujuan
3.2.1 Visi SLTP ST. LUCIA DOLOKSANGGUL
“Berkualitas, tanggap terhadap kemajuan ilmu pengetahuan dan teknologi,
mampu bersaing atau unggul dalam prestasi serta tercipta suasana pembelajaran
yang kondusi.”
3.2.2 Misi SLTP ST. LUCIA DOLOKSANGGUL
1. Menciptakan manusia Indonesia seutuhnya berdasarkan Pancasila dan berprestasi
sesuai dengan kemajuan ilmu pengetahuan dan teknologi. Membantu dan
memfasilitasi pengembangan potensi peserta didik secara utuh dalam rangka
mewujudkan masyarakat belajar dan terampil.
2. Meningkatkan kesiapan peserta didik untuk menjalani proses pendidikan yang
optimal demi pembentukan pribadian yang bermoral, beriman, menguasai ilmu
dan ketrampilan hidup.
3. Meningkatkan profesionalitas dan akuntabilitas lembaga pendidikan sebagai pusat
pembudayaan ilmu pengetahuan, ketrampilan, pengalaman, sikap dan nilai
bersadarkan standar pendidikan nasional.
4. Memperdayakan peran serta masyarakat dan penyelenggaraan pendidikan
berdasarkan prinsip otonomi daerah dan konteks Negara kesatuan republik
3.2.3 Tujuan SLTP ST. LUCIA DOLOKSANGGUL
1. Menjadikan SMP ST. LUCIA DOLOKSANGGUL sebagai sekolah yang dapat
memperoleh peringkat terbaik dalam lomba - lomba akademik dan non akademik
ditingkat kecamatan, kabupaten, provinsi atau nasional.
2. Mampu memperdayakan guru unutk meningkatkan kompetensinya.
3. Mampu menciptakan suasan belajar yang kondusif untuk meraih prestasi belajar
yang optimal.
4. Menjadikan SMP ST. LUCIA DOLOKSANGGUL sebagai sekolah yang lengkap
administrasinya.
5. Meningkatkan kwalitas lulusan (klasifikasi A).
6. Mampu mendayakangunakan potensi sekolah dan lingkungan.
7. Memiliki perangkat/model pembelajaran bagi semua peserta didik untuk
menunjang prestasi.
8. Mampu menyiapkan peserta didik untuk dapat melanjutkan pendidikan ke jenjang
yang lebih tinggi dan berkwalitas.
9. Memiliki tim terbaik dan tangguh di setiap kegiatan ekstrakurikuler.
10. Mengadakan pembinaan sikap dan perilaku terhadap peserta didik secara
continue.
11. Mengadakan kegiatan yang bersifat kerohanian.
PERANCANGAN SISTEM
4.1 Perancangan Sistem
Dalam perancangan sebuah website banyak hal yang harus dilakukan diantaranya
adalah persiapan, perencanaan yang baik, tujuan yang jelas dan memastikan sistem
sesuai dengan yang diharapkan. Langkah sederhana untuk memastikan sistem
berjalan dengan baik dengan cara mencobanya berulang - ulang karena menyangkut
dengan semua elemen yang membentuk website.
Agar menghasilkan sebuah website yang diinginkan sesuai dengan tujuan
awal, maka perlu dilakukan identifikasi awal antara lain:
1. Website apa yang akan dibangun ?
2. Siapa saja pengunjung yang akan berkunjung ke website tersebut ?
3. Aktivitas apa saja yang dapat dilakukan pengunjung pada website tersebut ?
Jawaban dari pertanyaan - pertanyaan di atas, akan semakin mempermudah
dan memperjelas perancangan sistem dalam pembangunan sebuah website. Karena
hal ini lah yang menjadi kunci utama pembuatan dan pengembangan sebuah website
sehingga menghasilkan hasil yang terbaik. Sesuai dengan kebutuhan untuk
membangun sebuah website, berikut jawaban dari beberapa pertanyaan diatas :
1. Website yang akan dibangun adalah website SLTP ST. LUCIA
DOLOKSANGGUL, sistem infromasi berbasis web ini hanya dipergunakan
untuk kepentingan penyampaian data dan informasi kepada yang
membutuhkan.
2. Pengunjung website ini adalah para guru, siswa, staf tata usaha, dan umum
yang membutuhkan informasi mengenai SLTP ST. LUCIA
DOLOKSANGGUL.
3. Aktivitas utama adalah mengetahui informasi mengenai data guru, staf tata
usaha dan siswa. Banyak informasi lain yang berkaitan dengan SLTP ST.
LUCIA DOLOKSANGGUL.
4. Target pembuatan website ini adalah pengunjung dapat mengetahui informasi
dan data yang terdapat pada SLTP ST. LUCIA DOLOKSANGGUL secara
4. 2 Perancangan DFD (Data Flow Diagram)
Data Flow Diagrammerupakan diagram yang mengunakan notasi-notasi atau symbol - simbol untuk mengambarkan sistem jaringan kerja antar fungsi - fungsi yang
berhubungan satu sama lain dengan aliran dan penyimpanan data.
Berikut ini adalah Data Flow Diagram yang penulis gunakan untuk menerangkan data yang masuk dan keluar dari dan ke masing-masing entity yang
ada. Data Flow Diagram (DFD) yang penulis gunakan dibagi kedalam dua (2) level yaitu diagram konteks dan diagram level 0.
1. Diagram Konteks
START
Flowchart (Diagram Alir) merupakan gambar atau bagan yang memperlihatkan urutan dan hubungan antar proses beserta instruksinya. Berikut ini adalah diagram
alir (flowchart) yang penulis gunakan untuk menggambarkan proses logika untuk menjalankan website, seperti gambar dibawah ini.
1. Flowchart Halama Utama (Home)
NO
Gambar 4. 2 Flowchart Halaman Utama (Home)
NO
YES
2. FlowchartHalaman Login Administrator
Gambar 4.3 Flowchart Halaman Login Administrator
3. FlowchartHalaman Menu Administrator
Admin Login
Tampilan Halaman Login
Input Username dan Password
Acces Denied ?
Menu Administrator
Admin
Pesan Login Gagal
Tampilan Halaman Admin
Baca Link Menu
X
YES
4.3 Rancangan Database
Pada tahap ini dipersiapkan tempat untuk menampung data di server, data tersebut nantinya akan diproses oleh program yang dibuat pada tahap pemrograman, baik
penambahan, pengeditan, penghapusan dan menampilkan isi database ke halaman
web.Databaseterdiri dari beberapa tabel yang dibuat dengan menggunakan program MySQL.
Berikut ini adalah rancangan database yang digunakan dalam pembuatan
Website Sistem Informasi Akademik Berbasis Web SLTP ST. LUCIA DOLOKSANGGUL. Adapun database yang dibuat oleh penulis adalah database
dbsekolah dengan tabel - tabel
sebagai berikut:
a. Tabel admin terdiri dari :
Tabel 4.1 Admin
Field Data Type Size Description
Username Varchar 30 User name
b. Tabel profil sekolah terdiri dari :
Tabel 4.2 Profil Sekolah
Field Data Type Size Description
Id_profil Integer 3 Profil Sekolah
Sejarah Text Sejarah
Visi Misi Text Visi Misi
Struktur Text Struktur
Denah Text Denah
Kurikulum Text Kurikulum
Prestasi Text Prestasi
Ekstrakurikuler Text Ekstrakurikuler
Organisasi Text Organisasi
Fasilitas Text Fasilitas
Status Integer Status
c. Tabel Mata Pelajaran terdiri dari :
Tabel 4.3 Mata Pelajaran
Field Data Type Size Description
Mapel Varchar 100 Mata Pelajaran
d. Tabel Jadwal terdiri dari :
Tabel 4.4 Jadwal
Field Data Type Size Description
Id_jadwal Integer 5 Jadwal
Jadwal Text Jadwal
Kelas Varchar 50 Kelas
e. Tabel Kelas terdiri dari :
Tabel 4.5 Kelas
Field Data Type Size Description
Id_kelas Integer 3 Kelas
Kelas Varchar 50 Kelas
Wali_kelas Varchar 100 Wali kelas
f. Tabel Artikel terdiri dari :
Tabel 4.6 Artikel
Id_artikel Integer 5 Artikel
Tgl Varchar 20 Tanggal
Penulis Varchar 100 Penulis
Judul Varchar 100 Judul
Isi Text Isi
Status Varchar 20 Status
g. Tabel Tamu terdiri dari :
Tabel 4.7 Tamu
Field Data Type Size Description
Id_tamu Integer 5 Tamu
Nama Varchar 100 Nama Tamu
Email Varchar 200 Email
Pesan Varchar 200 Pesan
Tgl Varchar 100 Tanggal
h. Tabel Pesan terdiri dari :
Tabel 4.8 Pesan
Id_pesan Integer 5 Pesan
Pengirim Varchar 100 Pengirim
Domain Varchar 50 Domain
Tgl Varchar 100 Tanggal
Isi Text Isi
Penerima Varchar 100 Penerima
Status Varchar 20 Status
i. Tabel Pengumuman terdiri dari :
Tabel 4.9 Penguman
Field Data Type Size Description
Id_pengumuman Integer 3 Pengumuman
Judul Varchar 200 Judul
Isi Text Isi
Penulis Varchar 100 Penulis
Tgl Varchar 100 Tanggal
j. Tabel Komentar terdiri dari :
Tabel 4.10 Komentar
Field Data Type Size Description
Id_komen Integer 5 Komentar
Id_berita Integer 5 Berita
Tgl Varchar 20 Tanggal
Status Varchar 20 Status
Nama Varchar 100 Nama
Isi Text Isi
Email Varchar 20 Email
Telp Varchar 20 Telepon
k. Tabel Statistika terdiri dari :
Tabel 4.11
Field Data Type Size Description
Ip Varchar 20 Internet Protokol
Tgl Date Tanggal
Hits Int 10 Hits
Berikut ini adalah relasi antar sel
Gambar 4.12 Relasi Antar Sel
4.4 Desain Dialog
Berikut ini adalah rancangan halaman menu, halamaninputdan halamanoutputyang penulis gunakan dalam pembuatanwebsiteSLTP ST. LUCIA DOLOKSANGGUL.
4.4.1 Desain Halaman Menu
Berikut ini adalah rancangan halaman menu yang penulis gunakan dalam pembuatan
website Sistem Informasi Akademik Sekolah Berbasis Web Pada SLTP ST. LUCIA
Gambar 4.13 Halaman Menu Utama (Home)
Beranda ProfilSekolah Fasilitas Kegiatan Personalia Kesiswaan KontakKami FiturWeb
Artikel dan Berita
article and news lainnya
Copy right ©WEBSITE SLTP ST. LUCIA
WEB
BANNER
LOGO
LOGO
Pengumuman
Pengunjung Gallery
Kalender
LOGO
GAMBAR
GEDUNG
Pengunjung HariIni
Gambar 4.14 Halaman Menu Administrator
4.4.2 Rancangan Masukan (Input)
Berikut ini adalah rancangan halaman masukan (input) data yang penulis gunakan dalam pembuatan website SISTEM INFORMASI AKADEMIK BERBASIS WEB
SLTP ST. LUCIA DOLOKSANGGUL. Home
• Select Artikel
• Insert Artikel
• Select Buku Tamu
• Select Pengumuman
• Select VISI & MISI
1. Tampilan halaman insert data siswa.
Jumlah Siswa : Siswa
Angkatan :
Gambar 4.15 Halaman Input Data Siswa
2. Tampilan halaman input data staff.
NIP
Gambar No file selected
Gambar 4.16 Halaman Input Data Staf
3. Tampilan halamanbrowsedata siswa
No Nis Nama Detail
1 0000445996 Rio Jonata Situmorang
2 0006815672 Adiva Silaban
Gambar 4.17 Halaman Browse Data Siswa
4. Tampilan halamanbrowsedata staff.
No Nis Nama Detail
1 10 Pipi Maria Hutabarat
2 11 Elperia Simamora,S.Pd
Gambar 4.18 Halaman Browse Data Staf
5. Tampilan Halaman Buku Tamu
Buku Tamu
Nama
(tekan Enter untuk ganti paragraf)
Komentar
Gambar 4.19 Halaman Buku Tamu
Kirim Batal
6. Tampilan halamanselectbuku tamu
SELECT BU KU T AM U
Nama Tanggal Pesan Aksi
Ju m la h Bu k u T a m u : 1
Gambar 2.20 Halaman Browse Buku Tamu
4. 4. 3 Rancangan Keluaran (Output)
Berikut ini adalah rancangan halaman keluaran (output) data yang penulis gunakan dalam pembuatan website Sistem Informasi Akademik SLTP ST. LUCIA
DOLOKSANGGUL.
1. Tampilan informasi data guru
NIP :
---Nama Lengkap : Risda Sinurat
Tempat & Tgl. Lahir : Pangururan, 03-02-1969
Alamat Lengkap : Jl. Kampung Baru
Agama : Katolik
Bidang : BIOLOGI
2. Tampilan halaman informasi data siswa
NIS :0000445996
Nama Lengkap : Rio Jonata Situmorang
Tempat & Tgl. Lahir : Huta Gurgur, 06-19-2000
Alamat Lengkap : Desa Huta Gurgur
Agama : Protestan
Gambar 4.22 Halaman Informasi Data Siswa
3. Tampilan informasi jadwal mata pelajaran
Kelas : VII A
Wali Kelas : Sr. Avelina Simamora, S.Pd
ROSTER MATAPELAJARAN LE
S
SENIN SELASA RABU KAMIS JUMAT SABTU
1 UPACARA
4 EKONOMI KESENIAN BIOLOGI
5
6 MATEMATIKA PND. JASMANI
AGAMA
7
IMPLEMENTASI SISTEM
5.1 Pengertian Implementasi Sistem
Implementasi sistem adalah suatu prosedur yang dilakukan untuk menyelesaikan
sistem yang ada dalam dokumen rancangan sistem yang telah disetujui dan telah
diuji, menginstal dan memulai menggunakan sistem baru yang diperbaiki.
Dalam proses implementasi di perlukan adanya keterkaitan terhadap sistem
informasi, dan dalam siklusnya dapat dijelaskan diantaranya :
1. Identifikasi pemahaman awal perlunya pembuatan website dan permintaan formal untuk mengembangkanwebsite.
2. Inisiasi dan perencanaan untuk menentukan spesifikasi kebutuhan dan untuk
mengembangkan aplikasi yang sudah ada. Melakukan analisis untuk membuat
spesifikasinya.
3. Analisis struktur akan kebutuhan pengguna serta menyeleksi aplikasi lain
yang sudah ada. Pada tahapan ini akan diperoleh spesifikasi fungsional sistem.
4. Perencanaan logika mendapatkan dan menstrukturkan kebutuhan website
secara keseluruhan. Pada tahap ini akan diperoleh spesifikasi rinci data,
laporan, tampilan, dan aturan pemrosesan.
5. Perancangan fisik mengembangkan spesifikasi teknologi yang akan
digunakan, pada tahap ini akan diperoleh struktur program dan basis data,
serta perancangan struktur fisik.
6. Implementasi pembuatan program dan basis data, melakukan instal dan
menguji sistem. Pada tahapan ini akan diperoleh program aplikasi dan
dokumentasi.
7. Pemeliharaan, melakukan pemantauan kegunaan dan fungsi sistem, serta
melakukan audit sistem secara periodik.
5.2 Tujuan Implementasi Sistem
Adapun tujuan dari implementasi sistem adalah sebagai berikut :
2. Menyelesaikan rancangan sistem yang ada didalam dokumen sistem yang
baru atau yang telah disetujui.
3. Memastikan bahwa pengunjung dapat mengoperasikan sistem dengan mudah
dan mendapatkan informasi yang lebih baik dan jelas.
4. Memastikan sistem telah berjalan sesuai dengan rancangan awal dengan cara
mengontrol dan melakukan instalasi secara benar.
5.3 Komponen Sistem
Komponen-komponen sistem yang dibutuhkan dalam membangun website ini
diantaranya adalah:
5.3.1Hardware
Hardware adalah komponen fisik yang digunakan untuk aktivitas input, proses,
output, dan penyimpanan pada suatu sistem komputer. Spesifikasi komponen
hardwareyang dibutuhkan untuk menjalankan aplikasiwebini diPersonal Computer
(PC)useradalah sebagai berikut :
1. Personal komputer dengan processor Intel ® Core ™ I3-2310M CPU @2.10
GHz.
4.Hardiskminimal 20gigabyte. 5.Microsoft Windows 7 service1. 6.Microsoft Windows XP Profesional.
5. 3. 2Software
Software adalah sebuah program komputer yang berisi sekumpulan instruksi yang dibuat dengan menggunakan bahasa khusus yang memberi perintah kepada computer
untuk melakukan berbagai pemrosesan terhadap data yang terdapat dalam program
tersebut atau data yang dimasukan oleh pengguna komputer.
Hardware tidak akan dapat memecahkan suatu masalah tanpa adanya komponen software. Software dapat dianalogikan sebagai jiwa sedangkan hardware
berfungsi sebagai tubuh dalam sebuah komputer. Adapunsoftwareyang digunakan dalam pembuatanwebsiteini adalah:
1. Sistem OperasiMicrosoft Widows 7 (Seven)
2. Internet ExplorerdanMozilla Firefox 25.0.1sebagaibrowser.
3. XAMPP 1.7.7 merupakan web server yang digunakan untuk mensimulasikan