MEMBANGUN WEBSITE TAMAN KANAK KANAK DHARMA BHAKTI YOGYAKARTA MENGGUNAKAN PHP DAN MYSQL
NASKAH PUBLIKASI
diajukan oleh
Asto Setia Budi 10.01.2766
kepada SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM YOGYAKARTA YOGYAKARTA 2013
1
2
BUILD A WEBSITE KINDERGARTEN DHARMA BHAKTI YOGYAKARTA USING PHP AND MYSQL MEMBANGUN WEBSITE TAMAN KANAK KANAK DHARMA BHAKTI YOGYAKARTA MENGGUNAKAN PHP DAN MYSQL Asto Setia Budi Barka Satya Jurusan Teknik Informatika STMIK AMIKOM YOGYAKARTA
ABSTRACT
Currently kindergarten penginformasian dharma bhakti or notification to the community still manually by distributing flyers and banners advertising alone. So that the delivery of information is still constrained by funding ad creation and takes time to provide information. This website uses some of the applications that support Adobe Dreamweaver CS6, Adobe Photoshop CS6, XAMMP. This website will be built using the PHP programming language, and a programming language HTML. This website has several pages such as Home, Profile, Academic, Extracurricular, News, List of educators, student list, and contact us. And every page has a function that stores information - information that is needed in every page. Keywords : Taman kanak – kanak dharma bhakti, Website, Internet, Information.
3
1. Pendahuluan 1.1 Latar Belakang Masalah Saat ini perkembangan teknologi mengalami peningkatan yang seknifikal terutama dibidang teknologi informasi. Sehingga banyak sekali inovasi baru dibidang teknologi, hal ini memberikan dampak yang cukup besar terhadap opengembangan
diberbagai
sektor
dan
juga
memberikan
kemudahan
mendapatkan informasi dan memberikan solusi terhadap berbagai permasalahan sosial yang terjadi pada masyarakat. Berdasarkan latar belakang tersebut di atas, permasalahan dalam penulisan tugas akhir adalah bagaimana informasi yang berkaitan dengan kegiatan taman kanak kanak dharma bhakti dapat diketahui oleh masyarakat dengan mengakses website maka penulis terdorong untuk mengadakan penelitian pada Taman Kanak-Kanak Dharma Bhakti tentang “Membangun Website Taman Kanak Kanak Dharma Bhakti Yogyakarta Menggunkan PHP dan Mysql”
1.2 Rumusan Masalah Latar belakang yang telah disampaikan sebelumnya akan diambil permasalahan dalam penelitian, adapun rumusan masalah tersebut yaitu, bagaimana membangaun website sebagai sarana menyampaikan informasi kegiatan yang berkaitan dengan kegiatan taman kanak kanak dharma bhakti dan organisasinya dapat diketahui masyarakat secara mudah dan cepat?
1.3 Batasan Masalah Berdasarkan rumusan masalah yang telah diuraikan di atas, maka adapun batasan masalah sebagai berikut : 1. Implementasi menggunakan bahasa pemorgraman PHP dan Mysql. 2. Membangun website yang dapat memberikan informasi yang berkaitan dengan taman kanak-kanak dharma bhakti 3. Website yang dibangun mempunyai fasilitas bagi pengelola website untuk mengelola data yang akan ditampilkan pada pengunjung website.
1
1.4 Maksud dan Tujuan Penelitian Maksud dan tujuan penelitian ini adalah sebagai berikut : 1. Sebagai
syarat
kelulusan
dari
Diploma
III
STMIK
AMIKOM
Yogyakarta. 2. Membangun sarana publikasi yang dapat dijangkau masyarakat untuk Taman Kanak-Kanak Dharma Bhakti.
1.5 Manfaat Penelitian Manfaat dari penelitian ini adalah sebagai berikut : 1. Menyediakan media informasi bagi Taman Kanak-Kanak Dharma Bhakti yang mudah diakses oleh masyarakat. 2. Memudahkan
Taman
Kanak-Kanak
Dharma
Bhakti
dalam
memberikan informasi kepada masyarakat.
1.6 Metode Penelitian Dalam penulisan tugas akhir ini, penulis menempuh beberapa tahap untuk mendapatkan data yang digunakan untuk membangun website ini diantara lain : 1. Survey / Observasi 2. Interview 3. Studi Pustaka
1.7 Sistematika Penulisan Adapun sistematika penulisan tugas akhir ini secara urut ada 5 bab, yaitu: 1. BAB I. PENDAHULULUAN 2. BAB II. LANDASAN TEORI 3. BAB III. GAMBARAN UMUM 4. BAB IV. PEMBAHASAN 5. BAB V. PENUTUP
2. Landasan Teori 2.1 Definisi Sistem Banyak konsep dan definisi tentang sistem tetapi dari beberapa pendapat dapat dikesimpulkan bahwa sistem adalah sekumpulan unsur atau
2
elemen yang saling berkaitan dan saling mempengaruhi dalam melakukan kegiatan bersama untuk mencapai suatu tujuan. 2.1.1 Karakteristik Sistem Menurut HM, Jogiyanto(2005: 3) suatu sistem mempunyai karakteristik atau sifat-sifat tertentu antara lain : 1. Komponen-Komponen Sistem 2. Batas Sistem 3. Lingkungan Luar Sistem
2.2 Informasi
2.2.1 Pengertian Informasi Informasi menurut HM. Jogiyanto
(1999: 692) “Informasi dapat
didefinisikan sebagai hasil dari pengolahan data dalam suatu bentuk yang lebih berguna dan lebih berarti bagi penerimanya yang menggambarkan suatu kejadian – kejadian (event) yang nyata (fact) yang digunakan untuk pengambilan keputusan”.
2.2.2 Siklus Informasi Data adalah yang belum diolah dan masih mentah yang belum diproses menjadi informasi. Data yang diolah melalui suatu model untuk menjadi informasi, penerima kemudian menerima informasi tersebut, membuat keputusan dan melakukan tindakan dan menghasilkan suatu informasi akan menjadi data untuk terciptanya informasi yang lain.
2.2.3 Nilai Informasi Nilai informasi ditentukan dari dua hal yaitu manfaat dan biaya. Suatu informasi dikatakan bernilai apabila manfaatnya lebih efektif dibandingkan dengan biaya mendapatkannya.
2.2.4 Kualitas Informasi Menurut HM. Jogiyanto dari segi kualitas, informasi harus memenuhi syarat yaitu akurat, berarti informasi harus bebas dari kesalahan-kesalahan dan
3
tidak bisa atau menyesatkan karena dari sumber informasi sampai ke penerima mungkin banyak gangguan yang dapat mengubah informasi tersebut.
2.3 Sistem Informasi
2.3.1 Pengerian Sistem Informasi Menurut Robert A. Leitch dan K. Roscoe dalam tulisan Jogiyanto.HM, (2005) sistem informasi adalah adalah suatu sistem di dalam suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi harian, mendukung operasi, bersifat manajerial dan kegiatan strategi dari suatu organisasi dan menyediakan pihak luar tertentu dengan laporan-laporan yang diperlukan.
2.3.2 Komponen Sistem Informasi Blok Masukan, input mewakili data yang masuk kedalam sistem informasi. 2.4 Sistem Basis Data
2.4.1 Pengertian Basis Data Basis data adalah kumpulan informasi yang disimpan di dalam komputer secara sistematik sehingga dapat diperiksa menggunakan suatu program komputer untuk memperoleh informasi dari basis data tersebut.
2.4.2 Normalisasi Normalisasi
menurut
HM.
Jogiyanto,
(2005)
adalah
“Proses
pengorganisasian file, untuk menghilangkan group elemen yang berulang-ulang”.
2.5 Websita Website adalah Kumpulan halaman yang digunakan untuk menampilkan informasi teks, gambar, animasi, suara, yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait dimana masingmasing dihubungkan dengan jaringan-jaringan halaman yang biasa kita sebut link.
4
2.6 PHP Menurut dokomen resmi php, php singkatan dari PHP
Heypertext
Preprocessor. Ini merupakan bahasa berbentuk scrip yang ditempatkan di dalam server diproses di server dan salah satu bahasa permorgraman yang berjalan dalam sebuah web server dan berfungsi sebagai pengolah data pada sebuah server. Hasilnya yang dikirim ke client, tempat pemakaian menggunakan browser.
2.6.1 Konsep Kerja PHP Model kerja HTML diawali dengan permintaan suatu halaman web oleh browser. Berdasarkan URL (Uniform Resource Locator) atau biasa disebut dengan sebutan alamat internet, browser mendapatkan alamat dari webserver, mengindentifikasi halaman yang dikehendaki, dan menyampaikan segala informasi yang dibutuhkan oleh webserver. Selanjutnya webserver akan mencari berkas yang diminta dan memberikan isinya ke browser dan browser akan melakukan proses penerjemahan ke HTML dan menampilkan kelayar pemakai. Hanya saja berkas PHP yang diminta didapatkan oleh webserver, isinya segera dikirimkan ke mesin PHP yang memproses dan memberikan hasilnya (kode HTML) ke webserver, selanjutnya webserver menyampaikan ke client.
2.7 MySQL MySQL merupakan database server yang bersifat open source, Multi Platform
(windows dan unix/linux) berbasis database relasional. Dapat
dipergunakan untuk pribadi maupun level corporat dalam sekala kecil hingga besar.
2.7.1 Keistimewaan MySQL 1. Portabilitas 2. Perangkat lunak sumber terbuka 3. Multi user
5
2.7.2 Referinsi Bahasa MySQL 1. Membuat database 2. Membuat table 3. Memasukan data 4. Mencari dan menampilkan data 5. Mengubah data 6. Menghapus data
2.7.3 Koneksi PHP ke MySQL Secara umum koneksi database harus melalui tiga tahap : 1. Koneksi ke database 2. Query ke database 3. Pemutusan koneksi database
2.8 UML The Unifed Modeling Language adalah seperangkat aturan dan notasi untuk spesifikasi sistem perangkat lunak, dikelola dan dibuat oleh Object Management Group. Notasi ini menyediakan satu set elemen grafis untuk pemodelan sistem.
2.8.1 Use Case Diagram Alat komunikasi tingkat tinggi untuk mewakili persyaratan sistem. Diagram menunjukkan interaksi antara pengguna dan entitas eksternal lainnya dengan sistem yang sedang dikembangkan. Menangkap alur dari sebuah sistem, termasuk tindakan utama dan poin keputusan. Diagram ini berguna untuk mendokumentasikan proses bisnis.
2.8.3 Sequence Diagram Sequence diagram secara grafis menggambarkan bagaimana objek berorientasi anrata satu sama lain , melalui pesan eksekusi pada sebuah use case atau operasi.
6
2.8.4 Class Diagram Class diagram mendeskripsikan struktur statis dari kelas – kelas dalam system dan mengilustrasikan attribute, operations dan relationship antara satu kelas dengan kelas yang lain.
2.9 Perangkat Lunak Aplikasi
2.9.1 Adobe Photoshop CS 6 Adobe Photoshop atau biasa disebut Photoshop, adalah perangkat lunak editor buatan Adobe System yang dikhususkan untuk pengeditan foto atau gambar dan pembuatan efek. Dalam sistem ini penggunaan Adobe Photoshop dipergunakan untuk membuat desain template website.
2.9.2 Adobe Dreamweaver CS 6 Adobe Dreamweaver adalah sebuah HTML editor professional untuk mendesain web secara visual dan mengelola situs atau halaman. Dreamweaver merupakan perangkat lunak utama yang digunakan oleh Web Desainer maupun Web Programmer dalam mengembangkan suatu situs web
2.10 XAMMP XAMPP merupakan software undle atau perangkat lunak dengan paket aplikasi di dalamnya. Dalam paket xampp dapat memperoleh tiga paket software yang terdiri dari apache, modul PHP, dan MySQL .Fungsinya adalah sebagai server yang berdiri sendiri (localhost) yang terdiri dari program apache HTTP Server, MySQL database, dan penerjemah bahasa yang ditulis dengan bahasa pemrograman PHP dan Perl.
3. Gambaran Umum Taman kanak -
kanak dharma bhakti merupakan salah satu taman
kanak – kanak yang berada di kelurahan sinduadi kecamatan mlati kabupaten sleman. Taman kanak – kanak ini sangat mendukung sebagai tempat untuk pembelajaran. Hal ini dikarenakan ketenangan suasana di taman kanak – kanak dharma bhakti yang jauh dari keramaian jalan besar.
7
3.2 Visi dan Misi
3.2.1 Visi Taman Kanak – Kanak “Terwujudnya peserta didik yang cerdas berkreatif, berdasarkan imtaq menuju masa depan yang berkwalitas”
3.2.2 Misi Taman Kanak - Kanak Untuk mencapai visi tersebut, perlu dilakukan suatu misi berupa kegiatan jangka panjang dengan arah yang jelas.
3.3 Struktur Organisasi
3.4 Kewajiban Kepala Sekolah, Guru, Kariawan, dan Pesuruh Setiap kepala sekolah, guru, dan pesuruh atau kariawan pasti mempunyai kewajiban atau tugas masing – masing adapun tugasnya menurut jabatanya.
3.5 Sarana dan Prasarana
8
3.6 Denah Lokasi
Keterangan : 1. Garis biru muda adalah slokan mataram 2. Garis biru tua adalah sungai code 3. Gambar segitiga putih adalah monumen jogja kembali 4. Gambar kotak merah adalah toko bakpia pojok 5. Gamabar kotak hijau adalah Taman Kanak – Kanak Dharma Bhakti 200 m dari jalan monjali 6. Kotak pink adalah rumah bersalin sakinah 7. Kotak abu – abu adalah kantor kelurahan
3.7 Tinjauan Khusus Taman kanak – kanak dharma bhakti memerlukan sebuah sistem informasi website taman kanak – kanak dharma bhakti untuk penyebaran informasi yang berkaitan dengan taman kanak – kanak,
sehingga informasi
dapat tersebar dengan cepat dan tidak membutuhkan dana yang besar. Semua masyarakat atau pun orang tua murid dapat mengakses ke website untuk mendapatkan sebuah informasi.
4. Implementasi dan Pembahasan
4.1 Perencanangan Unified Modelling Language Unified Modelling Language (UML) merupakan bentuk perancangan dan dokumentasi perangkat lunak berbasis pemrograman beroientasi objek. Oleh karena itu UML hanya dapat diimplementasikan ke dalam perancangan dan dokumentasi
perangkat
lunak
yang
pemrograman berorientasi objek.
9
dibangun
menggunakan
bahasa
4.1.1 Use Case Diagram Untuk memudahkan pemahaman pada sistem berjalan maka perlu dibuat Use Case diagram yang menggambaran kondisi sistem yang ada. Adapun use case dibatasi pada administrasi layanan pasien saja tidak termasuk sistemsistem yang lain sebagaimana dalam batasan masalah.
4.1.2 Activity Diagram Diagram ini akan menunjukkan alur dari sistem, termasuk tindakan utama dan titik keputusan. Aktivitas sistem dari aplikasi ini didokumentasikan ke dalam Activity Diagram.
4.1.2.1 Activity Diagram User
4.1.2.2 Activity Diagram Admin 1. Activity Diagram Login Admin 2. Activity Diagram Admin Tambah Pendidik 3. Activity Diagram Admin Membarui Pendidik 4. Activity Diagram Admin Hapus Pendidik 5. Activity Diagram Admin Mengisikan Akademik 6. Activity Diagram Admin Membarui Akademik 7. Activity Diagram Admin Menghapus Akademik 8. Activity Diagram Admin Menambah Ekstrakurikuler 9. Activity Diagram Admin Membarui Ekstrakurikuler 10. Activity Diagram Admin Menghapus Ekstrakurikuler 11. Activity Diagram Admin Menambahkan Galeri 12. Activity Diagram Admin Membarui Galeri 13. Activity Diagram Admin Hapus Galeri 14. Activity Diagram Admin Menambah Berita
10
15. Activity Diagram Admin Membarui Berita 16. Activity Diagram Admin Menghapus Berita 17. Activity Diagram Admin Menambah Murid 18. Activity Diagram Admin Membarui Murid 19. Activity Diagram Admin Menghapus Murid 20. Activity Diagram Admin Tambah Profil 21. Activity Diagram Admin Membarui Profil 22. Activity Diagram Admin Menghapus Profil 23. Activity Diagram Admin Tambah Hubungi Kami 24. Activity Diagram Admin Membarui Hubungi Kami 25. Activity Diagram Admin Hapus Hubungi Kami
4.1.3 Sequence Diagram Sequence diagram digunakan untuk menunjukkan hubungan yang antara satu objek dengan objek yang lain dan untuk mendeskripsikan pola komunikasi antar objek.
4.1.3.1 Sequence Diagram Admin 1. Sequence Admin Login 2. Sequence Diagram Admin Tambah Pendidik 3. Sequence Diagram Admin Membarui Pendidik 4. Squence Diagram Admin Menghapus Pendidik 5. Squence Diagram Admin Menambah Akademik 6. Sequence Diagram Admin Membarui Akademik 7. Sequence Diagram Admin Menghapus Akademik 8. Sequence Diagram Admin Tambah Ekstrakurikuler 9. Sequence Diagram Admin Membarui Ekstrakurikuler 10. Sequence Diagram Admin Menghapus Ekstrakurikuler 11. Sequence Diagram Admin Menambah Galeri 12. Sequence Diagram Admin Membarui Galeri 13. Sequence Diagram Admin Menghapus Galeri 14. Sequence Diagram Admin Tambah Berita 15. Sequence Diagram Admin Membarui Berita 16. Sequence Diagram Admin Menghapus Berita 17. Sequence Diagram Admin Tambah Murid
11
18. Sequence Diagram Admin Membarui Murid 19. Sequence Diagram Admin Menghapus Murid 20. Sequence Diagram Admin Tambah Profil 21. Sequence Diagram Admin Membarui Profil 22. Sequence Diagram Admin Menghapus Profil 23. Sequence Diagram Admin Tambah Hubungi Kami 24. Sequence Diagram Admin Membarui Hubungi Kami 25. Sequence Diagram Admin Membarui Hubungi Kami
4.1.4 Class Diagram Class diagram menggambarkan class – class utama yang ada dalam sistem. Class – class tersebut akan memiliki atribut dan methods masing – masing dimana atribut dan methods menjadi ciri dari suatu class.
4.2 Perencanaan Struktur Tabel Database
yang
digunakan
pada
website
ini
dirancang
dengan
menggunakan MySQL . Berikut Tabel yang digunakan pada aplikasi ini: 1. Tabel Pendidik 2. Tabel Akademik 3. Tabel Ekstrakurikuler 4. Tabel Galeri 5. Tabel Berita 6. Tabel Profil 7. Tabel Hubungi 8. Tabel Murid 9. Tabel Hits Counter 10. Tabel Konter
4.3 Perencanangan Tampilan
4.3.1 Halaman Pengunjung Perancangan
tampilan
adalah
rancangan
yang
menggambarkan
tampilan web pada halaman pengunjung dan halaman admin. Perancangan untuk tampilan halaman pengunjung dan halaman admin yaitu sbb:
12
4.4 Implementasi Database Tahapan
implementasi
merupakan
tahap
penerapan
dari
tahap
perancangan.
4.5 Implementasi Program
4.5.1 Login Admin Halaman ini befungsi untuk login sebagai admin website.
4.5.2 Halaman Admin Halaman utama admin merupakan tampilan awal setelah masuk login admin, di halaman ini admin dapat mengakses semua menu yang tersesia untuk memproses sebelum ditampilkan ke website utama.
4.5.3 Halaman Pengunjung Halaman utama pengunjung berisi semua konten yang dilihat oleh pengunjung yang meliputi menu profil, akademik, hubungi kami, berita, ekstrakurikuler, galeri, dan dewan pendidik.
4.5.4 Halaman Profil Halaman profil berisi tentang profil taman kanak – kanak dharma bhakti.
4.5.5 Halaman Pendidik Halaman pendidik berisi tabel nama dan jabatan setiap kepala sekolah, guru, dan kariawan taman kanak – kanak dharma bhakti.
4.5.6 Halaman Daftar Murid Halaman Daftar murid berisi tabel no induk, nama, dan kelas anak didik.
4.5.7 Halaman Akademik Halaman Akademik berisi tentang informasi yang berisi tentang pendaftaran penerimaan peserta didik baru.
13
4.5.8 Halaman Hubungi Kami Halaman ini berisi tentang alamat, no telepon, dan email taman kanak – kanak dharma bhakti.
4.5.9 Halaman Berita Halaman berita berisi informasi – informasi yang bersangkutan dengan taman kanak – kanak dharma bhakti.
4.5.10 Halaman Ekstrakurikuler Halaman ekstrakurikuler berisi tentang jadwal ekstrakurikuler yang diadakan.
4.5.11 Halaman Galeri Halaman galeri berisi kumpulan – kumpulan foto.
4.6 Mekanisme Upload Untuk dapat masuk ke cPanel harus login terlebih dahulu ke alamat :www. Setelah login sukses akan masuk ke halaman cPanel. Selanjutnya unuk meng-upload file langkah-langkahnya adalah sebagai berikut: 1. Dari halaman utama pilih menu file Manager. 2. Kemudian akan muncul halaman File Manager. File-file nantinya akan diletakkan pada direktori/publik_html. 3. Setelah direktori / publik_ html aktif, pilih menu Upload File. 4. Di halaman Upload File
terdapat beberapa textbox untuk meng-
upload file. Caranya klik tombol Browse, kemudian muncul kotak dialog. Pilh file yang akan di-upload. Untuk file lain caranya sama. 5. Setelah semua textbox terisi, pilih menu upload.
5. Penutup
5.1 Kesimpulan Dari penelitian yang dilaksanakan di Taman Kanak – Kanak Dharma Bhakti, maka dapat ditarik kesimpulan sebagai berikut :
14
1. Sistem website ini dapat dijadikan ruang untuk memberikan informasi kepada masyarakat luas tentang keberadaan Taman Kanak – Kanak Dharma Bhakti. Disamping itu, dengan adanya sistem ini pihak Taman Kanak - Kanak dapat memperkenalkan ke masyarakat luas, sehingga masayarakat tahu adanya Taman Kanak – Kanak Dharma Bhakti itu. 2. Website merupakan media informasi yang baik, dengan memaparkan berita dan informasi pada website yangg telah dibuat informasi yang akan disampaikan menjadi lebih mudah disebarkan. Dengan adanya website ini diharapkan dapat memberikan informasi yang lengkap, tepat dan akurat tentang taman kanak – kanak dharma bhakti, sehingga dapat memberikan gambaran kepada pengunjung website ini.
5.2 Saran Dalam pembuatan Website Taman Kanak – Kanak Dahrma Bhakti sebagai Media Informasi, penyusun memberikan saran untuk penyempurnaan dari website tersebut yaitu: 1. Mungkin dari tampilan kelak kan lebih diperbagus dengan tampilan yang lebih menarik dan bagus. 2. Memberikan layanan SMS Gateway sehingga jika saat pencari informasi ingin bertanya lebih dalam tentang Taman Kanak – Kanak Dharma Bhakti sehingga dapat ditanyakan secara langsung. 3. Mungkin dari setiap halaman kelak bisa disempurnakan sehingga lebih menarik. 4. Dalam segi fitur website ini masih bisa dikembangkan karena fitur – fitur yang menarik dapat menambah faktor pendukung pada sistem ini.
Daftar Pustaka Kustiawan, Ratno.2010.Modul Rekayasa Perangkat Lunak. STMIK AMIKOM Yogyakarta. Msn, M.2011.Seri Panduan Lengkap: Adobe Dreamweaver CS6 PHP dan MySQL. Yogyakarta: Andi. HM, Jogiyanto. 2005. Pengertian Informasi dan Sistem Informasi. Yogyakarta: Andi Offset. Kadir, A. 2003. Pengenalan Sistem Informasi. Yogyakarta : Andi Offset.
15
16
