PEMBUATAN WEBSITE SEKOLAH DI SMA NEGERI 1 BELIK UNTUK MEDIA INFORMASI DAN PROMOSI NASKAH PUBLIKASI

(1)

PEMBUATAN WEBSITE SEKOLAH DI SMA NEGERI 1 BELIK UNTUK

MEDIA INFORMASI DAN PROMOSI

NASKAH PUBLIKASI

diajukan oleh:

Agung Pramono

08.12.3107

kepada

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

AMIKOM YOGYAKARTA

YOGYAKARTA

2013

(2)

(3)

WEBSITE DEVELOPMENT SCHOOL IN SMA 1 Belik FOR MEDIA INFORMATION AND PROMOTION

PEMBUATAN WEBSITE SEKOLAH DI SMA NEGERI 1 BELIK UNTUK MEDIA INFORMASI DAN PROMOSI

Agung Pramono Ema Utami Jurusan Sistem Informasi STMIK AMIKOM YOGYAKARTA

ABSTRACT

To find information on the state or event that occurred in a remote area of our lives, we can use a variety of media, from print media such as newspapers, radio, television, telephone to the mosts ophisticated like internet. Internet can also be used to find information about the school.

Website Creation School ForMedia Information on the Submission of SMA Negeri 1 Belik is a method of delivery of any information that is poured into a website using the internet. Website is a medium to deliver information effectively and efficiently with the expected users of this website specifically for teachers and students at SMA Negeri 1 Belik can easily access the information the school without having to come to school.

This website is dedicated to things related to school, for example, information about the school profile, vision and mission, download material for students and others who will be very useful for students, teachers and the general public who need information about the school.

(4)

1

1. Pendahuluan

Pada era komputerisasi seperti sekarang ini, internet merupakan media penyampaian informasi yang efektif dan efisien. Hal ini karena internet tidak terbatas pada ruang dan waktu, dengan jaringan internet kita dapat menjelajah kemana pun dan kapan pun asalkan tersambung ke jaringan internet.

Dengan adanya sebuah website, SMA Negeri 1 Belik semoga dapat memberikan kemudahan bagi seluruh masyarakat terutama siswa-siswi dan guru untuk mengakses dan mengetahui segala sesuatu informasi mengenai SMA Negeri 1 Belik dengan cepat tanpa memerlukan waktu yang banyak.

2. Landasan Teori 2.1 Pengertian Informasi

Informasi adalah data yang diolah atau diproses sedemikian rupa sehingga mempunyai manfaat bagi penerimanya untuk membantu atau mendukung dalam pengambilan keputusan saat ini atau yang akan datang. Tanpa suatu informasi, suatu sistem tidak dapat berjalan dengan lancar dan akhirnya akan mati.

2.2 Pengertian Sistem Berbasis Website

Sistem berbasis web adalah aplikasi atau layanan yang berada dalam server dan dapat di akses dengan menggunakan penjelajah web atau Web Browser melalui internet. Karena aplikasi ini berjalan di internet sehingga pemakai dapat mengakses layanan ini dari mana saja di seluruh dunia ini selama bisa tersambung ke internet. Perangkat lunak klien yang dibutuhkan untuk mengakses dan menjalankan aplikasi berbasis web adalah web browser, salah satuh contoh web browser yang popular adalah Mozilla farefox dan google chrome.

3. Konsep Perancangan Database 3.1 Database

Database adalah sekumpulan data yang saling terintegrasi satu sama lain dan terorganisasi berdasarkan sebuah skema atau struktur tertentu dan tersimpan pada hardware komputer1.

3.2 Normalisasi

Normalisasi adalah teknik yang digunakan untuk memvalidasi model data. Serangkaian aturan diberlakukan pada data model logis untuk meningkatkan pengaturannya2.

Berikut bentuk – bentuk normalisasi:

1

M. Rudyanto Arief,2005.Pemrograman Basis Data menggunakan Transact-SQL dengan Microsoft SQL Server 2000. Andi Offset ,Yogyakarta,hal 33

(5)

2

1. Bentuk Normal Tahap Pertama ( 1st Normal Form )

Sebuah tabel dapat dikatakan dalam bentuk normal tahap pertama jika atribut bernilai tunggal untuk setiap baris.

2. Bentuk Normal Tahap Kedua ( 2nd Normal Form )

3. Normalisasi bentuk kedua adalah bentuk data yang telah memenuhi kriteria bentuk normal pertama. Semua atribut bukan kunci bergantung pada kunci utama (primary key), sehingga untuk membentuk normal kedua telah ditentukan primary key. Primary key dipakai sebagai pedoman dalam pencarian data dan dapat mewakili atribut lain yang menjadi anggota.

4. Bentuk Normal Tahap Ketiga( 3rd Normal Form )

Bentuk normalisasi ketiga adalah pengembangan dari bentuk normalisasi kedua,berupa tabel yang saling berhubungan berdasarkan pengelompokan data.

3.3 ER- DIAGRAM

ER diagram adalah rincian yang merupakan representasi logika dari data pada suatu organisasi atau area bisnis tertentu.Pada model ER diagram terdiri dari empat konsep dasar, diantaranya :

1. Entitas

Entitas adalah sesuatu atau obyek di dunia nyata (abstrak) yang dapat dibedakan dari sesuatu obyek yang lainnya. Sebagai contoh, setiap mahasiswa dalam universitas adalah suatu entitas dan setiap fakultas dalam suatu universitas adalah juga entitas. 2. Relasi

Relasi adalah hubungan antara suatu himpunan entitas dengan himpunan yang lainnya. Misalnya mahasiswa memiliki hubungan tertentu dengan entitas matakuliah (Mahasiswa mengambil matakuliah).

3. Atribut

Atribut adalah property deskriptif yang dimiliki oleh setiap anggota dari himpunan entitas. Atribut biasa disebut juga sebagai data atau data item, contohnya mahasiswa terdiri dari beberapa atribut yang menerangkanya, misalkan nim, nama, alamat, dan No telpon.

4. Kunci (Key)

Kunci (key) merupakan suatu atribut yang unik dan dapat digunakan untuk membedakan suatu entitas dengan entitas yang lainnya dalam suatu himpunan entitas. Kunci biasanya dikenal dengan sebutan primary Key yang dapat didefinisikan sebagai

(6)

3

kandidat key yang dipilih oleh perancang basis data dalam mengimplementasikan konsep permodelan data konseptual di basis data.

4. Pemograman Web 4.1 Client Side Scripting

Client side scripting (CSS), merupakan jenis script yang pengolahannya dilakukan di sisi client. Pengolahan disini berarti “di terjemahkan/ interpreted” yang memiliki tugas untuk menterjemahkan script jenis ini disisi client adalah web browser.

4.2 HTML

HTML (Hypertext Markup Language) merupakan bahasa dasar untuk web scripting bersifat client side yang memungkinkan untuk menampilkan informasi dalam bentuk teks, grafik, serta multimedia dan juga untuk menghubungkan antar tampilan web page (hyperlink).

4.3 CSS

Cascading Style Sheet secara sederhana adalah sebuah metode yang digunakan untuk mempersingkat penulisan tag HTML, seperti font, color, text dan table menjadi lebih ringkas sehingga tidak terjadi pengulangan tulisan.

4.4 Jquery

jQuery adalah javascript Library yaitu kumpulan kode atau fungsi javascript siap pakai, sehingga mempermudah dan mempercepat kita dalam membuat kode javascript3.

4.5 Server Side Scripting

Server side scripting (SSS), merupakan script yang pengolahannya (baca: diterjemahkan) di sisi server.

4.6 PHP

Menurut dokumen resmi PHP, PHP merupakan singkatan dari PHP Hypertext Preprocessor. Merupakan bahasa berbetuk skrip yang ditempatkan dalam server dan diproses di server. Hasilnyalah yang kemudian dikirim ke klien, tempat pemakai menggunakan browser.

4.7 Java Script

Adalah bahasa yang berbentuk kumpulan script yang pada fungsinya berjalan pada suatu dokumen html. JavaScript merupakan bahasa script pertama untuk halaman web, dimana bahasa ini memberikan kemampuan tambahan terhadap HTML dengan mengijinkan pengeksekusian perintah-perintah di sisi user, yang artinya disisi browser bukan web server.

3

Lukmanul Hakim,2010.Bikin Website Super Keren dengan Php & Jquery.Yogyakarta:Loko Media,Hal 3.

(7)

4

5. Analisis Sistem

Mendeskripsikan fase-fase awal pengembangan sistem. Analisis sistem adalah teknik pemecahan masalah yang menguraikan bagian-bagian komponen dengan mempelajari seberapa bagus bagian-bagian komponen tersebut bekerja dan berinteraksi untuk mencapai tujuan mereka. Tahap analisis sistem merupakan tahapan yang sangat penting, karena kesalahan ditahap ini akan menyebabkan kesalahan diberikutnya.

5.1 Analisis PIECES

Untuk mengidentifikasi masalah, maka kita harus melakukan analisis terhadap

kinerja , informasi, ekonomi, keamanan aplikasi, efesiensi dan pelayanan pelanggan. anduan ini di kenal dengan PIECES analisis (Performance, Information, Economic. Control, Efficiency, Service), Analisis PIECES ini digunakan sebagai tolak ukur dalam menentukan sistem baru yang diusulkan layak atau tidak, karena ke enam hal itu harus mengalami peningkatan yang lebih baik dari pada sistem yang lama.

5.1.1 Analisis Kinerja (Performance Sistem)

Kinerja merupakan bagian dalam kelancaran proses kerja dalam suatu organisasi. Masalah kerja dapat terjadi dalam suatu organisasi ketika tugas – tugas operasional dijalankan terlalu lambat dalam mencapai sasaran yang diinginkan.

Tabel 5.1 Analisis kinerja (Performance)

No Variabel Hasil Analisis

1 a. Throughput Dengan menggunakan website jumlah layanan akan semakin banyak, sehingga informasi yang diberikan kepada masyarakat akan banyak pula.

2 b. Response time Membutuhkan waktu yang lebih cepat karena masyarakat yang membutuhkan informasi dilayani oleh system yang dapat diakses di manapun dan kapanpun.

5.1.2 Analisis Informasi ( information )

Dalam penyampaian informasi sering terjadi keterlambatan, ketidakjelasan, bahkan kesalahan informasi. Oleh sebab itu diharapkan adanya informasi yang akurat, tepat waktu dan relevan (sesuai dengan yang dibutuhkan).

(8)

5

Tabel 5.2 Analisis Informasi (Information)

1 a. Akurat Informasi disampaikan melalui sistem yang terkoneksi dengan internet sehingga lebih akurat.

2 b. Relevan masyarakat bisa melihat pilihan informasi yang banyak pada sistem sehingga dapat memilih sendiri sesuai apa yang dibutuhkan.

3 c. Tepat Waktu Apabila adanya update informasi secara tiba-tiba, maka akan langsung diinformasikan melalui sistem sehingga lebih tepat waktu.

5.1.3 Analisis Ekonomi (economy)

Analisis ekonomi adalah penilaian sistem atas pengurangan dan keuntungan yang akan didapatkan dari sistem yang dikembangkan. Sistem ini akan memberi penghematan operasional dan meningkatkan penghematan operasional dan meningkatkan keuntungan sekolah.

Tabel 5.3 Analisis Ekonomi (economy)

1 a. Biaya biaya sedikit karena hanya mengeluarkan biaya untuk perpanjangan hosting, perawatan, dan pengembangan.

5.1.4 Analisis Pengendalian ( control )

Kinerja merupakan bagian dalam kelancaran proses kerja dalam suatu organisasi. Masalah kerja dapat terjadi dalam suatu organisasi ketika tugas – tugas operasional dijalankan terlalu lambat dalam mencapai sasaran yang diinginkan dan cenderung menurun.

Tabel 5.4 Analisis Pengendalian (Control)

1 a. Pengaturan hak akses Dengan adanya password diharapkan hak akses tergantung pada status user sehingga sistem tidak akan dapat diakses oleh sembarang orang.

(9)

6

5.1.5 Analisis Efisiensi ( efficiency )

Analisis efisiensi adalah penigkatan terhadap efesiensi operasional, berbeda dengan ekonomi. Bila ekonomi berhubungan dengan inputnya, efisiensi tersebut berhubungan dengan bagaimana sumber daya itu digunakan agar tidak terjadi pemborosan. Sistem dikatakan efisien atau berhasil, jika dapat mencapai sasaran yang diinginkan, tidak mengeluarkan banyak waktu dan tenaga kerja karyawan/staff yang berlebihan.

Tabel 5.5 Analisis Efisiensi ( efficiency )

1 a) Jumlah Sumber Daya Manusia

Sumber daya manusia yang dibutuhkan lebih sedikit karena sudah dibantu dengan sistem, sehingga lebih efisien.

5.1.6 Analisis Pelayanan ( service )

Analisis pelayanan adalah peningkatan terhadap pelayanan yang dihasilkan oleh sistem. Sistem yang sedang dijalankan atau digunakan saat ini tidak untuk meningkatkan kinerja pelayanan terhadap penyampaian informasi kepada siswa maupun masyarakat dengan tidak mengenal ruang waktu, dan informasi tidak dapat diterima secara maksimal.

Tabel 5.6 Analisi Pelayanan (Service)

1 a. Prosedur untuk mendapatkan informasi

Untuk mendapatkan informasi tidak usah datang ke sekolahan, melainkan masuk pada website SMA NEGERI 1 BELIKyang mana semua informasi akan didapatkan dan informasi dapat di akses kapan pun dan dimanapun selagi terdapat koneksi internet.

5.2 Analisis Kebutuhan Sistem 5.2.1 Kebutuhan Fungsional

Kebutuhan fungsional berisi informasi dan proses apa saja yang harus dilakukan oleh sistem. adapun kebutuhan fungsional dalam sistem informasi web pada SMA NEGERI 1 BELIK adalah sebagai berikut :

a) User biasa bisa mendapatkan informasi tentang profil Sekolah.

b) Alumni bisa edit profile dengan login username dan password terlebih dahulu

c) Guru bisa edit profile dan mengupload materi dengan login username dan password terlebih dahulu

(10)

7

d) Siswa bisa edit profil dan mendownload materi dengan login username dan password terlebih dahulu

e) Admin dapat mengelolah web melalui menu admin.

5.2.2 Kebutuhan Non Fungsional

Pada tahap pembuatan sistem perkiraan kebutuhan sistem baru yang akan dipakai yaitu:

1. Kebutuhan Minimal Sistem:

• Procecor intel atau compatible 800 MHZ • Ram 512 MB

• Harddisk 40 GB

• Sistem operasi windows 98 • VGA 8 MB

• Web browser

2. Kebutuhan Rekomendasi Sistem:

• Procecor Intel atau compatible 1,8 Ghz • Ram 1 GB

• Hardisk 160 GB

• Sistem operasi windows XP • Web browser

(11)

8

6. Perancangan Sistem

6.1 Diagram Arus Data

Diagram arus data merupakan alat perancangan sistem yang berorientasi pada alur data yang dapat digunakan untuk menggambarkan analisa maupun rancangan sistem yang mudah dikomunikasikan kepada pemakai dan pembuat program.

Sistem Informasi Sekolah Berbasis Website Siswa User BIasa Admin Guru Alumni Input Output Input Output

Update Profil Siswa Komentar Berita

Salam & sapa

Update Profil Guru Upload materi Komentar Berita

Salam & sapa Keterangan Akun Siswa

download materi Informasi Profil Informasi Fasilitas Informasi Agenda Informasi Album Foto Informasi Peta Sekolah Informasi Alumni Informasi Guru Informasi Siswa Informasi Prestasi Informasi pendaftaran Informasi Banner Informasi statistik user

Keterangan Akun guru download materi Informasi Profil Informasi Fasilitas Informasi Agenda Informasi Album Foto Informasi Peta Sekolah Informasi Alumni Informasi Banner Informasi Guru Informasi Siswa Informasi Prestasi Informasi berita Informasi pendaftaran Informasi Statistik user

Input output output input Informasi Profil Informasi Fasilitas Informasi Agenda Informasi Album Informasi Peta Sekolah Informasi Alumni Informasi Guru Informasi Siswa Informasi Prestasi Informasi pendaftaran Informasi berita Informasi banner Informasi salam& sapa Informasi statistik user Manajemen admin

Manajemen modul Data Guru Data Profil Sekolah Data Agenda Data Album Data Alumni Data Berita Data Fasilitas Data Siswa Data Peta Data kategori Data banner Data elearning Data Sekilas info Data galeri foto Kata jelek Menu utama Sub menu Halaman statis Manajemen admin Manajemen modul Data Guru Data Profil Sekolah Data Agenda Data Album Data Alumni Data Berita Data Fasilitas Data Siswa Data Peta Data kategori Data komentar Data banner Data elearning Salam sapa Data Sekilas info Data galeri foto Kata jelek Menu utama Sub menu Halaman statis

Komentar Berita Salam & sapa

Regestrasi Alumni input output Informasi Profil Informasi Fasilitas Informasi Agenda Informasi Album Foto Informasi Peta Sekolah Informasi Alumni Informasi Banner Informasi Guru Informasi Siswa Informasi Prestasi Informasi berita Informasi pendaftaran Informasi Statistik user Update Profil alumni

Komentar Berita Salam & sapa

(12)

9

6.2 Perancangan Basis Data

6.2.1 ERD (Entity Relationship Diagram)

ERD adalah gmbar atau diagram yang menunjukan informasi yang dibuat, disimpan dan digunakan dalam sistem bisnis. ERD menggunakan simbol-simbol khusus untuk menggambarkan elemen-elemen ERD.

6.2.2 Relasi Antar Tabel

Relasi antar tabel menunjukan hubungan antar tabel yang ditandai dengan adanya foreign key.

Berikut relasi antar tabel dalam sistem baru yang akan dibuat :

(13)

10

6.3 Perancangan antar muka

6.3.1 Desain Halaman dan Navigasi Halaman Index (Client Menu)

Gambar 3.10 Rancangan Halaman Index 6.3.2

Rancangan Halaman login

Gambar 3.11 Halaman Login

6.3.3 Rancangan Halaman Admin, Guru, Siswa, Alumi

Gambar 3.18 Halaman admin, Guru, Siswa, Alumni

Header Menu Utama

Berita

Sidebar

Login Terpopuler Terkini Komentar Kategori Berita Agenda

Galeri

Footer Login Admin User name Password Login Header Footer Menu content

(14)

11

7. Implementasi

Tahap Implementasi sistem adalah tahap meletakkan sistem supaya siap

dioperasikan. Dan adapun tujuannya adanya implementasi adalah menyiapkan semua kegiatan penerapan sistem sesuai dengan rancangan yang ditentukan.

7.1 Implementasi Rancangan Database

Sistem Informamasi Sekolah ini menggunakan “smagans” sebagai nama database. Didalamnya terdapat 25tabel.

7.2 Implementasi Interface

(15)

12

Gambar 7.2 Halaman Area-Admin

(16)

13

Gambar 7.4 Halaman Area-Alumni

Gambar 7.5 Halaman Area-Guru

8. Penutup 8.1 Kesimpulan

Berdasarkan pembahasan yang ada pada bab I, II, III, IV dan telah dilakukan nya pengumpulan data, analisis, perancangan serta implementasi pada “PEMBUATAN

(17)

14

WEBSITE SEKOLAH DI SMA NEGERI 1 BELIK UNTUK MEDIA INFORMASI DAN PROMOSI “ maka dapat diambil kesimpulan sebagai berikut :

1. Dengan adanya website sekolah SMA NEGERI 1 BELIK akan menjadi solusi bagi sekolah untuk penyampaian informasi.

2. Dengan adanya website sekolah SMA NEGERI 1 BELIK akan menjadi solusi agar guru tetap bisa memberikan materi kepada siswa jika guru tersebut berhalangan tidak bisa mengajar dikelas. Dan siswa bisa mendownload materi tersebut.

3. Dalam Pembuatan sistem informasi sekolah berbasis website ini menggunakan bahasa pemograman php dan MySQL sebagai database administrator.

4. Dengan adanya website sekolah sekarang ini, calon siswa yang ingin mendaftar di sekolah SMA NEGERI 1 BELIK bisa melihat syarat-syarat pendaftaran siswa baru di website sekolah SMA NEGERI 1 BELIK.

8.2 Saran

Aplikasi website SMA NEGERI 1 BELIK, walaupun sudah dibuat sesuai dengan kemampuan usaha dan upaya yang dimiliki, tentu saja ada beberapa kelemahan yang harus diperbaiki pada masa yang akan mendatang, untuk itu ada beberapa saran yang bisa diberikan kepada pengembang sistem informasi agar sistem yang berikutnya bisa dibuat dan dapat berjalan lebih baik lagi antara lain:

1. Dengan adanya penambahan sistem berbasis website ini kiranya pihak instansi harus selalu memperhatikan website tersebut atau up to date sehingga data yang disampaikan ke masyarakat selalu berganti dan dapat meningkatkan kualitas informasi dan pelayanan selalu lebih unggul dalam trend teknologi informasi.

2. Dalam pembuatan website tersebut belum adanya fasilitas pencarian untuk siswa dan guru, dan pendaftaran secara online, maka menyarankan nantinya dari pihak instansi ataupun masyarakat yang ingin melakukan penelitian baru lagi, maka website tersebut dikembangkan lagi dengan adanya pencarian siswa, guru, dan alumni. Sehingga akan lebih meningkatkan mutu dan kualitas tentang sekolah.

(18)

15

DAFTAR PUSTAKA

Al Fatta, Hanif. 2007. Analisis dan Perancangan Sistem Informasi. Yogyakarta : Andi Offset

Arief, M. Rudyanto. 2005. Pemrograman Basis Data menggunakan Transact-SQL dengan Microsoft SQL Server 2000. Yogyakarta : Andi Offset

Arief, M. Rudyanto. 2008. Pengenalan Web. http://rudyantoarief.com/wp/?p=33. diakses 7 oktober 2012

Hakim, Lukmanul. 2010. Bikin Website Super Keren dengan Php & Jquery. Yogyakarta : Lokomedia

Pressman, Roger S. 2002. Rekayasa Perangkat Lunak Pendekatan Praktisi. Yogyakarta : Andi Offset