Sistem Informasi SMK Negeri 2 Doloksanggul Berbasis Web
Universitas Sumatera Utara
SISTEM INFORMASI SMK NEGERI 2 DOLOKSANGGUL
BERBASIS WEB
TUGAS AKHIR
RIFWAN FAHDDILA
112406014
PROGRAM STUDI DIPLOMA 3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2014
(2)
Universitas Sumatera Utara
SISTEM INFORMASI SMK NEGERI 2 DOLOKSANGGUL
BERBASIS WEB
TUGAS AKHIR
Diajukan untuk melengkapi tugas dan memenuhi syarat mencapai gelar Ahli
Madya
RIFWAN FAHDDILA
112406014
PROGRAM STUDI DIPLOMA 3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2014
(3)
Universitas Sumatera Utara PERSETUJUAN
Judul : Sistem Informasi SMK Negeri 2 Doloksanggul Berbasis Web
Kategori : Tugas Akhir
Nama : Rifwan Fahddila
Nomor Induk Mahasiswa : 112406014
Program Studi : D3 Teknik Informatika Departemen : Matematika
Fakultas : Matematika Dan Ilmu Pengetahuan Alam Universitas Sumatera Utara
Disetujui di Medan, Juni 2014
Disetujui Oleh:
Program Studi D3 Teknik Informatika Pembimbing FMIPAUSU
Ketua,
Dr. Elly Rosmaini, M.Si Drs. Partano Siagian, M.Sc
NIP. 196005201985032002 NIP. 196711101996021001
(4)
Universitas Sumatera Utara PERNYATAAN
SISTEM INFORMASI SMK NEGERI 2 DOLOKSANGGUL BERBASIS WEB
TUGAS AKHIR
Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya.
Medan, Juni 2014
RIFWAN FAHDDILA 112406014
(5)
Universitas Sumatera Utara PENGHARGAAN
Puji syukur penulis ucapkan kehadirat Tuhan Yang Maha Esa atas berkat dan karunia-Nya sehingga Tugas Akhir ini dengan judul “SISTEM INFORMASI SMK NEGERI 2
DOLOKSANGGUL BERBASIS WEB” dapat diselesaikan dengan baik.
Dalam kesempatan ini juga penulis mengucapkan terima kasih kepada Bapak Drs. Partano Siagian, M. Sc. selaku Dosen pembimbing, Bapak Dr. Sutarman, M.Sc. selaku Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara. Bapak Prof. Dr. Tulus, M.Si. dan Dra. Mardiningsih, M.Si selaku Ketua dan Sekretaris Departemen Matematika. Ibu Dra. Elly Rosmaini, M.Si dan Syahriol Sitorus S.Si, M.IT selaku Ketua dan Sekretaris Program Studi D3 Teknik Informatika. Seluruh dosen/staff pengajar D3 Teknik Informatika. Secara khusus penulis menyampaikan rasa terima kasih kepada Ayahanda tersayang dan Ibunda, serta abangda dan adinda yang telah mendidik dan membesarkan penulis dengan segala pengorbanan, kasih sayang, doa, dan dukungan baik moril dan materil, selama diperkuliahan dan penyelesaian Tugas Akhir. Sahabat penulis yang telah memberikan semangat dan motivasi yang begitu besar kepada penulis. 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 perbaikan dan kesempurnaan Tugas Akhir ini.
(6)
Universitas Sumatera Utara ABSTRAK
Kajian ini bertujuan untuk membangun suatu sistem informasi berbasis website pada SMK Negeri 2 Doloksanggul yang dinamis, web ini berfungsi untuk memberikan informasi tentang SMK Negeri 2 Doloksanggul. Tujuan website ini adalah untuk mempermudah masyarakat yang mengalami kesulitan dalam memperoleh informasi mengenai SMK Negeri 2 Doloksanggul secara online dan update. Proses pembuatan website ini dikembangkan dengan menggunakan bahasa pemrograman PHP, MySQL sebagai pengolah database, Macromedia Dreamweaver CS5 sebagai editor skrip, dan Adobe Photoshop sebagai editor grafis.
Kata kunci : Sistem informasi, PHP, MySQL
(7)
Universitas Sumatera Utara ABSTRACT
This study aims to develop a web-based information system in SMK Negeri 2 Doloksanggul dynamic, web serves to provide information about the SMK Negeri 2 Doloksanggul. The purpose of this website is to facilitate people who have difficulties in obtaining information about SMK Negeri 2 Doloksanggul online and updates. The process of creation of this website was developed using the PHP programming language, MySQL as database processing, Macromedia Dreamweaver CS5 as a script editor, and Adobe Photoshop as a graphic editor.
Keywords: information systems, PHP, MySQL
(8)
Universitas Sumatera Utara DAFTAR ISI
Halaman
Persetujuan ii
Pernyataan iii
Penghargaan iv
Abstrak v
Abstack vi
Daftar Isi vii
Daftar Tabel x
Daftar Gambar xi
Bab 1. Pendahuluan
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
2.1. Pengertian Data, Informasi dan Sistem 9
2.1.1. Pengertian Data 9
2.1.2. Pengertian Informasi 10
2.1.3. Pengertian Sistem 11
2.2. Sistem Informasi 11
2.2.1. Sistem Informasi Berbasis Komputer 12
2.2.2. Kemampuan Sistem Informasi 13
2.3. Pengertian Komputer 14
2.3.1. Sistem Komputer 15
2.3.1.1. Perangkat Keras (Hardware) 15 2.3.1.2. Perangkat Lunak (Software) 16
2.3.1.3. Pengguna Komputer 16
2.3.2. Keunggulan Komputer 17
2.4. Pengertian Internet 18
2.5. Website 19
2.5.1. Lahirnya Web 20
2.5.2. Browser Web 20
2.5.3. Server Web 21
(9)
Universitas Sumatera Utara 2.5.4. Istilah-istilah Umum yang Harus Diketahui 21
2.6. HTML (HyperText Markup Language) 22
2.7. Xampp 23
2.8. PHP 23
2.8.1. Sejarah Singkat PHP 24
2.8.2. Sintaks PHP 25
2.8.3. Konsep kerja PHP 25
2.8.4. PHP dan Database 26
2.8.5. Kelebihan PHP 27
2.8.6 Kelemahan PHP 27
2.9. Flowchart 28
2.9.1. Jenis-Jenis Flowchart 32
2.10. Algoritma 34
2.10.1. Sejarah Algoritma 35
2.10.2. Jenis-Jenis Algoritma 36
2.11. MySQL 37
2.12. Apache 41
2.13. Cascading Style Sheet (CSS) 41
2.14. Macromedia Dreamweaver 45
Bab 3. Perancangan Sistem
3.1. Perancangan Sistem 47
3.2. Algoritma Perancangan Sistem Informasi 48
3.2.1 Algortima Menu Utama 48
3.2.2 Algoritma Admin 49
3.3. Perancangan DFD (Data Flow Diagram) 49
3.3.1. Diagram Konteks 50
3.3.2. Flowchart Perancangan Sistem Informasi 52 3.4. Flowchart Database Sistem Informasi 59
3.5. Percangan Halaman Web 61
3.5.1 Desain Halaman Menu 61
Bab 4. Implementasi Sistem
4.1. Pengertian Implementasi Sistem 63
4.2. Tujuan Implementasi Sistem 64
4.3. Komponen Sistem 64
4.3.1. Perangkat Keras (Hardware) 65
4.3.2. Perangkat Lunak (Software) 65
4.3.3. Unsur Manusia (Brainware) 66
4.4. Demonstrasi Program 67
4.4.1 Tampilan Homepage 68
4.4.2 Tampilan Halaman Login Admin 69
4.4.3 Tampilan Halaman Admin 70
4.4.4 Tampilan Halaman Sejarah 71
4.4.5 Tampilan Halaman Visi Misi 72
4.4.6 Tampilan Halaman Program Studi 73
(10)
Universitas Sumatera Utara
4.4.7 Tampilan Halaman Fasilitas 74
4.4.8 Tampilan Halaman Ekstrakulikuler 75
4.4.9 Tampilan Halaman Pedoman 76
4.4.10 Tampilan Halaman Struktur Organisasi 77
4.4.11 Tampilan Halaman Pimpinan 78
4.4.12 Tampilan Halaman Kontak 79
Bab 5. Kesimpulan dan Saran
5.1. Kesimpulan 80
5.2. Saran 81
Daftar Pustaka Lampiran
(11)
Universitas Sumatera Utara DAFTAR TABEL
Nomor Judul Halaman
Tabel
2.1 Simbol-simbol Flowchart 29
3.1 Simbol-simbol Data Flow Diagram 50
3.2 Tabel Admin 59
3.3 Tabel Profil Sekolah 59
3.4 Tabel Mata pelajaran 60
3.5 Tabel Jadwal 60
(12)
Universitas Sumatera Utara DAFTAR GAMBAR
Nomor Judul Halaman
Gambar
2.1 Aktivitas Sistem Informasi 12
2.2 Flowchart 31
2.3 Simbol pada flowchart proses 34
3.1 Diagram Konteks 51
3.2 Arti lambing-lambang flowchart 53
3.3 Aliran informasi rancangan situs 54
3.4 Flowchart Halaman Utama (Home) 56
3.5 Flowchart Halaman Login Administrator 57
3.6 Flowchart Halaman Menu Administrator 58
3.7 Halaman Menu Utama (Home) 61
3.8 Halaman Menu Administrator 62
4.1 Tampilan Homepage 68
4.2 Tampilan Halaman Login Admin 69
4.3 Tampilan Halaman Admin 70
4.4 Tampilan Halaman sejarah 71
4.5 Tampilan Halaman Visi Misi 72
4.6 Tampilan Halaman Program Studi 73
4.7 Tampilan Halaman Fasilitas 74
4.8 Tampilan Halaman Ekstrakulikuler 75
4.9 Tampilan Halaman Pedoman 76
4.10 Tampilan Halaman Struktur Organisasi 77
4.11 Tampilan Halaman Pimpinan 78
4.12 Tampilan Halaman Kontak 79
(13)
Universitas Sumatera Utara ABSTRAK
Kajian ini bertujuan untuk membangun suatu sistem informasi berbasis website pada SMK Negeri 2 Doloksanggul yang dinamis, web ini berfungsi untuk memberikan informasi tentang SMK Negeri 2 Doloksanggul. Tujuan website ini adalah untuk mempermudah masyarakat yang mengalami kesulitan dalam memperoleh informasi mengenai SMK Negeri 2 Doloksanggul secara online dan update. Proses pembuatan website ini dikembangkan dengan menggunakan bahasa pemrograman PHP, MySQL sebagai pengolah database, Macromedia Dreamweaver CS5 sebagai editor skrip, dan Adobe Photoshop sebagai editor grafis.
Kata kunci : Sistem informasi, PHP, MySQL
(14)
Universitas Sumatera Utara ABSTRACT
This study aims to develop a web-based information system in SMK Negeri 2 Doloksanggul dynamic, web serves to provide information about the SMK Negeri 2 Doloksanggul. The purpose of this website is to facilitate people who have difficulties in obtaining information about SMK Negeri 2 Doloksanggul online and updates. The process of creation of this website was developed using the PHP programming language, MySQL as database processing, Macromedia Dreamweaver CS5 as a script editor, and Adobe Photoshop as a graphic editor.
Keywords: information systems, PHP, MySQL
(15)
Universitas Sumatera Utara BAB 1
PENDAHULUAN
1.1 Latar Belakang
Pada masa sekarang ini, perkembangan informasi dan teknologi komputer saat ini berkembang dengan sangat pesat. Kebutuhan akan itu pun semakin diminati oleh semua kalangan masyarakat, baik masyarakat awam maupun kaum intelektual. Hal ini berkaitan dengan kegiatan-kegiatan yang dilakukan oleh manusia yang biasanya dilakukan dengan bantuan mesin yaitu teknologi komputer. Dengan pemanfaatan teknologi komputer tersebut juga dapat menghemat segala sesuatu, baik itu tenaga, waktu maupun biaya, sehingga pengeluaran untuk itu dapat ditekan seminimal mungkin.
Berbicara tentang perkembangan teknologi informasi dan komunikasi, komputer merupakan suatu media elektronik yang memegang peranan yang sangat penting dalam perkembangan yang terjadi saat ini. Komputer bukan lagi barang mewah atau sesuatu yang langka untuk dimiliki seseorang, tetapi sudah menjadi suatu keperluan bahkan kebutuhan yang sangat bersifat umum, terutama bagi perusahaan dan badan instansi baik milik pemerintah atau swasta, maupun perorangan. Sehingga segala sesuatu yang dikerjakan dapat dikoordinir secara terkomputerasi yang sifatnya jauh dari kesalahan dan lebih efesien.
(16)
Universitas Sumatera Utara 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 telah berkembang dengan
pesat baik dari segi penggunaan, ukuran, bahasa yang digunakan dan kompleksitasnya. Salah satu informasi yang sangat dibutuhkan adalah informasi mengenai pendidikan. Informasi mengenai pendidikan yang diperoleh pengguna melalui situs-situs pendidikan mulai dari tingkat SMP, SMA dan SMK, bahkan sampai tingkat Universitas merupakan pemanfaatan dari teknologi informasi yang sangat berkembang pesat.
SMK Negeri 2 Doloksanggul berdiri pada tahun 1969 dengan status Negeri dengan nama STM Negeri Doloksanggul, pada awal berdirinya beralamat di Jl. Merdeka no.53 Doloksanggul, selanjutnya pada tahun 1993 mendapat bantuan ADB LOAN NR. 1100 INO. Pindah ke Jl. Sidikalang Km. 2 Doloksanggul dengan jurusan yang diselenggarakan adalah Bidang Keahlian Mesin, Instalasi Listrik dan Bangunan.
SMK Negeri 2 Doloksanggul merupakan lembaga pendidikan dibawah naungan Dinas Pendidikan Nasional, Pemerintah kabupaten Humbang Hasundutan Ibukota Doloksanggul, yakni sebagai bagian yang terpadu dalam sistem pendidikan menengah dalam bentuk teknis pelaksanaan untuk Pengembangan Sekolah Menengah Kejuruan (SMK).
Tahun 2009 adalah merupakan Era Baru bagi pengelolaan Sekolah, yakni dengan ditandatanganinya SK SK.Dit.PSMK, No. 3950/C5.3/Kep/KU/2009, Tgl. 18 Agustus 2009 tentang penetapan SMK Negeri 2 Doloksanggul sebagai SMK Rintisan Sekolah Bertaraf Internasional. Dengan ISO 9001:2008 SMK Negeri 2 Doloksanggul pada tahun
(17)
Universitas Sumatera Utara Pengajaran 2009/2010 siap melayani dan melaksanakan peningkatan mutu pendidikan yang mampu bersaing di era global.
Dengan berkembangnya teknologi di masa sekarang, lembaga pendidikan khususnya SMK NEGERI 2 DOLOKSANGGUL diharapkan menerapkan teknologi informasi sebagai salah satu media informasi untuk menyebarkan informasi-informasi penting mengenai perkembangan sekolah. Teknologi informasi tersebut dapat diimplementasikan ke dalam sebuah website untuk mendukung penyampaian informasi tentang SMK NEGERI 2 DOLOKSANGGUL yang dapat diakses dengan mudah oleh masyarakat.
Untuk memenuhi segala kebutuhan di atas, diperlukan suatu aplikasi sistem yang berbasis sistem informasi dalam proses pelaksanaan program. Dalam hal ini, penulis menggunakan bahasa pemrograman PHP, MySQL sebagai pengolah database, Apache sebagai web server dan aplikasi pendukung lainnya, seperti Macromedia Dreamweaver CS5, Adobe Photoshop CS5 untuk mendesain tampilan web.
Dengan uraian tersebut, penulis berkeinginan membantu sekolah tersebut untuk mengubah sistem penyampaian informasi yang telah ada sebelumnya, sehingga mempermudah semua pihak yang membutuhkan segala informasi yang ada pada SMK NEGERI 2 DOLOKSANGGUL. Hal inilah yang mendorong penulis untuk membuat tugas akhir dengan judul “SISTEM INFORMASI SMK NEGERI 2 DOLOKSANGGUL BERBASIS WEB”.
(18)
Universitas Sumatera Utara 1.2 Rumusan Masalah
Untuk memudahkan penelitian agar tidak menyimpang dari tujuan awal, maka perlu adanya batasan masalah agar pembahasan lebih terarah. Adapun pokok permasalahan yang dibahas adalah sebagai berikut :
1. Bagaimana website ini dapat dirancang dengan semenarik mungkin sehingga dapat memenuhi keinginan masyarakat mengenai SMK NEGERI 2 DOLOKSANGGUL.
2. Bagaimana informasi disediakan dalam web SMK NEGERI 2 DOLOKSANGGUL sehingga pengunjung dapat merasakan manfaatnya.
1.3 Batasan Masalah
Agar masalah yang dibahas tidak menyimpang dari tujuan, maka perlu dibuat suatu batasan masalah, yaitu :
1. Sistem dirancang untuk menampilkan informasi pada SMK NEGERI 2 DOLOKSANGGUL.
2. Sistem ini hanya menampilkan data mengenai sejarah sekolah, profil, visi misi, data guru, data siswa, program studi, pedoman siswa, fasilitas sekolah dan ekstrakulikuler siswa.
3. Aplikasi Sistem Informasi ini cukup sederhana, sehingga tidak terlalu banyak terdapat fitur di dalamnya.
(19)
Universitas Sumatera Utara 4. Sistem ini dirancang dengan menggunakan PHP dan server database yang
digunakan MySQL.
5. Pembahasan tidak mencakup permasalahan keamanan yang mungkin terjadi akibat serangan dari cracker atau hacker pada web server dan database server yang digunakan untuk tempat penyimpanan program dan data pada sistem ini.
1.4 Tujuan Penelitian
Tujuan pelaksanaan penelitian ini adalah sebagai berikut :
1. Membangun suatu website yang dinamis yang dimanfaatkan untuk menyebarkan informasi yang baik dengan cepat dan mudah.
2. Publikasi berbasis website diharapkan akan menjadi sarana penyampaian informasi serta berguna bagi seluruh lapisan masyarakat pada umumnya dan seluruh warga sekolah SMK NEGERI 2 DOLOKSANGGUL.
3. Mampu membuka wawasan para pengguna internet untuk dapat memanfaatkan sumber daya komputer yang ada.
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 SMK NEGERI 2 DOLOKSANGGUL.
(20)
Universitas Sumatera Utara 3. Untuk menghasilkan suatu situs web dinamis yang dapat menyajikan informasi -
informasi mengenai sekolah.
4. Memberikan contoh langsung dalam penerapan dan manfaat teknologi informasi kepada para siswa.
5. Mampu membuka wawasan para pengguna sistem informasi untuk dapat memanfaatkan sumber daya komputer yang ada.
1.6 Metodologi Penelitian
Dalam penulisan tugas akhir ini telah memperoleh data yang diperlukan berkaitan dengan sistem yang akan dirancang. Berikut ini metodologi penelitian yang penulis gunakan antara lain :
1. Library Research
Kegiatan penelitian yang dilakukan dengan cara membaca buku-buku referensi yang berhubungan dengan judul Tugas Akhir.
2. Field Research
Pada metode ini, penulis secara langsung melakukan pada objek. Untuk mendapat data ini penulis menempuh beberapa cara :
a. Data Tulisan
Data yang diperoleh berupa tulisan yang berkaitan dengan judul Tugas Akhir.
b. Pengamatan (Observasi)
Penelitian ini dilakukan melalui pengamatan langsung pada objek yang dipilih sesuai dengan judul Tugas Akhir.
(21)
Universitas Sumatera Utara c. Wawancara (Interview)
Pada bagian ini penulis bertanya langsung pada guru dan pegawai sekolah SMK NEGERI 2 DOLOKSANGGUL terkait dengan pembahasan judul Tugas Akhir.
d. Studi Literatur
Mempelajari site-site yang berhubungan dengan Tugas Akhir, seperti situs-situs sekolah dan mempelajari bahasa-bahasa pemrograman web dengan mengunjungi situs-situs yang menyediakan tutorial pemrograman web seperti www.ilmukomputer.com, www.phpaplikasi.com.
1.7 Sistematika Penulisan
Adapun sistematika penulisan Tugas Akhir adalah sebagai berikut :
Untuk mempermudah penulisan tugas akhir ini, penulis membuat suatu sistematika penulisan yang terdiri dari :
BAB 1 : PENDAHULUAN
Pada bab ini penulis menguraikan Latar Belakang, Rumusan Masalah, Batasan Masalah, Maksud dan Tujuan, Metode Penelitian, dan Sistematika Penulisan.
BAB 2 : LANDASAN TEORI
Dalam bab ini berisikan tentang teori-teori singkat mengenai hal- hal yang berhubungan dengan judul dan pembahasan pemrograman PHP dan MySQL sebagai databasenya.
(22)
Universitas Sumatera Utara BAB 3 : PERANCANGAN SISTEM
Didalam bab ini berisikan pembahasan mengenai sistem yang dirancang, dan penggunaan aplikasi dan bahasa pemrograman yang digunakan.
BAB 4 : IMPLEMENTASI SISTEM
Bab ini menguraikan tentang implementasi sistem, tujuan implementasi sistem, spesifikasi sistem, dan demonstrasi program.
BAB 5 : KESIMPULAN DAN SARAN
Sebagai bab terakhir penulis akan menguraikan beberapa kesimpulan dan saran-saran yang ada manfaatnya.
(23)
Universitas Sumatera Utara BAB 2
LANDASAN TEORI
2.1 Pengertian Data, Informasi dan Sistem 2.1.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. Data menurut Wilkinson adalah fakta, angka, bahkan symbol mentah. Secara bersama-sama merupakan masukan bagi suatu sistem informasi.
Dari beberapa pengertian di atas, dapat disimpulkan bahwa data adalah suatu bahan mentah yang kelak dapat diolah lebih lanjut untuk menjadi sesuatu yang lebih bermakna.
(24)
Universitas Sumatera Utara 2.1.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. Pengertian informasi menurut Laudon adalah datayang telah diolah menjadi bentuk yang bermakna dan berguna bagi manusia.
Dari beberapa pengertian di atas, dapat disimpulkan bahwa informasi bermuara pada data. Infomasi memberikan suatu nilai tambah atau pengetahuan bagi yang menggunakannya. Dan informasi dapat digunakan untuk pengambilan keputusan.
Suatu data akan menjadi sebuah informasi karena ada parameter lain yang mempengaruhinya, yaitu pengetahuan awal dan waktu. Dengan kata lain, pengetahuan awal yang dimiliki oleh seseorang dan ketepatan waktu dapat membuat suatu data menjadi informasi. Dan makna yang terkandung dalam informasi itu sendiri bisa berubah dari suatu masa ke masa lain.
(25)
Universitas Sumatera Utara 2.1.3 Pengertian Sistem
Berikut beberapa pengertian tentang sistem adalah sebagai berikut:
1. Menurut Suharso dan Ana Retnoningsih dalam kamus besar Bahasa Indonesia sistem adalah sekelompok bagian-bagian alat dan sebagainya yang bekerja bersama-sama untuk melakukan sesuatu maksud. Cara atau metode yang teratur untuk melakukan sesuatu.
2. Sistem merupakan kumpulan dari bagian-bagian (subsistem) yang terkait menjadi satu bentuk mekanisme kerja yang memberi fungsi dan manfaat tertentu.
3. Sistem adalah kumpulan elemen yang saling berhubungan dan berinteraksi dalam satu kesatuan untuk menjalankan suatu proses pencapaian suatu tujuan utama.
Dari beberapa pengertian di atas dapat diambil suatu kesimpulan bahwa sistem adalah suatu metode yang berada satu kesatuan yang terdiri dari beberapa bagian yang saling berhubungan dan berinteraksi untuk mencapai satu tujuan tertentu.
2.2 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).
(26)
Universitas Sumatera Utara Sistem Informasi adalah suatu kegiatan dari prosedur-prosedur yang diorganisasikan, bilamana dieksekusi akan menyediakan informasi untuk mendukung pengambilan keputusan dan pengendalian di dalam organisasi (Henry Lucas, 1988). Secara teknis sistem informasi dapat didefenisikan sebagai sekumpulan komponen yang saling berhubungan, mengumpulkan, memproses, menyimpan dan mendistribusikan informasi untuk menunjang pengambilan keputusan dan pengawasan dalam suatu organisasi (Laudon, K. C danLaudon, J. P , 2007).
Tiga aktivitas di dalam sistem informasi akan memproduksi informasi yang dibutuhkan 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 keorang yang akan menggunakan atau kepada aktivitas yang akan menggunakan informasi tersebut.
Berikut ilustrasi dari tiga aktivitas di atas:
FEEDBACK
Gambar 2.1 Aktivitas Sistem Informasi
2.2.1 Sistem Informasi Berbasis Komputer
INPUT
PROSES
OUTPUT
(27)
Universitas Sumatera Utara Sistem informasi berbasis komputer adalah sebuah sistem informasi yang menggunakan komputer dan teknologi telekomunikasi untuk melakukan tugas-tugas yang diinginkan. Teknologi Informasi (TI) merupakan komponen tertentu pada sebuah sistem. Hanya sedikit teknologi informasi yang digunakan secara terpisah, Teknologi Informasi dikombinasikan atau digabungkan ke dalam sistem informasi merupakan cara efektif dalam pemanfaatan TI.
Komponen- komponen dasar dari sistem informasi antaralain sebagai berikut:
1. Hardware, kumpulan peralatan seperti processor, monitor, keyboard, dan printer yang menerima data dan informasi, memproses data tersebut dan menampilkan data tersebut.
2. Software, kumpulan program-program komputer yang memungkinkan hardware memproses 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.2.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.
(28)
Universitas Sumatera Utara 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.3 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.
Perkembangan teknologi informasi dan ilmu komputer semakin berkembang secara cepat sehingga komputer tidak hanya sebagai alat hitung saja. Beberapa fungsi lain
(29)
Universitas Sumatera Utara yang tercipta antara lain, pengolahan data, permainan, membuat grafik, merancang gambar teknik, pengontrolan, pengeditan, dan sebagainya.
2.3.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. Sistem komputer memiliki beberapa komponen yaitu :
2.3.1.1 Perangkat Keras (Hardware)
Perangkat keras merupakan yang secara fisik dapat dilihat dan diraba, yang membentuk suatu kesatuan dapat difungsikan. Berdasarkan kegunaannya, perangkat keras komputer digolongkan ke dalam tiga bagian utama, yaitu :
1. Alat Input
Alat input adalah alat untuk memasukkan program maupun data yang akan diproses oleh komputer, seperti keyboard, mouse, scanner.
2. Alat Proses
Alat proses atau CPU (Central Processing Unit), merupakan alat atau unit terpanting didalam sistem komputer. Tugas utamanya adalah mengontrol keseluruhan sistem komputer selama pengelolahan data berlangsung seperti motherboard dan processor.
(30)
Universitas Sumatera Utara 3. Alat Output
4. Alat output adalah alat untuk menampilkan hasil pengelolahan data yang dilakukan oleh CPU, misalnya monitor dan printer.
2.3.1.2 Perangkat Lunak (Software)
Perangkat lunak adalah komponen komputer yang merupakan kumpulan program dan prosedur yang memungkinkan komputer perangkat keras komputer dapat menjalankan fungsinya sebagai alat pengolahan data, komponen ini tidak nyata secara fisik. Perangkat lunak berfungsi sebagai perantara bagi komputer dan pengguna komputer (user), sehingga komputer dapat digunakan.
2.3.1.3 Pengguna Komputer (Brainware)
Pengguna komputer adalah manusia yang menangani suatu sistem komputer atau orang yang mampu mengoperasikan komputer. Brainware dapat dikelompokkan dalam beberapa bagian, yaitu :
1. Sistem Analis
Orang yang bertugas membentuk dan merancang fasilitas suatu sistem komputer yang akan dibangun.
2. Programmer
Orang yang bertugas meneterjemahkan spesifikasi yang telah dirancang oleh sistem analis ke dalam suatu bahasa pemrograman tertentu.
3. Computer Operator
Orang yang bertugas menangani pengelolahan data secara langsung.
(31)
Universitas Sumatera Utara 4. Data Entry Operator
Orang yang bertugas melakukan pengurusan terhadap data yang akan diolah, mulai dari pengumpulan data, perekaman data ke dalam media-media penyimpanan hingga pemeriksaan dan pengiriman informasi yang menghasilkan oleh 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.
2.3.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.
(32)
Universitas Sumatera Utara Kemudian interpreter/compiler (penerjemah) akan membantu untuk menerjemahkan bahasa manusia ke bahasa mesin yang dimengerti oleh komputer. Selanjutnya komputer akan bekerja sesuai dengan perintah dan jika telah selesai akan menghasilkan informasi.
2.4 Pengertian Internet
Internet adalah seluruh jaringan komputer yang saling terhubung menggunakan standar sistem global Transmission Control Protocol/Internet Protocol Suite (TCP/IP) sebagai protokol pertukaran paket (packet switching communication protocol) untuk melayani miliaran pengguna di seluruh dunia. Sumber daya informasi tersebut sangat luas dan sangat besar sehingga tidak ada satu orang, satu organisasi, atau suatu negara yang dapat menanganinya sendiri. Rangkaian internet yang terbesar dinamakan Internet.
Internet merupakan jaringan komputer yang dibentuk oleh Departemen Pertahanan Amerika Serikat di tahun 1969, melalui proyek ARPA yang disebut ARPANET (Advanced Research Project Agency Network), di mana mereka mendemonstrasikan bagaimana dengan hardware dan software komputer yang berbasis UNIX, melakukan komunikasi dalam jarak yang tidak terhingga melalui saluran telepon.
Proyek ARPANET merancang bentuk jaringan, kehandalan, seberapa besar informasi dapat dipindahkan, dan akhirnya semua standar yang ditentukan menjadi cikal bakal pembangunan protokol baru yang sekarang dikenal sebagai TCP/IP (Transmission Control Protocol/Internet Protocol).
(33)
Universitas Sumatera Utara 2.5 Website
World Wide Web (www), lebih dikenal dengan web, merupakan salah satu layanan yang
didapat oleh pemakai komputer yang terhubung ke internet. Web pada awalnya adalah ruang informasi dalam internet, dengan menggunakan teknologi hypertext, pemakai dituntun untuk menemukan informasi dengan mengikuti link yang disediakan dalam dokumen web yang ditampilkan dalam browser web. Kini internet identik dengan web, karena kepopuleran web sebagai standar interface pada layanan-layanan yang ada di internet, dari awalnya sebagai penyedia informasi, kini digunakan juga untuk komunikasi dari e-mail sampai dengan chatting dan melakukan transaksi bisnis (commerce).
Saat ini, web seakan lebih populer dari pada e-mail, walaupun secara statistik e-mail masih merupakan aplikasi terbanyak yang digunakan oleh pengguna internet. Web
lebih popular bagi khalayak umum dan pemula, terutama untuk tujuan pencarian informasi dan melakukan komunikasi e-mail yang menggunakan web sebagai interface-nya.
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.
(34)
Universitas Sumatera Utara 4. Bebas platform: informasi dapat disajikan oleh browser web pada sistem operasi
mana saja karena adanya standar dokumen berbagai tipe data dapat disajikan. 2.5.1 Lahirnya Web
Tahun 1989, Timothy Berners- Lee seorang ahli komputer dari Inggris dan peneliti lain di European Particle Lab (Consei European pour la Rechherche Nucleaire, atau CERN) di Geneva Swiss, mengembangkan suatu cara untuk men-share data antar koleganya menggunakan sesuatu yang disebut dengan hypertext. Pemakai di CERN dapat menampilkan dokumen pada layer komputer dengan menggunakan software browser baru.
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 sebuah hyperlink.
Kemampuan internet dimasukkan ke dalam browser ini sehingga berpindah dari satu dokumen ke dokumen lain, tidak lagi dari satu komputer 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 oleh
World Wide Web Consortium).
2.5.2 Browser Web
(35)
Universitas Sumatera Utara Browser Web adalah software yang digunakan untuk menampilkan informasi dari server
web. Software ini kini talah dikembangkan dengan menggunakan user interface grafis, sehingga pemakai dapat dengan mudah melakukan point dan click untuk pindah antar dokumen. Di saat perkembangan www 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. Diantara browser web yang 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.3 Server Web
Server web adalah komputer yang digunakan untuk menyimpan dokumen-dokumen web, komputer ini akan melayani permintaan dokumen web dari kliennya. Browser web seperti IE, Mozilla atau Opera berkomunikasi melalui jaringan (termasuk jaringan internet) dengan server web, menggunakan http. Browser akan mengirimkan request kepada server untuk meminta dokumen tertentu atau layanan lain yang disediakan oleh server. Server memberikan dokumen atau layanannya jika tersedia juga dengan menggunakan protokol http.
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): URL adalah konsep nama file standar yang
diperluas dengan jaringannya. Nama file ini tidak hanya menunjukkan direktori dan nama filenya, tetapi juga nama mesinnya dalam jaringan.
(36)
Universitas Sumatera Utara 2. HTTP (HyperText Transfer Protocol): http umumnya digunakan untuk melayani dokumen hypertext, karena http adalah protokol dengan overhead yang 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 informasi web.
4. Browse /Surfer: pengguna komputer yang melakukan browsing/surfing.
2.6 HTML (HyperText Markup Language)
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 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.
(37)
Universitas Sumatera Utara 2. Menentukan hubungan ke dokumen lainnya, html merupakan suatu bahasa komputer yang termasuk dalam katagori SGML (Standard Generalized Markup Language) di mana bentuknya merupakan file standar ASCII yang berisi kode - kode untuk mengatur dokumen.
HTML bersifat fleksibel, artinya html dapat disisipi kode-kode script seperti JavaScript, VBScript, dan juga bahasa pemrograman berbasis web seperti PHP dan ASP. Animasi seperti Flash serta beberapa jenis file grafis dan multimedia juga dapat disisipkan dan ditampilkan melalui html. Fleksibilitas html dan daya dukung ini meningkatkan daya guna dan menjadikannya sebagai bahasa kode yang dinamis.
2.7 XAMPP
XAMPP adalah perangkat lunak bebas, yang mendukung banyak sistem operasi, merupakan kompilasi dari beberapa program. Fungsinya adalah sebagai server yang berdiri sendiri (localhost), yang terdiri atas program Apache http server, MySQL database, dan penerjemah bahasa yang ditulis dengan bahasa pemrograman PHP dan
Perl. Nama XAMPP merupakan singkatan dari X (empat sistem operasi, yaitu Windows, Linux, Mac OS, dan Solaris), Apache, MySQL, PHP dan Perl. Program ini tersedia dalam GNU General Public 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
(38)
Universitas Sumatera Utara PHP memiliki kepanjangan PHP Hypertext Preprocessor, merupakan suatu bahasa pemrograman yang difungsikan untuk membangun suatu website dinamis. PHP menyatu dengan kode HTML, maksudnya adalah beda kondisi. HTML digunakan sebagai pembangun atau pondasi dari kerangka layout web, sedangkan PHP difungsikan sebagai prosesnya, sehingga dengan adanya PHP tersebut, sebuah web akan sangat mudah di-maintenance.
PHP berjalan pada sisi server, sehingga PHP disebut juga sebagai bahasa Server Side Scripting, artinya bahwa dalam setiap menjalankan PHP, wajib membutuhkan web
server dalam menjalankannya. PHP ini bersifat open source, sehingga dapat dipakai secara cuma-cuma, dan mampu lintas platform, yaitu dapat berjalan pada sistem operasi Windows maupun Linux. PHP juga dibangun sebagai modul pada web server apache dan sebagai binary yang dapat berjalan sebagai CGI.
2.8.1 Sejarah Singkat PHP
PHP diciptakan pertama kali oleh Rasmus Lerdoft pada tahun 1994. Awalnya, Rasmus Lerdoft membuat sejumlah skrip Perl yang dapat mengamati siapa saja yang melihat- lihat daftar riwayat hidupnya. Skrip-skrip ini selanjutnya dikemas menjadi tool yang disebut Personal Home Page. Hal inilah yang menjadi cikal-bakal terbentuknya PHP.
Pada tahun 1995, Rasmus menciptakan PHP/FI versi 2. Pada versi ini pemrogram dapat menempelkan kode terstruktur di dalam tag html. Kode PHP juga bisa berkomunikasi dengan database dan melakukan 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
(39)
Universitas Sumatera Utara 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.
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.
(40)
Universitas Sumatera Utara 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 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 dilayar. 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.
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,
(41)
Universitas Sumatera Utara 4. Ingres,
5. InterBase,
6. Microsoft Access, 7. MSQL,
8. MySQL, 9. Oracle, 10. PostgreSQL, 11. Sybase.
2.8.5 Kelebihan PHP
Diantara maraknya pemrograman server web saat ini adalah ASP yang berkembang menjadi ASP.NET, JSP, CFML, dan PHP. Jika dibandingkan diantara 3 terbesar pemrograman web server diatas, terdapat kelebihan dari PHP :
1. PHP merupakan sebuah bahasa script yang tidak melakukan sebuah kompilasi dalam penggunaannya. Tidak seperti halnya bahasa pemrograman aplikasi seperti Visual Basic dan sebagainya.
2. PHP dapat berjalan pada web server yang dirilis oleh Microsoft, seperti IIS atau PWS juga pada Apache yang bersifat open source.
3. Karena sifatnya yang open source, maka perubahan dan perkembangan interpreter pada PHP lebih cepat dan mudah, karena banyak milis-milis dan developer yang siap menbantu perkembangannya.
4. Jika dilihat dari segi pemahaman, PHP memiliki referensi yang sangat mudah dipahami.
(42)
Universitas Sumatera Utara 5. PHP dapat berjalan pada 3 operator sistem, yaitu : Linux, Unix dan Windows serta
dapat juga dijalankan secara runtime pada suatu console.
2.8.6 Kelemahan PHP
Seperti pemrograman aplikasi atau web lainnya, PHP pun memiliki beberapa kelemahan, diantaranya :
1. Tidak ideal untuk pengembangan skala besar.
2. Tidak memiliki sistem pemrograman berorientasi objek yang sesungguhnya (sampai versi 4 saja). Namun pada versi PHP 5.0 sudah dilengkapi OOP yang sesungguhnya.
2.9 Flowchart
Flowchart merupakan suatu diagram yang menggambarkan alur kerja suatu sistem. Flowchart adalah gambaran dalam bentuk diagram alir dari algoritma-algorritma dalam suatu program, yang menyatakan arah alur program tersebut. Flowchart adalah penggambaran secara grafik dari langkah-langkah dan urut-urutan prosedur dari suatu program. Flowchart menolong analis dan programmer untuk memecahkan masalah kedalam segmen-segmen yang lebih kecil dan menolong dalam menganalisis alternatif-alternatif lain dalam pengoperasian. Flowchart biasanya mempermudah penyelesaian suatu masalah khususnya masalah yang perlu dipelajari dan dievaluasi lebih lanjut. Bila seorang analis dan programmer akan membuat flowchart, ada beberapa petunjuk yang harus diperhatikan, seperti :
1. Flowchart digambarkan dari halaman atas ke bawah dan dari kiri ke kanan.
(43)
Universitas Sumatera Utara 2. Aktivitas yang digambarkan harus didefinisikan secara hati-hati dan definsi ini
harus dapat dimengerti oleh pembacanya.
3. Kapan aktivitas dimulai dn berakhir harus ditentukan secara jelas.
4. Setiap langkah dari aktivitas harus diuraikan dengan menggunakan deskripsi kata kerja.
5. Setiap langkah dari aktivitas harus berada pada urutan yang benar.
6. Lingkup dan range dari aktivitas yang sedang digambarkan dengan hati-hati. Percabangan-percabangan yang memotong aktivitas yang sedang digambarkan tidak perlu digambarkan pada flowchart yang sama. Simbol konektor harus digunakan dan percabangannya diletakkan pada halaman yang terpisah atau hilangkan seluruhnya bila percabangannya tidak berkaitan dengan sistem.
7. Gunakan simbol-simbol flowchart yang standar.
Penjelasan arti dari simbol-simbol flowchart dapat didefinisikan seperti tabel dibawah ini: Tabel 2.1 Simbol-Simbol Flowchart
No SIMBOL KETERANGAN
1 Terminal, untuk memulai atau mengakhiri suatu program
2
Proses, simbol ini menunjukkan setiap pengolahan yang dilakukan oleh komputer.
3
Input-Output, untuk memasukkan data atau menunjukkan hasil keluaran dari suatu proses
4
Decision, suatu kondisi yang menghasilkan beberapa kemungkinan jawaban atau pilihan.
(44)
Universitas Sumatera Utara
5
Untuk menyatakan sekumpulan langkah proses yang ditulis sebagai procedur
6
Connector, suatu prosedur akan masuk atau keluar melalui simbol ini dalam lembaran yang sama.
7
Off-Line Connector, simbol masuk atau keluarnya suatu prosedur pada lembaran kertas lainnya.
8 Arus/Flow dari prosedur yang dapat dilakukan dari atas kebawah, kiri kekanan atau sebaliknya.
9
Document, merupakan simbol dari data yang berbentuk kertas maupun informasi
10
Database, menyediakan tempat pengolahan data serta penyimpanan dalam storage.
11
Simbol untuk output, yang ditujukan kesuatu device ,seperti primer,plotters,dll
Berikut flowchart yang dapat kita ambil dari penjelasan-penjelasan sebelumnya, makna alur dari flowchart yang tampil pada Gambar 2.2
(45)
Universitas Sumatera Utara
Gambar 2.2 Flowchart Flowchart pada Gambar 2.2 dapat diartikan bahwa : 1. Semua diawali dari proses login.
2. Setelah login, admin dapat melakukan input Sistem Company Profile, maksudnya adalah user, profil, produk, services, karier, dan lain-lain.
3. Jika data company profile yang diinput valid, maka akan disimpan dalam database. Namun, jika data yang dimasukkan tidak valid, maka akan dikembalikan ke
form company profile.
4. Setelah masuk ke dalam database, proses selesai/finish.
(46)
Universitas Sumatera Utara 2.9.1 Jenis-Jenis Flowchart
1. Flowchart sistem
Flowchart sistem merupakan bagan yang menunjukkan alur kerja atau apa yang sedang dikerjakan di dalam sistem secara keseluruhan dan menjelaskan urutan dari prosedur yang ada di dalam sistem. Dengan kata lain, flowchart ini merupakan deskripsi secara grafik dari urutan prosedur-prosedur yang terkombinasi yang membentuk suatu sistem. Flowchart sistem terdiri dari data yang mengalir melalui sistem dan proses yang mentransformasikan data itu. Data dan proses dalam flowchart sistem dapat digambarkan secara online (dihubungkan dengan komputer) atau offline (tidak dihubungkan langsung dengan komputer, misalnya mesin tik, cash register atau kalkulator).
2. Flowchart paperwork
Flowchart paperwork menelusuri alur dari data yang ditulis melalui sistem. Flowchart ini sering disebut juga dengan flowchart dokumen. Kegunaan utamanya adalah untuk menelusuri alur form dan laporan sistem dari suatu bagian ke bagian lain baik bagaimana alur form dan laporan diproses, dicatat dan disimpan.
3. Flowchart skematik
Flowchart skematik mirip dengan flowchart sistem yang menggambarkan suatu sistem atau prosedur. Flowchart skematik ini bukan hanya menggunakan simbol-simbol flowchart standar, tetapi juga menggunakan gambar-gambar komputer, periphehal, form-form atau peralatan lain yang digunakan dalam sistem. Flowchart skematik digunakan sebagai alat komunikasi antara analis sistem dengan seseorang yang tidak familiar dengan simbol-simbol flowchart yang konvensional.
(47)
Universitas Sumatera Utara Pemakaian gambar sebagai ganti dari simbol-simbol flowchart akan menghemat waktu yang dibutuhkan oleh seseorang untuk mempelajari simbol abstrak sebelum dapat mengerti flowchart.
4. Flowchart program
Flowchart program dihasilkan dari flowchart sistem. Flowchart program merupakan keterangan yang lebih rinci tentang bagaimana setiap langkah program atau prosedur sesungguhnya dilaksanakan. Flowchart ini menunjukkan setiap langkah program atau prosedur dalam urutan yang tepat saat terjadi. Programmer menggunakan flowchart program untuk menggambarkan urutan intruksi dari program komputer. Analis sistem menggunakan flowchart program untuk menggambarkan urutan tugas-tugas pekerjaan dalam suatu prosedur atau operasi. 5. Flowchart proses
Flowchart proses merupakan teknik penggambaran rekayasa industrial yang memecah dan menganalisis langkah-langkah selanjutnya dalam suatu prosedur atau sistem. Flowchart proses memiliki lima simbol khusus :
(48)
Universitas Sumatera Utara
Gambar 2.3 Simbol pada flowchart proses
Flowchart proses digunakan oleh perekayasa industrial dalam mempelajari dan mengembangkan proses-proses manufacturing. Dalam analisis sistem, flowchart ini digunakan secara efektif untuk menelusuri alur suatu laporan atau form.
2.10 Algoritma
Algoritma merupakan suatu cara menganalisa (menjelaskan) urutan dan hubungan kegiatan-kegiatan yang dilakukan untuk memecahkan suatu permasalahan sehingga tercapai tujuan yang diinginkan. Algoritma adalah urutan langkah-langkah logis pada penyelesaian masalah yang disusun secara sistematis. Masalah dapat berupa apa saja, dengan catatan untuk setiap masalah ada syarat kondisi awal yang harus dipenuhi sebelum menjalankan algoritma.
(49)
Universitas Sumatera Utara Konsep algoritma sering kali disetarakan dengan sebuah resep. Sebuah resep biasanya memiliki daftar bahan atau bumbu yang akan digunakan, urutan pengerjaan, dan bagaimana hasil dari urutan pengerjaan tersebut. Apabila bahan yang digunakan tidak tertera (tidak tersedia), maka resep tersebut tidak akan dapat dikerjakan. Demikian juga jika urutan pengerjaannya tidak beraturan, maka hasil yang diharapkan tidak akan dapat diperoleh. Algoritma yang berbeda, dapat diterapkan pada suatu masalah dengan syarat yang sama. Tingkat kerumitan dari suatu algoritma merupakan ukuran seberapa banyak komputasi yang dibutuhkan algoritma tersebut untuk menyelesaikan masalah. Umumnya, algoritma yang dapat menyelesaikan suatu permasalahan dalam waktu yang singkat memiliki tingkat kerumitan yang rendah, sementara algoritma yang membutuhkan waktu lama untuk menyelesaikan suatu masalah membutuhkan tingkat kerumitan yang tinggi.
2.10.1 Sejarah Algoritma
Kata algoritma berasal dari latinisasi nama seorang ahli matematika dari Uzbekistan Al Khawārizmi (hidup sekitar abad ke-9), sebagaimana tercantum pada terjemahan karyanya dalam bahasa latin dari abad ke-12 "Algorithmi de numero Indorum". Pada awalnya kata algorisma adalah istilah yang merujuk kepada aturan-aturan aritmetis untuk menyelesaikan persoalan dengan menggunakan bilangan numerik arab (sebenarnya dari India, seperti tertulis pada judul di atas). Pada abad ke-18, istilah ini berkembang menjadi algoritma, yang mencakup semua prosedur atau urutan langkah yang jelas dan diperlukan untuk menyelesaikan suatu permasalahan. Masalah timbul pada saat akan menuangkan bagaimana proses yang harus dilalui dalam suatu/sebuah sistem (program) bagi komputer sehingga pada saat eksekusinya, komputer dapat bekerja seperti yang diharapkan.
(50)
Universitas Sumatera Utara Programer komputer akan lebih nyaman menuangkan prosedur komputasinya atau urutan langkah proses dengan terlebih dahulu membuat gambaran (diagram alur) diatas kertas.
2.10.2 Jenis-jenis Algoritma
Terdapat beragam klasifikasi algoritma dan setiap klasifikasi mempunyai alasan tersendiri. Salah satu cara untuk melakukan klasifikasi jenis-jenis algoritma adalah dengan memperhatikan paradigma dan metode yang digunakan untuk mendesain algoritma tersebut. Beberapa paradigma yang digunakan dalam menyusun suatu algoritma akan dipaparkan dibagian ini. Masing-masing paradigma dapat digunakan dalam banyak algoritma yang berbeda.
1. Divide and Conquer, paradigma untuk membagi suatu permasalahan besar menjadi permasalahan-permasalahan yang lebih kecil. Pembagian masalah ini dilakukan terus menerus sampai ditemukan bagian masalah kecil yang mudah untuk dipecahkan. Singkatnya menyelesaikan keseluruhan masalah dengan membagi masalah besar dan kemudian memecahkan permasalahan-permasalahan kecil yang terbentuk.
2. Dynamic programming, paradigma pemrograman dinamik akan sesuai jika digunakan pada suatu masalah yang mengandung sub-struktur yang optimal (, dan mengandung beberapa bagian permasalahan yang tumpang tindih . Paradigma ini sekilas terlihat mirip dengan paradigma Divide and Conquer, sama-sama mencoba untuk membagi permasalahan menjadi sub permasalahan yang lebih kecil, tapi secara intrinsik ada perbedaan dari karakter permasalahan yang dihadapi.
(51)
Universitas Sumatera Utara 3. Metode serakah. Sebuah algoritma serakah mirip dengan sebuah Pemrograman dinamik, bedanya jawaban dari submasalah tidak perlu diketahui dalam setiap tahap dan menggunakan pilihan "serakah" apa yang dilihat terbaik pada saat itu.
2.11 MySQL
MySQL termasuk dalam kategori database management system, yaitu suatu database yang terstruktur dalam pengolahan dan penampilan datanya. MySQL merupakan database yang bersifat client server, di mana data diletakkan di server yang bisa diakses
melalui komputer client. Pengaksesan dapat dapat dilakukan apabila komputer telah terhubung dengan server. Berbeda dengan database desktop, di mana segala pemrosesan data harus dilakukan pada komputer yang bersangkutan.
MySQL dibuat sekitar tahun 1994/1995 dan dikembangkan oleh sebuah perusahaan di Swedia yang bernama MySQLAB dengan istilah T.c.X DataKonsult AB. Tujuannya adalah untuk mengembangkan aplikasi web yang dimiliki oleh kliennya. Saat itu Michael Widenius atau “Monty” merupakan satu-satunya pengembang MySQL di T.c.X, yang memiliki aplikasi UNIREG dan rutin ISAM. Dia membuat sendiri aplikasi tersebut dan mengembangkan interface (antarmuka) SQL untuk dijalankan pada MySQL.
Pada awalnya T.c.X menggunakan mSQL atau miniSQL, namun ternyata tidak terlalu cepat dan fleksibel. Bahkan versi pertamanya tidak memiliki index, sehingga Ia memutuskan untuk membuat sendiri mesin SQL yang interfacenya seperti mSQL tetapi memiliki kemampuan yang lebih. MySQL versi 1.0 dirilis Mei 1996 secara terbatas kepada empat orang rekannya. Kemudian diinstall pada sistem operasi Microsoft
(52)
Universitas Sumatera Utara Windows, maka MySQL berlisensi shareware, tetapi tidak mempunyai expired date (batas waktu). Sedangkan bila diinstall pada sistem operasi lainnya, maka berlisensi free sesuai dengan General Public License (GPL). Namun demikian ada beberapa hal yang tidak bersifat free yaitu :
1. Me-link program dengan kode pemrograman dari source code MySQL server. Misalnya menggunakan MySQL sebagai embedded server dalam suatu program atau menambahkan suatu ekstensi yang tidak gratis pada MySQL server.
2. Program komersial yang hanya bekerja pada MySQL dan menggunakan aplikasi MySQL server.
3. Ketika memiliki distribusi MySQL, tetapi tidak mempunyai kode sumber (source code) dari MySQL server sebagaimana yang telah dijelaskan pada license GPL.
Versi komersial dari MySQL hanya ditekankan pada penggunaan server saja. Sedangkan clientnya dibebaskan untuk mengubah dan mengcompile ulang source codenya, dengan cacatan harus juga melepasnya dengan lisensi GPL.
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 :
1. Multiplatform.
MySQL tersedia pada beberapa platform (Windows, Linux, Unix, dan lain - lain). 2. Andal, cepat, dan mudah digunakan.
(53)
Universitas Sumatera Utara 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, 3. Jaminan keamanan akses.
MySQL mendukung pengamanan database dengan berbagai criteria pengaksesan. Penerapannya seperti pada saat mengatur user tertentu agar bisa mengakses data yang bersifat rahasia, sedangkan user lain tidak boleh. MySQL juga mendukung konektivitas ke berbagai software. Misalnya, dengan menggunakan ODBC (Open Database Connectivity), database yang ditangani MySQL dapat diakses melalui
program yang dibuat dengan Visual Basic. Melalui JDBC (Java Database Connectivity) program klien yang berbasis Java dapat berkomunikasi dengan
MySQL. MySQL juga bisa diakses melalui aplikasi berbasis web, 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 memudahkan user untuk menggunakan MySQL.
MySQL bekerja dengan menggunakan bahasa basis data yaitu DBMS, yang merupakan kependekan dari Database Management System. Data language ini terbagi dua, yaitu DDL dan DML.
DDL (Data Definition Language), merupakan suatu perintah yang digunakan untuk menciptakan struktur data, atau untuk membangun database. DDL mempunyai
(54)
Universitas Sumatera Utara tugas untuk membuat objek SQL dan menyimpan definisinya dalam tabel. Contoh objek tersebut, yaitu tabel, view, dan index. Intinya, DDL ini mempunyai fungsi untuk melakukan perubahan struktur tabel, seperti membuat tabel, mengubah nama tabel, dan sebagainya. Berikut perintah-perintah yang masuk dalam golongan DDL :
1. Create
Digunakan untuk membuat database, tabel, dan objek lain dalam database. 2. Alter
Digunakan untuk memodifikasi tabel, seperti mengubah nama tabel, field, menambah field, dan lain-lain.
3. Drop
Digunakan untuk menghapus database, tabel, dan objek lain dalam database. Berbeda dengan DDL yang cenderung mengarah pada struktur tabel. DML atau yang memiliki kepanjangan dari Data Manipulation Language merupakan basis data yang digunakan untuk melakukan modifikasi dan pengambilan data suatu database. Pengolahan/modifikasi ini meliputi:
1. Insert
Digunakan untuk melakukan penambahan data. 2. Select
Digunakan untuk melakukan pengambilan data. 3. Update
Digunakan untuk melakukan perubahan data. 4. Delete
Digunakan untuk melakukan penghapusan data.
(55)
Universitas Sumatera Utara 2.12 Apache
Web server Apache berbasiskan Open Source dan mulai populer di internet sejak tahun 1996 karena Open Source. Apache bebas didistribusikan oleh siapa saja dan kesiapa saja. Software ini dapat diunduh pada situs http://www.apache.org dan tersedia untuk berbagai
platform, diantaranya Windows, Linux, dan Unix.
Agar dokumen-dokumen web yang berekstensi html ataupun PHP bisa diakses oleh browser maka dokumen-dokumen tersebut perlu diletakkan dalam direktori khusus yang diatur oleh Apache. Tugas utama Apache adalah menghasilkan halaman web yang benar kepada user berdasarkan kode PHP yang dituliskan oleh pembuat 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.13 Cascading Style Sheet (CSS)
CSS atau yang memiliki kepanjangan Cascading Style Sheet, merupakan suatu bahasa pemrograman web yang digunakan untuk mengendalikan dan membangun berbagai komponen dalam web sehingga tampilan web akan lebih rapi, terstruktur, dan seragam.
CSS merupakan pemrograman wajib yang harus dikuasai oleh setiap pembuat program (Web Programmer), terlebih lagi itu adalah pendesain web (web designer). CSS saat ini dikembangkan oleh World Wide Web Consortinum (W3C) dan menjadi bahasa standar dalam pembuatan web. CSS difungsikan sebagai penopang atau pendukung, dan pelengkap dari file html yang berperan dalam penataan kerangka dan layout. CSS lintas
(56)
Universitas Sumatera Utara platform, maksudnya dapat dijalankan pada berbagai macam sistem operasi dan web browser. Secara umum, yang dilakukan oleh CSS adalah pengaturan layout, kerangka,
teks, gambar, warna tabel, spasi dan lain sebagainya.
Saat ini, CSS telah mencapai pada versi yang ketiga, di mana pada setiap versi selalu ada peningkatan. Perbedaan antara CSS-1, CSS-2, hingga CSS-3.
1. CSS-1, dikembangkan dan berpusat pada formatting dokumen HTML.
2. CSS-2, dikembangkan untuk bisa memenuhi kebutuhan tehadap format dokumen supaya bisa ditampilkan di printer. Pada CSS-2 ini mendukung juga dalam penentuan posisi konten, downloadable, font, table-layout, dan media type untuk printer.
3. CSS-3, merupakan versi pengembangan dari sebelumnya. Pada versi ini, terdapat beberapa tambahan dan mengarah pada efek animasi. Namun saat ini, belum semua didukung oleh web browser.
Ada dua jenis sifat CSS, yaitu internal dan eksternal. Internal, jika kode CSS yang akan dibuat tersebut kita masukkan atau sisipkan ke dalam file kode html. Namun, cara ini akan sungguh merepotkan jika kita membuat file lain dengan metode yang sama. Artinya, kita harus melakukan cara yang sama berulang-ulang (menyisipkan kode CSS ke dalam kode HTML). Eksternal, pembuatan kode CSS dan HTML terpisah. Artinya, kita membuat satu file CSS untuk kemudian file CSS tersebut dapat kita panggil berulang-ulang untuk dihubungkan dengan file HTML (melalui linked). Cara ini memang sangat disarankan untuk pembuatan desain web karena dapat menyingkat waktu pembuatan.
(57)
Universitas Sumatera Utara Cascading Style Sheet (CSS) adalah suatu cara untuk membuat format atau layout
halaman web menjadi lebih menarik dan mudah dikelola (Husni, 2007). CSS muncul karena sulitnya mengatur layout tampilan dokumen web yang dibuat dengan html murni meskipun telah menggunakan berbagai kombinasi format CSS dapat ditulis dengan pada bagian body, head suatu dokumen html atau diletakkan di sebuah file terpisah. Perintah-perintah CSS dibatasi oleh tag <style> dan </style>.
CSS mendefinisikan karakteristik tampilan (warna, style, dan posisi) suatu elemen pada dokumen html dalam bentuk properti elemen tersebut. Pemisahan isi dengan tampilan yang dilakukan dengan penerapan CSS ini, memberikan kemungkinan penyusunan struktur suatu halaman html dengan lebih fleksibel. CSS merupakan bagian/subset dari DOM yang sangat berperan dalam DHTML.
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 semua setting tampilan suatu elemen halaman html.
Dalam spesifikasi CSS2, ada beberapa properti elemen dokumen yang berhubungan dengan posisi suatu elemen di halaman browser. Properti tersebut adalah:
1. Position, ada dua pilihan untuk nilai properti ini, yaitu absolute dan relative. Setting absolute mengatur posisi elemen berdasarkan jarak terhadap ujung kiri-atas elemen parent-nya. Sedangkan setting absolute bekerja sesuai layout html biasa dimana posisinya ditentukan berdasarkan akhir elemen sebelumnya.
(58)
Universitas Sumatera Utara 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 standar CSS lainnya.
3. Width dan height, menentukan lebar dan tinggi elemen. Unitnya bisa dinyatakan dalam point(pt), pixel(px) atau unit standar CSS lainnya.
4. Z-index, menentukan apakah suatu elemen ditampilkan di layar. Nilainya bisa visible (tampil) atau hidden (tersembunyi).
5. Overflow, menentukan perilaku ruang penampung jika isinya melebihi batasnya. Ada tiga pilihan untuk nilai properti ini, yaitu clip, scroll, dan none. Setting clip berarti isi akan dipotong jika melebihi batas. Scroll akan memunculkan scrollbar pada container. Sedangkan none tidak akan melakukan apapun terhadap isi sehingga isi tersebut akan keluar dari ruang batasnya.
6. Background-color atau layer-background-color, menentukan warna dasar dari suatu elemen. Yang pertama berlaku untuk IE, sedangkan yang kedua berlaku untuk NS.
7. Background-image atau layer-background-image, menentukan gambar latar belakang dari suatu elemen. Yang pertama berlaku untuk IE, sedangkan yang kedua berlaku untuk NS.
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.
(59)
Universitas Sumatera Utara 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. Mendefinisikan style sesuai kebutuhan untuk link.
5. Mendefenisikan layer yang dapat diletakkan di atas elemen lain.
2.14 Macromedia Dreamweaver
Dreamweaver adalah sebuah html editor profesional yang berfungsi untuk mendesain secara visual dan mengelola situs web maupun halaman web (Madcoms, 2007). Dreamweaver merupakan salah satu program desain web yang dalam perkembangannya sudah menjadi salah satu aplikasi yang berfungsi sebagai pengembangan web (Web Development). Dremweaver ini dapat melakukan pendesainan layout (untuk membuat
tampilan dari web), membuat skrip yang memiliki fasilitas pengecekan atau validasi dari keyword untuk setiap server side yang digunakan, dan membuat 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).
(60)
Universitas Sumatera Utara 1. Data Definition Language (DDL),
SQL memiliki kemampuan untuk melakukan pendefinisian data yang berupa pembuatan tabel atau database, penghapusan tabel ataupun database, dan lain-lain.
2. Data Manipulation Language (DML),
SQL memiliki kemampuan untuk melakukan manipulasi data dari suatu database yang meliputi proses penambahan data, pemilihan data, proses penghapusan dan perubahan data.
Fungsi DDL dapat digunakan untuk membuat atau menulis skrip pada mode code yang khusus disediakan oleh Dreamweaver untuk menuliskan script-ing. 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 penggunaan keyword.
Secara garis besar Dreamweaver tetap memiliki konsistensi di dalam arsitektur program, dengan tiga aspek utama, yaitu Design Layout, Code, dan Development. Dreamweaver juga didukung untuk pengembangan penggunaan CSS, XML, dan RSS. Penggabungan tiga aspek dan beberapa tools pendukung inilah yang menyebabkan Dreamweaver memiliki kemampuan yang powerfull sehingga pengembangan web menjadi mudah dan menyenangkan.
(61)
Universitas Sumatera Utara BAB 3
PERANCANGAN SISTEM
3.1 Perancangan Sistem
Perancangan sistem merupakan upaya perusahaan atau organisasi untuk memulai memiliki sistem baik yang lama maupun untuk memiliki sistem yang baru. Perancangan sistem dilakukan setelah mendapat gambaran dengan jelas apa yang harus dikerjakan. 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 pernyataan-pernyataan 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
(62)
Universitas Sumatera Utara menghasilkan hasil yang terbaik. Sesuai dengan kebutuhan untuk membangun sebuah website, berikut jawaban dari beberapa pernyataan diatas :
1. Website yang akan dibangun adalah website SMK NEGERI 2 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, dan umum yang membutuhkan informasi mengenai SMK NEGERI 2 DOLOKSANGGUL. 3. Aktivitas utama adalah mengetahui informasi mengenai data guru, staf tata
usaha dan siswa. Banyak informasi lain yang berkaitan dengan SMK NEGERI 2 DOLOKSANGGUL.
4. Target pembuatan website ini adalah pengunjung dapat mengetahui informasi dan data yang terdapat pada SMK NEGERI 2 DOLOKSANGGUL secara cepat dan akurat tanpa terhalang oleh jarak.
3.2 Algoritma Perancangan Sistem Informasi
Algoritma adalah urutan langkah-langkah berhingga untuk memecahkan masalah logika atau matematika. Adapun algoritma yang akan dibahas antara lain, yaitu :
3.2.1 Algoritma Menu Utama
Langkah 1 : Aktifkan browser Google Chrome, ketikkan pada address bar http://localhost/sisteminformasi kemudian tekan enter atau icon “Go” pada sudut kanan Address Bar, maka akan tampil halaman utama website.
(63)
Universitas Sumatera Utara Langkah 2 : Untuk melakukan login, masukkan user login dan password di tempat web login, lalu klik login.
Langkah 3 : Periksa user login dan password yang dimasukkan, jika benar maka tampil halaman selanjutnya, dan jika salah maka muncul peringatan untuk memperbaiki user login dan password.
Langkah 4 : keluar.
3.2.2 Algoritma Admin
Langkah 1 : Pilih salah satu menu yang ada di halaman Admin, lalu kita akan masuk ke jendela menu yang dipilih. Seperti data personal, kesiswaan, profil.
Langkah 2 : Kemudian input data sesuai dengan data yang akan dimasukkan. Langkah 3 : Keluar
3.3 Perancangan DFD (Data Flow Diagram)
Data Flow Diagram atau disingkat DFD merupakan suatu diagram yang menggambarkan alir data dalam suatu entitas ke sistem atau sistem ke entitas. DFD juga dapat diartikan sebagai teknik grafis yang menggambarkan alir data dan transformasi yang digunakan sebagai perjalanan data dari input atau masukan menuju keluaran atau output.
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
(1)
Universitas Sumatera Utara
<td><?php echo $row['nama'];?></td><td align="center"><a
href="javascript:popupwnd('./data_staf.php?nip=<?php echo''.$row['nip'].'';
?>','no','no','no','no','no','no','250','50','400','500')" target="_self" title"Detail">
<img
src="./images/postcategoryicon.png" border="0"></a> </td>
</tr> <?php $no++;
} ?>
</table> </td></tr> </table>
<br><br></div>
12.
siswa.php
<html>
<head><title>Welcome</title> <script type="text/javascript"> <!--
function popupwnd(url, toolbar, menubar, locationbar, resize,
scrollbars, statusbar, left, top, width, height) {
if (left == -1) {
left = (screen.width/2)-(width/2);
(2)
Universitas Sumatera Utara
}if (top == -1) {
top = (screen.height/2)-(height/2); }
var popupwindow = this.open(url, '', 'toolbar=' + toolbar + ',menubar=' + menubar + ',location=' + locationbar + ',scrollbars=' + scrollbars + ',resizable=' + resize + ',status=' + statusbar + ',left=' + left + ',top=' + top + ',width=' + width + ',height=' + height);
} //-->
</script></head>
<div class="isi"> <?php
include('koneksi.php');?>
<table width="100%" border="0" style="font-family:Georgia, 'Times New Roman', Times, serif;">
<tr><td style=" background-image:url(images/data.png);
background-repeat:no-repeat" height="45"></td></tr><tr> <td><div class="isi"><br>
<div class="teks">
<table width="100%" align="center">
<tr><td width="100%"> <div align="center"> <table width="100%" align="center">
<tr><td><center><form name="Form1" method="post"
action="profil.php?menu=siswa" id="Form1">
<select name="kelas" size="1"
id="Combobox1" style=";width:163px;height:25px;z-index:0;">
(3)
Universitas Sumatera Utara
<option value="0" selected="selected"
disable="disable">- - pilih kelas - -</option>
<option value="1">Kelas X
LISTRIK</option>
<option value="2">Kelas X TKJ</option>
<option value="3">Kelas X
BANGUNAN</option>
<option value="4">Kelas XI
LISTRIK</option>
<option value="5">Kelas XI TKJ</option>
<option value="6">Kelas XI
BANGUNAN</option>
<option value="7">Kelas XII
LISTRIK</option>
<option value="8">Kelas XII TKJ</option>
<option value="9">Kelas XII
BANGUNAN</option>
</select>
<input type="submit" id="Button1"
name="pilih" value="Pilih" >
</form></center></td></tr></table><?php if(!isset($_POST['kelas']) or $_POST['kelas']==0) { }
else {
$bln = date('m');
$kls = $_POST['kelas'];
$sql = "select * from siswa where kelas=".$kls." order by nis asc"; $result = mysql_query($sql);
?>
<br><br>
<table align="center" width="100%"
border="1">
<tr>
(4)
Universitas Sumatera Utara
<td width="1%" bgcolor="#CCCCCC"><div
align="center"><b><font color="#666666" size="2" >NO</font></b></div> </td>
<td width="20%" bgcolor="#CCCCCC"><div
align="center"><b><font color="#666666" size="2" >NIS</font></b></div> </td>
<td width="28%" bgcolor="#CCCCCC"><div
align="center"><b><font color="#666666" size="2" >NAMA</font></b></div> </td>
<td width="10%" bgcolor="#CCCCCC"><div
align="center"><b><font color="#666666" size="2"
>DETAIL</font></b></div>
</td> </tr>
<?php $no = 1;
if($result){
while ($row = mysql_fetch_array($result)){ ?>
<tr>
<td><?php echo $no;?></td> <td><?php echo $row['nis'];?></td> <td><?php echo $row['nama'];?></td>
<td align="center"><a
href="javascript:popupwnd('./data_siswa.php?nis=<?php echo''.$row['nis'].'';
?>','no','no','no','no','no','no','250','50','400','500')" target="_self" title"Detail">
<img
src="./images/postcategoryicon.png" border="0"></a>
(5)
Universitas Sumatera Utara
</td></tr> <?php $no++;
} } ?> </table>
<?php }
?>
</td></tr> </table>
<br><br></div><?php
$query=mysql_query("select * from siswa order by nis asc"); $jumlah=mysql_num_rows($query);?>
</div>
</td></tr></table></div> </body>
</html>
13.
kontak.php
<div class="isi" style="font-family:Times New Roman"> <table width="100%" border="0">
<tr><td style=" background-image:url(images/kontak.png);
background-repeat:no-repeat" height="45"></td></tr> <td>
(6)
Universitas Sumatera Utara
<div class="isi"><br><p>Nama : SMK NEGERI 2 DOLOKSANGGUL</p>
<p>Alamat : Jalan Sidikalang KM 2,5 Doloksanggul,
Kabupaten Humbang Hasundutan</p>
<p>Telepon : 0633-31630</p>
<p>Kode Pos : 22457</p>
<p>Email : smknegeri2_doloksanggul@yahoo.com</p>
</div> </td> </table> </div>
14.
koneksi.php
<?php
mysql_connect("localhost","root",""); mysql_select_db("dbsekolah");
?>