• Tidak ada hasil yang ditemukan

Sistem Informasi Akademik Berbasis Web SLTP ST. Lucia Doloksanggul

N/A
N/A
Protected

Academic year: 2016

Membagikan "Sistem Informasi Akademik Berbasis Web SLTP ST. Lucia Doloksanggul"

Copied!
121
0
0

Teks penuh

(1)

TUGAS AKHIR

CANIGIA SIHITE

102406095

PROGRAM STUDI D3 TEKNIK INFORMATIKA

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

(2)

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

(3)

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.

(4)

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

(5)

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.

(6)

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

(7)
(8)

Persetujuan ii

BAB 1 PENDAHULUAN 1

1.1 Latar Belakang 1

1.2 Rumusan Masalah 4

1.3 Batasan Masalah 4

1.4 Tujuan Penelitian 5

1.5 Kontribusi Penelitian 5

1.6 Metodologi Penelitian 6

1.7 Sistematika Penelitian 7

BAB 2 LANDASAN TEORI 9

2.1 Pengertian Komputer 9

2.1.1 Sistem Komputer 11

2.1.2 Keunggulan Komputer 12

2.2 Pengertian Data, Informasi, Sistem 13

2.2.1 Pengertian Data 13

2.2.2 Pengertian Informasi 14

2.2.3 Pengetian Sistem 15

2.3 Sistem Informasi 16

2.3.1 Sistem Informasi Berbasis Komputer 17

2.3.2 Kemampuan Sistem Informasi 18

2.4 Internet 20

2.5 Website 21

2.5.1 Lahirnya Web 22

2.5.2 Browser Web 23

2.5.3 Server Web 23

2.5.4 Istilah Istilah Umum yang Harus Diketahui 24

2.6 HTML 25

2.7 XAMPP 26

2.8 PHP 28

2.8.1 Sejarah Singkat PHP 28

2.8.2 Sintaks PHP 28

2.8.3 Konsep Kerja PHP 29

(9)

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

(10)

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

(11)

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

(12)

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

(13)
(14)

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

(15)

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 situssitus 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

(16)

dapat diimplementasikan ke dalam sebuah website. Karena belum adanya website

SLTP ST. LUCIA DOLOKSANGGUL maka perlu suatu website untuk mendukung penyampaian informasi tentang SLTP ST. LUCIA DOLOKSANGGUL yang dapat

diakses dengan mudah oleh masyarakat.

Agar menghasilkan sebuah website maka dibutuhkan suatu aplikasi sistem informasi berbasis web dalam proses pelaksanaan program. Dalam hal ini, penulis

menggunakan aplikasi dengan bahasa pemrograman PHP, MySQL sebagai pengolah

database, Apache sebagai web server dan pendesainan menggunakan Macromedia Dreamweaver.

Sehubungan dengan keingintahuan penulis mengenai perkembangan yang

terjadi pada SLTP ST. LUCIA DOLOKSANGGUL selaku alumni, dan membantu

sekolah untuk membuat suatu wadah penyampaian informasi sehingga

mempermudah semua pihak yang membutuhkan segalainformasi yang ada pada

sekolah SLTP ST. LUCIA DOLOKSANGGUL. Hal inilah yang mendorong penulis

untuk membuat tugas akhir dengan judul “SISTEM INFORMASI AKADEMIK

(17)

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

(18)

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

(19)

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

(20)

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

(21)

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

(22)

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:

(23)

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

(24)

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

(25)

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.

(26)

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

(27)

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

(28)

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

(29)

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

(30)

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.

(31)

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

(32)

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

(33)

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,

(34)

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

(35)

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

(36)

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

(37)

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)

(38)

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

(39)

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

(40)

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

melihatlihat 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

(41)

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

(42)

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

(43)

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

(44)

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

(45)

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

(46)

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

(47)

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

(48)

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.

(49)

7. Background - imageatau layerbackground 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

(50)

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

(51)

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

(52)

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

(53)

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

(54)

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.

(55)
(56)
(57)

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 ?

(58)

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

(59)

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

(60)

START

Flowchart (Diagram Alir) merupakan gambar atau bagan yang memperlihatkan urutan dan hubungan antar proses beserta instruksinya. Berikut ini adalah diagram

alir (flowchart) yang penulis gunakan untuk menggambarkan proses logika untuk menjalankan website, seperti gambar dibawah ini.

1. Flowchart Halama Utama (Home)

(61)

NO

Gambar 4. 2 Flowchart Halaman Utama (Home)

(62)

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

(63)

YES

(64)

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

(65)

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

(66)

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

(67)

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

(68)

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

(69)

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

(70)

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

(71)

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

(72)

Gambar 4.14 Halaman Menu Administrator

4.4.2 Rancangan Masukan (Input)

Berikut ini adalah rancangan halaman masukan (input) data yang penulis gunakan dalam pembuatan website SISTEM INFORMASI AKADEMIK BERBASIS WEB

SLTP ST. LUCIA DOLOKSANGGUL. Home

• Select Artikel

• Insert Artikel

• Select Buku Tamu

• Select Pengumuman

• Select VISI & MISI

(73)

1. Tampilan halaman insert data siswa.

Jumlah Siswa : Siswa

Angkatan :

Gambar 4.15 Halaman Input Data Siswa

2. Tampilan halaman input data staff.

NIP

Gambar No file selected

(74)

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

(75)

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

(76)

2. Tampilan halaman informasi data siswa

NIS :0000445996

Nama Lengkap : Rio Jonata Situmorang

Tempat & Tgl. Lahir : Huta Gurgur, 06-19-2000

Alamat Lengkap : Desa Huta Gurgur

Agama : Protestan

Gambar 4.22 Halaman Informasi Data Siswa

3. Tampilan informasi jadwal mata pelajaran

Kelas : VII A

Wali Kelas : Sr. Avelina Simamora, S.Pd

ROSTER MATAPELAJARAN LE

S

SENIN SELASA RABU KAMIS JUMAT SABTU

1 UPACARA

4 EKONOMI KESENIAN BIOLOGI

5

6 MATEMATIKA PND. JASMANI

AGAMA

7

(77)

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

(78)

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 :

(79)

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.

(80)

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

Gambar

Gambar 2.1 Aktifitas Sistem Informasi
Gambar 4.1 Diagram Konteks
Gambar 4. 2 Flowchart Halaman Utama (Home)
Gambar 4.3 Flowchart Halaman Login Administrator
+7

Referensi

Dokumen terkait

Tikus hasil tangkapan merupakan data penting yang perlu dikoleksi sebagai specimen terutama dari daerah/ habitat yang berbeda.Perlu memperhatikan dalam mengkoleksi tikus yaitu

Kas yang diterima melalui kotak amal Masjid Agung Jami' telah dihitung secara kolektif oleh jamaah dan pengurus masjid. Hasil penerimaan tidak selalu disetor ke Bank. Penyimpanan

Faktor-faktor yang Mempengaruhi Perilaku Seks Pranikah Pada Mahasiswa Akademi Kesehatan X di Kabupaten Lebak Tahun 2012... Farid NDN, Rus SC, Dahlui M, Al-Sadat N,

Me- mang benar, saya perlu ada paling tidak pun 10% daripada harga pangsapuri tersebut tetapi terdapat beberapa kaedah yang membo- lehkan kita membeli

Tahap plan dimulai dengan menyusun rancangan pembelajaran yang akan dilaksanakan berdasarkan pada data awal kondisi mahasiswa yang disampaikan oleh dosen pengampu mata

Memenuhi Tersedia TDP yang sah atas nama PT Katingan Timber Celebes Kabupaten Buru, dengan ruang lingkup kegiatan pokok yang tercantum adalah Perdagangan besar

BCI-Aljabar Komutatif Branchwise Berikut diberikan definisi dari BCI- aljabar komutatif branchwise dan hubungannya dengan kelas yang lain. Akan ditunjukkan bahwa suatu

Berdasarkan studi literatur dan latar belakang di atas ditetapkan konsentrasi Cu yang akan diuji toksisitasnya pada makroalga adalah Cu yang terlarut di