TUGAS AKHIR
TEUKU IGHFAR HAJAR
102406067
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
TUGAS AKHIR
Diajukan Sebagai Salah Satu Syarat Untuk Menyelesaikan
Studi Pada Program Studi D3 Teknik Informatika
TEUKU IGHFAR HAJAR
102406067
DEPARTEMAEN METEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
PERSETUJUAN
Judul : PERANCANGAN SISTEM INFORMASI
BERBASIS WEB MENGGUNAKAN PHP DAN MYSQL PADA SMA NEGERI UNGGUL ACEH TIMUR
Kategori : TUGAS AKHIR
Nama : TEUKU IGHFAR HAJAR
Nomor Induk Mahasiswa : 102406067
Program Studi : D3 TEKNIK INFORMATIKA
Departemen : MATEMATIKA
Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN
ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA
Diluluskan di Medan, Juni 2013
Diketahui / Disetujui oleh
Departemen Matematika FMIPA USU
Ketua,
Prof. Dr. Tulus, M.Si
NIP. 196209011988031002
Pembimbing
PERSETUJUAN
Judul : Perancangan Aplikasi E-Learning Berbasis Web Pada Yayasan Pendidikan R.A. Kartini
Kategori : Tugas Akhir
Nama : Ahmad Humaidi
Nomor induk mahasiswa : 102406071
Program studi : D3 Teknik Informatika
Departemen : Matematika
Fakultas : Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara
Disetujui di
Medan, Juni 2013
Disetujui Oleh
Departeman Matematika FMIPA USU Pembimbing, Ketua,
PERNYATAAN
PERANCANGAN SISTEM INFORMASI BERBASIS WEB MENGGUNAKAN PHP DAN MYSQL PADA SMA NEGERI UNGGUL ACEH TIMUR
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 2013
ABSTRAK
Perancangan Sistem Informasi Berbasis Web Menggunakan PHP dan MySql pada SMA Negeri Unggul Aceh Timur ini bertujuan untuk mempermudah proses informasi untuk seluruh siswa dan guru SMA Negeri Unggul Aceh Timur, yang mengalami kesulitan dalam memperoleh data mengenai aktivitas akademik di SMA Negeri Unggul Aceh Timur tersebut. Fasilitas-fasilitas yang terdapat dalam aplikasi ini berupa penyediaan data dan informasi terbaru, profil, dan data- data yang berguna untuk kelangsungan belajar siswa. Pada proses pembuatan aplikasi ini perangkat lunak yang digunakan adalah PHP ( terdiri dari apache server dan MySQL ) sebagai bahasa pemrograman dengan mengunakan PHP 5.0, Macromedia Dreamweaver 8 digunakan sebagai editor skrip, Adobe Photoshop sebagai editor grafis.
DAFTAR ISI
2.1 Konsep Dasar Data, Informasi, dan Sistem Informasi 9
2.1.1 Data 9
2.1.2 Informasi 10
2.1.3 Sistem Informasi 10
2.1.3.1 Konsep Dasar Sistem 10
2.1.3.2 Konsep Dasar Informasi 12
2.1.3.3 Konsep Dasar Sistem Informasi 13
2.2 Pengertian Komputer 14
2.3 Pengertian Internet 17
2.3.1 Network 18
2.3.2 Sekilas Mengenai Web 18
2.4 Sejarah Web 19
2.5.3 Penggabungan Script PHP dan HTML 23
2.6 Sejarah MySQL 25
2.7 Pengenalan Macromedia Dreamweaver 8 27
2.7.1 Membuka Program Aplikasi 27
Bab 3 Sekilas Mengenai SMA Negeri 1 Unggul Aceh Timur 29
3.1 Profil SMA Negeri Unggul Aceh Timur 29
3.3 Uraian Tugas dan Fungsi Organisasi 31
Bab 4 Analisis dan Perancangan Sistem 36
4.1 Analisis 36
4.2 Perencanaan dan Perancangan Sistem 36
4.3 Perancangan Data Flow Diagram (DFD) 38
4.4 Perancangan Flowchart 39
4.5 Mempersiapkan Data Base Server 47
4.6 Perancangan Website 50
Bab 5 Implementasi Sistem 55
5.1 Pengertian Implementasi Sistem 55
5.2 Tujuan Implementasi Sistem 55
5.3 Komponen Utama Dalam Sistem 55
5.4 Instalasi Apache, PHP, dan My SQL 56
5.4.1 Menjalankan Apache, PHP, dan MySQL 57
5.4.2 Pengujian Website di Browser 59
5.5 Memperbaharui Web 60
5.6 Demonstrasi Program 61
5.6.1 Tampilan Homepage 61
5.6.2 Tampilan Bagian Login Admin 62
5.6.3 Tampilan Halaman Admin 62
5.6.4 Tampilan Halaman Galeri Photo 63 5.6.5 Tampilan Halaman Visi dan Misi 63 5.6.6 Tampilan Halaman Perpustakaan 64 5.6.7 Tampilan Halaman Daftar Guru 64 5.6.8 Tampilan Halaman Kepala Sekolah 65 5.6.9 Tampilan Halaman Kalender Akademik 65 5.6.10 Tampilan Halaman Identitas Sekolah 66 5.6.11 Tampilan Halaman Struktur Organisasi 66
5.6.12 Tampilan Halaman Siswa 67
Bab 6 Kesimpulan dan Saran 68
6.1 Kesimpulan 68
6.2 Saran 69
Daftar Pustaka 70
DAFTAR GAMBAR
Halaman
Gambar 2.1 Lima Komponen Sistem Informasi 14
Gambar 2.2 Tampilan Start page Macromedia Dreamweaver 8 28
Gambar 3.1 Struktur Organisasi 30
Gambar 4.1 Diagram Konteks 38
Gambar 4.2 Diagram Konteks Level 0 (Nol) 39
Gambar 4.3 Aliran Informasirancangan situs 41
Gambar 4.4 Flowchart Halaman Utama 42
Gambar 4.5 Flowchart halaman Login Administrator 43 Gambar 4.6 Flowchart Manage Kepala Sekolah 44
Gambar 4.7 Flowchart Manage Guru 45
Gambar 4.8 Flowchart Manage Pengumuman Terbaru 46
Gambar 4.9 Flowchart Manage Artikel 47
Gambar 4.10 Tampilan Macromedia Dreamweaver 8 53
Gambar 4.11 Header Situs 54
Gambar 5.1 Uji Apache 57
Gambar 5.2 Uji PHP 58
Gambar 5.3 Uji MySQL 59
Gambar 5.4 Halaman Index Website SMA Negeri 1 Julok 60
Gambar 5.5 Tampilan Bagian Homepage 61
Gambar 5.6 Tampilan Bagian Login Admin 62
Gambar 5.7 Tampilan Halaman Admin 62
Gambar 5.8 Halaman Galeri Foto 63
Gambar 5.9 Halaman Visi dan Misi 63
Gambar 5.10 Halaman Perpustakaan 64
Gambar 5.11 Halaman Daftar Guru 64
Gambar 5.12 Halaman Kepala Sekolah 65
Gambar 5.13 Halaman Kalender Akademik 65
Gambar 5.14 Halaman Identitas Sekolah 66
Gambar 5.15 Halaman Struktur Organisasi 66
Gambar 5.16 Halaman Siswa 67
DAFTAR TABEL
Halaman
Tabel 4.1 Tabel Admin 48
Tabel 4.2 Tabel Artikel 48
Tabel 4.3 Tabel Kalender 48
Tabel 4.4 Tabel Contact 48
Tabel 4.5 Tabel DBGuru 48
Tabel 4.6 Tabel DBSiswa 49
Tabel 4.7 Tabel Fasilitas 49
Tabel 4.8 Tabel Galeri 49
Tabel 4.9 Tabel Kesiswaan 49
Tabel 4.10 Tabel Pengumuman 50
Tabel 4.11 Tabel Personalia 50
ABSTRAK
Perancangan Sistem Informasi Berbasis Web Menggunakan PHP dan MySql pada SMA Negeri Unggul Aceh Timur ini bertujuan untuk mempermudah proses informasi untuk seluruh siswa dan guru SMA Negeri Unggul Aceh Timur, yang mengalami kesulitan dalam memperoleh data mengenai aktivitas akademik di SMA Negeri Unggul Aceh Timur tersebut. Fasilitas-fasilitas yang terdapat dalam aplikasi ini berupa penyediaan data dan informasi terbaru, profil, dan data- data yang berguna untuk kelangsungan belajar siswa. Pada proses pembuatan aplikasi ini perangkat lunak yang digunakan adalah PHP ( terdiri dari apache server dan MySQL ) sebagai bahasa pemrograman dengan mengunakan PHP 5.0, Macromedia Dreamweaver 8 digunakan sebagai editor skrip, Adobe Photoshop sebagai editor grafis.
BAB 1
PENDAHULUAN
1.1Latar Belakang
Pada masa sekarang ini, perkembangan dan pengaruh teknologi informasi di Indonesia sudah tidak dapat dihindari lagi. Kebutuhan yang mendesak dan semakin berharganya waktu, semakin membuat semua orang harus bekerja ekstra cepat dengan mengharapkan hasil semaksimal mungkin. Dunia internet makin lama makin berkembang dengan pesat seiring dengan kemajuan zaman. Ini terlihat dari banyaknya tempat yang menyediakan sarana atau fasilitas internet untuk memperoleh informasi. Dan itu bukan hanya dapat dinikmati oleh kalangan atas saja, melainkan semua lapisan dapat menikmatinya dengan biaya yang lebih ringan.
Begitu halnya dengan SMA Negeri Unggul Aceh Timur Sistem pengolahan dan penyampaian data yang lebih baik merupakan suatu kebutuhan yang tidak dapat ditunda lagi. Akan tetapi, pada kenyataannya segala kegiatan yang menyangkut informasi masih menggunakan sistem dan cara yang sangat manual. Informasi yang disampaikan atau diberikan kepada siswa, guru, pegawai maupun masyarakat lainnya, masih menggunakan kertas-kertas cetakan yang ditempelkan pada papan pengumuman maupun dari mulut ke mulut. Hal semacam ini, tak jauh bedanya dengan cara pengumpulan data yang dilakukan oleh orang-orang dalam mengumpulkan berbagai data tentang zaman sejarah maupun prasejarah dahulu.
Dari permasalahan tersebut, penulis ingin membuat solusi yang mudah-mudahan dapat membantu kinerja semua pihak, baik siswa, guru, pegawai ataupun masyarakat lain. Penulis dalam hal ini memilih SMA Negeri Unggul Aceh Timur dalam melakukan risetnya, karena sekolah ini mulai menampakan perkembangan yang lebih baik dalam berbagai bidang yang dijalaninya, terutama dalam sistem pendidikan, teknologi informasi dan komunikasi. Hal ini dapat dilihat dengan dilaksanakannya berbagai ekstrakulikuler dan kegiatan pendidikan dan pelatihan serta telah dibangunnya laboratorium komputer untuk menunjang perkembangan pendidikan siswa di bidang komputerisasi.
Dengan uraian masalah 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 di SMA Negeri Unggul Aceh Timur. Atas dasar inilah, penulis tertarik mengangkat judul “Perancangan Sistem Informasi Berbasis Web Menggunakan PHP dan MySQL
Pada SMA Negeri Unggul Aceh Timur”.
Semoga dengan diselesaikannya sistem informasi dengan judul di atas, nantinya bermanfaat untuk memberikan informasi dengan cepat serta lebih efisien dan jangka panjangnya, mampu memanfaatkan secara lebih baik sumber daya komputer bagi siapa saja yang menggunakan dan bagi penulis tentunya.
Dalam hal ini penulis mencoba membuat sistem informasi yang terkomputerisasi yang akan diterapkan pada SMA Negeri Unggul Aceh Timur, sehingga diharapakan mampu memberikan layanan yang lebih cepat dan akurat. Atas dasar itulah, penulis memilih judul ”PERANCANGAN SISTEM INFORMASI
BERBASIS WEB MENGGUNAKAN PHP DAN MYSQL PADA SMA NEGERI
UNGGUL ACEH TIMUR”. Dalam perancangan sistem informasi ini, penulis menggunakan PHP dan server database yang digunakan MySQL, yang keduanya adalah software open source.
1.2 Identifikasi Masalah
Dalam mempublikasikan suatu lembaga, instansi maupun perusahaan, informasi yang
perkembangan tentang lembaga tersebut dapat dijabarkan secara luas dan terperinci. Begitu juga dengan SMA Negeri Unggul Aceh Timur yang merupakan salah satu instansi pemerintah yang ingin mempublikasikan tentang sekolahnya tersebut. Walaupun penyebaran informasi tentang sekolah tersebut telah tersebar di Kabupaten Aceh Timur khususnya, penulis ingin mempublikasikan ke seluruh Aceh bahkan ke seluruh Indonesia. Oleh karena itu, penulis mencoba suatu sistem on line yaitu web dinamis bagi SMA Negeri Unggul Aceh Timur untuk dapat mempublikasikan segala sesuatu tentang perkembangan sekolah yang up to date di Kabupaten Aceh Timur Khususnya melalui media internet.
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 SMA Negeri Unggul Aceh Timur.
2. Sistem ini dirancang dengan menggunakan PHP dan server database yang digunakan MySQL.
3. Sistem yang dirancang akan diupayakan sedemikian rupa sehingga dapat bekerja secara dinamis, yaitu dapat dipergunakan dari tahun ke tahun.
4. Pembahasan tidak mencakup permasalahan keamanan yang mungkin terjadi akibat serangan dari hacker atau cracker pada web server dan database server yang digunakan untuk tempat penyimpanan program dan data pada sistem ini.
1.4 Tujuan Penelitian
Tujuan penelitian dilakukan adalah :
1. Membangun suatu website yang dinamis yang dimanfaatkan untuk menyebarkan informasi yang baik dengan cepat dan mudah.
2. Terbentuknya suatu media informasi dan publikasi yang berbasis website pada SMA Negeri Unggul Aceh Timur.
3. Mampu membuka wawasan para pengguna internet untuk dapat memanfaatkan sumber daya komputer yang ada.
4. Publikasi berbasis website diharapkan akan menjadi sarana penyampaian informasi serta berguna bagi seluruh lapisan masyarakat pada umumnya dan seluruh warga sekolah SMA Negeri Unggul Aceh Timur.
1.5 Metodologi Penelitian
1.6 Tinjauan Pustaka
Salah satu teknologi baru yang mulai banyak dimanfaatkan untuk perkembangan web adalah PHP. PHP atau Hypertext Preprocessor adalah bahasa yang bersifat Server Side yang memiliki kemampuan untuk dikombinasikan dengan teks, HTML, dan komponen-komponen lain untuk membuat suatu halaman web lebih menarik, dinamis, dan interaktif. PHP dimaksudkan untuk menggantikan teknologi lama seperti CGI (Common Gateway Interface), yang juga bahasa pengembang web. Dengan pengembang halaman web menjadi mudah dan lebih cepat bekerja.
(Panduan Lengkap Menguasai Pemrograman Web dengan PHP 5, 2006)
PHP adalah bahasa pemrograman yang berjalan pada sebuah web server, atau sering disebut server-side. Oleh karena itu PHP dapat melakukan apa saja yang dapat dilakukan oleh program lain, yaitu mengolah data dengan tipe apapun, menciptakan halaman web yang dinamis, serta menerim dan menciptakan data cookies. Namun PHP mempunyai kemampuan lebih dari itu. PHP dapat berjalan pada semua jenis sistem operasi, antara lain Linux, Unix, Microsoft Windows, Mac OS, dan masih banyak lagi. Selain itu PHP juga dapat berjalan pada beberapa jenis webserver antara lain Apache, Netscape, Xitami, Microsoft Internet Information Services, dan sebagainya.
(Rafiza H, Panduan dan Referensi Kamus Fungsi PHP 5, 2006)
berbagai macam database. Pada PHP, banyak komponen atau fungsi yang dapat digunakan untuk berbagai macam kebutuhan. Tidak hanya FTP, fungsi mengakses e-mail dapat pula digunakan dengan gratis. Keunggulan PHP yang lain adalah dukungan terhadap berbagai jenis webserver. Hampir semua webserver didukung oleh PHP, tetapi yang paling umum ialah penggabungan PHP dengan Apache, webserver gratis.
(M.Syafii, Panduan Membuat Aplikasi Database dengan PHP 5, 2005)
Untuk membangun sebuah web page dibutuhkan sebuah bahasa pemrograman yang lebih dikenal dengan sebutan web scripting. Web scripting yang bersifat client side akan menghasilkan web page yang statis, artinya lebih menekankan pada desain format tampilan informasi. HTML (Hypertext Markup Language) adalah bahasa untuk web scripting bersifat dclient side yang memungkinkan untuk menampilkan informasi dalam bentuk teks, grafik, serta multimedia dan juga untuk menghubungkan antar tampilan web page(hyperlink).
(Bernard Renaldy S, Agus Prijono, Rusdy Agustaf, Mudah dan Cepat Menguasai
Pemrograman WEB, 2005)
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
BAB 2 LANDASAN TEORI
Di bab ini dijelaskan teori-teori singkat tentang hal-hal yang berhubungan dengan judul dan pembahasan bahasa pemograman PHP dan MySQL sebagai databasenya.
BAB 3 SEKILAS MENGENAI SMA NEGERI UNGGUL ACEH TIMUR
Pada bab ini dijelaskan mengenai profil SMA Negeri Unggul Aceh Timur, struktur organisasi sekolah, serta uraian tugas.
BAB 4 PERANCANGAN SISTEM
Didalam bab ini dijelaskan dan diuraikan tentang pembuatan serta perancangan sistem.
BAB 5 IMPLEMENTASI SISTEM
Bab ini menguraikan tentang definisi, tujuan, dan langkah-langkah dalam implementasi sistem juga disertai dengan komponen-komponen kebutuhan sistem.
BAB 6 KESIMPULAN DAN SARAN
BAB 2
LANDASAN TEORI
2.1 Konsep Dasar Data, Informasi dan Sistem Informasi
2.1.1 Data
Data sering disebut sebagai bahan mentah informasi. Tapi menurut Murdick, dkk (1984) merumuskan bahwa data adalah fakta yang tidak sedang digunakan pada proses keputusan, biasanya dicatat dan diarsipkan tanpa maksud untuk segera diambil kembali untuk pengambilan keputusan. Menurut Zulkifli Amsyah (1987) data adalah fakta yang sudah ditulis dalam bentuk catatan atau direkam ke dalam berbagai bentuk media. (Gultom et al, 2005).
2.1.2 Informasi
Informasi adalah data yang diolah menjadi bentuk yang lebih berguna dan lebih berarti bagi penerimanya. (Jogiyanto, 2001). Menurut George R. Terry, bahwa informasi adalah data yang penting yang memberikan pengetahuan yang berguna. Sedangkan menurut Gordon B. Davis, informasi adalah data yang telah diolah menjadi sebuah bentuk yang penting bagi penerima dan mempunyai nilai yang nyata atau yang dapat dirasakan dalam keputusan-keputusan yang sekarang atau yang akan dating. Informasi akan memiliki arti manakala informasi tersebut memiliki unsur-unsur sebagai berikut:
1. Relevan artinya Informasi yang diinginkan benar-benar ada relevansi dengan masalah yang dihadapi.
2. Kejelasan artinya terbebas dari istilah-istilah yang membingungkan.
3. Akurasi artinya bahwa informasi yang hendak disajikan harus secara teliti dan lengkap.
2.1.3 Sistem Informasi
2.1.3.1 Konsep Dasar Sistem
Sistem berasal dari bahasa Yunani yaitu “systeme” yang mempunyai pengertian :
1. Suatu keseluruhan yang tersusun dari sekian banyak bagian.
2. Hubungan yang berlangsung diantara satuan-satuan atau komponen-komponen secara teratur.
Perkataan sistem dalam bahasa Indonesia adalah cara, metode atau teknik. Pengertian sistem yang lain adalah suatu kesatuan yang terdiri dari unit-unit kesatuan yang saling bekerjasama dan saling ketergantungan untuk mencapai tujuan usaha tertentu. Ciri-ciri atau sifat-sifat sistem adalah :
1. Terdiri dari komponen-komponen yang saling berinteraksi.
2. Mempunyai lingkungan luar.
3. Mempunyai interface (jalinan).
4. Terdiri dari masukan, pengolahan dan keluaran.
mempengaruhi operasi sistem. Penghubung merupakan media penghubung antara suatu subsistem yang lainnya. Keluaran dari suatu subsistem akan menjadi masukan untuk subsistem yang lainnya dengan melalui penghubung.
Masukan adalah energi yang dimasukkan ke dalam sistem dapat berupa masukan perawatan dan masukan sinyal. Masukan perawatan dimaksudkan supaya sistem dapat beroperasi sedangkan sinyal untuk mendapatkan keluaran. Keluaran adalah hasil dari energi yang diperoleh dan diklasifikasikan menjadi keluaran yang berguna dan sisi pembuangan. Suatu sistem dapat mempunyai suatu bagian pengolahan yang akan merubah masukan menjadi keluaran. Suatu sistem pasti mempunyai tujuan atau sasaran. Kalau suatu sistem tidak mempunyai sasaran, maka operasi sistem tidak akan ada gunanya. Sasaran sari sistem sangat menentukan sekali masukan yang dibutuhkan sistem dan keluaran yang dihasilkan sistem. (Jogiyanto, 2001)
Dari uraian di atas dapatlah disimpulkan bahwa sistem adalah bagian-bagian yang saling berkaitan yang beroperasi bersama-sama untuk mencapai beberapa sasaran dan tujuan.
2.1.3.2 Konsep Dasar informasi
Informasi adalah data yang diolah menjadi bentuk yang lebih berguna dan lebih berarti bagi yang menerimanya.
Sumber dari informasi adalah data. Data merupakan bentuk jamak dari bentuk tunggal data atau data item. Data adalah kenyataan yang menggambarkan sesuatu yang terjadi pada saat tertentu.
2.1.3.3 Konsep Dasar Sistem Informasi
Sistem informasi adalah suatu sistem di dalam suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi harian, mendukung operasi, bersifat manejerial dan kegiatan strategi dari suatu organisasi dan menyediakan pihak luar tertentu dengan laporan-laporan yang diperlukan. (Jogiyanto, 2001). Menurut Simkin Mark G dalam bukunya yang berjudul “computer information system for business”. Sistem informasi adalah sekumpulan elemen yang bekerja secara bersama-sama baik secara manual ataupun berbasis komputer dalam melaksanakan pengolahan data yang berupa pengumpulan, penyimpanan, pemprosesan data untuk menghasilkan informasi yang bermakna dan berguna bagi proses pengambilan keputusan.
Menurut Burch dan Strater dalam bukunya “informasi system : theory and
practice”. Sistem informasi adalah suatu kumpulan fungsi-fungsi yang bergabung
1. Melaksanakan pengolahan data transaksi operasional.
2. Menghasilkan informasi untuk mendukung manajemen dalam melaksanakan aktifitas perencanaan, pengendalian dan pengambilan keputusan.
3. Menghasilkan berbagai laporan bagi kepentingan eksternal organisasi. Komponen dari sistem informasi dapat dilihat pada gambar berikut ini :
Gambar 2.1. Lima Komponen Sistem Informasi
Dari definisi diatas terlihat bahwa sistem informasi merupakan satu kesatuan unsur (manusia dan peralatan) yang bekerjasama secara untuk melaksanakan pengolahan informasi dari mulai mengumpulkan, pengolahan, penyimpanan sampai pendistribusiannya.
2.2 Pengertian Komputer
Komputer barasal dari bahasa yunani “compute” yang kemudian diartikan ke dalam
bahasa inggris yaitu “to compute” yang berarti hitung, sehingga komputer dapat
diartikan sebagai alat hitung atua mesin hitung.
Hardware System
Software
Data
Bila dijabarkan, definisi dari komputer itu sendiri adalah seperangkat peralatan elektronik yang berkerja bersama-sama secara otomatis, menerima input, memproses data dan menghasilkan output secara logis, cepat dan tepat berdasarkan perintah-perintah tertentu dan komputer itu sendiri adalah bagian dari sistem komputerisasi.
Sistem komputerisasi adalah suatusistem yang berdiri atas komputer dan seluruh komponen-komponen yang menunjang terlaksananya proses pengelolahan data dan menjadikan komputer sebagai alat yang berguna.Sistem komputer memiliki beberapa komponen yaitu :
a. Perangkat keras (hardware)
Perangkat keras merupakan perangkat yang secara fisik dapat dilihat dan diraba, yang membentuk suatu kesatuan dapat difungsikan. Berdasarkan kegungaannya, perangkat keras komputer digolongkan ke dalam tiga bagian utama, yaitu :
1. Alat Input
Alat input adalah alat untuk memasukan program maupun data yang akan diperoses oleh komputer, seperti keyboard, mause, scanner.
2. Alat proses
3 .Alat Ouput
Alat output adalah alat untuk menampilkan hasil pengelolahan data yang dilakukan oleh CPU, misalnya monitor dan printer.
b. 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.
c. Pengguna Komputer
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
2. Programmer
Orang yang bertugas menterjemahkan spesifikasi yang telah dirancang oleh sistem analis ke dalam suatu bahasa pemograman tertentu.
3. Computer Operator
Orang yang bertugas menangani pengelolahan data secara langsung. 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.
2.3 Pengertian Internet
Internet adalah sumber daya informasi yang menjangkau seluruh dunia. Sumber daya informasi tersebut sangat luas dan sangat besar sehingga tidak ada satu orang, satu organisasi, atau satu negara yang dapat menanganinya sendiri. Kenyataannya , tidak ada satu prang yang mampu memahami seluruh seluk beluk internet.
Daya guna internet itu terletak pada informasi itu sendiri, bukan pada jaringan komputer. Informasi itu ada karena beberapa orang atau beberapa kelompok memberikan waktu, usaha, dan karya mereka. Mereka mempunyai ide, menyusunnya, menciptakan sesuatu yang berguna dan membuatnya tersedia buat pemakai intenet di seluruh dunia.
2.3.1 Network
Network adalah jaringan dari sistem komunikasi data yang melibatkan sebuah atau lebih sistem komputer yang dihubungkan dengan jalur transmisi alat komunikasi membentuk satu sistem. Dengan network, komputer yang satu dapat menggunakan data di komputer lain, dapat mencetak laporan di printer komputer lain, dapat memberi berita ke komputer lain walaupun berlainan area. Network merupakan cara yang sangat berguna untuk mengintegrasikan sistem informasi dan menyalurkan arus informasi dari satu area ke area lainnya.
2.3.2 Sekilas Mengenai Web
Dokumen-dokimen yang diaksespun dapat tersebar diberbagai mesin dan bahkan di berbagai Negara.
Bagai jejaring laba-laba, jejaring Web telah membentang ke seluruh penjuru dunia. Tidak hanya terbatas pada lembaga-lembaga penelitian yang ingin mempublikasikan hasil riset, Web juga banyak digunakan oleh perusahaan bisnis yang ingin mengiklankan produk atau untuk melakukan transaksi bisnisnya.
2.4 Sejarah Web
Sejarah Web dimulai pada tahun 1989 ketika tim Berner-Lee yang berkerja di laboraturium Fisika Partikel Eropa atau yang dikenal dengan nama CERN (Consei European pour la Recherce Nuclaire) yang berada di genewa, swiss, mengajukan protocol (suatu tatacara untuk berkomunikasi) sistem distribusi informasi internet yang digunakan untuk berbagai informasi diantara para fisikawan. Protocol inilah yang selanjutnya dikenal sebagai Protocol World Wide Web dan dikembangkan oleh
World Wide Web Consortium (W3C).
2.4.1 Aplikasi Web
Aplikasi Web sendiri dapat dibagi menjadi dua bagian, yaitu :
a. Web statis
b. Web dinamis
Web statis dibentuk dengan menggunakan HTML saja. Kekurangan aplikasi seperti ini terletak pada keharusan untuk memelihara program secara terus-menerus untuk mengikuti setiap perubahan yang terjadi. Kelemahan ini diatasi dengan model aplikasi
Web dinamis.
Dengan memperluas kemampuan HTML, yakni dengan menggunakan perangkat lunak tambahan, perubahan informasi dalam halaman – halaman Web dapat ditangani melalui perubahan data, bukan melalui perubahan program. Sebagai implementasinya, aplikasi Web dikoneksikan ke basis data. Dengan demikian perubahan informasi dapat dilakukan oleh operator atau yang bertanggung jawab terhadap kemutakhiran data, dan tidak menjadi tanggung jawab pemograman atau
webmaster.
2.4.2 Web Server
Web Server adalah server yang melayani permintaan client terhadap halaman web.
lunak di sisi client yang digunakan untuk mengakses informasi web. Contoh Internet Explorer, Netscape, dan Mozilla.
2.5 Sejarah PHP
PHP adalah singkatan dari PHP Hypertext Preprocessor yang merupakan bahasa berbentuk skrip yang ditempatkan dalam server dan diproses di server. Hasilnya akan dikirim ke client, tempat pemakai menggunakan browser. Berbeda dengan Javascript, yang mana skrip diproses client.
PHP pertama kali dibuat pada musim gugur tahun 1994 oleh Ramus Lerdoff. Ini bermula saat Ramus Lerdoff 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”. Paket inilah yang
menjadi cikal bakal PHP. Pada tahun 1995, Ramus menciptakan PHP/FI (Personal Home Page/Form Interpreter) versi 2.0. Sejak itulah PHP bersifat open source.
Pada bulan November 1997, PHP/FI versi 2.0 berhasil dirilis. Pada rilis ini interpreter sudah diimplementasikan dalam bahasa C. Masih pada tahun yang sama sebuah perusahaan bernama Zend menulis ulang interpreter PHP menjadi lebih bersih, lebih baik dan lebih cepat. Pada bulan Juni 1998 Zend kembali merilis interpreter baru untuk PHP dan meresmikan nama rilis tersebut menjadi PHP 3.0. Kemudian pada pertengahan tahun 1999, Zend merilis kembali interpreter PHP baru dengan nama PHP 4.0. PHP 4.0 merupakan versi PHP yang paling populer di kalangan programmer
untuk membangun aplikasi website yang kompleks, namun tetap stabil dalam kecepatan proses dan stabilitas yang tinggi.
Mulai pada bulan Juni 2004, PHP 5.0 kembali dirilis oleh Zend. Versi ini adalah versi mutakhir dari PHP. Pada versi ini juga dikenalkan model pemrograman berorientasi objek baru untuk menjawab perkembangan bahasa pemrograman ke arah pemograman berorientasi objek.
Berdasarkan survey Netcraft pada bulan Desember 1999,lebih dari sejuta site
menggunakan PHP, diantaranya : Mitsubishi, RedHAt, NASA, MP3-Lycos dan sebagainya. Pada awal bulan Januari 2001, PHP telah dipakai oleh 5 juta domain di seluruh dunia.
2.5.1 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 yaitu:
1. PHP merupakan sebuah bahasa script yang tidak melakukan sebuah kompilasi dalam penggunaannya. Tidak seperti halnya bahasa pemrograman aplikasi seperti Visual Basic dan sebagaimya.
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 membantu pengembangannya.
4. Jika dilihat dari segi pemahaman, PHP memiliki referensi yang sangat mudah dipahami.
5. PHP dapat berjalan pada 3 operating sisstem, yaitu: Linux, Unix dan
Windows serta dapat juga dijalankan secara runtime pada suatu console.
2.5.2 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.5.3 Penggabungan Script PHP dan HTML
tanda tanya dilanjutkan tanda tag tutup (?>). Ada dua tipe penggabungan antara PHP dan HTML yaitu:
1. Embedded Script
Yakni penulisan tag PHP di sela – sela tag HTML. Dengan cara ini, penulisan tag
PHP digunakan untuk mengapit bagian – bagian tertentu dalam dokumen yang memerlukan script PHP untuk proses di dalam server. Embedded Script menempatkan PHP sebagai bagian dari script HTML.
Contoh penulisan Embedded Script dapat dilihat di bawah ini:
<html>
<head>
<title>coba</title> <head>
<body>
<? echo ” Hellow” ?>
</body> </html>
2. Non Embedded Script
Yakni cara penulisan tag PHP di bagian paling awal dan paling akhir dokumen. Dengan cara ini, penulisan tag php digunakan untuk mengawali dan mengakhiri keseluruhan bagian dalam sebuah dokumen. Non Embedded Script menempatkan
Contoh Penulisan Non Embedded Script dapat dilihat dibawah ini:
<?
echo’<html>’; echo’<head>’;
echo’<title>coba</title>’; echo’< /head > <body>’; echo’Hellow’;
echo’</body>’; echo’</html>’;
?>
2.6 Sejarah MySQL
MySQL dikembangkan oleh sebuah perusahaan Swedia yang pada saat itu bernama TcX Data Konsult AB, dan pada akhirnya berubah nama menjadi MySQL AB. Sekitar tahun 1994-1995, TcX membuat database MySQL untuk mengembangkan aplikasi
web bagi klien-nya. TcX merupakan perusahaan pengembang software dan konsultan database.
Michael Widenius atau disebut ” Monty ” adalah pengembangan satu-satunya
mSQL tidak memiliki indeks. Setelah itu, dia menghubungi David Hughes sebagai pembuat mSQL, namun karena David tengah sibuk dalam mengembangkan versi 2 mSQL, maka dia (Monty) memutuskan untuk membuat sendiri mesin SQL yang antarmuka mirip dengan SQL, namun memiliki kemampuan yang lebih sesuai kebutuhan, sehingga lahirnya MySQL.
Pada bulan Mei 1996, versi 1.0 berhasil dirilis secara terbatas hanya untuk empat orang saja. Namun di bulan Oktober pada tahun yang sama versi 3.11.0 dilepas ke publik. Namun mula – mula kode ini tidak diberikan di bawah lisensi GPL (General Public License), melainkan lisensi khusus yang intinya kurang lebih seperti ini :
”Source code MySQL dapat dilihat dan gratis, serta server MySQL dapat dipakai
tanpa biaya tetapi hanya untuk kebutuhan nonkomersial. Untuk kebutuhan komersial (misal : mengemas dan menjual MySQL atau menyertakan MySQL dalam program komersial lain), anda harus bayar lisensi”.
Pada bulan Juni 2000, Mysql AB mengumumkan bahwa sejak versi 3.23.19, MySQL adalah merupakan software database yang bebas berlisensi GPL. Artinya: ”Source code MySQL dapat dilihat dan gratis, serta server MySQL dapat dipakai
tanpa biaya untuk kebutuhan apapun. Tapi jika anda memodifikasi source code, anda juga harus melepasnya dibawah lisensi yang sama, yaitu GPL”. Kini perusahaan
Pada versi awal, MySQL hanya berjalan di Linux dan Solaris dan juga masih banyak terdapat kelemahan walau sudah dapat digunakan untuk aplikasi web
sederhana, namun belum memadai untuk aplikasi bisnis. Contoh kelemahannya itu adalah:
JOIN sederhana sudah ada, namun belum dilengkapi dengan HAVING. Tipe data TIMESTAMP dan kolom auto–update, namun tidak terdapat system– generated number (sequnce), baru diakhir tahun 1996 ditambahkan modifier kolom
AUTO_INCREMENT. Kelemahannya berikutnya, yaitu terdapat LIMIT dan
GROUP BY dan ORDER BY yang masih memiliki keterbatasan.
2.7 Pengenalan Macromedia Dreamweaver 8
Versi terbaru Macromedia Dreamweaver di tahun 2005 adalah Macromedia Dreamweaver 8 yang merupakan penyempurnaan dari versi sebelumnya dan tentu saja semakin mudah pengunaannya. Fasilitas terbaru dari Macromedia Dreamweaver 8 adalah Zoom Tool and Guides, Panel CSS yang baru, Code collapse, Coding Toolbar
dan Insert Flash Video. Tidak jauh beda dengan kemampuan versi sebelumnya,
Macromedia Dreamweaver 8 mendukung pemrograman Client Side yang terkenal, yaitu JavaScipt dengan penggunaan yang sangat mudah. Macromedia dreamweaver 8 juga mendukung pemrograman Script Server Side, seperti Personal Home Page
(PHP), Active Server Pages (ASP), ASP.NET, ColdFusion dan Java Server Pages
2.7.1 Membuka Program Aplikasi
Membuka program Macromedia Dreamweaver 8 tidak berbeda dengan membuka program Windows lainnya, yaitu Start - All Programs – Macromedia - Macromedia Dreamweaver 8. Pada awal pembukaan akan tampil Start Page atau halaman awal dari Dreamweaver 8.
BAB 3
SEKILAS MENGENAI SMA NEGERI UNGGUL ACEH TIMUR
3.1 Profil SMA Negeri Unggul Aceh Timur
SMA Negeri 1 Julok berdiri pada tahun 2007. Sekolah ini berlokasi di Jalan Medan – Banda Aceh KM 43,Kecamatan Birem Bayeun dan merupakan SMAN Unggulan satu-satu nya di Aceh Timur. Semua siswa/i di SMA Negeri Unggul Aceh Timur diasramakan. SMA Negeri Unggul Aceh Timur merupakan sekolah baru di Kabupaten Aceh Timur. Tetapi diumur sekolah yang masih muda telah banyak mengukir prestasi, baik tingkat kabupaten, Provinsi, bahkan tingkat Nasional. SMA Negeri Unggul Aceh Timur berbeda dengan sekolah lainnya di Aceh Timur, karena selain merupakan sekolah berbasis boarding school juga dalam penerapan sistem belajar mengajarnya memakai sistem moving class. Kegiatan belajar mengajar pada sekolah ini hanya dilakukan pada pagi hari yaitu dari mulai pukul 07.15 sampai dengan pukul 16.00, sedangkan sore hari sekolah ini mengadakan kegiatan ekstrakurikuler seperti Pramuka, PMR, Sanggar Seni, Pencak Silat, Bimbingan Belajar, Kegiatan Olahraga dan lain sebagainya.
Untuk mendukung kegiatan siswa dalam belajar terdapat perpustakaan berbasis intenet, laboratorium komputer, laboratorium fisika, labolatorium Kimia, labolatorium Biologi, labolatorium Bahasa, labolatorium multimedia, asrama putra dan putri serta fasilitas lainnya untuk menunjang kegiatan belajar siswa dengan tidak mengesampingkan moral dan ahlak siswa dengan adanya tempat ibadah seperti mushola dan kegiatan – kegiatan keagamaan seperti sholat zuhur berjamaah setiap waktu serta pengajian pada malam hari nya.
3.2 Struktur Organisasi
Gambar 3.1 Struktur Organisasi
bagian-bagian mana yang diperlukan untuk mencapai suatu hasil dan menentukan kerja sama yang sesuai antara bagian.
Struktur organisasi adalah rangka atau bagian yang menunjukan tugas untuk mencapai tujuan organisasi, hubungan antara fungsi-fungsi, dan tanggung jawab antara setiap anggota organisasi. Dengan adanya struktur organisasi, maka pimpinan dan bawahan yang ada didalamnya akan mengetahui kegiatan-kegiatan yang harus dilakukan dan batas-batas kekuasaan yang ada padanya.
3.3. Uraian Tugas dan Fungsi Organisasi
3.3.1 Kepala Sekolah
Kepala Sekolah berfungsi dan bertugas sebagai edukator, manejer, administrator, supervisor serta pemimpin / Leader inovator.
3.3.2 Wakil Kepala Sekolah
Wakil Kepala Sekolah bertugas membantu Kepala Sekolah dalam kegiatan:
1. Menyusun kurikulum.
2. Mengatur segala program kesiswaan.
3. Merencanakan kebutuhan sarana dan prasarana.
4. Mengatur dan mengembangkan hubungan dengan masyarakat. 5. Mengatur dan mengawasi penyelenggaraan program pendidikan. 6. Mengatur mutasi siswa.
8. Mengatur penyusunan bahan pengajaran dan pengembangan kurikulum.
3.3.3 Tata Usaha
Kepala Tata Usaha mempunyai tugas melaksanakan ketatausahaan sekolah dan bertanggung jawab kepada kepala sekolah dalam kegiatan-kegiatan sebagai berikut: 1. Penyusunan program kerja tata usaha sekolah.
2. Pengolahan keuangan sekolah.
3. Penyusunan administrasi perlengkapan sekolah.
4. Penyusunan laporan pelaksanaan kegiatan pengurusan ketatausahaan secara umum.
3.3.4 Komite Sekolah
Membantu sekolah dalam hal: 1. Peningkatan kegiatan sekolah.
2. Peningkatan kesejahteraan guru dan pegawai.
3.3.5 Pembantu Kepala Sekolah
Tugas yang dilakukan disini adalah: 1. Pembangunan sarana dan prasarana.
2. Pengawasan dalam hal sarana dan prasarana yang ada.
3.3.5.2 Bidang Kurikulum
Membantu Kepala Sekolah dalam hal: 1. Pelaksanaan kurikulum.
2. Pemberian tugas guru.
3. Mengawas jadwal pelaksanaan KBM. 4. Administrasi kurikulum dan penelitian. 5. Konsultasi dengan Kepala Sekolah.
3.3.5.3 Bidang Kesiswaan
Membantu Kepala Sekolah dalam bidang: 1. Pembinaan disiplin sekolah.
2. Koordinator pembinaan siswa.
3. Koordinator pelaksana kegiatan intra / ekstrakulikuler. 4. Koordinator kegiatan sekolah.
Guru bertanggung jawab kepada kepala sekolah dan mempunyai tugas melaksanakan kegiatan proses belajar mengajar secara efektif dan efisien.
3.3.7 Wali Kelas
Membantu kepala sekolah dalam kegiatan: 1. Pengelolaan kelas.
2. Penyelenggaraan administrasi kelas. 3. Pembuatan catatan khusus tentang siswa. 4. Penyusunan statistik bulanan siswa. 5. Penyusunan nilai siswa.
3.3.8 Guru Pembimbing dan Konseling (BP/BK)
Bertugas membantu Kepala Sekolah dalam penyusunan dan pelaksanaan pembimbingan dan konseling di sekolah.
3.4. Visi dan Misi Sekolah
3.4.1 Visi Sekolah
“Mewujudkan pendidikan yang unggul dan berkualitas yang berlandaskan pada
keimanan , ketaqwaan, ilmu pengetahuan dan teknologi.”
1. Melaksanakan pembelajaran dan bimbingan secara efektif dan efesien 2. Meningkatkan komitmen seluruh tenaga kependidikan terhadap tugas dan
fungsinya sehingga menjadi tenaga yang profesional di bidangnya masing masing
3. Meningkatkan Keimanan dan Ketaqwaan kepada Allah SWT 4. Mengintergrasikan pendidikan IPTEK dengan nilai nilai Islam 5. Meningkatkan Wawasan Kebangsaan
6. Pembinaan ketrampilan olah raga dan seni budaya
7. Ikut serta dalan setiap even kompetisi di tingkat daerah, nasional dan internasional
3.4.3 Tujuan Sekolah
1. Mengupayakan stabilitas dan membangun sarana dan prasarana sekolah yang belum ada dan yang rusak.
2. Meningkatlkan kelancaran kegiatan belajar mengajar.
3. Mengefektifkan pelaksanaan evaluasi dan program remedial bagi siswa.
BAB 4
ANALISIS DAN PERANCANGAN SISTEM
4.1Analisis
Sebelum merancang sebuah aplikasi yang akan dibangun, faktor yang harus diperhatikan adalah tahap analisis. Tahap analisis merupakan tahap pemahaman dengan perangkat lunak yang akan digunakan, kebutuhan fungsional, diagram alir data, kamus alir data dan enkripsi proses. Tahap analisis bertujuan untuk mengetahui mekanisme sistem, proses–proses yang terlibat dalam sistem serta hubungan antara proses tersebut.
4.2 Perencanaan dan Perancangan Sistem
Perencanaan dan perancangan merupakan sebuah tahap awal dalam membangun sebuah situs. Membuat suatu situs memerlukan persiapan, perencanaan yang baik, tujuan yang jelas dan percobaan yang berulang-ulang untuk dapat mendapatkan hasil yang terbaik karena menyangkut semua elemen yang membentuk situs. Situs ini dirancang dengan menggunakan PHP sebagai bahasa pemogramannya dan MySQL sebagai databasenya, serta Dreamweaver 8 digunakan sebagai media untuk membuat layout dari situs yang telah dirancang.
2. Siapa saja pengunjung yang diharapkan berkunjung ke situs tersebut? 3. Apa saja aktivitas yang dapat pengunjung lakukan dalam situs tersebut? 4. Apa target yang ingin dicapai dari pembuatan situs tersebut?
Untuk semakin memperjelas dan mempermudah dalam membangun situs, maka jawaban dari pertanyaan-pertanyaan di atas akan sangat membantu karena dari situlah nantinya akan terbentuk kata kunci untuk membuat dan mengembangkan situs lebih lanjut.
Berkenaan dengan situs yang akan dibangun, maka jawaban untuk pertanyaan-pertanyaan di atas sebagai berikut:
a. Situs akan dibuat adalah sistem informasi sekolah berbasis web, dalam hal ini adalah SMA Negeri Unggul Aceh Timur, yang menyediakan informasi-informasi tentang sekolah tersebut dan kegiatan yang dilakukan sekolah.
b. Pengunjung dari website tersebut diharapkan adalah para siswa siswi, guru, wali siswa SMA Negeri Unggul Aceh Timur serta masyarakat luas yang ingin tahu mengenai segala sesuatu tentang sekolah ini.
c. Aktivitas yang akan dijumpai di dalam situs tersebut adalah pengunjung dapat mengetahui informasi mengenai SMA Negeri Unggul Aceh Timur, mengetahui data siswa, serta informasi penting lainnya.
informasi yang dibutuhkan serta dapat membantu sekolah dalam mempromosikan sekolahnya.
4.3Perancangan Data Flow Diagram (DFD)
Data Flow Diagram (DFD) merupakan diagram yang menggunakan notasi-notasi (simbol-simbol) untuk menggambarkan arus dari data sistem. DFD sering digunakan untuk menggambarkan suatu sistem yang telah ada atau sistem baru yang akan dikembangkan secara logika tanpa mempertimbangkan lingkungan fisik dimana data tersebut mengalir. Gambaran ini tidak tergantung pada perangkat keras, lunak, struktur data atau organisasi. Adapun Data Flow Diagram yang penulis ajukan, yaitu:
Sejarah Pengumuman
Galery Photo
Visi dan Misi
Contact Us
Struktur Organisasi
Gambar 4.1 Diagram Konteks
Pengumuman Sejarah
Desain Sistem Informasi SMA
Negeri Unggul Aceh Timur
Galeri Photo Visi dan Misi
Identitas Sekolah
Kepala Sekolah
Sekilas Pengumuman
Galleri Photo
Visi dan Misi
Struktur Organisasi Contact Us
Gambar 4.2 Diagram Konteks Level 0 (Nol)
4.4Perancangan Flowchart
Tahap selanjutnya adalah tahap pembuatan flowchart (diagram alir) atau aliran informasi dari situs tersebut. Flowchart atau diagram alir adalah gambaran yang
Pengumuman Sejarah
Desain Sistem Informasi SMA
Negeri Unggul Aceh Timur
Galleri Photo Visi dan Misi
Struktur Organisasi
Kepala Sekolah Pembuatan
Laporan
menampilkan struktur, hierarki, dan isi halaman per halaman. Dengan adanya flowchart, akan sangat membantu untuk memvisualisasikan isi dari setiap halaman situs tersebut. Dengan pembuatan flowchart dalam suatu situs dapat membantu mempermudah dalam pemeliharaan dan pembaharuan isi situs. Hal ini sangat penting dilakukan karena isi situs harus selalu diperbaharui sehingga pengunjung tidak bosan.
Penjelasan arti lambang-lambang flowchart dapat didefenisikan seperti berikut:
Simbol Fungsi
Terminator, untuk memulai dan mengakhiri suatu program.
Process, suatu simbol yang menunjukkan setiap pengolahan yang dilakukan oleh komputer.
Data, untuk memasukkan data maupun menunjukkan hasil dari suatu proses.
Decision, suatu kondisi yang akan menghasilkan beberapa kemungkinan jawaban atau pilihan. Preparation, suatu simbol yang menyediakan tempat-tempat pengolahan data dalam storage. Connector, merupakan simbol untuk masuk dan keluarnya suatu prosedur pada lembar kertas yang sama.
Off-Page Connector, merupakan simbol untuk masuk dan keluarnya suatu prosedur pada lembar kertas yang lain.
Arus atau flow, prosedur yang dapat dilakukan dari atas ke bawah, bawah ke atas, dari kiri ke kanan, atau dari kanan ke kiri.
Document, merupakan simbol untuk data yang berbentuk informasi.
Predefined process, untuk menyatakan sekumpulan langkah proses yang ditulis sebagai prosedur. Display, untuk output yang ditujukan suatu device, seperti monitor.
Magnetic Disk, untuk menyimpan data.
Gambar 4.3 Aliran Informasi rancangan situs
Login Admin Index / Halaman
Utama
Kesiswaan
Kepala Sekolah Struktur Organisasi
Guru
Profil Fasilitas Personalia
Sejarah
Visi Misi
Identitas Sekolah
Perpustakaan
Mushalla Laboratorium
Siswa
Osis
Tata Tertib Siswa Prestasi
Bimbingan Konseling
1. Flow Chart Halaman Utama
2. Flowchart halaman login administrator
Log Out Prosedur Log Out
Gambar 4.5 Flowchart halaman Login Administrator
C
Edit Data Kepsek Edit?
Database
Gambar 4.6 Flowchart Manage Kepala Sekolah
D
Edit Data Guru Tampil form Edit Data Guru
Tampil Form Edit Data Guru
Edit Data Guru Edit?
Database
D2
Hapus Data
Guru Hapus data Guru
Hapus Data
Gambar 4.7 Flowchart Manage Guru
E
Gambar 4.8 Flowchart Manage Pengumuman Terbaru
F
TampilArtikel Tampil Artikel
Tambah Artikel Tampil Form Tambah Artikel
Edit Artikel Tampil form Edit Artikel
Tampil
Form Artikel Edit Artikel Edit?
Database
F2
Hapus Artikel Hapus Artikel Hapus Artikel
Database
Gambar 4.9 Flowchart Manage Artikel
4.5Mempersiapkan Database Server
Pada tahapan ini dipersiapkan tempat untuk menampung data di server, data tersebut nantinya akan diproses oleh program yang kita buat pada tahap pemrograman, baik penambahan, pengeditan, panghapusan dan menampilkan isi database ke halaman
website. Database terdiri atas tabel-tabel yang dibuat dengan menggunakan program
Adapun database yang dibuat oleh penulis adalah database dbsma dengan tabel-tabel sebagai berikut:
Tabel 4.1 Admin
Nama Field Type Size Keterangan
username Varchar 45 primary key
password Varchar 20
Tabel 4.2 Artikel
Nama Field Type Size Keterangan
Id Integer 10 primary key
Tabel 4.3 Calender
Nama Field Type Size Keterangan
Id Integer 5 primary key
Judul Varchar 30
Gambar Varchar 30
Tabel 4.4 Contact
Nama Field Type Size Keterangan
Id Integer 10 primary key
Nama Varchar 30
Email Varchar 30
Pesan Text
Tabel 4.5 DBGuru
Nama Field Type Size Keterangan
Id Integer 10 primary key
Pendidikan Varchar 10
Jabatan Varchar 100
gaji Varchar 100
mulai date
Tabel 4.6 DBSiswa
Nama Field Type Size Keterangan
Id Integer 10 primary key
Tabel 4.7 Fasilitas
Nama Field Type Size Keterangan
Id Integer 10 primary key
nama Varchar 50
link Varchar 50
Static_content Text
Gambar Varchar 100
Publish Enum(‘Y’, ‘N’) 10
Status Enum(‘user’, ‘dmin’)
Aktif Enum(‘Y’, ‘N’)
Urutan Integer 5
Tabel 4.8 Gallery
Nama Field Type Size Keterangan
Id Integer 10 primary key
Nama Varchar 10
Gambar Varchar 10
Urutan Integer 10
Tabel 4.9 Kesiswaan
Nama Field Type Size Keterangan
Id Integer 10 primary key
nama Varchar 50
link Varchar 50
Static_content Text
Gambar Varchar 100
Publish Enum(‘Y’, ‘N’) 10
Status Enum(‘user’, ‘dmin’)
Aktif Enum(‘Y’, ‘N’)
Urutan Integer 5
Nama Field Type Size Keterangan
Tabel 4.11 Personalia
Nama Field Type Size Keterangan
Id Integer 10 primary key
Nama Varchar 10
Link Varchar 50
Gambar Varchar 10
Urutan Integer 10
Tabel 4.12 Profil
Nama Field Type Size Keterangan
Id Integer 10 primary key
nama Varchar 50
link Varchar 50
Static_content Text
Gambar Varchar 100
Publish Enum(‘Y’, ‘N’) 10
Status Enum(‘user’, ‘dmin’)
Aktif Enum(‘Y’, ‘N’)
Urutan Integer 5
4.6 Perancangan Halaman Website
Adapun halaman - halaman yang dibangun oleh penulis adalah:
a. Halaman index merupakan halaman yang pertama kali muncul pada saat website dibuka. Halaman ini berisikan artikel dan link-link menuju halaman berikutnya.
c. Halaman visi misi merupakan halaman berisikan tentang visi dan misi SMA Negeri Unggul Aceh Timur.
d. Halaman perpustakaan merupakan halaman yang berisikan tentang fasilitas perpustakaan.
e. Halaman laboratorium merupakan halaman yang berisikan tentang fasilitas laboratorium.
f. Halaman mushalla merupakan halaman yang berisikan tentang fasilitas mushalla.
g. Halaman struktur organisasi merupakan halaman yang berisikan tentang strukur organisasi SMA Negeri Unggul Aceh Timur.
h. Halaman kepala sekolah merupakan halaman yang berisikan data kepala sekolah SMA Negeri Unggul Aceh Timur.
i. Halaman guru merupakan halaman yang berisikan daftar nama guru yang mengajar di sekolah SMA Negeri Unggul Aceh Timur.
j. Halaman guru merupakan halaman yang berisikan daftar nama guru yang mengajar di sekolah SMA Negeri Unggul Aceh Timur.
k. Halaman siswa merupakan halaman yang berisikan daftar nama siswa yang terdaftar di sekolah SMA Negeri Unggul Aceh Timur.
l. Halaman OSIS merupakan halaman yang berisikan tentang OSIS SMA Negeri Unggul Aceh Timur.
m. Halaman prestasi merupakan halaman yang berisikan tentang prestasi yang pernah dicapai oleh SMA Negeri Unggul Aceh Timur.
o. Halaman bimbingan konseling merupakan halaman yang berisikan tentang penjelasan tentang arti bimbingan konseling SMA Negeri Unggul Aceh Timur.
p. Halaman roster pelajaran merupakan halaman yang berisikan tentang roster pelajaran dan mendownload roster pelajaran SMA Negeri Unggul Aceh Timur.
q. Halaman pengumuman terbaru merupakan halaman yang berisikan tentang pengumuman SMA Negeri Unggul Aceh Timur.
r. Halaman kalender akademik merupakan halaman yang berisikan tentang kalender akademik SMA Negeri Unggul Aceh Timur.
s. Halaman galleri photo merupakan halaman yang berisikan photo SMA Negeri Unggul Aceh Timur.
t. Halaman contact us merupakan halaman yang berisikan tentang contact us untuk memberikan kritik saran yang membangun kepada SMA Negeri Unggul Aceh Timur.
u. Halaman artikel merupakan halaman yang berisikan tentang berbagai artikel yang sedang berkembang saat ini.
Tahap-tahap yang dilakukan penulis dalam membangun halaman website adalah sebagai berikut:
1. Membuka Macromedia Dreamweaver 8 sebagai software pengatur letak layout
Gambar 4.10 Tampilan Macromedia Dreamweaver 8
2. Mengatur letak layout dengan memanfaatkan tool dan perintah yang terdapat pada
Macromedia Dreamweaver yaitu dengan meletakkan link-link, grafik, isi berita dan modul-modul lainnya di tempat yang telah ditentukan.
3. Menulis dan meletakkan skrip-skrip PHP dan HTML yang diperlukanpada tempat yang sesuai yang dikerjakan di jendela Code pada Macromedia Dreamweaver. 4. Mengerjakan halaman-halaman berikutnya.
Tampilan utama situs ini dirancang dengan bantuan software Dreamweaver. Perancangan tampilan utama pada situs ini dibagi menjadi dua bagian yaitu header dan isi halaman. Header adalah merupakan dari halaman yang terletak pada bagian atas yang berisikan nama website SMA Negeri Unggul Aceh Timur, sedangkan bagian isi adalah merupakan bagian terpenting karena pada pada bagian ini merupakan tempat menampilkan informasi yang akan disampaikan. Secara keseluruhan desain header yang dirancang adalah sebagai berikut:
BAB 5
IMPLEMENTASI SISTEM
5.1Pengertian Implementasi Sistem
Implementasi sistem adalah langkah-langkah atau prosedur-prosedur yang dilakukan dalam menyelesaikan desain sistem yang telah disetujui, untuk menguji, menginstall dan memulai sistem baru atau sistem yang diperbaiki untuk menggantikan sistem yang lama.
5.2 Tujuan Implementasi Sistem
Tujuan Implementasi sistem adalah sebagai berikut:
1. Menyelesaikan desain sistem yang telah disetujui sebelumnya.
2. Memastikan bahwa pemakai (user) dapat mengoperasikan sistem baru. 3. Menguji apakah sistem baru tersebut sesuai dengan pemakai.
4. Memastikan bahwa konversi ke sistem baru berjalan yaitu dengan membuat rencana, mengontrol dan melakukan instalasi baru secara benar.
5.3Komponen Utama dalam Sistem
a. Perangkat keras (hardware)
Perangkat keras yang dibutuhkan dalam pembuatan sistem informasi ini antara lain:
1. Prosesor 2. Harddisk 3. Memori 4. Monitor 5. Keyboard 6. Mouse 7. Dan lain-lain
b. Perangkat Lunak (software)
1. PHP, MySQL, dan Macromedia Dreamweaver 8
2. Anti virus untuk mengetahui terjadinya kerusakan sistem.
c. Tenaga Pelaksana (Brainware)
Yaitu orang yang memiliki keahlian yang baik dan mengerti sistem operasi komputer untuk menjalankan program.
5.4 Instalasi Apache, PHP dan MySQL
http://www.php.net untuk PHP dan http://www.mysql.com untuk MySQL. Tahap instalasinya dimulai dengan menginstalasi Apache, kemudian disusul dengan menginstalasi PHP dan MySQL. Setelah instalasi selesai dilanjutkan dengan melakukan pengaturan konfigurasi yang diberikan setelah instalasi selesai. Namun hal ini memerlukan pengaturan yang sedikit rumit.
5.4.1 Menjalankan Apache, MySQL, dan PHP
Untuk Menjalankan ketiga software yang digunakan dapat dilakukan dengan cara sebagai berikut:
1. Untuk menjalankan Apache, Klik Start > Programs > Apache HTTP Server 5.0.55 > Control Apache Server > Monitor Apache Servers.
2. Kemudian untuk melihat Apache telah ter-install dengan baik, tuliskan http://localhost/ di URL. Jika telah berhasil akan terlihat seperti gambar berikut
ini:
3. Uji apakah PHP telah dapat dijalankan dengan cara tuliskan script berikut pada notepad :
<?php
phpinfo();
?>
Simpan dengan nama info.php dan letakkan di folderhtdocs pada Apache.
4. Buka internet explorer dan tulis http://localhost/info.php di URL address. Jika berhasil akan tampil sebagai berikut:
Gambar 5.2 Uji PHP
5. Uji apakah MySQL telah dapat dijalankan dengan cara jalankan command prompt
Gambar 5.3 Uji MySQL 6. Maka Apache, MySQL dan PHP telah dijalankan.
5.4.2 Pengujian Website di Browser
Setelah selesai mengerjakan semua halaman website yang dibuat, maka website
tersebut harus di uji terlebih dahulu di browser sebelum di-upload di internet. Adapun cara menguji website di browser sebagai berikut:
1. Simpan website yang telah dibuat pada folder htdocs yang terdapat pada apache dalam folder tersendiri, misalnya C:\Program Files\Apache Group\Apache2\htdocs\sman1julok
Gambar 5.4 Halaman Index Website SMA Negeri 1 Unggul Aceh Timur
5.5 Memperbarui Web
Memperbarui situs web adalah salah satu cara untuk mempertahankan situs agar tetap dikunjungi oleh pengunjung. Dalam memperbarui situs kita harus melihat dan mengetahui apa yang sekiranya dibutuhkan oleh pengunjung. Ada beberapa hal yang dapat kita lakukan dalam memperbarui web kita yaitu :
1. Memperbarui Isi Web
2. Mengubah Tampilan Desain Web
Situs dengan wajah baru dapat menyegarkan rasa bosan pengunjung terhadap situs yang telah kita buat. Mengubah desain situs web sangat disarankan terutama jika situs web kita banyak dikunjungi dan memiliki banyak artikel didalamnya.
3. Menambah Fitur-Fitur Yang Menarik
Dari berbagai teknologi web yang telah dikenal maka kita dapat membuat layanan atau fitur khusus dari situs web yang dapat menarik hati pengunjung dengan pelayanan atau fasilitas yang disediakan kemudian membuat mereka penasaran dan mengeksplorasi lebih lanjut situs web kita. Karena mungkin pengunjung akan senang dengan inovasi yang kita terapkan pada situs kita.
5.6Demonstrasi Program
Adapun tampilan program yang dirancang penulis adalah sebagai berikut:
Gambar 5.5 Tampilan Bagian Homepage
5.6.2 Tampilan Bagian Login Admin
Gambar 5.6 Tampilan Bagian Login Admin
5.6.3 Tampilan Halaman Admin
5.6.4 Tampilan Halaman Galeri Foto
Gambar 5.8 Halaman Galeri Foto
5.6.5 Tampilan Halaman Visi dan Misi
5.6.6 Tampilan Halaman Perpustakaan
Gambar 5.10 Halaman Perpustakaan
5.6.7 Tampilan Halaman Daftar Guru
5.6.8 Tampilan Halaman Kepala Sekolah
Gambar 5.12 Halaman Kepala Sekolah
5.6.9 Tampilan Halaman Kalender Akademik
Gambar 5.13 Halaman Kalender Akademik
Gambar 5.14 Halaman Identitas Sekolah
5.6.11 Tampilan Halaman Struktur Organisasi
Gambar 5.15 Halaman Struktur Organisasi
5.6.12 Tampilan Halaman Siswa
5.6.13 Tampilan Halaman Prestasi
BAB 6
KESIMPULAN DAN SARAN
6.1.Kesimpulan
Website merupakan sarana informasi online yang dapat diakses oleh siapapun, mengenai informasi yang diberikan dirancang dan direalisasikan dengan menggunakan system operasi windows, MySQL sebagai database manajemen system, PHP sebagai bahasa scripting yang menyatu dengan HTML, Apache sebagai web server, dan macromedia dreamweaver sebagai web editornya. Dari penjelasan pada bab-bab sebelumnya, penulis dapat merangkum beberapa kesimpulan, yaitu :
1. Dalam membangun sebuah website tidak harus terhubung dengan internet. Internet
diperlukan pada saat upload file dan pengaksesan website.
2. Layout/header yang bagus dan menarik dapat menambah daya tarik website
sehingga banyak dikunjungi para pengunjung.
6.2.Saran
1. Senantiasa menjaga dan memperbaharui website agar pengunjung tidak merasa bosan dan mendapatkan informasi-informasi yang up-to-date.
2. Pemeliharaan keamanan terhadap data-data pada server perlu diperhatikan dan dijaga agar data-data pada server tidak bisa diakses oleh orang yang tidak berhak mengaksesnya.
DAFTAR PUSTAKA
Al Bahra Bin Ladjamudin. 2005. Analisis dan Desain Sistem Informasi. Frihartono, S. 2005. PHP Dan MySQL Untuk Web. Yogyakarta : Andi
H, Rafiza. 2006. Panduan dan Referensi Kamus Fungsi PHP 5. Jakarta : Elex Media Komputindo.
Herlambang,Ferry.2006. Menggali Keajaiban Behaviors pada Dreamweaver 8. Jakarta: PT.Gramedia.
Laudon, Kenneth C. dan Jane P, Laudon. 2008. Sistem Informasi Manajemen. Terjemahan Chrishwan Sungkono dan Machmudin Eka P. Jakarta: Salemba : 4 hal. 15.
Nugroho, B. Database Relasional Dengan MySQL. Yogyakarta : Andi
RS, Bernard. Pijono, A. Agustaf R. 2005. Mudah dan Cepat Menguasai Pemrograman WEB. Bandung : Informatika Bandung.
Sopyan, Y. 2006. Foto Indah dan Artistik dengan rekayasa Photoshop. Jakarta : Mediakita.
Listing Program
A. Config 1. Koneksi.php
<?
$server = "localhost"; $username = "root"; $password = "12345"; $database = "dbsma";
// Koneksi dan memilih database di server
mysql_connect($server,$username,$password) or die("Koneksi gagal"); mysql_select_db($database) or die("Database tidak bisa dibuka"); ?>
2. Tanggal.php
<?php
$engDate=date("l F d, Y H:i:s A"); switch (date("w")) {
case "0" : $hari="Minggu";break; case "1" : $hari="Senin";break; case "2" : $hari="Selasa break; "; case "3" : $hari="Rabu";break; case "4" : $hari="Kamis";break; case "5" : $hari="Jumat";break; case "6" : $hari="Sabtu";break; }
switch (date("m")) {
case "1" : $bulan="Januari";break; case "2" : $bulan="Februari";break; case "3" : $bulan="Maret";break; case "4" : $bulan="April";break; case "5" : $bulan="Mei";break; case "6" : $bulan="Juni";break; case "7" : $bulan="Juli";break; case "8" : $bulan="Agustus";break; case "9" : $bulan="September break; "; case "10" : $bulan="Oktober";break; case "11" : $bulan="November";break; case "12" : $bulan="Desember";break; }
$indDate="$hari ".", ". date("d") ." $bulan". date(" Y "); echo $indDate;
3. Default.css
body {
margin: 0; padding: 0;
background: #000000 repeat left top;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 13px;
color: #AF9371; }
h1, h2, h3 {
margin-top: 0; }
h1 {
font-size: 1.6em; font-weight: normal; }
h2 {
font-size: 1.6em; }
h3 {
font-size: 1em; }
