PEMBUATAN WEB SEKOLAH PADA SMAN 4 TAMBUN SELATAN DENGAN MENGGUNAKAN PHP DAN MYSQL

Transkripsi

1 PEMBUATAN WEB SEKOLAH PADA SMAN 4 TAMBUN SELATAN DENGAN MENGGUNAKAN PHP DAN MYSQL Rizki Ramon ZR Abstrak Sejauh ini, SMA 4 Negeri Tambun Selatan belum menggunakan pengolahan secara manual dalam pendataan. Permasalahan yang muncul adalah seperti keamanan data-data yang dicatat secara manual akan mudah hilang dan rusak. Dan juga ada beberapa kasus seperti uang pembayaran SPP yang tidak disampaikan ke sekolah meskipun sudah diberikan oleh orang tua. Masalah daftar kehadiran pun juga ada beberapa masalah. Dan masalah surat orang tua yang tidak disampaikan ke orang tua. Masalah yang terakhir yaitu tidak disampaikan nya nilai yang didapat oleh siswa ke orang tua atau wali murid. Guna mengantisipasi kondisi demikian, maka diperlukan suatu aplikasi yang berbasis website yang dapat membantu pengelolaan dan pengolahan data yang lebih baik serta dapat menjamin keamanan data. Tujuan dari penulisan ini adalah membuat aplikasi yang berbasiskan web yang diharapkan dapat membantu pihak Sekolah dalam mengolah data administrasi dan juga membantu para wali murid dalam memantau anaknya. Bahasa pemrograman yang digunakan adalah PHP dan databasenya MySQL sedangkan untuk editornya menggunakan Dreamweaver. Keywords: Aplikasi, Web, Administrasi, Sekolah, PHP, MySQL PENDAHULUAN Latar Belakang Pengelolaan data melalui media komputerisasi dewasa ini memiliki peran yang signifikan. Globalisasi serta berkembang pesatnya teknologi menjadi suatu tuntutan baru bagi individu, masyarakat, atau organisasi untuk dapat beradaptasi dengan kemajuan teknologi dalam segala hal termasuk pengolahan data. Melihat realita dan kondisi objektif masyarakat saat ini, masih banyak terdapat beberapa sekolah di kawasan Kecamatan Tambun yang belum Tujuan dari penulisan ini adalah membuat aplikasi yang berbasiskan web yang diharapkan dapat membantu pihak Sekolah dalam mengolah data administrasi dan juga membantu para wali murid dalam memantau anaknya. Maka diperlukan suatu media yang diharapkan dapat membantu pihak sekolah dalam mengolah data administrasi dan juga membantu para wali murid dalam memantau anaknya. Metodologi Metodologi yang digunakan dalam penulisan tugas akhir ini adalah WDLC ( Web 1

2 Development Life Cycle ) adapun tahapannya adalah sebagai berikut : 1. Analisis Pada tahapan analisis penulis menentukan berbagai kebutuhan apa yang dibutuhkan dari website yang akan dibangun dan juga perangkat (tools) yang digunakan. 2. Penentuan Spesifikasi Pada tahap ini bertujuan untuk membuat spesifikasi secara rinci tentang arsitektur proyek, gaya dan kebutuhan material untuk proyek. 3. Struktur Situs dan Desain Pada tahap ini penulis membuat sketsa desain, menganalisis hasil desain, menentukan konten dan merancang database. 4. Pengembangan Pada tahap ini dilakukan pembuatan berkas dan pemograman dari sistem website. 5. Pengujian Pada tahap ini dilakukan pengujian terhadap website yang telah dibuat. 6. Pemasaran Pada tahap ini dilakukan pemasaran terhadap website yang dibuat. 7. Pemeliharaan Pada tahap pemeliharaan ini adalah menemukan kesalahan atau gangguan setelah website di implementasikan. Web Dan Internet Asal usul Internet berasal dari jaringan komputer yang dibentuk pada tahun 1970an. Pengertian Internet secara etimologis, internet berasal dari bahasa inggris, yakni inter berarti antar dan net berarti jaringan sehingga dapat diartikan hubungan antar jaringan. (Bunafit Nugroho, 2004) Jaringan komputer tersebut disebut dengan Arpanet, yaitu jaringan komputer yang dibentuk oleh departemen pertahanan Amerika Serikat. Selanjutnya jaringan komputer tersebut diperbarui dan dikembangkan, dan sekarang penerusnya menjadi tulang punggung global untuk sumber daya informasi yang disebut dengan internet. Sebagai contoh berkomunikasi dengan pemakai lain diseluruh dunia dengan mengirim dan menerima electronic mail ( ) atau dengan menggunakan program-program dan sumber daya informasi yang tersedia secara gratis. World Wide Web WWW adalah sekelompok dokumen multimedia yang saling terkoneksi menggunakan hypertext link, dengan mengklik pada hot link maka bisa berpindah dari satu dokumen ke dokumen lainnya.. Dokumen-dokumen informasi ini dibuat dengan format HTML (Hypertext Markup Language) dan disimpan di dalam komputer server (server web) berbentuk sebuah file yang disebut dengan Web Page atau Page saja. Suatu halaman dokumen informasi dapat terdiri atas teks yang saling terkait dengan teks lainnya atau bahkan dengan dokumen lain. Keterkaitan halaman lewat teks ini disebut hypertext. Dokumen informasi ini tidak hanya terdiri dari teks, gambar, suara bahkan klip video. Kaitan 2

3 antar dokumen yang tidak hanya terdiri atas teks ini disebut hypermedia. HTTP Hypertext Transfer Protocol (HTTP) adalah sebuah metode yang dipakai untuk mengirim atau mentransfer file-file (web page) dari server WWW ke komputer client. Protokol ini merupakan protokol standar yang dipakai untuk mengakses dokumen HTML. Definis lain HTML adalah sebuah protocol yang menentukan aturan main antara software web browser dan Software Web Server dalam penyediaan dokumen yang diminta oleh Browser. HTML HTML yang merupakan dasar untuk membangun sebuah situs web, HTML dikembangkan dari SGML (Standardized General Markup Language), atau bahasa yang ditingkatkan secara umum dan dibakukan. HTML sendiri merupakan akronim/singkatan dari Hypertext Markup Language, sebuah dokumen dalam format ASCII, dan bisa dibuat dengan software pengedit (editor) naskah. Memudahkan pekerjaan, bisa saja menulis sebuah dokumen HTML dengan Worldstar, World, Excel atau NotePad dan WordPad. Dengan kata lain HTML adalah bahasa yang ditingkatkan dengan Hypertext/hypertextlink yang juga sering dijuluki dengan HOT Metal. Secara mudah, HTML adalah sebuah dokumen yang memuat kalimat-kalimat untuk diproses oleh Browser, sehingga ditayangkan dilayar ketika dipanggil dari internet. Sistem Informasi Berbasis Web Informasi dapat didefinisikan sebagai hasil dari pengolahan data dalam suatu bentuk yang lebih berguna dan lebih berarti bagi penerimanya yang menggambarkan suatu kejadian-kejadian yang nyata yang digunakan untuk pengambilan keputusan. Sistem informasi juga merupakan sistem yang berisi jaringan SPD (Sistem Pengolahan Data) yang dilengkapi dengan kanal-kanal komunikasi yang digunakan dalam system organisasi data. Elemen proses dari sistem informasi adalah mengumpulkan data, mengolah data, dan menyebar informasi. Di dalam sistem informasi, manusia berinteraksi dengan manusia, manusia dengan komputer, dan komputer dengan komputer. Dalam sistem informasi data, informasi, atau pengetahuan mengalir dibawa oleh dokumen atau media komunikasi elektronik, seperti telepon atau jaringan komputer. Web Development Life Cycle (WDLC) SDLC (The Systems Development Life Cycle) adalah model konseptual yang digunakan dalam manajemen proyek yang menggambarkan tahap-tahap yang terlibat dalam suatu proyek pengembangan sistem informasi dari studi kelayakan awal melalui pemeliharaan aplikasi selesai. Berbagai metodologi SDLC telah dikembangkan untuk memandu proses-proses yang terlibat termasuk model air terjun (metode SDLC asli), pengembangan aplikasi cepat (RAD), pengembangan aplikasi bersama (JAD), air mancur model dan spiral model. Sebagian 3

4 besar, beberapa model digabungkan menjadi semacam metodologi hibrida. Dokumentasi ini penting terlepas dari jenis model yang dipilih atau diciptakan untuk aplikasi apapun, dan biasanya dilakukan secara paralel dengan proses pembangunan. Beberapa metode bekerja lebih baik untuk jenis proyek tertentu, tetapi dalam analisis akhir, faktor yang paling penting bagi keberhasilan proyek ini dapat seberapa dekat rencana tertentu diikuti. Tools yang digunakan adalah Struktur navigasi, dreamweaver sebagai editor, PHP sebagai bahasa pemrograman, dan MySQL sebagai databasenya. PEMBAHASAN Berdirinya SMAN 4 Tambun Selatan ditengah tengah lingkungan perumahan seiring itu pula antusias para orang tua menyekolahkan anaknya semakin berkembang pesat, sesuai dengan program pemerintah wajib belajar sembilan tahun. Sehingga muncul permasalahan bagi pihak sekolah dalam mengolah data administrasi dan juga membantu para wali murid dalam memantau anaknya. Di era globalisasi serta berkembang pesatnya teknologi menjadi suatu tuntutan baru bagi individu, masyarakat atau organisasi untuk dapat beradaptasi dengan kemajuan teknologi dalam segala hal termasuk pengolahan data. Melihat realita dan kondisi objektif masyarakat saat ini, masih banyak terdapat beberapa sekolah di kawasan Kecamatan Tambun yang belum mampu beradaptasi dengan kemajuan teknologi atau memanfaatkan fasilitas teknologi dalam menjalankan program kelembagaanya. Sejauh ini, SMAN 4 Tambun Selatan masih belum menggunakan pengolahan secara manual dalam pendataan. Permasalahan yang muncul adalah seperti keamanan data-data yang dicatat secara manual akan mudah hilang dan rusak. Dan juga ada beberapa kasus seperti masalah kehadiran siswa disekolah, surat orang tua dari pihak sekolah yang tidak disampaikan ke orang tuanya. Masalah yang terakhir yaitu tidak disampaikannya nilai mata pelajaran yang didapat oleh siswa ke orang tua atau wali murid. Guna mengantisipasi kondisi demikian, maka diperlukan suatu aplikasi yang berbasis website yang dapat membantu pengelolaan dan pengolahan data yang lebih baik serta dapat menjamin keamanan data. Setelah melakukan analisis masalah, maka tahap selanjutnya adalah bagian perancangan. Diawali dengan perancangan struktur navigasi, perancangan database, ERD, normalisasi dan perancangan tampilan input output. Berikut adalah pembahasannya. Gambar 1. Struktur Navigasi Website Pada penulisan ini, ERD yang digunakan terdiri dari 6 entitas yaitu Murid, Guru, orang tua, surat orang tua, nilai, dan absen serta 8 4

5 Relationship. Setiap entitas dan relationship yang ada memiliki atribut-atribut. Untuk entitas murid terdiri dari 6 atribut, yaitu : NIS, nama siswa, alamat, telpon, kelas dan username murid. kemudian untuk entitas nilai terdiri dari NIS, id nilai dan id mata pelajaran. Kemudian untuk entitas orang tua terdiri dari id orang tua, nama orang tua, username orang tua dan NIS. Kemudian entitas guru terdiri dari NIG, nama guru dan username guru. Kemudian entitas surat orang tua terdiri dari isi surat, id surat dan subject. Kemudian entitas absen terdiri dari id absen dan NIS. 4. Tabel Orang tua 5. Tabel Guru 6. Table Surat Orang tua 7. Table Absen Gambar 3. Tabel Admin, Siswa, Nilai, Orang tua, Guru, Surat Orang tua, Absen Rancangan Halaman Home Halaman ini merupakan halaman yang akan dijadikan induk dari semua halaman. Di halaman home akan terdapat beberapa link seperti : Home, Profil, Guru, Siswa, Orang tua, Berita dan Admin. Gambar 2. ERD (Entity Relational Database) Perancangan Database Pada aplikasi web ini menggunakan database untuk menyimpan data-data yang dibutuhkan SMA 4 Negeri Tambun Selatan bagi Rental, dan memproses perhitungan transaksi. Data base web sistem informasi akademik 8 tabel, antara lain: 1. Tabel Admin 2. Tabel Siswa 3. Tabel Nilai 5

6 Adapun perangkat keras dan perangkat lunak yang digunakan dalam pembuatan aplikasi ini antara lain : Perangkat Keras Micro processor : Intel(R) Core(TM) i3 CPU M 2.67GHz (4 CPUs), ~2.7GHz - Kapasitas memory : 2.99 Gb - Monitor : 14,0 - Harddisk : 500 Gb Perangkat Lunak - Sistem operasi Microsoft Windows 7 - Microsoft office Dreamweaver - XAMPP (PHP, Apache, MySQL) - Google Chrome Web aplikasi ini akan dibagi menjadi 2 tipe pengguna, yang pertama adalah pengguna biasa atau user. Dan satu lagi adalah admin. Berikut adalah penjabaran halaman user. Gambar 4. Rancangan Halaman Web Site Tampilan halaman ini adalah tampilan awal dari web aplikasi yang dibuat. Pada tampilan ini akan terdiri dari beberapa link dan text selamat datang. Setelah melakukan konseptualisasi dan perancangan aplikasi web, langkah selanjutnya yaitu melakukan pengumpulan bahan, pembuatan dan testing aplikasi. Pengumpulan bahan, pembuatan dan testing pada aplikasi ini terdiri dari spesifikasi kebutuhan perangkat keras, spesifikasi kebutuhan perangkat lunak, fungsi dari setiap form pada aplikasi disertai dengan cara pengoperasian. Gambar 5. Tampilan Index Home Tampilan halaman ini adalah tampilan awal dari web aplikasi yang dibuat. Pada tampilan ini akan terdiri dari beberapa link dan text selamat datang. 6

7 Gambar 6. Tampilan Profil Tampilan halaman profil terdiri dari profil sekolah, identitas sekolah dan juga ada visi & misi. Gambar 9. Tampilan Kehadiran Berikut adalah tampilan halaman index siswa yang terdiri didalamnya pengecekan kehadiran siswa/i di sekolah. Gambar 7. Tampilan Login Gambar 10. Tampilan Berita Tampilan halaman berita akan menampilkan semua berita yang berhubungan dengan kegiatan yang ada di sekolah. Gambar 8. Tampilan Cek Nilai Tampilan halaman index siswa yang terdiri didalamnya pengecekan nilai siswa/i untuk masing-masing mata pelajaran. Gambar 11. Tampilan Login Admin Tipe pengguna selanjutnya adalah admin. Berikut adalah penjabaran halaman admin. 7

8 informasi sekolah serta guru dapat memasukkan data nilai mata pelajaran. siswa juga dapat dengan mudah dalam mengecek nilai. Hasil pengujian pengguna aplikasi web sekolah 91.25% responden menyatakan bahwa aplikasi ini layak untuk di implementasikan sedangkan 8,75% responden menganggap aplikasi ini tidak layak untuk di implementasikan. Gambar 12. Tampilan Index Admin Setelah admin login. Maka admin bisa mengatur semua konten yang ada di website melalui halaman ini sepeti manage user, manage mata pelajaran, menage berita dan logout. KESIMPULAN Berdasarkan pengujian penerimaan pengguna, maka dapat ditarik kesimpulan bahwa tampilan yang dibuat termasuk baik. Selain itu, membantu para orang tua dan para wali siswa/i melihat kondisi anak-anaknya disekolah, siswa/i mendapatkan informasi nilai dan kehadiran secara cepat, staff tata usaha memberikan Daftar Pustaka Wahana Komputer (2005), Menjadi Seorang Design Web, Andi: Yogyakarta. Wahana Komputer Abdul kadir (2003), Dasar Pemograman Web Dinamis Menggunakan Php, Andi : Yogyakarta. Lukmanul Hakim (2006), Buku Sakti Menjadi Programer Sejati PHP. Solusi Media Madcoms (2005), Mahir Dalam 7 Hari Macromedia Dreamweaver dengan ASP. Edisi I, Andi, Madiun. Hartono Jogiyanto (1990)., Analisis dan Desain Sistem Informasi, Andi : Yogyakarta. 8