Sistem Informasi Akademik Berbasis Web Pada Man 2 Model Medan

(1)

SISTEM INFORMASI AKADEMIK BERBASIS WEB

PADA MAN 2 MODEL MEDAN

TUGAS AKHIR

TITIN DWINOVI

072406073

PROGRAM STUDI D3 ILMU KOMPUTER

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

MEDAN

2010

(2)

SISTEM INFORMASI AKADEMIK BERBASIS WEB

PADA MAN 2 MODEL MEDAN

TUGAS AKHIR

Diajukan sebagai salah satu syarat dalam menyelesaikan Pendidikan Program Studi D3 Ilmu Komputer

TITIN DWINOVI

072406073

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

MEDAN

2010

(3)

PERSETUJUAN

Judul : SISTEM INFORMASI AKADEMIK BERBASIS WEB

PADA MAN 2 MODEL MEDAN Kategori : TUGAS AKHIR

Nama : TITIN DWINOVI

NIM : 072406073

Program Studi : D3 ILMU KOMPUTER Departemen : MATEMATIKA

Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA (FMIPA USU)

Diluluskan di Medan, 28 Juni 2010

Komisi Pembimbing

Diketahui/ Disetujui oleh

Departemen Matematika FMIPA USU

Ketua, Pembimbing,

Dr. Saib Suwilo, M.Sc Dra. Mardiningsih, M.Si

NIP : 196401091988031004 NIP : 196304051988112001

(4)

PERNYATAAN

SISTEM INFORMASI AKADEMIK BERBASIS WEB

PADA MAN 2 MODEL MEDAN

TUGAS AKHIR

Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya.

Medan, Mei 2010

TITIN DWINOVI 072406073

(5)

PENGHARGAAN

Segala puji dan syukur penulis ucapkan kehadirat Allah SWT yang telah mencurahkan rahmat, hidayah, dan karunia-Nya serta kesehatan kepada penulis sehingga dapat menyelesaikan Tugas Akhir ini. Tugas Akhir ini merupakan salah satu syarat kelulusan pada Program Studi D3 Ilmu Komputer Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

Tugas Akhir ini berjudul “SISTEM INFORMASI AKADEMIK BERBASIS WEB PADA MAN 2 MODEL MEDAN”.

Dalam penyusunan dan penulisan tugas akhir ini, penulis banyak mendapat bantuan, dukungan, dan bimbingan baik berupa moril maupun materil dari berbagai pihak. Pada kesempatan ini penulis ingin mengucapkan banyak terima kasih, semoga Allah memberikan karunia-Nya atas semua kebaikan yang telah dilakukan kepada : 1. Bapak Prof. Dr. Eddy Marlianto, M.Sc selaku Dekan Fakultas Matematika dan

Ilmu Pengetahuan Alam Universitas Sumatera Utara.

2. Bapak Dr. Sutarman, M.Sc selaku Pembantu Dekan I FMIPA USU

3. Bapak Drs. Saib Suwilo, M.Sc selaku Ketua Departemen Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

4. Ibu Dra. Mardiningsih, M.Si selaku pembimbing yang telah memberikan pengarahan, membantu, dan mengkoreksi penulis agar tugas akhir ini dapat selesai dengan baik.

5. Bapak Drs. H. Amarullah, SH selaku Kepala Sekolah MAN 2 Model Medan yang telah memberikan izin kepada penulis untuk melakukan penelitian dan membantu penulis selama penelitian.

(6)

6. Seluruh staf pengajar di Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara khususnya program studi D3 ilmu komputer yang telah memberi ilmu perkuliahan yang sangat bermanfaat sehingga penulis dapat menyelesaikan tugas akhir ini.

7. Ayahanda Drs. H. Novri, M.M dan Ibunda Hj. Refni Yeti, SPd berkat doa restunya, kasih sayang, dan dukungan moril dan materil selalu menjadi penyemangat penulis untuk selalu fokus sampai saat ini.

8. Kakanda Ristika Novi, SPd dan Adinda Taufiq Tri Putra Utama yang sangat penulis sayangi karena selalu memberikan kasih sayang, do’a, dan motivasi kepada penulis untuk segera menyelesaikan tugas akhir ini.

9. Sahabat hati yang memberikan semangat, motivasi, dan do’a kepada penulis. 10. Teman- teman terbaik penulis khususnya Lusi, Misi, Debi, Fraptin, Jejen, Hani,

Yuli, Dani, Aisyah, Maler, Nova serta teman-teman lainnya yang tidak dapat disebutkan satu per satu yang telah banyak memberikan kebaikan, waktu luang, membagi ilmu, motivasi, dan dukungan kepada penulis, semoga kita semua meraih sukses.

11. Seluruh rekan mahasiswa Jurusan D3 Ilmu Komputer angkatan ’07 terimakasih atas semua bantuan dan dukungannya.

Akhirnya dengan kerendahan hati penulis mempersembahkan Tugas Akhir ini, semoga bermanfaat bagi yang membutuhkan dan Allah selalu melimpahkan karuniaNya kepada kita semua.

Medan, Mei 2010

Penulis

TITIN DWINOVI 072406073

(7)

ABSTRAK

Kajian ini bertujuan untuk membangun sebuah website MAN 2 Model Medan yang dinamis. Website ini 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.

(8)

DAFTAR ISI

Halaman

Persetujuan ... ii

Pernyataan ... iii

Penghargaan ... iv

Abstrak ... vi

Daftar Isi ... vii

Daftar Tabel ... ix

Daftar Gambar ... x

Bab 1 Pendahuluan 1.1 Latar Belakang ... 1

1.2 Rumusan Masalah ... 3

1.3 Batasan Masalah ... 3

1.4 Maksud dan Tujuan ... 4

1.5 Metode Penelitian ... 5

1.6 Sistematika Penelitian ... 6

Bab 2 Landasan Teori 2. 1 Pengertian Komputer ... 8

2. 1. 1 Sistem Komputer ... 10

2. 1. 2 Keunggulan Komputer ... 11

2. 2 Pengertian Data, Informasi, dan Sistem ... 11

2. 2. 1 Pengertian Data ... 11

2. 2. 2 Pengertian Informasi ... 12

2. 2. 3 Pengertian Sistem ... 13

2. 3 Sistem Informasi ... 14

2. 3. 1 Sistem Informasi Berbasis Komputer ... 14

2. 3. 2 Kemampuan Sistem Informasi ... 15

2. 4 Internet ... 16

2. 5 Website ... 17

2. 5. 1 Website Statis ... 17

2. 5. 2 Website Dinamis ... 18

2. 6 HTML ... 18

2. 7 XAMPP ... 19

2. 8 PHP ... 20

2. 8 1 Sejarah Singkat PHP ... 20

2. 8 2 Sintaks PHP ... 21

2. 8 3 Konsep Kerja PHP ... 22

2. 8 4 PHP dan Database ... 22

2. 9 MySQL ... 23

2. 10 Apache ... 25

2. 11 Cascading Style Sheet (CSS) ... 25

(9)

Bab 3 Gambaran Sekilas Tentang Sekolah Man 2 Model Medan

3. 1 Profil Sekolah ... 29

3. 2 Visi, Misi, dan Target ... 29

3. 3 Struktur Organisai Man 2 Model Medan ... 31

Bab 4 Perancangan Sistem 4. 1 Perancangan Sistem ………. 32

4. 2 Perancangan DFD (Data Flow Diagram) ………. 33

4. 3 Flowchart Sistem ………. 36

4. 4 Rancangan Database ………. 39

4. 5 Desain Dialog ………. 41

4. 5. 1 Desain Halaman Menu ………. 41

4. 5. 2 Rancangan Masukan (Input) ………. 44

4. 5. 3 Rancangan Keluaran (Output) ………. 48

Bab 5 Implementasi Sistem 5. 1 Pengertian Implementasi Sistem ... 51

5. 2 Tujuan Implemnetasi Sistem ... 52

5. 3 Komponen Sistem ... 52

5. 3. 1 Hardware ... 53

5. 3. 2 Software ... 53

5. 3. 3 Brainware ... 54

5. 4 Demonstrasi Program ... 54

Bab 6 Kesimpulan dan Saran 6. 1 Kesimpulan ... 62

6. 2 Saran ………. 63 Daftar Pustaka

(10)

DAFTAR TABEL

Halaman

Tabel 4. 1 Admin ………... 39

Tabel 4. 2 Fasilitas ………... 39

Tabel 4. 3 Guru ………... 40

Tabel 4. 4 Matapelajaran ………... 40

Tabel 4. 5 Siswa ………... 40

Tabel 4. 6 Buku Tamu ………... 40

(11)

DAFTAR GAMBAR

Halaman

Gambar 2. 1 Aktivitas Sistem Informasi ... 14

Gambar 3. 1 Struktur Organisasi MAN 2 Model Medan ………. 31

Gambar 4. 1 Diagram Konteks ………. 34

Gambar 4. 2 Diagram Level (0) Nol ………. 35

Gambar 4. 3 Flowchart Halaman Utama (Home) ………. 36

Gambar 4.4 Flowchart Halaman Menu Navigasi ………. 37

Gambar 4.5 Flowchart Halaman Login Administrator ………. 37

Gambar 4.6 Flowchart Halaman Menu Administrator ………. 38

Gambar 4. 7 Relasi Antar Tabel Database ………. 41

Gambar 4. 8 Halaman Menu Utama (Home) ………. 42

Gambar 4. 9 Halaman Menu Administrator ………. 43

Gambar 4. 10 Halaman Input Data Matapelajaran ………. 44

Gambar 4. 11 Halaman Browse Data Matapelajaran ………. 44

Gambar 4. 12 Halaman Input Data Guru ………. 45

Gambar 4. 13 Halaman Browse Data Guru ………. 45

Gambar 4. 14 Halaman Input Data Siswa ………. 46

Gambar 4. 15 Halaman Browse Data Siswa ………. 46

Gambar 4. 16 Halaman Input Data Fasilitas ………. 47

Gambar 4. 17 Halaman Browse Data Fasilitas ………. 47

Gambar 4. 18 Halaman Input Buku Tamu ………. 47

Gambar 4. 19 Halaman Browse Buku Tamu ………. 48

Gambar 4. 20 Halaman Informasi Fasilitas Sekolah ………. 48

Gambar 4. 21 Halaman Informasi Guru Sekolah ………. 49

Gambar 4. 22 Halaman Informasi Matapelajaran ………. 49

Gambar 4. 23 Halaman Informasi Siswa ………. 50

Gambar 5. 1 index.php ………. 55

Gambar 5. 2 profil.php ………. 55

Gambar 5. 3 visi.php ... 56

Gambar 5. 4 struktur.php ... 56

Gambar 5. 5 alumni.php ... 57

Gambar 5. 6 daftar.php ... 57

Gambar 5. 7 contac.php ... 58

Gambar 5. 8 bukutamu.php ... 58

Gambar 5. 9 login.php ... 59

Gambar 5. 10 siswa.php ... 59

Gambar 5. 11 guru.php ... 60

Gambar 5. 12 fasilitas.php ... 60

Gambar 5. 13 matapelajaran.php ... 61

(12)

ABSTRAK

(13)

BAB 1

PENDAHULUAN

1.1 Latar Belakang

Masa informasi adalah masa yang canggih dan kompleks, penuh dinamika dan perubahan terus-menerus. Meskipun demikian ia dapat diikuti atau dimonitor karena teknologi, khususnya komputer dan telekomunikasi yang telah melahirkan era 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 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. Kita semakin merasakan bahwa pengaruhnya telah membawa perubahan berarti dalam berbagai aspek kehidupan manusia.

(14)

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

Oleh karena berkembangnya kemajuan teknologi, lembaga pendidikan khususnya MAN 2 Model Medan diharapkan untuk menerapkan teknologi informasi. Teknologi informasi ini bisa diimplementasikan ke dalam sebuah website. Karena belum adanya website MAN 2 Model Medan maka perlu untuk membuat sebuah

website agar penyampaian infromasi mengenai MAN 2 Model Medan dapat diakses

dengan mudah oleh pengguna.

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

Sehubungan dengan keingintahuan penulis mengenai perkembangan yang terjadi pada MAN 2 Model Medan selaku alumni, dan membantu sekolah untuk membuat suatu wadah penyampaian informasi sehingga mempermudah semua pihak yang membutuhkan segala informasi yang ada pada sekolah MAN 2 Model Medan.

Hal inilah yang mendorong penulis untuk membuat tugas akhir dengan judul “Sistem Informasi Akademik Berbasis Web pada MAN 2 Model Medan”.

(15)

Semoga dengan selesainya sistem informasi dengan judul diatas, nantinya bermanfaat untuk memberikan informasi dengan cepat serta lebih efesien. Dan dapat memanfaatkan secara lebih baik sumber daya komputer yang lainnya bagi siapa saja yang membutuhkan dan bagi penulis khususnya.

1.2 Rumusan Masalah

Penulisan tugas akhir ini memfokuskan pada pembuatan dan perancangan website yang akan memberikan informasi mengenai MAN 2 Model Medan.

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 informasi akademik pada MAN 2 Model Medan.

b. Bagaimana perancangan website sehingga penyampaian informasi dapat tersaji dengan baik.

c. Bagaimana informasi dapat terus diperbaharui jika terdapat informasi yang terbaru.

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.

(16)

2. Sistem Informasi ini hanya menampilkan data mengenai sejarah sekolah, profil, visi misi, data guru dan pegawai, data matapelajaran, fasilitas sekolah dan buku tamu.

3. Sistem informasi ini hanya berisikan informasi mengenai kegiatan dan hal-hal yang terdapat pada MAN 2 Model Medan.

1.4 Tujuan Penelitian

Adapun tujuan pelaksanaan penelitian ini untuk membuat sistem informasi berbasis web yang dinamis pada MAN 2 Model Medan. Sistem ini dibangun menggunakan bahasa pemrograman PHP, MySQL sebagai pengolah database, Apache sebagai web server dan pendesainan menggunakan Macromedia Dreamweaver 8.

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 MAN 2 Model Medan.

3. Dapat membantu proses belajar dan mengajar pada MAN 2 Model Medan. 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.

(17)

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 sekunder 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/ tampilan pada

website. Pendesainan dibangun dengan menggunakan Macromedia Dreamweaver 8.

4. Pengerjaan Program

Setelah desain tampilan selesai dirancang, penulis akan mengerjakan program dengan menggunakan bahasa pemrograman PHP, database MySQL, dan Apache sebagai web server.

(18)

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/ error, 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 dapat dilihat sebagai berikut :

BAB 1 : PENDAHULUAN

Pada bab ini penulis menguraikan secara singkat tentang latar belakang, 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 MAN 2 MODEL MEDAN

Bab ini menjelaskan tentang profil, struktur organisasi, serta visi misi MAN 2 Model Medan

(19)

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

(20)

BAB 2

LANDASAN TEORI

2. 1 Pengertian Komputer

Istilah komputer mempunyai arti yang luas dan berbeda untuk orang yang berbeda. Kata komputer (computer) berasal dari bahasa latin computare yang berarti menghitung. Berikut beberapa pengertian komputer (Sutarman, 2009) adalah sebagai berikut:

1. Menurut buku Computer Annual (Robert H. Blissmer)

Komputer adalah suatu alat elektronik yang mampu melakukan beberapa tugas sebagai berikut:

 Menerima input,

 Memproses input tadi sesuai dengan programnya,

 Menyimpan perintah-perintah dan hasil dari pengolahan,

 Menyediakan output dalam bentuk informasi 2. Menurut buku Computer 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.

(21)

Komputer adalah mesin penghitung elektronik yang dengan cepat dapat menerima informasi input digital, memprosesnya sesuai dengan suatu program yang tersimpan di memorinya dan menghasilkan output informasi.

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 buku Introduction to Computers (Gordon B. Davis)

Komputer adalah tipe khusus alat penghitung yang mempunyai sifat tertentu yang pasti.

Berdasarkan beberapa pengertian diatas, dapat disimpulkan bahwa komputer adalah : 1. Alat elektronik yang dapat melakukan perhitungan numerik

2. Alat yang dapat membaca input data dan mengolahnya sesuai dengan program yang ditetapkan untuk menghasilkan informasi yang merupakan output hasil pemrosesan input data.

3. Alat yang dapat melakukan penyimpanan data, yaitu program, input, maupun

ouput hasil pengolahan.

4. Alat yang bekerja secara otomatis sesuai dengan aturan yang sudah ditetapkan dalam program.

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.

(22)

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 (Sutarman, 2009). Agar tujuan pokok tesebut terlaksana, maka harus ada elemen-elemen yang mendukungnya. Berikut ini elemen-elemen dari sistem komputer (Sutarman, 2009), yaitu:

1. Hardware (perangkat keras/ piranti keras) adalah peralatan pada sistem

komputer yang secara fisik terlihat dan dapat disentuh.

2. Software (perangkat lunak/ piranti lunak) adalah program yang berisi

perintah-perintah untuk melakukan pengolahan data.

3. Brainware adalah manusia yang terlibat di dalam pengoperasian serta

pengaturan 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 mengoperasikan hardware. Hardware yang sudah didukung oleh software juga 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.

(23)

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 berukuran tera byte) 5. Mampu melakukan importing dan exporting data yang dirancang secara khusus. Komputer dapat bekerja menurut perintah manusia yang menggunakannya. Manusia memberi perintah kepada komputer dengan menggunakan bahasa manusia. Kemudian interpreter/ compiler (penterjemah) 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, dan 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 :

a. Menurut Laudon dan Loudon dalam bukunya Management Information System menyatakan data merupakan fakta-fakta mentah yang mewakili

(24)

kejadian-kejadian yang berlangsung dalam organisasi atau lingkungan fisik sebelum ditata dan diatur ke dalam bentuk yang dapat dipahami dan digunakan orang.

b. Deskripsi tentang benda, kejadian, aktivitas, dan transaksi yang tidak mempunyai makna atau tidak berpengaruh secara langsung kepada pemakai. c. Sedangkan data menurut Wilkinson adalah fakta, angka, bahkan simbol

mentah. Secara bersama-sama merupakan masukan bagi suatu sisitem 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 pembuatn sistem. Informasi seringkali dipertukarkan dengan data. Beberapa pengertian mengenai informasi adalah sebagai berikut :

a. Menurut Hoffer, dkk menyatakan informasi merupakan data yang telah diperoses sedemikian rupa sehingga meningkatkan pengetahuan seseorang yang menggunakannnya.

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

c. Sedangkan pengertian informasi menurut Laudon dan Loudon adalah data yang telah diolah menjadi bentuk yang bermakna dan berguna bagi manusia.

(25)

Dari beberapa pengertian diatas, 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 (atau tidak lagi 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:

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

 Sistem merupakan kumpulan dari bagian-bagian (subsistem) yang terkait menjadi satu bentuk mekanisme kerja yang memberi fungsi dan manfaat tertentu (Sutarman, 2009).

 Sistem adalah kumpulan elemen yang saling berhubungan dan berinteraksi dalam satu kesatuan untuk menjalankan suatu proses pencapaian suatu tujuan utama.

Dari beberapa pengertian diatas dapat diambil suatu kesimpulan bahwa sistem adalah suatu metode yang berada satu kesatuan utuh yang terdiri dari beberapa bagian yang saling berhubungan dan berinteraksi untuk mencapai satu tujuan tertentu.

(26)

2. 3 Sistem Informasi

Sistem informasi adalah kombinasi antara prosedur kerja, informasi, orang dan teknologi informasi yang diorganisasikan untuk mencapai tujuan dalam sebuah organisasi (Kadir, 2009). Secara teknis sistem informasi dapat didefenisikan sebagai sekumpulan komponen yang saling berhubungan, mengumpulkan (atau mendapatkan), memproses, menyimpan dan mendistribusikan informasi untuk menunjang pengambilan keputusan dan pengawasan dalam suatu organisasi (Laudon, K. C dan Laudon, J. P , 2007).

Tiga aktivitas di dalam sistem informasi akan memproduksi informasi yang dibutuhkan adalah input, proses dan output. 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 ke orang yang akan menggunakan atau kepada aktivitas yang akan menggunakan informasi tersebut. Berikut ilustrasi dari tiga aktivitas diatas:

Gambar 2. 1 Aktivitas 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

INPUT PROSES OUTPUT

(27)

informasi dikombinasikan atau digabungkan ke dalam sistem informasi merupakan cara efektif dalam pemanfaatan TI.

Komponen- komponen dasar dari sistem informasi (Sutarman, 2009) antara lain sebagai berikut:

a. Hardware, kumpulan peralatan seperti processor, monitor, keyboard, dan printer

yang menerima data dan informasi, memproses data tersebut dan menampilkan data tersebut.

b. Software, kumpulan program-program komputer yang memungkinkan hardware

memproses data.

c. Database, sekumpulan file yang saling berhubungan dan terorganisasi atau

kumpulan record-record yang menyimpan data dan hubungan diantaranya.

d. Network, sebuah sistem yang terhubung yang menunjang adanya pemakaian

bersama sumber di antara komputer-komputer yang berbeda.

e. 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 (Sutarman, 2009):

(28)

a. 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. b. Menyediakan penyimpanan dengan kapasitas besar dan akses cepat terhadap

penyimpanan.

c. Menyediakan komunikasi yang cepat (mesin dengan mesin, manusia dengan manusia)

Jaringan memungkinkan pekerja organisasi dan komputer untuk berkomunikasi secara langsung ke seluruh dunia. Jaringan dengan kapasitas bertransmisi yang tinggi (mempunyai bandwidth tinggi) memungkinkan melakukan komunikasi dengan cepat. Bandwidth yang besar tersebut memungkinkan proses transmisi data, suara, gambar, dokumen, dan video dengan gerakan penuh dilakukan secara simultan.

d. Mengurangi informasi yang terlalu berlebihan

e. Menyediakan penunjang dalam pengambilan keputusan f. Menyediakan senjata kompetitif

Sistem informasi dihubungkan sepanjang rantai permintaan untuk memberikan keuntungan-keuntungan yang kompetitif kepada organisasi yang terjaring

2. 4 Internet

Internet adalah sebuah jaringan komputer global, yang terdiri dari jutaan komputer yang saling terhubung dengan menggunakan protocol yang sama untuk berbagi informasi secara bersama.

(29)

2. 5 Website

World Wide Web yang dikenal dengan website atau sering disingkat dengan www atau

“web” saja merupakan sebuah sistem dengan standar yang telah disepakati bersama untuk menyimpan, mencari, memformat, dan menampilakn informasi menggunakan arsitektur klient/ server (Laudon, K. C dan Laudon, J. P , 2007). Sebuah web memiliki banyak dokumen yang biasa disebut dengan halaman web, serta dilengkapi dengan komponen-komponen lain seperti image, media, dan lain-lain (Madcoms, 2007).

Web secara fisik adalah kumpulan komputer pribadi, web browser, koneksi ke ISP, komputer server, router, dan switch yang digunakan untuk mengalirkan informasi dan menjadi wahana pertama berbagai pihak terkait (Oetomo, 2007).

Fasilitas web mengizinkan user untuk mengakses dan berinteraksi dengan teks, grafik, animasi, foto, suara, dan video. World Wide Web dikembangkan oleh W3C (World Wide Web Consortium) yang merupakan badan resmi dalam membuat standar web. Website bekerja berdasarkan pada tiga mekanisme berikut (Supriyanto, 2007): 1. Protocol standard, aturan yang di gunakan untuk berkomunikasi pada computer

networking, dan HTTP (Hypertext Transfer Protocol) adalah protocol untuk

website.

2. Address, website memiliki aturan penamaan alamat web yaitu URL (Uniform

Resource Locator) yang digunakan sebagai standar alamat internet.

3. HTML, digunakan untuk membuat dokumen yang bisa diakses melalui web.

2. 5. 1 Website Statis

Web statis adalah web yang berisi atau menampilkan informasi-informasi yang sifatnya statis (tetap). Disebut statis karena pengguna tidak dapat berinteraksi dengan

(30)

web tersebut. Cara mudah untuk mengetahui sebuah web statis atau dinamis dapat

dilihat dari tampilannya. Jika suatu web hanya berhubungan dengan halaman web lain dan berisi suatu informasi yang tetap maka web tersebut statis.

Pada web statis, pengguna hanya dapat melihat isi dokumen pada halaman web dan apabila diklik akan berpindah ke halaman web yang lain. Interaksi user terbatas, hanya dapat melihat informasi yang ditampilkan. Web statis biasanya merupakan HTML yang ditulis pada editor teks dan disimpan dalam bentuk .html atau .htm.

2. 5. 2 Website Dinamis

Web dinamis adalah web yang menampilkan informasi serta berinteraksi dengan user. Web yang dinamis memungkinkan pengguna untuk berinteraksi menggunakan form sehingga dapat mengolah informasi yang di tampilkan. Web dinamis bersifat interaktif, tidak kaku, dan dalam segi tampilan layout lebih indah.

2. 6 HTML

HTML (HyperText Markup Language) dikenal sebagai bahasa kode berbasis teks untuk membuat sebuah halaman web, keberadaannya dikenal dengan adanya ekstensi *.htm atau *.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 format HTML. Dapat disimpulkan

(31)

bahwa HTML merupakan protokol yang digunakan untuk mentransfer data atau dokumen dari web server ke browser.

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

(32)

tersedia dalam GNU General Public License dan bebas, merupakan web server yang mudah digunakan yang dapat melayani tampilan halaman web yang dinamis. Untuk mendapatkanya dapat mendownload langsung dari www.apachefriends.org/en/xampp.html.

2. 8 PHP

PHP merupakan singkatan dari PHP 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 maupun browser (Kadir, 2008a).

Dengan menggunakan lisensi GPL (GNU Public License), PHP bebas didistibusikan oleh siapa saja dan kemana saja. Software ini 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

(33)

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 dengan database dan 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 file script dengan ekstensi .php.

(34)

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 oleh web server.

Selanjutnya, web server akan mencarikan file yang diminta dan memberikan isinya ke browser. Browser yang telah menerima isinya akan segera melakukan proses penerjemahan kode HTML dan menampilkannya ke layar user.

Konsep kerja halaman PHP, prinsipnya serupa dengan kode HTML. PHP bekerja sebagai interpreter sehingga memerlukan kode asli. Ketika program yang berekstensi .php diminta oleh user, web server yang menanganinya akan mengambil kode sumber PHP-nya dan menyerahkan ke interpreter PHP. Selanjutnya, interpreter PHP segera mengeksekusi kode dan menyerahkan hasilnya ke web server. Setelah itu

web server menyerahkan kode yang dihasilkan inerpreter PHP ke user yang

memintanya. Kode inilah yang akan diterjemahkan oleh brieser untuk ditampilkan di layar. Jika kode mengandung perintah untuk mengakses database maka pada saat mengeksekusi kode lah PHP akan berkomunikasi ke database server.

2. 8. 4 PHP dan Database

Salah satu kelebihan dari PHP adalah mampu berkomunikasi dengan berbagai database. Sehingga, untuk menampilkan data yang bersifat dinamis, yang diambil dari database merupakan hal yang mudah untuk diimplementasikan. Inilah latar belakang mengapa PHP sangat tepat untuk membangun halaman-halaman web dinamis.

(35)

Pada saat ini PHP sudah dapat berkomunikasi dengan berbagai database meskipun dengan kelengkapan yang berbeda-beda. Beberapa diantaranya :

 DBM,

 FilePro (Personix, Inc),

 Informix,

 Ingres,

 InterBase,

 Microsoft Access,

 MSQL,

 MySQL,

 Oracle,

 PostgreSQL,

 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 dengan source code (kode yang dipakai untuk membuat MySQL), bentuk executable-nya atau kode

yang dapat dijalankan secara langsung dalam sistem operasi (Kadir, 2008b).

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 situs www.mysql.com

(36)

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 software DBMS, MySQL memiliki sejumlah fitur, diantaranya :

 Multiplatform

MySQL tersedia pada beberapa platform (Windows, Linux, Unix, dan lain-lain)

 Andal, cepat, dan mudah digunakan

MySQL tergolong sebagai database server (server yang melayani permintaan terhadap database) yang andal, dapat menangani database yang besar dengan kecepatan yang tinggi, mendukung banyak fungsi untuk mengakses database, dan mudah digunakan.

 Jaminan keamanan akses

MySQL mendukung pengamanan database dengan berbagai kriteria 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 berbasis web, misalnya dengan mengguanakan PHP.

(37)

MySQL mendukung perintah SQL (Structured Query Language). SQL merupakan standar dalam pengaksesan database relasional. Pengetahuan akan SQL akan memudahkan user untuk 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 dalam database (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 ke siapa 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 halaman web. 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. 11 Cascading Style Sheet (CSS)

Cascading Style Sheet (CSS) adalah suatu cara untuk membuat format atau layout

(38)

karena sulitnya mengatur layout tampilan dokumen web yang dibuat dengan HTML murni meskipun telah menggunakan berbagai kombinasi format

CSS dapat ditulis dengan pada bagian body, head suatu dokumen HTML atau diletakkan di sebuah file terpisah. Perintah-perintah CSS dibatasi oleh tag <style>

dan </style>. 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 halaman web.

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 setingkat word processor, menempatkan content halaman web dalam ketelitian pixel, mengulang pendefenisian tag-tag HTML secara keseluruhan.

4. Mendefinisikan style sesuai kebutuhan untuk link.

5. Mendefenisikan layer yang dapat diletakkan di atas elemem lain.

2. 12 Macromedia Dreamweaver 8

Dreamweaver adalah sebuah HTML editor profesional yang berfungsi untuk mendesain secara visual dan mengelola situs web maupun halaman web (Madcoms, 2007). Dreamweaver 8 merupakan salah satu program desain web yang dalam perkembangannya sudah menjadi salah satu aplikasi yang berfungsi sebagai pengembangan web (Web Development). Dremweaver 8 ini dapat melakukan

(39)

pendesainnan layout (untuk membuat tampilan dari web), membuat skrip yang memiliki fasilitas pengecekan/ validasi dari keyword untuk setiap server side yang digunakan, dan membuat sebuah website yang 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).

 Data Definition Language (DDL),

SQL memiliki kemampuan untuk melakukan pendefinisian data yang berupa pembuatan tabel atau database, penghapusan tabel ataupun databasse, dan lain-lain.

 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 Code yang khusus disediakan oleh Dreamweaver 8 untuk menuliskan scripting. Hal ini tidak jauh berbeda jika menggunakan Notepad sebagai sarana pembuatan skrip, namun keunggulan yang paling hebat dari Dreamweaver 8 adalah kode yang dibuat akan diberikan validasi dengan teknik pewarnaan yang sempurna sehingga mempermudah mengetahui bila terjadi kesalahan penggunaan keyword.

Secara garis besar Dreamweaver 8 tetap memiliki konsistensi di dalam arsitektur program, dengan 3 aspek utama, yaitu Design Layout, Code, dan Development. Dreamweaver 8 juga didukung untuk pengembangan penggunaan CSS,

(40)

XML, dan RSS. Penggabungan tiga aspek dan beberapa tools pendukung inilah yang menyebabkan Dreamweaver 8 memiliki kemampuan yang powerful sehingga pengembangan web menjadi mudah dan menyenangkan.

(41)

BAB 3

GAMBARAN SEKILAS TENTANG SEKOLAH MAN 2 MODEL MEDAN

3. 1 Profil Sekolah

1. NSM : 311127503002

2. NAMA MADRASAH : MADRASAH ALIYAH NEGERI 2 MODEL

MEDAN ( MAN 2 MODEL MEDAN )

3. STATUS MADRASAH : NEGERI

4. AKREDITAS : A

5. ALAMAT : JL. WILLIEM ISKANDAR (JL. PANCING)

No. 7A MEDAN dan JL. MELATI RAYA (HELVETIA) MEDAN

6. TELEPHONE : (061) 4524714 dan (061) 8441534

7. KECAMATAN : MEDAN TEMBUNG

8. KOTA : MEDAN

9. PROVINSI : SUMATERA UTARA

3. 2 Visi, Misi, dan Target

Visi Man 2 Model Medan

(42)

Misi Man 2 Model Medan

1. Meningkatkan pendidikan yang didasarkan pada pendidikan agama sebagai pembinaan moral.

2. Menyelenggarakan program pembelajaran yang berkualitas sesuai kebutuhan masyarakat.

3. Meningkatkan SDM tenaga kependidikan dengan berorientasi pendidikan bermoral.

4. Menghasilkan lulusan yang memiliki keterampilan dengan penerapan program Life Skill.

Target Man 2 Model Medan

1. Diterimanya lulusan Man 2 Model Medan di perguruan tinggi yang berkualitas baik di dalam dan luar negeri (>80%) tiap tahun.

2. Diraihnya prestasi akademik yang baik oleh alumni Man 2 Model Medan selama belajar di perguruan tinggi.

3. Terciptanya kehidupan religius di lingkungan kampus Man 2 Model Medan yang diperlihatkan dengan perilaku: ikhlas, sederhana, mandiri, ukhuwah dan bebas berkreasi.

4. Diterimanya lulusan Man 2 Model Medan bekerja di berbagai instansi pemerintahan dan swasta baik dalam maupun luar negeri.

(43)

3. 3 Struktur Organisai Man 2 Model Medan

(44)

BAB 4

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 diatas, 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 :

(45)

1. Website yang akan dibangun adalah website MAN 2 Model Medan, 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 masyarakat umum yang membutuhkan informasi mengenai MAN 2 Model Medan.

3. Aktivitas utama adalah mengetahui informasi mengenai data guru, staf tata usaha dan siswa. Banyak informasi lain yang berkaitan dengan MAN 2 Model Medan.

4. Target pembuatan website ini adalah pengunjung dapat mengetahui informasi dan data yang terdapat pada MAN 2 Model Medan secara cepat dan akurat tanpa terhalang oleh jarak.

4. 2 Perancangan DFD (Data Flow Diagram)

Data Flow Diagram merupakan diagram yang mengunakan notasi-notasi atau

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

(46)

Tata Usaha User (pengunjung)

Website Madrasah Aliyah Negeri (MAN) 2

Model Medan 0

Kepala Sekolah - data fasilitas

- data guru

- data matapelajaran - Buku tamu

Buku tamu - info fasilitas - info guru

- info matapelajaran - info siswa

Buku tamu

Guru

Siswa Data guru

Data siswa

- Info fasilitas/ tahun - Info guru/ tahun

- Info matapelajaran/ tahun - Info siswa/ tahun

1. Diagram Konteks

(47)

Tata Usaha User (pengunjung)

Upload data 1.0

Kepala Sekolah F1 fasilitas

F2 guru

F3 matapelajaran

Pembuatan laporan

2.0

- info fasilitas - info guru

- info matapelajaran - info siswa

F4 Siswa

F5 Buku tamu

Buku tamu - data fasilitas

- data guru

- data matapelajaran - data siswa

- Buku tamu

- Info fasilitas/ tahun - Info guru/ tahun

- Info matapelajaran/ tahun - Info siswa/ tahun

Info Buku tamu

Guru Siswa

Data siswa

Data guru 2. Diagram Level (0)

(48)

4. 3 Flowchart Sistem

Flowchart (Diagram Alir) merupakan gambar atau bagan yang memperlihatkan

urutan dan hubungan antar proses beserta instruksinya. Gambaran ini dinyatakan dengan symbol, simbol akan menggambarkan proses tertentu, dan hubungan antar proses digambarkan dengan garis penghubung. Berikut ini adalah diagram alir (flowchart) yang penulis gunakan untuk menggambarkan proses logika untuk menjalankan website, seperti gambar dibawah ini.

(49)

Gambar 4. 3 Flowchart Halaman Utama (Home) 2. Flowchart Halaman Menu Navigasi

Gambar 4.4 Flowchart Halaman Menu Navigasi

(50)

Gambar 4.5 Flowchart Halaman Login Administrator 4. Flowchart Halaman Menu Administrator

(51)

Gambar 4.6 Flowchart Halaman Menu Administrator 4. 4 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. Database terdiri dari beberapa tabel yang dibuat dengan menggunakan program

MySQL.

Berikut ini adalah rancangan database yang digunakan dalam pembuatan

Website Sistem Informasi Pada Madrasah Aliyah Negeri (MAN) 2 Model Medan.

Adapun database yang dibuat oleh penulis adalah database dbman2 dengan table-tabel sebagai berikut:

a. Tabel admin terdiri dari :

Tabel 4.1 Admin

Field Data Type Size Description

Username Varchar 30 User name

Pwd Char 15 Password

b. Tabel fasilitas terdiri dari :

Tabel 4. 2 Fasilitas

Field Data Type Size Description

Id_fasilitas Char 4 Id. Fasilitas Nm_fasilitas Varchar 50 Nama fasilitas Jumlah Integer 4 Jumlah fasilitas Gambar Varchar 50 Gambar fasilitas

(52)

c. Tabel guru terdiri dari :

Tabel 4. 3 Guru

Field Data Type Size Description

NIP Char 9 NIP Guru

Nm_guru Varchar 30 Nama guru

Almt Varchar 30 Alamat

Telp Varchar 13 Telepon

Mail Varchar 30 Email

Jenkel Char 7 Jenis kelamin

Pendidikan Char 4 Pendidikan

Kd_mp Char 4 Kode matapelajaran

d. Tabel matapelajaran terdiri dari :

Tabel 4. 4 Matapelajaran

Field Data Type Size Description

Kd_mp Char 4 Kode matapelajaran

Nm_mp Varchar 30 Nama matapelajaran Jlh_temu Integer 2 Jumlah pertemuan

e. Tabel siswa terdiri dari :

Tabel 4. 5 Siswa

Field Data Type Size Description

Nis Char 5 NIS

Nm_siswa Varchar 30 Nama siswa Tpt_lahir Varchar 30 Tempat lahir Tgl_lahir Date 12 Tanggal lahir

Jenkel Char 10 Jenis kelamin

Jurusan Char 10 Jurusan

Kelas Char 1 Kelas

f. Tabel buku tamu terdiri dari :

Tabel 4. 6 Buku Tamu

Field Data Type Size Description

Id_tamu Integer 4 Id. Tamu

Nama Varchar 50 Nama

Email Varchar 50 Email

(53)

Id_tamu Nama Email Komentar Status Buku Tamu Nis Nm_siswa Jenkel Tgl_lahir Temp_lahir Alamat Kelas Jurusan Photo Kd_guru Siswa Kd_fasilitas Nm_fasilitas Jlh_fasilitas Gambar

Fasilitas Kd_guru

Nm_guru Jenkel Temp_lahir Tgl_lahir Pendidikan Photo Kd_mp Guru Usernm Pwd Admin 1 M Kd_mp Nm_mp Jlh_temu Matapelajaran 1 M

Relasi antar tabel

Gambar 4. 7 Relasi Antar Tabel Database

4. 5 Desain Dialog

Berikut ini adalah rancangan halaman menu, halaman input dan halaman output yang penulis gunakan dalam pembuatan website Madrasah Aliyah Negeri

(MAN) 2 Model Medan.

4. 5. 1 Desain Halaman Menu

Berikut ini adalah rancangan halaman menu yang penulis gunakan dalam pembuatan website Sistem Informasi Promosi Sekolah Berbasis Web Pada Madrasah Aliyah Negeri (MAN) 2 Model Medan.

(54)

Gambar 4. 8 Halaman Menu Utama (Home) WEB BANNER

Profil Logo

Home Visi Misi

Struktur Organisasi

Kontak Kami

Buku Tamu

Alumni Login

Berita Terbaru Isi berita ...

Menu Vavigasi Home

Info Siswa Info Guru Info Fasilitas Info Matapelajaran

Galeri Gambar 1

Gambar 2

Gambar 3 Sejarah dan Penjelasan tentang jurusan-jurusan pada

(55)

Gambar 4. 9 Halaman Menu Administrator WEB BANNER

Logo

Menu Navigasi * Input data guru * Browse data guru * Input data fasilitas * Browse data fasilitas * Input data matapelajaran * Browse data matapelajaran * Input data siswa

* Browse data siswa * lihat buku tamu * Logout

(56)

4. 5. 2 Rancangan Masukan (Input)

Berikut ini adalah rancangan halaman masukan (input) data yang penulis gunakan dalam pembuatan website Sistem Informasi Promosi Sekolah Berbasis Web Pada Madrasah Aliyah Negeri (MAN) 2 Model Medan.

Gambar 4. 10 Halaman Input Data Matapelajaran

Gambar 4. 11 Halaman Browse Data Matapelajaran Kode matapelajaran:

Nama matapelajaran: Data matapelajaran

Save

Browse Data Matapelajaran

Kode Matapelajaran Nama Matapelajaran Action

(57)

Gambar 4. 12 Halaman Input Data Guru

Gambar 4. 13 Halaman Browse Data Guru Browse Data Guru

NIP Nama Guru

Alamat Telepon Pendidikan Matapelajaran Actiom

Jumlah Record: 99 NIP : Nama guru:

Alamat: Telepon: Pendidikan:

Kode matapelajaran:

Data Guru

(58)

Gambar 4. 14 Halaman Input Data Siswa

Gambar 4. 15 Halaman Browse Data Siswa NIS:

Nama Siswa: Tempat Lahir: Tgl. Lahir: Jenis Kelamin: Jurusan:

Kelas: NIP Guru: Data Siswa

Save

Browse Data Siswa NIS Nama

Siswa

Tempat Lahir

Tgl Lahir

Jenis Kelamin

Jurusan Kelas NIP Guru

Action

(59)

Gambar 4. 16 Halaman Input Data Fasilitas

Gambar 4. 17 Halaman Browse Data Fasilitas

Gambar 4. 18 Halaman Input Buku Tamu Nama:

Email: Komentar:

Buku Tamu

Kirim Batal Id. Fasilitas:

Nama fasilitas: Jumlah: Gambar: Data Fasilitas

Save

Browse

Browse Data Fasilitas

Id.Fasilitas Nama fasilitas Jumlah Fasilitas

Gambar Action

(60)

Gambar 4. 19 Halaman Browse Buku Tamu

4. 5. 3 Rancangan Keluaran (Output)

Berikut ini adalah rancangan halaman keluaran (output) data yang penulis gunakan dalam pembuatan website Sistem Informasi Promosi Sekolah Berbasis Web Pada Madrasah Aliyah Negeri (MAN) 2.

INFORMASI FASILITAS SEKOLAH

No. Nama Fasilitas Jumlah Gambar

01 Aula 1

02 Asrama 2

03 Lab. Kimia 1

Gambar 4. 20 Halaman Informasi Fasilitas Sekolah

No. Nama Email Komentar Action

Browse Buku Tamu

Image

(61)

Matapelajaran :

INFORMASI GURU

NIP Nama Guru Alamat Telephon Detail Guru

132019479 Dra.Farmaidha Evola Medan 0617345678 Klik Disini

99999999 Xxxxxxxxxx Xxxxxxxxx xxxxxx Klik Disini

99999999 Xxxxxxxxxx Xxxxxxxxx Xxxxxx Klik Disini

Gambar 4. 21 Halaman Informasi Guru Sekolah

INFORMASI MATAPELAJARAN No. Matapelajaran Nama Guru

011 Matematika Muhammad Nur Eddy, S.Ag

012 Xxxxxxxxxx Xxxxxx

013 Xxxxxxxxxx Xxxxxx

Gambar 4. 22 Halaman Informasi Matapelajaran Cari

(62)

NIS:

INFORMASI SISWA

NIS Nama Siswa Tempat Lahir Tgl. Lahir Detail Siswa

6253 Ummi Kalsum Medan 13/10/1993 Klik Disini

99999999 Xxxxxxxxxx Xxxxxxxxx xxxxxx Klik Disini

Gambar 4. 23 Halaman Informasi Siswa Cari

(63)

BAB 5

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 mengembangkan website.

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.

(64)

5. Perancangan fisik mengembangkan spesifikasi teknologi yang akan digunakan, pada tahap ini akan diperoleh struktur program dan basisdata, serta perancangan struktur fisik.

6. Implementasi pembuatan program dan basisdata, 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 :

 Mengkaji rangkaian sistem baik dari segi software maupun hardware sebagai sarana pengolahan data dan penyajian informasi.

 Menyelesaikan rancangan sistem yang ada didalam dokumen sistem yang baru atau yang telah disetujui.

 Memastikan bahwa pengunjung dapat mengoperasikan sistem dengan mudah dan mendapatkan informasi yang lebih baik dan jelas.

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

(65)

5. 3. 1 Hardware

Hardware adalah komponen fisik yang digunakan untuk aktivitas input, proses, output, dan penyimpanan pada suatu sistem komputer. Spesifikasi komponen hardware yang dibutuhkan untuk menjalankan aplikasi web ini di Personal Komputer

(PC) user adalah sebagai berikut :

1. Personal komputer dengan processor minimum Intel Pentium 4 1800 MHz (1,8

GHz)

2. Memory RAM 128 MB atau lebih

3. Monitor Super VGA 4. Hardisk minimal 10GB

5. Microsoft Windows 2000 service 4 atau XP Home

6. Microsoft Windows XP Profesional

5. 3. 2 Software

Software adalah sebuah program komputer yang berisi sekumpulan instruksi yang

dibuat dengan menggunakan bahasa khusus yang memberi perintah kepada komputer 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. Adapun software yang digunakan dalam pembuatan website ini adalah:

1. Sistem Operasi Ms. Widows XP

(66)

3. Apache 2.2.8 merupakan web server yang digunakan untuk mensimulasikan website pada komputer local sebelum melakukan hosting untuk mengupload website ke internet.

4. PHP 5.2.5 merupakan skrip yang akan mengolah dan memproses data secara interaktif dan dinamis agar menghasilkan website yang dinamis. Skrip ini akan berjalan di sisi server untuk melakukan pemrosesan data.

5. MySQL 5.0.51 merupakan database server yang digunakan untuk menyimpan data.

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

5. 3. 3 Brainware

Brainware adalah manusia yang terlibat di dalam pengoperasian serta pengaturan

sistem komputer. Brainware dalam pembangunan website ini terdiri dari :

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

2. Administrator : orang yang mengatur atau merancang sistem kerja, urutan kerja, pengolahan data sampai dengan output.

3. Operator / User : orang yang mampu mengoperasikan komputer.

5. 4 Demonstrasi Program

Berikut ini merupakan beberapa tampilan dari website yang penulis rancang, yang terdiri dari halaman profil.php (Gambar 5. 2 profil.php), halaman visi.php (Gambar 5. 3 visi.php), halaman index.php (Gambar 5. 1 index.php), halaman bukutamu.php

(67)

(Gambar 5. 8 bukutamu.php), halaman struktur.php (Gambar 5. 4 struktur.php), halaman contact.php (Gambar 5. 7 contact.php), halaman alumni.php (Gambar 5. 5 alumni.php), halaman daftar.php (Gambar 5. 6 daftar.php), halaman login.php (Gambar 5. 9 login.php), halamn fasilitas.php (Gambar 5. 12 fasilitas.php), halaman siswa.php (Gambar 5. 10 siswa.php), halaman matapelajaran.php (Gambar 5. 13 matapelajaran.php), halaman guru.php (Gambar 5. 11 guru.php), dan tampilan menu utama admin (Gambar 5. 14 admin.php) diantaranya adalah:

1. Halaman utama (index.php)

(68)

2. Halaman profil.php

Gambar 5. 2 profil.php 3. Halaman visi.php

(69)

4. Halaman struktur.php

Gambar 5. 4 struktur.php 5. Halaman alumni.php

(70)

6. Halaman daftar.php

Gambar 5. 6 daftar.php 7. Halaman contac.php

(71)

8. Halaman bukutamu.php

Gambar 5. 8 bukutamu.php 9. Halaman login.php

Gambar 5. 9 login.php

(72)

10.Halaman siswa.php

Gambar 5. 10 siswa.php

(73)

Gambar 5. 11 guru.php 12.Halaman fasilitas.php

Gambar 5. 12 fasilitas.php 13.Halaman matapelajaran.php

(74)

14.Tampilan menu utama admin

(75)

BAB 6

KESIMPULAN DAN SARAN

6. 1 Kesimpulan

Dalam penulisan Tugas Akhir ini telah diuraikan bagaimana perancangan sistem. Sistem Informasi Akademik pada Man 2 Model Medan 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.

(76)

6. 2 Saran

1. Pemeliharaan keamanan data server Man 2 Model Medan sangat butuh perhatian lebih agar tidak ada penyalah gunaan data oleh pihak yang tidak berhak.

2. Agar pengunjung selalu mendapatkan informasi yang terbaru, maka diharapkan kepada administrator untuk mengaupdate bila terdapat informasi baru.

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

website.

4. Agar mengurangi biaya operasional, ada baiknya pihak sekolah memanfaatkan

website ini sebagai media penyebaran informasi.

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

(1)

</tr> </table>

13. Halaman matapelajaran.php

<tr >

<td height="10" colspan="4" valign="top"><img

src="images/body_01.gif" width="800" height="9" /></td> </tr>

<tr>

include "./server.php"; ?>

<table style="font-size:12px; border-collapse:collapse; width="100%" border="1" align="center" cellpadding="2" cellspacing="1"

bgcolor="#FFFFFF"> <?

$qsel=mysql_query("select * from matapelajaran")or die(mysql_error());

<td colspan="3" align="center"><h2>Informasi Matapelajaran</h2> </td>

</tr>

<td width="56"><div align="center" class="style5">No.</div></td> <td width="185" align="center">Kode Matapelajaran </td>

<td width="505"><div align="center" class="style5">Nama Matapelajaran</div></td></h4>

</tr> <?

$no=0;

while($row = mysql_fetch_array($qsel)) { $no++;

?> <tr>

<? ?>

<td >

(2)

<? }?>

</table>

</div></td>

<tr >

</tr> </table>

14. Halaman berita.php

<tr>

<td width="589" ><div style="background:#FFFF00" align="center"> <font face="Comic Sans MS" color="blue" size="6"> Berita Terkini </font> </div></td>

</tr> <?

include "server.php";

$qsel=mysql_query("select * from berita")or die(mysql_error()); $no=0;

while($row = mysql_fetch_array($qsel)) { $no++;

?> <tr > <?

<tr>

<tr>

<td height="24" ><span> Date Posted: <?=$row[3]?> </span></td> </tr>

<tr >

<? }?> </table>

(3)

15. Halaman alumni.php

<tr >

</tr> <tr>

include "./server.php"; ?>

<table style="font-size:12px; border-collapse:collapse; width="100%" border="1" align="center" cellpadding="2" cellspacing="1"

bgcolor="#FFFFFF">

$qsel=mysql_query("select * from alumni")or die(mysql_error()); ?>

<td align="center" colspan="10"><h2>Informasi Almuni </h2></td> </tr>

<td width="23"><div align="left" class="style5">No.</div></td> <td width="128"><div align="center" class="style5">Nama</div></td> <td width="143" align="center"><span class="style5">Alamat</span> </td>

<td width="114" align="center">Telepon</td>

<td width="109" align="center"><span class="style5">Email</span> </td>

<td width="111" align="center">Jenis Kelamin </td> <td width="107" align="center">Pekerjaan</td>

<td width="107" align="center">Tempat Bekerja</td> <td width="107" align="center">Tahun Lulus </td></h4> </tr>

$no=0;

while($row = mysql_fetch_array($qsel)) { $no++;

<td height="24"><span><?=$no?></span></td> <?

(4)

<? }?> </table>

</div></td>

<tr >

</tr>

</table>

<p align="center"><font color="#0000FF" face="Comic Sans MS" size="6"><a href="?page=daftar">Registrasi Alumni</a></font></p>

16. Halaman daftar.php

<tr >

<td height="10" colspan="4" valign="top"><img

src="images/body_01.gif" width="803" height="10" /></td> </tr>

<tr>

<tr>

<td><blink><font color="#0000FF" face="Comic Sans MS" size="7">Silahkan Isi ... :) </font></blink></td>

</tr>

</table>

(5)

<tr>

<td><font color="#0000FF" face="Comic Sans MS" size="5"> Alamat </font> </td>

</tr> <tr>

<td><font color="#0000FF" face="Comic Sans MS" size="5"> Telepon / HandPhone</font></td>

</tr> <tr>

<td><font color="#0000FF" face="Comic Sans MS" size="5"> Email</font> </td>

</tr> <tr>

<td><font color="#0000FF" face="Comic Sans MS" size="5"> Jenis Kelamin </font></td>

<option value="" selected="selected"> Pilih</option> <option value="Laki-Laki" > Laki-Laki</option> <option value="Perempuan" > Perempuan</option> </select>

</td> </tr> <tr>

<td><font color="#0000FF" face="Comic Sans MS" size="5"> Pekerjaan </font> </td>

</tr> <tr>

<td><font color="#0000FF" face="Comic Sans MS" size="5"> Tempat / Instansi / Universitas </font> </td>

(6)

<tr>

<td><font color="#0000FF" face="Comic Sans MS" size="5">Tahun Lulus </font></td>

</tr> <tr>

</form> </td>

<tr >

</tr>

Sistem Informasi Akademik Berbasis Web Pada Man 2 Model Medan

SISTEM INFORMASI AKADEMIK BERBASIS WEB

PADA MAN 2 MODEL MEDAN

TUGAS AKHIR

TITIN DWINOVI

072406073

PROGRAM STUDI D3 ILMU KOMPUTER

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

MEDAN

2010

SISTEM INFORMASI AKADEMIK BERBASIS WEB

PADA MAN 2 MODEL MEDAN

TUGAS AKHIR

TITIN DWINOVI

072406073

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

MEDAN

2010

PERNYATAAN

SISTEM INFORMASI AKADEMIK BERBASIS WEB

PADA MAN 2 MODEL MEDAN

TUGAS AKHIR

PENGHARGAAN

ABSTRAK

DAFTAR ISI

ABSTRAK

BAB 1

PENDAHULUAN

BAB 4

PERANCANGAN SISTEM

Save

Save

Save

BAB 5

IMPLEMENTASI SISTEM

BAB 6

KESIMPULAN DAN SARAN

13. Halaman matapelajaran.php

14. Halaman berita.php

15. Halaman alumni.php

16. Halaman daftar.php

Parts

Dokumen yang terkait

Sistem Informasi Akademik SMA Taman Siswa Medan Berbasis Web

Sistem Informasi Akademik Berbasis Web Pada Mas Miftahussalam Medan.

Perancangan Sistem Informasi Berbasis Web Pada MAN 2 Model Medan

Sistem Informasi Akademik Berbasis Web Pada Mts Al-Masruriyah Medan.

Sistem Informasi Akademik Pada Man 2 Model Padangsidimpuan Berbasis Web Menggunakan PHP Dan MySql

Sistem Informasi Akademik Berbasis Web pada SMAN 2 Bandung

Sistem Informasi Akademik pada SMP PGRI 2 Cikidang Berbasis Web

Sistem informasi akademik pada SMA PGRI 2 Bandung berbasis web

SISTEM INFORMASI AKADEMIK BERBASIS WEB D

Sistem Informasi Akademik SMA Taman Siswa Medan Berbasis Web

Dokumen yang Anda mencari sudah siap untuk unduhkan