Sistem Informasi Akademik Berbasis Web SLTP ST. Lucia Doloksanggul

TUGAS AKHIR

CANIGIA SIHITE

102406095

PROGRAM STUDI D3 TEKNIK INFORMATIKA

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

MEDAN

2014

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

MEDAN

2014

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

Canigia Sihite 102406095

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

Kajian ini bertujuan untuk membangun sebuah website SLTP ST. LUCIA DOLOKSANGGUL yang dinamis.Websiteini dapat digunakan oleh sekolah sebagai sarana penyebaran informasi dan pengolahan data. Website ini dibangun dengan menggunakan bahasa pemrograman PHP, MySQL sebagai pengolah database, Apache sebagai web server dan pendesainan menggunakan Macromedia Dreamweaver 8.

Persetujuan ii

Pernyataan iii

Penghargaan iv

Abstrak vii

Daftar Isi viii

Daftar Tabel xi

Daftar Gambar xii

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

DAFTAR PUSTAKA LISTING PROGRAM

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

Kajian ini bertujuan untuk membangun sebuah website SLTP ST. LUCIA DOLOKSANGGUL yang dinamis.Websiteini dapat digunakan oleh sekolah sebagai sarana penyebaran informasi dan pengolahan data. Website ini dibangun dengan menggunakan bahasa pemrograman PHP, MySQL sebagai pengolah database, Apache sebagai web server dan pendesainan menggunakan Macromedia Dreamweaver 8.

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 menghasilkan sistem dan aplikasi - aplikasi yang sangat bermanfaat.

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 _– informasi penting mengenai perkembangan sekolah. Teknologi informasi tersebut

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 AKAD_EMIK BERBASIS WEB SLTP ST. LUCIA DOLOKSANGGUL”.

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 buku tamu.

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 DOLOKSANGGUL.

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 yang kurang maka perlu pengambilan data kembali.

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 berikut :

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 melaksanakan penelitian dan perancangan program.

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:

1. Menerimainputdan memprosesinputsesuai dengan programnya, 2. Menyimpan perintah - perintah dan hasil dari pengolahan,

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 secara cepat sehingga komputer tidak hanya sebagai alat hitung saja.

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 membentuk satu kesatuan. Hardware tanpa adanya software, tidak akan berfungsi

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. Kemudianinterpreter/compiler (penerjemah) akan membantu untuk menerjemahkan bahasa manusia ke bahasa mesin yang dimengerti oleh komputer.

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 informasi.

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 keputusan.

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 pencapaian suatu tujuan utama.

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 dibutuhkan adalahinput, proses danoutput.Input, merekam atau mengumpulkan data

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 yang hebat.

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

(TCP/IP) sebagai protokol pertukaran paket (packet switching communication protocol) untuk melayani miliaran pengguna di seluruh dunia. Rangkaian internet yang terbesar dinamakan Internet.

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,

pemakai dituntun untuk menemukan informasi dengan mengikuti link yang disediakan dalam dokumen web yang ditampilkan dalam browser web. Kini internet identik denganweb, karena kepopuleranwebsebagai standar interface pada layanan -layanan yang ada di internet, dari awalnya sebagai penyedia informasi, kini

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 lain di European Particle Lab (Consei European pour la Rechherche Nucleaire, atau

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

Browser Web adalah software yang digunakan untuk menampilkan informasi dariserver web. Software ini kini talah dikembangkan dengan menggunakan user

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

kepada server untuk meminta dokumen tertentu atau layanan lain yang disediakan olehserver. Server memberikan dokumen atau layanannya jika tersedia juga dengan menggunakan protokolhttp.

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 (HyperText Markup Language) dikenal sebagai bahasa kode berbasis teks untuk membuat sebuah halamanweb, keberadaannya dikenal dengan adanya ekstensi *.htmatau *.html(Madcoms, 2008).

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 (Madcoms, 2008).

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 dengan menampilkan isi database ke halaman web. PHP juga digunakan secara

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 terus dilakukan, maka diluncurkanlah PHP 3.0 pada tahun 1998, dan PHP 4.0 pada

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

Model kerja html diawali dengan permintaan suatu halaman web oleh browser. Berdasarkan URL (Uniform Resource Locator), browser mendapatkan alamat dari

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

database. Sehingga, untuk menampilkan data yang bersifat dinamis, yang diambil daridatabasemerupakan hal yang mudah untuk diimplementasikan.

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 mengakses databasenya. MySQL bersifat Open Source, software ini dilengkapi

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 pengaksesan. Penerapannya seperti pada saat mengatur user tertentu agar bisa

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

Web server Apache berbasiskan Open Source dan mulai populer di internet sejak tahun 1996 karena Open Source. Apache bebas didistribusikan oleh siapa saja dan

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 dengan pada bagianbody,head suatu dokumenhtmlatau diletakkan di sebuah file terpisah. Perintah - perintah CSS dibatasi oleh tag<style>dan</style>.

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

layout html biasa dimana posisinya ditentukan berdasarkan akhir elemen sebelumnya.

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.

6. Background - color atau layer _– background _– color, menentukan warna dasar dari suatu elemen. Yang pertama berlaku untuk IE, sedangkan yang kedua berlaku untukNS.

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

Dreamweaveradalah sebuahhtmleditor profesional yang berfungsi untuk mendesain secara visual dan mengelola situs web maupun halaman web (Madcoms, 2007).

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

database yang meliputi proses penambahan data, pemilihan data, proses penghapusan dan perubahan data.

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 menyebabkan Dreamweaver memiliki kemampuan yang powerful sehingga pengembanganwebmenjadi mudah dan menyenangkan.

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 Indonesia.

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 ? 4. Target apa yang akan dicapai dalam pembuatan 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 cepat dan akurat tanpa terhalang oleh jarak.

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 NO NO NO YES YES YES YES

2.FlowchartSistem

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)

X

Tampilan Halaman Home

Baca Link Beranda ? Profil Sekolah Fasilitas ? Kegiatan ?

Tampilan Halaman Profil Sekolah Tampilan Halaman Fasilitas Tampilan Halaman Beranda Tampilan Halaman Kegiatan

NO NO NO NO NO YES YES YES YES YES YES NO

Gambar 4. 2 Flowchart Halaman Utama (Home)

Personalia ? Kesiswaan ? Kontak Kami ? Fitur Website ? Tampilan Halaman Personalia Tampilan Halaman Siswa Tampilan Halaman Kontak Kami

Tampilan Halaman Fitur Website Log in ? Close ? STOP

Login

Login

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 NO NO NO NO NO NO YES YES YES YES

Gambar 4.4 Flowchart Halaman Menu Administrator Home ? Personalia ? Kesiswaan ? Fitur ? Upload Images ?

Tampilan Halaman Select Artikel, Buku Tamu

Tampilan Halaman Input Staff

Tampilan Halaman Staf, Input Staff

Tampilan Halaman Gallery

Tampilan Halaman Upload Images

Logout

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 Id_mapel Integer 2 Mata Pelajaran

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 DOLOKSANGGUL.

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 Total Pengunjung Hits Hari Ini Total Hits

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 Personalia

• Select Staf

• Insert Staf Kesiswaan

• Select Siswa

• Select Jadwal Pelajaran

• Insert Siswa Fitur

Profil

• Select Sejarah Sekolah

• Select VISI & MISI

• Select Struktur Organisasi

• Select Denah Sekolah

• Select Kurikulum

• Select Fasilitas

• Select Organisai

• Select

Ekstrakurikuler

• Select Prestasi Upload Images Administrator

• Logout

• Beranda

1. Tampilan halaman insert data siswa.

Jumlah Siswa : Siswa

Angkatan :

Gambar 4.15 Halaman Input Data Siswa

2. Tampilan halaman input data staff.

NIP

NAMA LENGKAP No SERTIFIKASI KATEGORI JENIS KELAMIN TGL LAHIR TEMPAT LAHIR AGAMA

ALAMAT

BIDANG STUDI STATUS

Gambar No file selected

INSERT DATA SISWA

angkatan

--Submit

- -PILIH

KATEGORI----PILIH JK

----PILIH AGAMA

----PILIH

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 Email

(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

Gambar 4.21 Halaman Informasi Data Guru GAMBAR

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 BENDERA

PPKn SEJARAH KOMPUTER

IBADAH

2 FISIKA BAHASA INGGRIS PENGEMBA NGAN BAKAT 3 BAHASA INDONESIA BAHASA DAERAH

4 EKONOMI KESENIAN BIOLOGI

5

6 MATEMATIKA PND. JASMANI

AGAMA

7

Gambar 4.23 Halaman Informasi Jadwal Mata Pelajaran GAMBAR

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 mengetahui bagaimana website dapat membantu penyelesaian permasalahan. Pada tahap ini dibuat keputusan perlunya dibuat suatu aplikasi atau

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 :

1. Mengkaji rangkaian sistem baik dari segi softwaremaupunhardware sebagai sarana pengolahan data dan penyajian informasi.

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.

2.MemoryRAM 1GB atau lebih. 3. Monitor Super VGA.

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

website pada komputer local sebelum melakukan hosting untuk mengupload websiteke internet.

4. PHP 3.4.5 merupakan skrip yang akan mengolah dan memproses data secara interaktif dan dinamis agar menghasilkan website yang dinamis. Skrip ini akan berjalan di sisiserveruntuk melakukan pemrosesan data.

5. MySQL 5.5.16 merupakandatabase serveryang digunakan untuk menyimpan data.

6. Macromedia Dreamweaver 8, software yang digunakan untuk mengatur tata letak (layout) dan desain halamanweb.

7. Adobe Photoshop CS6merupakan pendesain untuk menggabungkan beberapa gambar dan mengubah format gambar seperti jpg, jpeg, png, gif, dan lain sebagainya.

5. 3. 3Brainware

Brainware adalah manusia yang terlibat di dalam pengoperasian serta pengaturan sistem komputer.Brainwaredalam pembangunan website ini terdiri dari :

1. Sistem Analis adalah user yang menganalisa sistem dengan mempelajari masalah - masalah yang timbul dan menentukan kebutuhan - kebutuhan pemakai dan mengidentifikasi pemecahan yang beralasan.

2. Administratoruser yang mengatur atau merancang sistem kerja, urutan kerja, pengolahan data dariinputsampai denganoutput.

5. 4 Demonstrasi Program

Berikut ini merupakan beberapa tampilan dari website yang penulis rancang, yang terdiri dari :

1. Tampilan halaman admin (index.php)

Gambar 5.1 Index.php

2. Tampilan halaman login administrator (index2.php)

3. Tampilan halaman Profil Sekolah Visi Misi (visi.php)

Gambar 5.3 Visi.php

4. Tampilan halaman Profil Sekolah Struktur Organisasi (struktur.php)

5. Tampilan halaman Fasilitas (fasilitas.php)

Gambar 5.5 Fasilitas.php

6. Tampilan halaman Kegiatan Prestaasi (update-prestasi.php)

7. Tampilan halaman Personalia Staf Pengajar (update-staf.php)

Gambar 5.7 Update-staf.php

8. Tampilan halaman Personalia Pimpinan (staf.php)

9. Tampilan halaman Kesiswaan Jadwal Pelajaran (jadwal_pengajaran.php)

Gambar 5.9 Jadwal_pengajaran.php

10. Tampilan halaman Kesiswaan Data Siswa (siswa,php)

11. Tampilan halaman Kontak Kami Buku Tamu (bukutamu.php)

Gambar 5.11 Bukutamu.php

12. Tampilan halaman Fitur Website Galery (gallery.php)

13. Tampilan halaman Fitur Website Penghargaan (penghargaan.php)

Gambar 5.13 Penghargaan.php

14. Tampilan halaman Browse Data Siswa (siswa.php)

15. Tampilan halaman Browse Data Staf Guru (staf.php)

KESIMPULAN DAN SARAN

6.1 Kesimpulan

Dalam penulisan Tugas Akhir ini telah diuraikan bagaimana perancangan Sistem Informasi Akademik Berbasis Web pada SLTP ST. LUCIA DOLOKSANGGUL dirancang menggunakan Php, Apache, MySQL, dan Dreamweaver 8. Dalam pembangunan sistem ini dapat disimpulkan beberapa hal, diantaranya :

1. Penggunaan dan pemanfaatan sistem informasi ini dapat memberikan kemudahan bagi pihak sekolah dalam melakukan pengolahan data siswa, guru, dan staf pegawai.

2. Penyampaian data yang menghasilkan informasi tentang siswa, guru, pegawai dapat di - update sesuai kebutuhan, dan memudahkan administrator untuk mengubah jika terdapat kesalahan data yang ditampilkan.

3. Pengolahan data secara manual dapat menyita waktu, maka penulis merancang aplikasi ini untuk mempercepat proses pengolahan data yang dibutuhkan pihak sekolah.

4. Pemanfaatan komputer sebagai media informasi dapat mengefesiensikan tenaga dan waktu.

6.2 Saran

1. Pemeliharaan keamanan data server SLTP ST. LUCIA DOLOKSANGGUL sangat butuh perhatian lebih agar tidak ada penyalahgunaan data oleh pihak yang tidak berhak dan merugikan pihak sekolah SLTP ST. LUCIA DOLOKSANGGUL.

2. Agar pengunjung selalu mendapatkan informasi yang terbaru mengenai sekolah, maka diharapkan kepada administrator untuk meng - update segala informasibila terdapat informasi baru.

3. Agar pengunjung tidak bosan, perlu dilakukan pembaharuan tampilan pada

website agar lebih menarik pengunjung terutama siswa siswi serta alumni SLTP ST. LUCIA DOLKSANGGUL.

4. Agar mengurangi biaya operasional, ada baiknya pihak sekolah memanfaatkanwebsiteini sebagai media penyebaran informasi.

5. Untuk kinerja yang lebih maksimal, disarankan menggunakan komputer yang memiliki spesifikasi yang sama atau lebih untuk menunjang berjalannya

Husni, 2007.Pemrograman Database Berbasis Web. Yogyakarta: Graha Ilmu.

Kadir, Abdul. 2008a. Dasar Pemrograman Web Dinamis Menggunakan PHP. Yogyakarta: Andi Offset.

Kadir, Abdul. 2008b. Tuntunan Praktis Belajar Database Menggunakan MySQL. Yogyakarta: Andi Offset.

Kadir, Abdul. 2009. Dasar Perancangan dan Implementasi Database Relasional. Yogyakarta: Andi Offset.

Laudon, Kenneth C. Dan Laudon, Jane P. 2007. Sistem Informasi Manajemen. Edisi 10. Terjemahan Chriswan Sungkono dan Machmudin Eka P. Jakarta: Salemba Empat.

Madcoms, 2007. Mahir Dalam 7 Hari: Macromedia Dreamweaver 8 Dengan PHP. Yogyakarta: Andi Offset.

Madcoms, 2008. Teknik Mudah Membangun Website dengan HTML, PHP, Dan MySQL. Yogyakarta: Andi Offset.

Oetomo, Budi Sutedjo Dharma dan dkk. 2007. Pengantar Teknologi Informasi Internet, Konsep dan Aplikasi. Yogyakarta: Andi Offset.

Sakur, Stendy B. 2007. Aplikasi Web dengan XML Menggunakan Dreamweaver 8. Yogyakarta: Andi Offset.

</div>

<div class="cleared"></div>

</div> </div> <div class="art-block">

<div class="art-block-body"> <div class="art-blockheader"> <div class="l"></div>

<div class="r"></div>

<h3 class="t">Personalia</h3> </div>

<div class="art-blockcontent"> <div class="art-blockcontent-body"> <div>

<ul>

<li><a href="./#" title="Select Staf">Select Staf</a></li>

<li><a href="./#" title="Insert Staf">Insert Staf</a></li>

</ul> </div>

<div class="cleared"></div> </div>

</div>

</div> </div> <div class="art-block">

<div class="art-block-body">

<div class="art-blockheader"> <div class="l"></div>

<div class="r"></div>

<h3 class="t">kesiswaan</h3> </div>

<div class="art-blockcontent">

<div class="art-blockcontent-body"> <div>

<ul>

<li><a href="./#" title="Select Siswa">Select Siswa</a></li>

<li><a href="./#" title="Select Jadwal Pelajaran">Select Jadwal Pelajaran</a></li>

<li><a href="./#" title="Insert Siswa">Insert Siswa</a></li>

<li><a href="./#" title="View PSB">View PSB</a></li>

</ul> </div>

<div class="cleared"></div> </div>

</div>

<div class="cleared"></div> </div>

<div class="art-block">

<div class="art-block-body"> <div class="art-blockheader"> <div class="l"></div>

<div class="r"></div> <h3 class="t">fitur</h3> </div>

<div class="art-blockcontent">

<div class="art-blockcontent-body"> <div>

<ul>

<li><a href="./#" title="Select Download">Select Download</a></li>

<li><a href="./#" title="Select Galery">Select Galery</a></li>

<li><a href="./#" title="Insert Download">Insert Download</a></li>

<li><a href="./#" title="Insert Galery">Insert Galery</a></li>

</ul> </div>

<div class="cleared"></div>

</div> </div>

<div class="cleared"></div>

</div> </div> <div class="art-block">

div class="art-block-body"> <div class="art-blockheader"> <div class="l"></div>

<div class="r"></div> <h3 class="t">Frofil</h3> </div>

<div class="art-blockcontent"> <div class="art-blockcontent-body"> <div>

<ul>

<li><a href="./#" title="Select Sejarah Sekolah">Select Sejarah Sekolah</a></li>

<li><a href="./#" title="Select VISI &amp; MISI">Select VISI &amp; MISI</a></li>

<li><a href="./#" title="Select Struktur Organisasi">Select Struktur Organisasi</a></li>

<li><a href="./#" title="Select Denah Sekolah">Select Denah Sekolah</a></li>

<li><a href="./#" title="Select Kurikulum">Select Kurikulum</a></li>

<li><a href="./#" title="Select Fasilitas">Select Fasilitas</a></li>

<li><a href="./#" title="Select Organisai">Select Organisai</a></li>

<li><a href="./#" title="Select Ekstrakurikuler">Select Ekstrakurikuler</a></li> <li><a href="./#" title="Select Prestasi">Select Prestasi</a></li>

</ul> </div>

<div class="cleared"></div>

</div> </div>

<div class="cleared"></div>

</div></div><div class="cleared"> </div></div>

</body> </html>

14.Halaman proses_input_data.php <?php

include 'koneksi.php'; error_reporting(0);

$jlh = $_GET['jumlah']; $ank = $_GET['angkatan'];

for ($index = 1 ; $index <= $jlh ; $index++) { $nis = $_POST['nis'.$index.''];

$nama = $_POST['nama'.$index.'']; $kelas=$_POST['kelas'.$index.''];

$sql = "insert into

('" .$nis. "','" .$nama. "','".$ank."','".$kelas."','".sha1($nis)."','2')";

$result = mysql_query($sql); if($result) { $pesan = 'sukses';

}

else { $pesan = 'gagal'; }

}?>

<script>

document.location.href='index.php?page=6&status=<fon

t color=red>Data Berhasil Di

input!</font>';</script>";<?php ?>