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

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.

2

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

3

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.

4

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.

5

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

6

2.7. Implementasi Program

Implementasi sistem merupakan bentuk program yang dijalankan pada sistem

yang dibuat.

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.

7

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.

8

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

9

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

10

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

11

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.

12

� 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.

13

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.