SISTEM ANALISIS DAN PERANCANGAN WEBSITE SMA NEGERI 1 LASALIMU NASKAH PUBLIKASI diajukan oleh Ruslin La Musu 07.11.1639 kepada SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM YOGYAKARTA YOGYAKARTA 2013
SYSTEM ANALYSIS AND DESIGN WEBSITE SMA NEGERI 1 LASALIMU SISTEM ANALISIS DAN PERANCANGAN WEBSITE SMA NEGERI 1 LASALIMU Ruslin La Musu Andi Sunyoto Jurusan Teknik Informatika STMIK AMIKOM YOGYAKARTA ABSTRACT Website application programming is a web-based application that is created as medium of information on SMA Negeri 1 Lasalimu. This website allows visitors to view the school s profile, organizational structure, facilities as well as the vision and mission. Utilization of information technology for promoting the new school opened several years as a public school, be a plus, of some accurate that could in the review could who has a website, it is the advantages of the website it self. Besides that, the authors realized that from the application that created the website, there are still many shortcomings in terms of the delivery of information and incomplete features that are in need on this website, therefore the suggestions and criticisms of users / visitors of SMA Negeri 1 Lasalimu very in need in order for the future development of this website. KeyWords: High School, Education, Technology, Education, Lasalimu, Buton.
1. Latar Belakang Masalah Kebutuhan akan komunikasi dan informasi sekarang ini dalam sebuah infrastruktur sekolah mutlak diperlukan. Semakin menuntu adanya suatu sistem yang cepat, mudah, efektif dan efisien. Khususnya dalam konteks ini hadirnya media komunikasi dan informasi yang dihardirkan di dunia pendidikan. salah satu langkah kongkrit peningkatan mutu pendidikan adalah pemberdayaan satuan pendidikan agar mampu berperan sebagai subyek penyelengaraan pendidikan, yang diberi kewenangan dan peran luas untuk merancang serta melaksanakan pendidikan sesuai dengan potensi dan kondisi masing masing, dengan tetap mengacu pada Standar Nasional Pendidikan (SNP). Contoh gambaran dari program peningkatan mutu pembelajaran di sekolah dapat dilihat dari kemampuan dan kemauan warga sekolah, khususnya peserta didik untuk mengungkap proses informalisasi dan kemajuan teknologi. Dengan semakin berkembangnya ilmu pengetahuan dan teknologi, khususnya teknologi informasi dan komunikasi telah member pengaruh terhadap dunia pendidikan. Sarana yang dimaksud adalah aplikasi yang dapat membantu dalam pembelajara. saat ini aplikasi web yang berjalan di atas teknologi internet semakin berkembang, baik itu informasi maupun hal hal lain yang tersaji secara interaktif. Seperti yang kita ketahui, bahwa saat ini beberapa sekolah sudah mulai menggunakan teknologi ini (website). Salah satu perkembangan teknologi informasi yang penting adalah semakin dibutuhkannya penggunaan alat pengolah data yang berfungsi untuk menghasilkan dan memberikan informasi yang dibutuhkan. SMA Negeri 1 Lasalimu membutuhkan website yang dapat membantu mempermudah pihak yang berkaitan dalam mengetahui segala informasi mengenai kegiatan yang berhubungan dengan pendidikan di SMA Negeri 1 Lasalimu. Website yang diharapkan dapat dipergunakan dan dapat member informasi kepada para pengurus, siswa dan guru secara cepat. 2. Pembahasan 2.1. Use Case Diagram Use case adalah deskripsi sistem dikondisi sebenarnya dilihat dari prespifik pengguna. Biasanya mengambarkan interaksi antara sistem dengan user atau dengan sistem lain. Dalam use case, pengguna atau sistem lain yang berinteraksi dengan sistem yang sedang dimodelkan biasanya disebut actor. 1
Include Relasi ini memunginkan suatu use case menggunakan fungsionalitas yang dimiliki oleh use case lainnya. Relasi ini menyatakan bahwa suatu use case selalu menggunakan fungsionalitas yang disediakan oleh use case lainnya. Extend Relasi ini memungkinkan suatu use case secara opsional menggunakan fungsionalitas yang disediakan oleh use case lainnya. Relasi ini harus menyatakan bahwa suatu use case tidak selalu menggunakan fungsionalitas yang disediakan oleh use case lainnya. 2.2. Use Case Diagram User Menceritakan tentang user yang mengakses website yang ada maka harus menggunakan fungsionalitas use case login terlebih dahulu, dari login akan dilakukan autentifikasi terhadap username dan password, jika benar user akan masuk ke halaman Main menu. setelah itu, user secara optional bisa mengirim berita serta artikel yang ada dalam website. 2.2.1. Gambar Use Case Diagram User Gambar 1. Use Case Diagram User 2.3. Use Case Diagram Admin Admin berada di sisi server. Untuk mengakses halaman website admin ini, maka seorang admin haruslah menggunakan fungsionalitas use case login admin yang kemudian akan dilanjutkan kehalam Home. Setelah masuk kehalaman home, maka seorang admin dapat 2
melakukan pilihan menu website yang disediakan pada server baik untuk menghapus, mengedit, bahkan untuk menambahkan data pada website. 2.3.1. Gambar Use Case Diagram Admin Gambar 2. Use Case Diagram Admin 2.4. Squence Diagram Squence diagram website SMA N 1 Lasalimu menggambarkan interaksi antra objek di dalam dan di sekitar sistem. Diagram Squence dimaksudkan untuk menganalisis setiap proses use case yang dilakukan oleh setiap aktor. Dari setiap use case yang di analisis di hasilkan suatu diagram squence. Digram ini juga menunjukan serangkaian pesan yang dipertukarkan oleh objek objek yang melakukan suatu tugas atau aksi tertentu, objek - objek tersebut kemudian di urutkan dari kiri ke kanan dan aktor yang menginisiasi interaksi biasanya di taruh di paling kiri dari diagram yaitu user/admin web. 3
2.4.1. Gambar Squence Diagram Website Gambar 3. Squence Diagram 2.5. Class Diagram Class Diagram digunakan untuk menampilkan kelas kelas dan paket paket di dalam sistem. Class diagram memberikan gambaran sistem secara statis dan relasi antar sistem, biasanya di buat beberapa class untuk sistem tunggal sehingga beberapa diagram akan menampilkan subset dari kelas kelas dan relasinya. Class Diagram juga membantu untuk memastikan bahwa sistem adalah desain terbaik. Berikut contoh gambar class diagram website SMA Negeri 1 Lasalimu. 4
2.5.1. Gambar Class Diagram Website Gambar 4. Class Diagram 2.6. Relasi Antar Tabel Relasi tabel merupakan penghubung antar tabel databases yang satu dengan lainnya. pada data table databases SMA N 1 Lasalimu, masing masing table saling berkaitan memungkinkan adanya rotasi hubungan antar beberapa table, berikut ini gambar relasi tabelnya. Gambar 5. Relasi Antar Tabel 5
2.7. Implementasi Program yang dibuat. Implementasi sistem merupakan bentuk program yang dijalankan pada sistem a) Halaman Beranda/Home Halaman berandan dari website SMA Negeri 1 Lasalimu berisi informasi profil sekolah, visi dan misi, struktur organisasi, agenda, berita, hubungi kami, download, serta web admin. dan pada pojok kanan atas terdapat mesin pencari. Gambar 6. Tampilan Halaman Beranda/Home b) Halaman Profil Halaman profil berisi tentang deskripsi SMA Negeri 1 Lasalimu. Dalam menu profil terdapat Sub Menu visi dan misi serta struktur organisasi. 6
Gambar 7. Tampilan Halaman Profil Sekolah c) Halaman Galeri Halaman galeri berisi tentang album foto kegiatan SMA Negeri 1 Lasalimu. Gambar 8. Tampilan Halaman Galeri Foto d) Halaman Berita Halaman berisi tentang deskripsi mengenai berita-berita pendidikan yang berkaitan dengan sekolah, seperti pembuatan acara, seminar pendidikan, serta kegiatan sekolah. 7
Gambar 9. Tampilan Halaman Berita e) Halaman Agenda Halaman agenda merupakan halaman yang berisi tentang agenda-agenda apa saja yang akan dilaksanakan di SMA N 1 Lasalimu, seperti ekstrakulikuler, pentandinga antar sekolah, bahkan kegiatan di luar sekolah. Gambar 10. Tampilan Halaman Agenda 8
f) Halaman Hubungi Kami Halaman hubungi kami berisi tentang tentang form untuk mengirimkan saran dan kritik mengenai informasi dari website SMA Negeri 1 Lasalimu Gambar 11. Tampilan Halaman Hubungi Kami g) Halaman Login Admin Web Halaman login admin web merupakan halaman yang dikhusukan untuk admin web dari SMA Negeri 1 Lasalimu. untuk mengakses halaman ini seorang admin harus login dulu dengan memasukkan username dan password. Gambar 12. Tampilan Halaman Login Admin 9
h) Halaman Utama Admin Web Gambar di bawah ini merupakan tampilan halaman utama admin web, pada halaman ini semua menu dan item yang ada pada website SMA N 1 Lasalimu bisa di update, edit, dan insert data terbarunya. Gambar 13. Tampilan Halaman Utama Admin Web i) Halaman Utama Profil Sekolah Pada halaman ini admin berhak merubah data dari profil sekolah serta mengupdate berita atau info terbaru mengenai sekolah. berikut tampilan halaman profil. Gambar 14. Tampilan Halaman Profil Sekolah 10
3. Kesimpulan Berdasarkan Analisis dalam penilitian dan perancangan yang penulis kerjakan, berdasarkan dari rumusan masalah yang ada yaitu Bagaimana membuat Website yang dapat membantu dan memudahkan Pengguna, siswa, guru, bahkan staf-staf di sekolah SMA N 1 Lasalimu untuk mendapatkan informasi serta memberikan informasi secara cepat baik yang di kirim oleh siswa, guru, bahkan staf-staf sekolah maka dapat di ambil kesimpulan diantaranya : Aplikasi website yang dibangun dapat mempermudah mengakses informasi. Aplikasi web merupakan salah satu sarana yang berguna dan dapat membantu SMA N 1 Lasalimu dalam memberikan informasi baik meliputi sekolah maupun luar sekolah dengan adanya website ini, sehingga memudahkan siswa, guru, staf-staf di SMA N 1 Lasalimu mendapat informasi tanpa harus datang ke sekolah Siswa menjadi lebih mengenal dunia IT Situs dibuat dengan animasi minim, sehingga dapat mempercepat akses Dengan adanya sistem informasi web, Informasi akan lebih cepat sampai kepada user Situs yang dibuat menggunakan bahasa PHP dan databases MySQL, sehingga situs tersebut lebih mudah dalama mengupdate informasi didalam situs karena ada content management system. 4. Saran Mengingat tidak ada sistem yang sempurna, walaupun penulis sudah berusaha dengan sunguh-sunguh sesuai dengan kemampuan dan usaha yang dimiliki, tetapi tentu saja aplikasi Website masih memiliki beberapa kekurangan. untuk itu ada beberapa saran dari penulis diantaranya: Fasilitas-fasilitas yang ada dalam aplikasi ini dapat lebih di kembangkan lagi sesuai dengan perkembangan zaman. Untuk keamaan data pada aplikasi, sebaiknya dikelola oleh seseorang administrator saja. 11
Tampilan yang ada didalam halaman aplikasi ini dapat diperindah lagi, karena tampilan yang menarik akan membuat pengujung aplikasi ini akan semakin betah dan semakin senang berkunjung ke aplikasi ini. Aplikasi yang dibangun ini masih terbatas untuk penyajian informasi. Untuk pengembangan lebih lanjut dapat disertai aplikasi yang mempertimbangkan segi keamanan data informasi. Mengingat pengguna internet mengharapkan akan informasi yang tersaji dengan cepat, maka disarankan dalam membuat desain aplikasi terutama home page/halaman utama memiliki ukuran file yang cukup kecil namun tidak meninggalkan citra grafiknya. hal ini cukup berperngaruh pada kecepatan loading dari aplikasi tersebut. 12
DAFTAR PUSTAKA Al Fatta, Hanif. 2007. Analisis & Perancangan Sistem Informasi. Yogyakarta : Andi Offset. Arief, M. Rudyanto. 2006. Pemrograman Basis Data Menggunakan Transact-SQL dengan Microsoft SQL Server 2000. Yogyakarta : Andi Offset. Hakim, Lukmanul. 2007. Bikin Website Super Keren Dengan PHP & Jquery. Yogyakarta : Lokomedia. Munawar, 2005. Pemodelan Visual Dengan UML. Yogyakarta : Graha Ilmu. Sibero, Alexander F. K. 2011. Kitab Suci Web Programming. Jakarta : MediaKom. Sunyoto, Andi. 2007. AJAX : Membangun Web dengan Teknologi Asynchronouse JavaScript & XML. Yogyakarta : Andi Offset. Sutarman. 2003. Membangun Aplikasi Web dengan PHP dan MySQL, Yogyakarta : Graha Ilmu. W3C. 2008. Cascading Style Sheets 1. http://www.w3.org/tr/2008/rec-css1-20080411/. 17 April 2013. W3C. 2011. Cascading Style Sheets 2. http://www.w3c.org/tr/2011/rec-css2-20110607/. 17 April 2013. 13