SISTEM PERANCANGAN PORTAL AKADEMIK PADA SMA NEGERI 1 NA IX-X AEK KOTA BATU BERBASIS WEB
TUGAS AKHIR
YUNI RAHMAIDA NASUTION
092406036
PROGRAM STUDI DIPLOMA III TEKNIK INFORMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
SISTEM PERANCANGAN PORTAL AKADEMIK PADA SMA NEGERI 1 NA IX-X AEK KOTA BATU BERBASIS WEB
TUGAS AKHIR
Diajukan untuk melengkapi tugas dan memenuhi syarat mencapai gelar Ahli Madya
YUNI RAHMAIDA NASUTION 092406036
PROGRAM STUDI DIPLOMA III TEKNIK INFORMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA MEDAN
PERSETUJUAN
Judul : SISTEM PERANCANGAN PORTAL AKADEMIK
PADA SMA NEGERI 1 NA IX-X AEK KOTA BATU BERBASIS WEB
Kategori : TUGAS AKHIR
Nama : YUNI RAHMAIDA NASUTION
Nomor Induk Mahasiswa : 092406036
Program Studi : DIPLOMA III TEKNIK INFORMATIKA
Departemen : MATEMATIKA
Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN
ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA
Diluluskan di Medan, Juni 2012
Komisi Pembimbing :
Diketahui/Disetujui oleh
Departemen Matematika FMIPA USU Pembimbing,
Ketua,
PERNYATAAN
SISTEM PERANCANGAN PORTAL AKADEMIK PADA SMA NEGERI 1 NA IX-X AEK KOTA BATU 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 2012
PENGHARGAAN
Puji dan syukur penulis panjatkan kehadirat Allah SWT yang telah memberikan rahmat dan karunia-Nya sehingga penulis dapat menyelesaikan Tugas Akhir ini tepat pada waktunya. Pembuatan Tugas Akhir ini merupakan salah satu syarat untuk menyelesaikan Program Studi Diploma III Teknik Informatika pada Universitas Sumatera Utara. Adapun judul Tugas Akhir ini adalah “SISTEM PERANCANGAN PORTAL AKADEMIK PADA SMA NEGERI 1 NA IX-X AEK KOTA BATU BERBASIS WEB”.
Selama mempersiapkan Tugas Akhir ini penulis banyak mendapat bantuan, dorongan, dan motivasi baik secara langsung maupun tidak langsung, maka pada kesempatan ini penulis ingin mengucapkan terima kasih kepada :
1. Bapak Dr. Sutarman, M.Sc selaku Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.
2. Bapak Prof. Dr. Tulus, M.Si selaku ketua Departemen Matematika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.
3. Bapak Syahril Efendi S.Si, M.IT dan Syahriol Sitorus S.Si, M.IT selaku ketua dan sekretaris program studi Diploma III Teknik Informatika Fakultas MIPA Universitas Sumatera Utara yang telah memberikan ilmu yang bermanfaat kepada penulis selama masa perkuliahan.
5. Bapak Drs. Yusri Hamonangan Selaku kepala sekolah SMA Negeri 1 NA IX-X Aek Kota Batu yang telah mengizinkan penulis melakukan penelitian dan membantu penulis selama penelitian.
6. Seluruh staf pengajar di Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara khususnya program studi DIII Teknik Informatika yang telah benyak memberikan ilmu selama perkuliahan.
7. Ayahanda Chaidir Nasution dan Ibunda Ratma atas doa restunya dan kasih sayangnya yang tiada habisnya diberikan pada penulis serta dukungan moril maupun materi yang tanpa jasanya tak mungkin penulis sampai pada saat sekarang.
8. Seluruh rekan mahasiswa Jurusan DIII Teknik Informatika khususnya kekasihku tersayang, dan teman-teman yang telah banyak memberikan dorongan semangat. Dan terimakasih atas semua dukungannya.
Penulis menyadari bahwa Tugas Akhir ini masih banyak mendapati kekurangan dan kesalahan, untuk itu penulis mengharapkan kritik dan saran dari semua pihak guna penyempurnaan Tugas Akhir di masa yang akan datang. Akhir kata, semoga Tugas Akhir ini dapat berguna dan bermanfaat bagi kita semua dan penulis pada khususnya.
Medan, Juni 2012
ABSTRAK
DAFTAR ISI
1.2 Identifikasi Masalah 2
1.3 Batasan Masalah 3
1.4 Metodelogi Penelitian 3
1.5 Maksud dan Tujuan 4
1.6 Kegunaan Penelitian 5
1.7 Sistematika Penulisan 5
Bab 2 Landasan Teori 7
2.1 Pengertian Komputer 7
2.1.1 Sistem Komputer 8
2.2 Pengertian Data, DFD (Data Flow Diagram), Flowchart
(Diagram Alir), Informasi dan Sistem 9
2.2.1 Pengertian Data 9
2.2.2 Pengertian DFD (Data Flow Diagram) 10
2.2.3 Diagram Alir (flowchart) 12
2.2.4 Pengertian Informasi 14
2.2.5 Pengertian Sistem 15
2.3 Sistem Informasi 16
2.3.1 Komponen sistem informasi 16
2.3.2 Perangkat sistem informasi 18
2.4 Internet 19
2.4.1 Manfaat internet 20
2.5 Website 21
2.5.1 Web statis 21
2.5.2 Web dinamis 22
2.6 Hypertext Markup Language (HTML) 22
2.7 PHP 24
2.10 Cassading Style Sheet (CSS) 31
2.11 JavaScript 31
Bab 3 Tinjauan SMA Negeri 1 NA IX-X Aek Kota Batu 34 3.1 Profil SMA N1 NA IX-X Aek Kota Batu 34
3.2 Struktur Organisasi 35
3.3 Uraian Tugas dan fungsi organisasi 36
3.3.1 Kepala Sekolah 36
3.3.2 Wakil Kepala Sekolah 36
3.3.3 Tata Usaha 37
3.3.4 Komite Sekolah 37
3.3.5 Pembantu Kepala Sekolah 37
3.3.3.1Bidang Sarana dan Prasarana 38
3.3.4.2Bidang Kurikulum 38
3.3.5.3Bidang Kesiswaan 38
3.3.6 Guru 39
3.3.7 Wali Kelas 39
3.3.8 Guru Pembimbing dan Konseling 39
3.4 Visi, Misi & Tujuan 40
3.4.1 Visi Sekolah 40
3.4.2 Misi Sekolah 40
3.4.3 Tujuan Sekolah 40
Bab 4 Perancangan Sistem 41
4.1 Perencanaan dan Perancangan 41
4.2 Perancangan Halaman Website 44
4.2.1 Halaman Beranda 44
4.2.2 Halaman Profil 44
4.2.3 Halaman Guru dan Siswa 44
4.2.4 Halaman Hubungin Kami 44
4.2.5 Halaman Portal Akademik 45
4.2.6 Halaman Admin 45
4.2.7 Halaman Agenda 45
4.2.8 Halaman Berita 45
4.2.9 Halaman Pengumuman 46
4.3.0 Halaman Galeri Foto 46
4.3 Perancangan Data Flow Diagram (DFD) Website 46 4.4 Perancangan Diagram Alir (Flowchart)Website 48
4.4.1 Flowchart Menu Utama 48
4.4.2 Merancang Database Server 49
4.4.3 Design Website 68
4.6.1 Design halaman home 68
4.6.2 Design header website 70
4.7 Gambaran Umum Perancangan Sistem 70
4.7.1 Administrator Website 70
4.7.2 Pengunjung website 72
Bab 5 Implementasi Sistem 73
5.2 Tujuan Implementasi Sistem 73
5.3 Komponen Dalam Implementasi Sistem 74
5.4 Instalasi Xampp, PHP, dan MySQL 75
Bab 6 Kesimpulan dan Saran 79
6.1 Kesimpulan 79
6.2 Saran 80
DAFTAR TABEL
Halaman
Tabel 2.1 Simbol-simbol Data Flow Diagram 11
Tabel 2.2 Simbol-simbol Flowchart 12
DAFTAR GAMBAR
Halaman Gambar 3.1 Struktur Organisasi SMA Negeri 1 NA IX-X 35
Gambar 4.1 Struktur Website 43
Gambar 4.2 Diagram Konteks Website 47
Gambar 4.3 Flowchart Menu Utama 49
Gambar 4.8 Tampilan Halaman Home 57
Gambar 4.9 Tampilan Header Website 58
Gambar 4.10 Tampilan Halaman Administrator 59
Gambar 5.1 Instalasi XAMPP 76
Gambar 5.2 Menentukan Direktori Instalasi Xampp 77
Gambar 5.3 Proses Instalasi Xampp 77
ABSTRAK
BAB 1
PENDAHULUAN
1.1Latar Belakang
Kebutuhan akan informasi yang akurat dan tepat untuk penyajian data sangat diperlukan oleh suatu organisasi atau perusahaan. Sekolah merupakan salah satu organisasi yang bergerak dalam memberikan pelayanan kepada masyarakat dalam bidang pendidikan. Salah satu unsur terpenting dari suatu sekolah adalah siswa. Dalam satu sekolah ada ratusan bahkan lebih siswa yang masing-masing mempunyai data yang berbeda dan tidak jarang data tersebut tersimpan secara manual sehingga memakan waktu yang banyak dalam pencarian suatu data siswa jika dibutuhkan.
Dengan kemajuan teknologi komputer, pengolahan data dan informasi dapat dilakukan dengan cepat dan akurat. Komputer merupakan suatu alat yang banyak digunakan untuk membantu permasalahan yang sering dihadapi oleh suatu organisasi atau perusahaan.
judul “Perancangan Sistem Informasi pada SMA Negeri 1 NA IX-X Aek Kota Batu menggunakan PHP & MYSQL”.
Dalam perancangan sistem informasi berbasis web pada SMA Negeri 1 NA IX-X Aek Kota Batu ini penulis menggunakan bahasa pemograman PHP dan MySQL dan beberapa software pendukung seperti Xampp dan Dreamweaver 8.
1.2Identifikasi Masalah
Pengolahan data siswa dengan menggunakan komputer akan dapat menghemat waktu dan dapat mengefisienkan pengerjaan pengolahan data pada SMA Negeri 1 NA IX-X Aek Kota Batu. Dengan demikian dapat diidentifikasi masalah dalam penelitian ini adalah bagaimana membentuk sebuah pemograman berbasis web untuk mengolah data pada sekolah tersebut dengan efektif dan efisien sehingga dapat terorganisasi dengan baik.
1.3Batasan Masalah
Agar masalah yang akan dibahas tidak menyimpang dan tidak meluas dikarenakan keterbatasan waktu dan tenaga. Dalam hal ini penulis membatasi permasalahan yang akan dibahas yaitu mengenai data guru, siswa dan nilai siswa.
Metode penelitian yang digunakan dalam tulisan ini, antara lain : 1. Penelitian Lapangan (Field Research)
Metode penelitian ini dilakukan langsung pada objek penelitian, hal ini dilakukan dengan cara :
a. Wawancara (interview)
Dalam hal ini penulis mengadakan tanya jawab dengan staf dan guru yang berhubungan dengan masalah yang akan dibahas.
b. Pengamatan (observasi)
Dalam metode ini penulis melakukan observasi untuk mendapatkan data secara umum dengan melihat langsung, mengamati dan mencatat kegiatan yang ada pada SMA Negeri 1 NA IX-X Aek Kota Batu.
2. Penelitian Kepustakaan (Library Research)
Penelitian ini dimaksudkan untuk mendapatkan landasan teori yang memadai dalam menyusun tugas akhir, dalam hal ini penulis melakukannya dengan membaca serta mengkaji buku-buku yang berkaitan dengan masalah yang ditinjau.
1.5 Maksud dan Tujuan
SMA Negeri 1 NA IX-X Aek Kota Batu tersebut sehingga sistem informasi yang akan dirancang sesuai dengan kebutuhan dan permasalahan yang ada.
Adapun tujuan dari penelitian yang diakukan penulis adalah untuk merancang sistem informasi pada SMA Negeri 1 NA IX-X Aek Kota Batu dengan menggunakan bahasa pemograman HTML, PHP, dan MySQL
1.6 Kegunaan Penelitian
Kegunaan penelitian yang dilakukan penulis adalah sebagai berikut :
1. Bagi SMA Negeri 1 NA IX-X Aek Kota Batu mendapat suatu aplikasi komputerisasi yang memudahkan dalam mencari informasi tentang data guru, siswa dan nilai siswa. Sedangkan bagi pegawai SMA Negeri 1 NA IX-X Aek Kota Batu mendapatkan kemudahan pekerjaan dalam menangani pengolahan data secara efektif dan efisien.
2. Bagi penulis untuk memenuhi syarat bagi Mahasiswa Fakultas Matematika dan Ilmu Pengetahuan Alam Program Studi D-III Teknik Informatika dalam menyelesaikan perkuliahan.
1.7 Sistematika Penulisan
Dalam penulisan tugas akhir ini, penulis membentuk suatu sistematika penulisan yang bertujuan untuk menggambarkan secara ringkas bab-bab yang mencakup hal-hal sebagai berikut :
BAB 1 : PENDAHULUAN
Bab ini berisikan latar belakang penulisan, identifikasi masalah, pembatasan masalah, metodelogi penelitian, maksud dan tujuan, dan sistematika penulisan.
BAB 2 : LANDASAN TEORI
Bab ini menjelaskan landasan teori yang meliputi pengertian data, informasi, sistem informasi, uraian singkat tentang bahasa pemograman HTML, PHP dan MySQL.
BAB 3 : TINJAUAN SMA Negeri 1 NA IX-X Aek Kota Batu Bab ini berisi tentang sejarah, struktur organisasi pada SMA Negeri 1
NA IX-X Aek Kota Batu, kurikulum, visi dan misi serta fungsi dan tugas komponen sekolah.
BAB 4 : PERANCANGAN SISTEM
Bab ini menjelaskan tentang perancangan sistem yang diusulkan meliputi data flow diagram, struktur database, sertifikasi input, sertifikasi output dan flowchart.
BAB 5 : IMPLEMENTASI
BAB 6 : KESIMPULAN DAN SARAN
Bab ini merupakan bab terakhir yang mencakup kesimpulan dan
BAB 2
LANDASAN TEORI
2.1 Pengertian Komputer
Secara ringkas komputer dapat diartikan sebagai mesin yang melakukan tugas-tugas tertentu yang dikontrol oleh instruksi-instruksi digital. Komputer berasal dari bahasa latin yaitu computare yang mengandung arti menghitung. Komputer adalah mesin penghitung elektronik yang cepat dan dapat menerima informasi input digital, kemudian memprosesnya sesuai dengan program yang tersimpan dalam memori dan menghasilkan output berupa informasi.
2.1.1 Sistem komputer
Sistem komputer adalah kumpulan beberapa perangkat komputer yang saling mendukung dan mengerjakan masing-masing fungsinya untuk melakukan suatu pekerjaan. Tujuan dari sistem komputer adalah mengolah data untuk menghasilkan informasi. Agar tujuan tersebut dapat tercapai maka elemen-elemen dari komputer harus lengkap.
Elemen-elemen dari sistem komputer adalah sebagai berikut :
1. Perangkat Keras (Hardware), yaitu perangkat pada komputer yang secara fisik dapat dilihat dan dapat disentuh, seperti keyboard, monitor dan casing.
2. Perangkat Lunak (software), yaitu program yang berisi perintah-perintah pengolahan data, seperti Microsoft Office dan sebagainya.
3. Brainware adalah manusia yang terlibat dalam mengoperasikan serta mengatur sistem komputer.
2.2 Pengertian Data, Data Flow Diagram (DFD), Diagram Alir (Flowchart) dan Sistem.
2.2.1 Pengertian data.
Beberapa pengertian tentang data sebagai berikut :
a. Menurut berbagai kamus bahas Inggris-Indonesia, data diterjemahkan sebagai istilah yang berasal dari kata datum yang berarti fakta atau bahan keterangan.
b. Pengertian yang lain mengatakan bahwa data merupakan deskripsi dari sesuatu kejadian yang kita hadapi.
c. Menurut Gordon B. Davis dalam bukunya Management Information System : Conceptual Foundation, Structures, and Development menyebutkan data sebagai bahan mentah dari informasi, yang dirumuskan sebagi sekelompok lambang-lambang acak yang menunjukkan jumlah atau tindakan atau hal-hal lain.
Dari beberapa pengertian di atas, dapat disimpulkan bahwa data adalah bahan baku informasi, didefenisikan sebagai sekelompok simbol yang mewakili kuantitas, tindakan, dan sebagainya. Data terbentuk dari karakter, dapat berupa alphabet, angka, maupun simbol khusus. Data disusun untuk diolah dalam betuk struktur data, struktur file, dan basisdata.
2.2.2 Pengertian data flow diagram (DFD)
sejumlah bentuk-bentuk simbol untuk menggambarkan bagaimana data mengalir melalui suatu proses yang saling berkaitan.
Data Flow Diagram (DFD) terdiri dari 4 (empat) simbol, yaitu :
Tabel 2.1 Simbol-simbol Data Flow Diagram No Demarco And
Yourdan Symbols
Keterangan Gane And Sarson Symbols
1 Eksternal Entity (Kesatuan
Luar) merupakan kesatuan dilingkungan luar sistem yang dapat berupa orang, organisasi atau sistem lainnya yang akan memberikan input atau menerima output.
2 Proses adalah kegiatan atau
kerja yang dilakukan oleh orang, mesin atau computer dari hasil suatu arus data yang masuk kedalam proses untuk dihasilkan arus data yang akan
keluar dari proses………...
simbol panah. Arus data ini mengalir diantara proses, yang dapat dilakukan dari atas ke bawah, dari bawah ke atas, dari kiri kekanan dan dari kanan kekiri.
4 Storage (simpanan data)
merupakan tempat
penyimpanan dari data yang dapat berupa file atau database di sistem komputer.
2.2.3 Diagram alir (Flowchart)
Diagram alir program (program flow chart) adalah suatu diagram yang menggambarkan arus logika dari data yang akan diproses dalam suatu program dari awal sampai akhir. Diagram alir terdiri dari simbol-simbol yang mewakili fungsi-fungsi langkah program dan garis alir (flow line) menunjukkan urutan dari simbol-simbol yang akan dikerjakan.
Tabel 2.2 Simbol-simbol Flowchart
No Simbol Fungsi
1 Simbol titik terminal digunakan untuk
menunjukkan awal dan akhir dari suatu proses.
2 Simbol proses digunakan untuk mewakili suatu
3 Simbol input-output digunakan untuk mewakili data imput/output dan menunjukkan hasil dari suatu proses.
4 Simbol keputusan (Decision) digunakan untuk
suatu penyeleksian (perbandingan logika) kondisi di dalam program.
5 Simbol persiapan (Predefined) digunakan untuk
pemberian nilai awal suatu variable atau counter.
6 Simbol penghubung (Connector) digunakan untuk
menunjukkan hubungan arus proses yang terputus masih dalam halaman yang sama.
7 Simbol Off-page connector digunakan untuk
menunjukkan hubungan arus proses yang terputus masih dalam halaman yang berbeda
8 Simbol proses terdefenisi digunakan untuk
menunjukkan suatu operasi yang rinciannya ditunjukkan di tempat lain.
9 Simbol display digunakan untuk output yang
ditunjukkan/ditampilkan di monitor.
10 Simbol dokumen yang digunakan untuk
menunjukkan suatu dokumen input dan output baik untuk proses manual, mekanik atau komputer.
11 Simbol garis alir (Flow line) yang digunakan untuk menunjukkan arus dari suatu proses.
data.
2.2.4 Pengertian informasi
Beberapa pengertian tentang informasi sebagai berikut :
a. Menurut Gordon B. Davis dalam bukunya Managemen Information System : conceptual Foundation, Structures, and Development menyebut informasi sebagai data yang telah diolah menjadi bentuk yang berguna bagi penerimanya dan nyata, berupa nilai yang dapat dipahami di dalam keputusan sekarang maupun masa mendatang.
b. Menurut Barry E. Cushing dalam buku Accounting Information System and business Organization, dikatakan bahwa informasi merupakan suatu yang menunjukkan hasil pengolahan data yang diorganisasi dan berguna bagi orang yang menerimanya.
c. Menurut Robert N. Anthony dan Jhon Dearden dalam buku Management Control System, menyebutkan informasi sebagai suatu kenyataan, data, item, yang menambah pengetahuan bagi penggunanya.
Dari beberapa pengertian di atas, dapat disimpulkan bahwa informasi merupakan hasil dari pengolahan data menjadi bentuk yang lebih berguna bagi yang menerimanya yang menggambarkan suatu kejadian nyata dan dapat digunakan sebagai alat bantu untuk pengambilan keputusan.
2.2.5 Pengertian sistem
Beberapa pengertian tentang sistem sebagai berikut :
a. Dalam kamus Inggris-Indonesia-nya Jhon M. Echols dan Hassan Shadily, system diartikan sebagai susunan.
b. Menurut M. Alexander dalam buku Information System Analisyst : Theory and Application, sistem merupakan suatu grup dari elemen-elemen baik yang berbentuk fisik maupun non-fisik yang menunjukkan suatu kumpulan saling berhubungan dan berinteraksi bersama menuju suatu tujuan, sasaran atau akhir dari sebuah sistem.
Dari pengertian sistem di atas dapat disimpulkan bahwa sistem adalah suatu kesatuan utuh terdiri dari beberapa bagian yang saling berhubungan dan berinteraksi untuk mencapai tujuan tertentu.
Pada dasarnya sistem informasi merupakan suatu sistem yang dibuat oleh manusia yang terdiri dari komponen-komponen dalam organisasi untuk mencapai sutau tujuan yaitu menyajikan data informasi. Sistem informasi menerima masukan data dan instruksi, mengolah data tersebut sesuai dengan instruksi, dan mengeluarkan hasilnya.
2.3.1 Komponen sistem informasi
Sistem informasi memiliki komponen-komponen yang saling berinteraksi membentuk satu kesatuan dalam mencapai sasaran sistem. Adapun komponen-komponen dari sistem informasi adalah sebagai berikut :
a. Blok Masukan ( Input Block)
Blok masukan dalam sebuah sistem informasi meliputi metode-metode dan media untuk menangkap data yang akan dimasukkan, dapat berupa dokumen-dokumen dasar.
b. Blok Model ( Model Block)
Blok model ini terdiri dari kombinasi prosedur, logika dan model matematik yang berfungsi memanipulasi data untuk keluaran tertentu.
c. Blok Keluaran (Output Block)
Blok keluaran berupa data-data keluaran seperti dokumen output dan informasi yang berkualitas.
Blok teknologi digunakan untuk menerima input, menjalankan model, menyimpan data dan mengakses data, menghasilkan dan mengirimkan keluaran serta membantu pengendalian dari sistem secara keseluruhan. Blok teknologi ini merupakan komponen bantu yang memperlancar proses pengolahan yang terjadi dalam sistem.
e. Blok Basisdata (Database Block)
Merupakan kumpulan data yang berhubungan satu dengan lainnya, tersimpan di perangkat keras komputer dan perangkat lunak untuk memanipulasinya. f. Blok Kendali (Control Block)
Meliputi masalah pengendalian terhadap operasional sistem berfungsi mencegah dan menangani kesalahan/kegagalan sistem.
2.2.3 Perangkat sistem informasi
Sebuah sistem informasi yang lengkap memiliki kelangkapan sebagai berikut :
a. Hardware
b. Software
Bagian ini merupakan bagian perangkat lunak sistem informasi. Sistem informasi modren memiliki perangkat lunak untuk memerintahkan komputer dalam melaksanakan tugas yang harus dikerjakannya.
c. Data
Merupakan komponen dasar dari sistem informasi yang akan diproses lebih lanjut untuk menghasilkan informasi.
d. Prosedur
Merupakan bagian yang berisikan dokumentasi prosedur atau proses-proses yang terjadi dalam sistem.
e. Manusia
Manusia merupakan bagian utama dalam suatu sistem informasi. Yang terlibat dalam komponen manusia adalah sebagai berikut :
1. Cleciral personal : untuk menangani transaksi dan pemrosesan data dan melakukan incuiry (operator).
2. First level manager : untuk mengolah pemrosesan data didukung dengan perencanaan, penjadwalan, identifikasi situasi out-of control dan pengambilan keputusan level menengah kebawah.
3. Staff specialist : untuk menganalisis perencanaan dan pelaporan.
2.4 Internet
Internet (International Networking) adalah sutu kumpulan jaringan komputer dari berbabagai tipe, yang saling berkomunikasi dengan menggunakan suatu standar komunikasi. Saat ini ada jutaan sistem komputer dengan puluhan juta pengguna di seluruh dunia telah bergabung dengan internet.
Secara teknis internet merupakan dua komputer atau lebih yang saling berhubungan membentuk jaringan komputer hingga meliputi jutaan komputer di dunia, yang saling berinteraksi dan bertukar informasi. Sedangkan dari segi ilmu pengetahuan, internet merupakan sebuah perpustakaan yang di dalamnya terdapat jutaan bahkan miliaran informasi atau data yang dapat berupa teks, grafik, suara maupun animasi untuk melakukan pertukaran informasi jarak jauh.
2.4.1 Manfaat internet
Sejalan dengan meningkatnya peranan informasi dalam bisnis maupun teknologi, akses terhadap sumber dan jaringan informasi semakin penting bagi pengguna. Internet adalah jaringan informasi komputer mancanegara yang berkembang sangat pesat dan pada saat ini dapat dikatakan sebagai jaringan informasi terbesar di dunia. Sehingga manfaat internet sangat terasa bagi pengguna.
Adapun manfaat yang bisa diperoleh dari internet adalah sebagai berikut: a. Informasi yang didapat lebih cepat dan murah dengan menggunakan aplikasi
b. Mengurangi biaya kertas dan biaya distribusi, dengan adanya koran, majalah dan brosur di dalam internet.
c. Sebagai media promosi, misalnya pengenalan dan pemesanan produk perusahan.
d. Komunikasi interaktif melalaui e-mail, video conferencing, dan sebagainya.
e. Sebagai alat penelitian dan pengembangan.
f. Sebagai alat pertukaran data.
2.5 Website
Website atau world wide web sering disingkat sebagai www atau web, yaitu sebuah sistem dimana informasi dalam bentuk teks, gambar, suara, dan lain-lain direpresentasikan dalam bentuk hypertext dan dapat diakses oleh perangkat lunak yang disebut browser.
2.5.1 Web statis
Web statis adalah web yang berisi informasi yang sifatnya statis (tetap). Disebut statis karena pengguna tidak dapat berinteraksi dengan web tersebut. Untuk mengetahui web tersebut statis atau dinamis dapat dilihat dari tampilannya. Jika suatu web hanya berhubungan dengan halaman web lain berisi suatu informasi yang tetap maka web tersebut statis.
Pada web statis, pengguna hanya dapat melihat isi dokumen pada halaman web yang berisi informasi yang tetap atau tidak berubah. Interaksi pengguna hanya terbatas dapat melihat informasi yang ditampilkan. Web statis biasanya merupakan HTML yang ditulis pada editor teks dan disimpan dalam bentuk .html atau .htm.
2.5.3 Web dinamis
Web dinamis adalah web yang menampilkan informasi serta berinteraksi dengan pengguna. Web yang dinamis memungkinkan pengguna untuk berinteraksi menggunakan form sehingga dapat mengolah informasi yang ditampilkan. Web dinamis bersifat interaktif, tidak kaku, dan terlihat lebih indah. Informasi di web pada umumnya ditulis dalam format HTML dan PHP.
2.6 Hypertext Markup Language (HTML)
bahasa script dasar yang berjalan bersama berbagai bahasa scripting pemograman lainnya.
Dalam penulisan script html dapat menggunakan editor biasa seperti notepad, edit plus ataupun editor lain yang berbasis GUI (Graphical User Interface) seperti Microsoft Frontpage dan yang digunakan penulis adalah Macromedia Dreameweaver 8. Dengan software ini kode html tidak perlu di ketik, karena semua perintahnya diwujudkan secara icon base. Tetapi bagi seorang pengembang aplikasi web, kemampuan penguasaan terhadap kode html sangat diperlukan, sehingga sangat disarankan untuk menguasai kode html dengan menggunakan editor teks seperti notepad.
Secara umum HTML dapat melakukan tugas-tugas sebagai berikut : a.Mengontrol tampilan halaman web dan isinya.
b.Mempublikasikan web secara online.
c.Membuat online form yang bisa digunakan untuk menangani pendaftaran buku tamu, dan transaksi online lainnya.
d.Menambahkan objek-objek seperti image, audio, video, dan juga applet dalam dokumen html.
2.7 PHP
PHP singkatan dari hypertext preprocessor yang digunakan sebagai bahasa script server-side dalam pengembangan web yang disisipkan pada dokumen html. Penggunaan php memungkinkan web dapat dibuat dinamis sehingga maintanance situs web tersebut lebih mudah dan efisien. Php merupakan software open-source yang disebarkan dan dilisensikan secara gratis dan dapat didownload dari situs resminya yaitu :
PHP yang ditulis dengan menggunakan bahas C dapat dikembangkan sendiri dengan menambah fungsi-fungsi baru. PHP adalah bahasa pemograman yang sangat populer. Sebagian besar sintak php mirip dengan sintak pada bahasa pemograman C dan Perl.
2.7.1 Sejarah singkat PHP
PHP pertama kali diciptakan oleh Rasmus Lerdof pada tahun 1994. Awalnya PHP digunakan untuk mencatat jumlah serta mengetahui siapa saja pengunjung pada homepage-nya. Rasmus Ledorf adalah salah satu pendukung open source. Oleh karena itu, ia mengeluarkan Personal Home Page Tools versi 1.0 secara gratis, kemudian menambah kemampuan PHP 1.0 dengan meluncurkan PHP 2.0.
dilakukan sehingga pada tahun 2000 dikeluarkan PHP 4.0. tidak terhenti sampai di situ, kemampuan PHP terus ditambah, dan versi terbaru yang telah di keluarkan adalah PHP 5.0.x.
2.7.2 Kelebihan PHP
PHP memiliki banyak kelebihan yang tidak dimiliki bahasa script sejenis. PHP difokuskan pada pembuatan script server-side, yang bisa melakukan apa saja yang dapat dilakukan oleh GCI, sepeti mengumpulkan data dari form, menghasilkan isi halaman web dinamis, dan kemampuan mengirim dan menerima cookies bahkan lebih dari kemampuan CGI.
PHP dapat digunakan pada setiap sistem operasi, antara lain Linux, Unix, Windows, dan Macintosh. PHP juga mendukung banyak Web Server, seperti Apache, Microsoft Internet Information Server (MIIS), Personal Web Server (PWS), dan masih banyak lagi lainnya, bahkan PHP dapat bekerja sebagai suatu CGI processor.
PHP tidak terbatas pada hasil keluaran HTML. PHP juga memiliki kemampuan untuk mengolah keluaran gambar, file pdf, dan movies flash. PHP juga dapat menghasilkan teks seperti XHTML dan file XML lainnya.
Salah satu fitur yang dapat diandalkan oleh PHP adalah dukungannya terhadap banyak database. Berikut database yang dapat didukung oleh PHP :
a. Adabase D
c. Direct MS-SQL
d. Empress
e. FilePro (read only)
f. FrontBase
g. Hyperware
h. IBM DB2
i. Informix
j. Ingres
k. Interbase
l. MSQL
m. MySQL
n. ODBC
o. Oracle (OC17 dan OC18)
p. Ovrimos
q. PostgrSQL
r. Solid
s. Sybase
u. Velocis
2.7.3 Sintaks PHP
Sintaks PHP ditulis dalam apitan tanda khusus PHP. Ada empat macam pasangan tag PHP yang dapat digunakan untuk menandai blok script PHP.
1. <?php … ?>
2. <script language=”PHP”> … </script>
3. <? … ?>
4. <% … %>
Cara 1 dan 2 merupakan cara yang paling umum digunakan walaupun cara 3 tampak lebih praktis, karena cara 3 tidak selalu diaktifkan dalam konfigurasi file php.ini yang terdapat pada direktori C:\Program Files\Apache Software Foundation\Apache2.2\PHP.
Cara 4 juga dimungkinkan sebagai kemudahan bagi anda yang sudah terbiasa dengan Active Server Pages (ASP). Namun, bila cara tersebut tidak dikenal, maka harus dilakukan pengaktifan pada file konfogurasi php.ini. Pengaktifan yang dilakukan pada file php.ini terdapat pada baris berikut :
Language options
Allow ASP-style <%%>tags.
Asp_tags=off
2.8 MySQL
MySQL adalah salah satu jenis database server yang sangat terkenal. Kepopulerannya disebabkan MySQL menggunakan Structure Query Language (SQL) sebagai bahasa dasar untuk mengakses databasenya. Selain itu, ia bersifat gratis (tidak peru membayar untuk menggunakannya) pada pelbagai platform (kecuali pada windows, yang bersifat shareware atau perlu membayar setelah melakukan evaluasi dan memutuskan untuk digunakan untuk kepeluan produksi). Perangkat lunak MySQL sendiri bisa didownload da
MySQL termasuk jenis Relation Database Management Sistem (DBMS). Pada MySQL, sebuah database mengandung satu atau sejumlah tabel. Tabel terdiri atas sejumlah baris dan setiap baris mengandung satu atau beberapa kolom.
MySQL dapat didefenisikan sebagai:
a. MySQL merupakan sistem manajemen database. Database merupakan struktur penyimpanan data. Untuk menambah, mengakses, dan memproses data yang disimpan dalam sebuah database komputer, diperlukan sistem manajemen database MySQL server.
b. MySQL merupakan sistem manajemen database atau basis data terhubung (Relation Database Management System). Database terhubung menyimpan pada tabel-tabel terpisah. Kata SQL pada MySQL merupakan singkatan dari Structure Query Language. SQL merupakan bahasa standar yang digunakan untuk mengakses database dan ditetapkan oleh ANSI/ISO SQL Standart.
mendownload software MySQL dari internet dan menggunakannya tanpa membayar. Anda dapat mempelajari Source Code dan menggunakannya sesuai dengan kebutuhan.
d. Server database MySQL mempunyai kecepatan yang tinggi, mudah digunakan, dan handal. MySQL dikembangkan untuk menangani database yang besar secara cepat dan telah sukses digunakan selama bertahun-tahun. Konektifitas, kecepatan, dan keamanannya membuat server MySQL cocok untuk mengakses database di internet.
e. MySQL Server bekerja di client server atau sistem embedded. Software database MySQL merupakan sistem yang terdiri atas multitheread SQL Server yang mendukung software client dan library yang berbeda, tool administrative, dan sejumlah Application Programming Interfaces (APIs).
f. MySQL tersedia dalam beberapa macam bahasa.
Beberapa SQL command atau perintah SQL yang harus diketahui adalah : 1. CREATE DATABASE, untuk membuat sebuah database.
2. DROP DATABASE, untuk menghapus sebuah database. 3. CREATE TABLE, untuk membuat sebuah table.
9. DELETE, untuk menghapus data dari database.
2.9 Xampp
Xampp merupakan software yang dikeluarkan oleh Group Xampp. Group Xampp terlibat dalam satu proyek yang disebut Proyek Apache untuk mengembangkan suatu software implementasi di server HTTP (web) yang handal, standar komersial, dan Source Code-nya didistribusikan secara gratis.
2.10 Cassading Style Sheet (CSS)
Cassading Style Sheet (CSS) banyak digunakan untuk memperluas kemampuan HTML dalam memformat dokumen web atau untuk mempercantik tampilan web, bahkan untuk pemosisian dan layoutting halaman web. Dengan mendefenisikan suatu style sekali saja dapat digunakan berulang kali.
2.11 JavaScript
JavaScript mulanya bernama LiveScript, dikembangkan pertama kali pada tahun 1995 di Netscape Communication. Pada akhir tahun 1995 Netscape Communication dan Sun Microsystem berkolaborasi dan mengganti nama LiveScript menjadi JavaScript.
JavaScript adalah bahasa script yang ditempatkan pada kode HTML dan diproses pada sisi client. Dengan adanya bahasa ini maka kemampuan dokumen HTML menjadi lebih luas. Sebagai contoh, digunakan untuk validasi masukan formulir sebelum diproses ke tahap selanjutnya. Bisa untuk membuat permainan interaktif dan juga bisa untuk menambah design web.
2.12 Macromedia Dreamweaver 8
Saat ini Dreamweaver merupakan software utama yang digunakan oleh web server designer maupun web programmer dalam membangun suatu web. Dreamweaver memberikan kemudahan bagi penggunanya dalam menentukan ruang kerja yang diinginkan. Tipe ruang kerja, fasilitas dan kemampuan dreamweaver mampu meningkatkan produktivitas dan efektivitas dalam design maupun dalam membangun web.
adalah Zoom Tool and Guides, Panel CSS yang baru, Code Collapse, Coding Toolbar, Insert Flash Video dan tampilan baru dalam Dreamweaver 8 membuat pekerjaan anda lebih cepat selesai.
BAB 3
SEKILAS MENGENAI SMA NEGERI 1 NA IX-X AEK KOTA BATU
3.1Profil SMA Negeri 1 NA IX-X Aek Kota Batu
SMA Negeri 1 NA IX-X aek kota batu berdiri pada tahun 1999. Sekolah ini berlokasi di Jalan desa Sukaramai dan merupakan SMAN satu-satunya di Kecamatan NA IX-X Aek Kota Batu. Kegiatan belajar mengajar pada sekolah ini hanya dilakukan pada pagi hari yaitu dari mulai pukul 07.30 sampai dengan pukul 13.45, sedangkan sore hari sekolah ini mengadakan kegiatan ekstrakurikuler seperti Pramuka, Bimbingan Belajar, Kegiatan Olahraga dan lain sebagainya.
Untuk mendukung kegiatan siswa dalam belajar terdapat sebuah lapangan besar untuk aktifitas berolahraga dan 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 pulang sekolah untuk siswa dan para guru.
3.2 Struktur Organisasi
Gambar 3.1 Struktur Organisasi SMA Negeri 1 NA IX-X
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.
6. Mengatur mutasi siswa.
7. Menyusun program kegiatan ekstrakurikuler.
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.1 Bidang Sarana dan Prasarana
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.3.6 Guru
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)
3.4. Visi dan Misi Sekolah
3.4.1 Visi Sekolah a. Visi sekolah :
Berprestasi,bertauladan yang bernuansa religius Indikator :
A. Meningkatkan mutu dan prestasi
B. Meningkatkan keamanan dan ketakwaan C. Meningkatkan budi pekerti
D. Meningkatkan wawasan 3.4.2 Misi Sekolah
1. Peningkatan kualitas proses belajar mengajar 2. Peningkatan nila-nilai keagamaan
3. Peningkatan nilai-nilai budi pekerti 4. Peningkatan dalam bidang disiplin
3.4.3 Tujuan Sekolah
1. Meningkatkan perolehan nilai UN rata-rata 4,5-6,5.
2. Proporsi lulusan dapat diterima di PTN s/d 40% dari jumlah pemdaftar. 3. Memiliki tim olahraga dan kesenian yang tangguh dan mampu bersaing
BAB 4
PERANCANGAN SISTEM
4.1 Perencanaan dan Perancangan
Tahap perencanaan dan perancangan merupakan tahap awal yang dilakukan penulis dalam membangun website ini. Pada tahap ini penulis akan menjabarkan awal perancangan sistem, diagram alur, tujuan dan isi dari situs yang akan dibangun. Situs ini dirancang dengan menggunakan PHP sebagai bahas pemogramannya, MySQL sebagai databasenya, Xmpp sebagai servernya, dan Deameamweaver 8 sebagai media untuk membuat layout dari situs yang akan dirancang.
Sebelum membangun sebuah website, ada beberapa pertanyaan sebagai identifikasi awal yang perlu dilakukan, antara lain :
a. Website apa yang akan dibangun ?
b. Siapa saja pengunjung yang akan diharapkan ke website tersebut ?
c. Apa saja aktivitas yang dapat dilakukan pengunjung dalam website ?
Dengan menjawab beberapa pertanyaan di atas, maka akan semakin membantu dan mempermudah dalam membangun website ini karena dengan pertanyaan-pertanyaan tersebut akan terbentuk kata kunci untuk membangun dan mengembangkan website ke arah yang lebih lanjut.
Berkaitan dengan website yang akan dibangun, maka jawaban dari penulis untuk beberapa pertanyaan di atas sebagai berikut :
a. Website yang akan dibuat adalah sistem informasi berbasis web, yang menyediakan informasi yang menyangkut pendidikan dan kegiatan yang dilakukan sekolah.
b. Pengunjung situs tersebut adalah para siswa SMA Negeri 1 NA IX-X Aek Kota Batu, namun tidak menutup kemungkinan bagi masyarakat umum yang ingin mengetahui tentang SMA Negeri 1 NA IX-X Aek Kota Batu.
c. Aktivitas yang dapat dilakukan dalam situs tersebut adalah pengunjung dapat mengetahui informasi mengenai berita pendidikan terbaru, membaca artikel para siswa, mengetahui nilai siswa yang dapat diprint, mengetahui kegiatan yang dilakukan sekolah serta informasi penting lainnya.
d. Target yang ingin dicapai dalam pembuatan situs ini adalah dapat memberikan kemudahan bagi siswa dalam memperoleh informasi yang dibutuhkan serta dapat membantu sekolah dalam mempromosikan sekolahnya.
halaman. Dengan adanya struktur, akan sangat mudah untuk memvisualisasikan isi dari setiap halaman situs dan navigasi antar halaman.
Adapun struktur dari situs yang penulis buat ditunjukkan pada gambar berikut:
Gambar 4.1 Struktur Website 4.2 Perancangan Halaman Website
4.2.1 Halaman Beranda
Halaman ini merupakan halaman utama dari website. Halaman ini berisikan beberapa informasi umum tentang sekolah dan link-link utama yang menuju ke halaman-halaman lainnya.
Halaman ini berisikan informasi sekilas tentang sekolah, alamat sekolah dan link-link yang menghubungkan ke halaman profil tentang sekolah lainnya, seperti Sejarah, Identitas, Visi dan Misi, Struktur Organisasi, serta Komponen dari sekolah dan fungsinya.
4.2.3 Guru dan Siswa
Halaman ini berisikan data guru dan data siswa.
4.2.4 Halaman Hubungin Kami
Halaman ini berisikan form tamu untuk memberikan pesan dan kesan kepada sekolah. Isi pesan tersebut hanya dapat dilihat oleh pengirim pesan dan administrator website.
4.2.5 Halaman Portal Akademik
Merupakan halaman yang hanya dapat diakses oleh siswa yang memiliki nis dan password. Halaman ini berisikan tentang data pribadi siswa yang melakukan login tersebut. Selain data pribadi, halaman ini juga berisikan hasil studi atau nilai dari siswa.
4.2.6 Halaman Admin
Halaman admin berisikan login yang akan menghubungkan ke halaman administrator. Halaman ini khusus hanya dapat diakses oleh administrator website untuk melakukan pengaturan website seperti menambah, menghapus dan mengubah data.
4.2.8 Halaman Berita
Merupakan laporan tercepat mengenai fakta atau ide terbaru yang benar, menarik dan atau penting bagi sebagian besar khalayak, seperti kebersihan,teknologi,tokoh,ketertiban.
4.2.9 Halaman Pengumuman
Pengumuman merupakan pesan atau informasi yang disampaikan kepada guru atau siswa.
4.3.0 Halaman Galeri Foto
Galeri foto merupakan hasil dokumentasi yang dilakukan oleh pihak sekolah.
4.3 Perancangan Data Flow Diagram (DFD)
Data flow diagram menggambarkan arus data di dalam sistem dengan struktur, jelas dan menggunakan sejumlah bentuk-bentuk simbol untuk menggambarkan bagaimana data mengalir melalui suatu proses yang saling berkaitan secara grafis. Berikut ini adalah bentuk Data FlowDiagram dari website SMA Negeri 1 NA IX-X Aek Kota Batu.
- Info Sejarah Sekolah
- Info Struktur Organisasi - Login Administrator
- Info Visi Misi - Data Guru
- Info Data Guru - Info Data Siswa - Data Informasi Akademik -Data Pegawai
- Info Komponen Sekolah dan fungsinya - Data Hubungin Kami
-Info Berita -Info Agenda
Hubungin Kami
-Data Pegawai - Info Berita Gambar 4.2 Diagram Konteks Website Pengunjung
0
Sistem Informasi Akademik Berbasis Web Pada SMA Negeri
1 NA IX-X Aek Kota Batu
Administrator
4.4 Perancangan Diagram Alir (flowchart) Website
Diagram alir (flowchart) ini menjelaskan secara rinci langkah-langkah dari proses program. Flowchart dibuat dengan menggunakan simbol-simbol tertentu yang menyatakan setiap langkah program. Berikut ini adalah bentuk-bentuk flowchart dari website SMA Negeri 1 NA IX-X Aek Kota Batu.
4.4.1 Flowchart Menu Utama
Gambar 4.3 Flowchart Menu Utama
4.4.2 Merancang Database Server
Database merupakan tempat penyimpanan data yang terstruktur sehingga dapat diakses dengan cepat dan mudah. Tahap mempersiapkan database ini merupakan tahap dimana penulis mempersiapkan tempat untuk menampung data di server. Data tersebut akan diproses oleh program yang kita buat pada tahap pemograman baik menambah, mengubah, penghapusan, dan menampilkan database itu sendiri.
1. Tabel Agenda
Tabel 4.1 Tabel Agenda
Field Name Type Width Description
id_agenda Int 5 Nomor urut agenda
Tema Varchar 100 Judul tema
Tema_seo Varchar 100 Tema artikel
Isi_agenda text - Isi agenda
Tempat Varchar 100 tempat pengisian agenda Pengirim Varchar 100 Pengirim agenda
Tgl_mulai Date - Tanggal mulai agenda Tgl_selesai Date - Tanggal selesai agenda Tgl_posting date - Tanggal posting agenda
Jam Varchar 50 Jam agenda
username Varchar 50 Nama pengisi agenda
2. Tabel Album
Tabel 4.2 Tabel Album
Field Name Type Width Description
id_album Int 5 Nomor urut album
jdl_album Varchar 100 Judul album
Gbr_album Varchar 100 Gambar album
Aktif Enum - Album yang aktif
3. Tabel Banner
Tabel 4.3 Tabel Banner
Field Name Type Width Description
Id_banner Int 5 Nomor urut banner
Judul Varchar 100 Judul banner
url Varchar 100 Link banner
Gambar Varchar 100 Gambar banner
Tgl_posting Date - Tanggal posting banner
4. Tabel Berita
Tabel 4.4 Tabel Berita
Field Name Type Width Description
Id_berita Int 5 Nomor urut berita
Id_kategori Int 5 Nomor urut kategori Username Varchar 30 Nama pengisi berita
Headline Enum - Kepala berita
Isi_berita Text - Isi berita
Hari Varchar 20 Hari berita
Tanggal Date - Tanggal berita
Jam Time - Jam berita
Gambar Varchar 100 Gambar berita
Dibaca Int 5 Berita yang dibaca
Tag Varchar 100 Berita yang dibagikan
5. Tabel Download
Tabel 4.5 Tabel Download
Field Name Type Width Description
Id_download Int 5 Nomor urut download
Judul Varchar 100 Judul download
Nama_file Varchar 100 Nama file download
Tgl_posting Date - Tanggal posting download
6. Tabel Gallery
Tabel 4.6 Tabel Gallery
Field Name Type Width Description Id_gallery Int 5 Nomor urut gallery
Id_album Int 5 Nomor urut album
Jdl_gallery Varchar 100 Judul gallery Gallery_seo Varchar 100 Nama galery
Keterangan Text - Keterangan gallery
Gbr_gallery Varchar 100 Gambar gallery
7. Tabel Guru
Tabel 4.7 Tabel Guru
Field Name Type Width Description
Id_guru Int 4 Nomor urut guru
Nip Varchar 10 Nip guru
Nama Varchar 60 Nama guru
Tgl_lahir Varchar 120 Tanggal lahir guru Kelamin Varchar 15 Jenis Kelamin guru
Lulusan Varchar 200 Lulusan guru
Agama Varchar 30 Agama guru
8. Tabel Halamanstatis
Tabel 4.8 Tabel Halamanstatis
Field Name Type Width Description
Id_halaman Int 5 Nomor urut halaman
Judul Varchar 100 Judul halaman
Isi_halaman Text - Isi halaman
Tgl_posting Date - Tanggal posting halaman
Gambar Varchar 100 Gambar halaman
9 Tabel hubungi
Tabel 4.9 Tabel Hubungi
Field Name Type Width Description
id_hubungi Int 5 nomor urut yang bisa hubungi
Subjek Varchar 100 Subjek yang bisa dihubungin
Pesan Text - Pesan yang dihubungin
Tanggal Date - Tanggal yang dihubungin
10.Tabel Identitas
Tabel 5.0 Tabel Identitas
Field Name Type Width Description
id_identitas Int 5 nomor urut identitas
Nama_website Varchar 100 Nama website identitas
meta_diskripsi Varchar 250 Meta diskripsi identitas
Meta_keyword Varchar 250 meta keyword idntitas
Favicon Varchar 50 Favicon identitas
11.Tabel Katajelek
Tabel 5.1 Tabel Katajelek
Field Name Type Width Description
Id_jelek Int 11 nomor urut kata jelek
Kata Varchar 60
12.Tabel Kategori
Tabel 5.2 Tabel Kategori
Field Name Type Width Description
Id_kategori Int 5 nomor urut kategori
Nama_kategori Varchar 50 Nama kategori Kategori_seo Varchar 100 Judul kategori
aktif enum - Kategori yang aktif
13.Tabel Komentar
Tabel 5.3 Tabel Komentar
Field Name Type Width Description
Id_komentar Int 5 Nomor urut komentar
Id_berita Int 5 Nomor urut berita
Nama_komentar Varchar 100 Nama komentar
url Varchar 100 Link komentar
Isi_komentar text - Isi komentar
Tgl Date - Tanggal komentar
Jam_komentar Time - Jam komentar
aktif enum - Komentar yang aktif
Tabel 5.4 Tabel Mainmenu
Field Name Type Width Description
Id_main Int 5 Nomor urut mainmenu
Nama_menu Varchar 50 Nama menu
Link Varchar 100 Link menu
aktif enum - Menu yang aktif
15.Tabel Modul
Tabel 5.5 Tabel Modul
Field Name Type Width Description
Id_modul Int 5 nomor urut modul
Nama_modul Varchar 50 Nama modul
Link Varchar 100 Link modul
Static_content Text - Diagram content modul
Gambar Varchar 100 Gambar modul
Publish Enum - Tampilan modul
Status Enum - Status modul
Aktif Enum - Modul yang aktif
Urutan int 5 Urutan modul
Link_seo Varchar 50 judul link modul
16.Tabel Mp
Field Name Type Width Description
Id_mp Int 4 nomor urut Mp
Kode_mp Varchar 10 kode Mp
keterangan Varchar 60 Keterangan Mp
17.Tabel Nilai
Tabel 5.7 Tabel Nilai
Field Name Type Width Description
Id_nilai Int 4 Nomor urut nilai
Nis Varchar 10 Nis nilai
Kode_mp Varchar 10 Kode Mp
Thn_ajar Varchar 10 tahun ajaran nilai
Uts Varchar 10 Nilai Uts
Uas Varchar 10 Nilai Uas
username Varchar 50 Nama yang dinilai
18.Tabel Pegawai
Tabel 5.8 Tabel Pegawai
Field Name Type Width Description
Id_pegawai Int 4 Nomor urut pegawai
Nip Varchar 10 Nip pegawai
Nama Varchar 60 Nama pegawai
Kelamin Varchar 15 Jenis kelamin pegawai
Jabatan Varchar 60 Jabatan pegawai
Alamat Varchar 200 Alamat pegawai
agama Varchar 30 Agama pegawai
19.Tabel Pengumuman
Tabel 5.9 Tabel Pengumuman
Field Name Type Width Description
Id_pengumuman Int 5 nomor urut
pengumuman
Tema Varchar 100 tema pengumuman
Tema_seo Varchar 100 Judul tema
pengumuman
Isi_pengumuman text - Isi pengumuman
Tempat Varchar 100 Tempat pengumuman
Pengirim Varchar 100 pengirim
pengumuman
Tgl_mulai date - Tanggal mulai
pengumuman
Tgl_selesai date - Tanggal selesai
pengumuman
Tgl_posting date - Tanggal posting
pengumuman
username Varchar 50 Nama yangdiumumkan
20.Tabel Poling
Tabel 6.0 Tabel Poling
Field Name Type Width Description
Id_poling Int 5 nomor urut poling
Pilihan Varchar 100 Pilihan poling
Status Varchar 20 Status poling
Rating Int 5 Tingkatan poling
aktif enum - Poling yang aktif
21.Tabel Sekilasinfo
Tabel 6.1 Tabel Sekilasinfo
Field Name Type Width Description
Id_sekilas Int 5 Nomor urut sekilas
Info Varchar 100 Info sekilas
22.Tabel Shoutbox
Tabel 6.2 Tabel Shoutbox
Field Name Type Width Description
Id_shoutbox Int 5 Nomor urut shoutbox
Nama Varchar 100 Nama shoutbox
Website Varchar 50 Website shoutbox
pesan Text - Pesan shoutbox
Tanggal Date - Tanggal shoutbox
Jam Time - Jam shoutox
aktif enum - Shoutbox yang aktif
23.Tabel Siswa
Tabel 6.3 Tabel Siswa
Field Name Type Width Description
Id_siswa Int 4 Nomor urut siswa
Nis Varchar 10 Nis siswa
Nama Varchar 60 Nama sisa
Tgl_lahir Varchar 120 Tanggal lahir siswa
Kelamin Varchar 15 Kelamin siswa
Alamat Varchar 200 Alamat siswa
Kelas Varchar 15 Kelas siswa
24.Tabel Statistik
Tabel 6.4 Tabel Statistik
Field Name Type Width Description
Ip Varchar 20 Ip statistik
Tanggal date - Tanggal statistik
Hits Int 10 Hits statistik
online Varchar 255 Online statistik
25.Tabel Submenu
Tabel 6.5 Tabel Submenu
Field Name Type Width Description
Id_sub Int 5 Nomor urut
submenu
Nama_sub Varchar 50 Nama submenu
Link_sub Varchar 100 Link submenu
Id_main Int 5 Nomor urut
mainmenu
26.Tabel Tag
Field Name Type Width Description
Tabel 6.7 Tabel Templates
Field Name Type Width Description
Id_templates Int 5 Nomor urut
templates
Judul Varchar 100 Judul templates
Pembuat Varchar 50 Pembuat templates
Folder Varchar 50 Folder templates
aktif enum - Templates yang aktif
28.Tabel User
Tabel 6.8 Tabel User
Field Name Type Width Description
Username Varchar 50 Nama tabel user
Password Varchar 50 Password user
Email Varchar 100 Email user
No_telp Varchar 20 Nomor telpon user
level Varchar 20 Level user
Blokir enum - Blokir user
Id_session Varchar 100 nomor urut session user
4.6 Design Website
4.6.1 Design halaman home
Gambar 4.8 Tampilan Halaman Home
4.6.2 Design header website
Gambar 4.9 Tampilan Header Website
4.7 Gambaran Umum Perancangan Website
Sistem yang dibuat dalam situs ini bekerja dalam sebuah web server dan dapat diakses melalui jaringan interanet dan internet. Karena program ini berjalan dalam sebuah jaringan intranet dan internet, maka dapat dijalankan dengan multiuser, dapat diakses oleh banyak pengguna secara bersamaan dari komputer yang berbeda.
4.7.1 Administrator Website
Halaman administrator adalah kumpulan halaman web yang berfungsi sebagai ruang kerja seorang admin untuk memanage dan mengelola data dari website. Data yang ditampilkan pada website diambil langsung dari database. Ada 3 (tiga) cara dari seorang admin dalam mengelola database melalui halaman admin yaitu menambah data, mengedit data, dan menghapus data. Untuk masuk ke halaman menu admin pengguna harus melakukan login terlebih dahulu dengan username : admin dan password : password.
Halaman Buku Tamu. Tampilan halaman Administrator dapat dilihat pada gambar berikut ini :
Gambar 4.10 Tampilan Halaman Administrator a. Halaman Data Siswa
Halaman ini berfungsi menyediakan ruang kerja bagi administrator untuk menambah, mengubah, menghapus, dan menambah data dan nilai siswa.
b. Halaman Data Guru
Halaman ini berfungsi menyediakan ruang kerja bagi administrator untuk menambah, mengubah, dan menghapus data guru yang mengajar di SMA Negeri 1 NA IX-X Aek Kota Batu. Seorang admin dapat melakukan penambahan data guru dengan meng-klik link input guru baru. Serta mengedit dan menghapus data guru dengan meng-klik ling edit data guru. Data guru yang dapat ditambah, diubah dan dihapus mencakup nama, tempat lahir, tanggal lahir, jenjang dan jurusan,
4.7.2 Pengunjung Website
a. Pengunjung Umum
Pengunjung umum adalah pengunjung biasa atau masyarakat umum yang ingin melihat website SMA Negeri 1 NA IX-X Aek Kota Batu maupun untuk memperoleh informasi yang disajikan pada website tersebut. Pengunjung umum ini hanya dapat melihat isi dari website tanpa dapat menambah, mengubah, dan menghapus isi website. Ada beberapa halaman website yang tidak dapat diakses oleh pengunjung umum yaitu halaman admin dan halaman portal akademik.
b. Pengunjung Khusus
BAB 5
IMPLEMENTASI SISTEM
5.1 Pengertian Implementasi Sistem
Implementasi sistem adalah langkah-langkah atau 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 ada dalam dokumen sistem yang disetujui, menysusun dokumen baru atau dokumen yang diperbaiki.
2. Menguji program-program dan prosedur baru atau dokumen yang diperbaiki. 3. Memastikan bahwa sistem yang dibuat dapat digunakan oleh setiap pemakai
tanpa mengalami kesulitan dalam penggunaannya.
5.3 Komponen dalam Implementasi Sistem
Untuk mengetahui perancangan sistem yang telah kita kerjakan dapat berjalan dengan baik atau tidak, maka perlu dilakukan pengujian terhadap sistem yang telah kita buat. Untuk itu dibutuhkan beberapa komponen utama mencakup perangkat keras (hardware), perangkat lunak (software), dan perangkat otak (brainware).
Pada website SMA Negeri 1 NA IX-X Aek Kota Batu ini dibutuhkan beberapa komponen seperti yang disebutkan diatas, yaitu :
1. Perangkat Keras (Hardware) a. Monitor
b. CPU (Central Processing Unit) c. Harddisk
d. Memory minimal 256 MB. e. Keyboard dan Mouse
2. Pearangkat Lunak (Software) a. Sistem Operasi Windows XP.
b. MySQL sebagai pengelola database server. c. PHP sebagai bahasa pemograman serverside.
d. XamppWeb Server sebagai server lokal dalam pengetesan halaman web.
f. Browser sebagai software untuk menjalankan website yang dibuat.
3. Perangkat Operator (Brainware) a. Administrator
b. Pengunjung
5.4 Instalasi Xampp, PHP dan MySQL
Dalam menginstalasi Xampp, PHP, dan MySQL dapat dilakukan secara satu persatu. Software dapat didownload secara gratis dari situs untuk softwareXampp,
software PHP, dasoftware
MySQL.
Namun pada perancangan website ini penulis menggunakan software Xampp. Dimana pada software ini sudah terdapat Xampp, PHP, dan MySQL. Dengan menggunakan software ini penulis mendapat beberapa kemudahan, yakni hanya perlu menginstall satu kali saja yakni Xmppdan tidak perlu lagi untuk konfigurasi.
Adapun tahap-tahap installasi Xmpp adalah sebagai berikut :
1. Klik ganda pada file Xampp 1.6.7 atau pada ikon Xampp
Gambar 5.1 Instalasi Xampp
3. Setelah kita klik Next maka akan muncul tampilan seperti Gambar 5.2. Tentukan direktori tempat penginstalan Xmpp, kemudian klik Uninstall.
4. Setelah kita klik Uninstall maka akan muncul tampilan seperti Gambar 5.3. kemudian muncul lah pada gambar 5.3 tunggu sampai proses selesai
Gambar 5.3 Proses Instalasi Xampp
5. Setelah proses pada Gambar 5.3 selesai kemudian akan muncul tampilan seperti Gambar 5.6. Klik OK untuk maka komputer akan restart ulang dan proses instalasi selesai
BAB 6
KESIMPULAN DAN SARAN
6.1 Kesimpulan
Dari keterangan bab-bab sebelumnya penulis dapat mengambil beberapa kesimpulan sebagai berikut :
1. Dalam pembuatan website ini ada beberapa tahapan yang dilakukan penulis yaitu tahap perencanaan, tahap perancangan diagram alir (flowchart), merancang dan mempersiapkan database server, dan tahap implementasi sistem.
2. Website ini dibuat dengan menggunakan bahasa pemograman PHP sebagai bahasa pemogramannya, MySQL sebaga database servernya dan xampp sebagai server. 3. Pembuatan website ini dilakukan pada intranet atau komputer lokal tanpa
terkoneksi ke internet. Koneksi internet dibutuhkan pada saat menghosting website dan pengaksesan situs setelah di hosting.
6.2 Saran
Adapun beberapa saran penulis pada pembuatan website ini adalah :
2. Untuk menarik minat pengunjung, perlu dibuat rancangan layout atau template dengan gambar dan animasi yang menarik.
3. Perlu dilakukan penggandaan (backup) database secara teratur ke dalam media penyimpanan lainnya untuk mencegah hal-hal yang tidak diinginkan seperti data hilang atau rusak
4. Dalam pembuatan situs, perlu dirancang dengan teliti agar dalam melakukan pembaharuan data tidak terjadi kesalahan.
DAFTAR PUSTAKA
Jogiyanto, H.M. 1988. Pengenalan Komputer : Dasar Ilmu Komputer, Pemograman, Sistem Informasi, dan Intelegensi Buatan. Yogyakarta : Andi Yogyakarta. Kadir, Abdul. 2003. Pemograman Web. Yogyakarta: Andi Yogyakarta.
Lenawati, Mei. 2006. Macromedia Dreameaver 8 dengan PHP. Yogyakarta
Syafii, M. 2005. Membangun Aplikasi Berbasis PHP dan MySQL. Yogyakarta: Andi Wahana, Komputer. 2006. Membuat Website Interaktif dengan Macromedia
Dreamweaver 8. Yogyakarta: Andi.
LAMPIRAN A : TAMPILAN PROGRAM
Tampilan Halaman Utama (Home)
Tampilan Halaman Profile Visi dan Misi
Tampilan Halaman Profile Sarana dan Prasarana
Tampilan Halaman Berita Kebersihan
Tampilan Halaman Berita Tokoh
Tampilan Halaman Akademik Data Guru
Tampilan Halaman Akademik Data Pegawai
Tampilan Halaman Akademik Nilai Siswa
Tampilan Halaman Galeri Foto
LAMPIRAN B : LISTING PROGRAM
Listing adminweb/index.php
<html> <head>
<title>Administrator Portal Web SMA N 1 NA IX-X</title> <script language="javascript">
function validasi(form){
if (form.username.value == ""){
alert("Anda belum mengisikan Username."); form.username.focus();
return (false); }
if (form.password.value == ""){
alert("Anda belum mengisikan Password."); form.password.focus();
<link href="style.css" rel="stylesheet" type="text/css" /> </head>
<body OnLoad="document.login.username.focus();"> <div id="header">
<div id="content">
<img src="images/login-welcome.gif" width="97" height="105" hspace="10" align="left">
<form name="login" action="cek_login.php" method="POST" onSubmit="return validasi(this)">
<table>
<tr><td>Username</td><td> : <input type="text" name="username"></td></tr> <tr><td>Password</td><td> : <input type="password" name="password"></td></tr> <tr><td colspan="2"><input type="submit" value="Login"></td></tr>
</table> </form>
<p> </p> </div>
<div id="footer">
if (empty($nama)){
echo "Anda belum mengisikan NAMA<br />
<a href=javascript:history.go(-1)><b>Ulangi Lagi</b>"; }
elseif (empty($komentar)){
echo "Anda belum mengisikan KOMENTAR<br />
<a href=javascript:history.go(-1)><b>Ulangi Lagi</b>"; }
elseif (strlen($_POST['isi_komentar']) > 1000) {
echo "KOMENTAR Anda kepanjangan, dikurangin atau dibagi jadi beberapa bagian.<br />
<a href=javascript:history.go(-1)><b>Ulangi Lagi</b>"; }
return $filter_sql; }
// Mengatasi input komentar tanpa spasi $split_text = explode(" ",$isi_komentar); $split_count = count($split_text);