MEMBANGUN WEBSITE SEKOLAH DAN KOMUNITAS ALUMNI SEBAGAI SARANA INFORMASI PADA SMK MUHAMMADIYAH 2

KLATEN UTARA

NASKAH PUBLIKASI

diajukan oleh

Af Idatun Khoiriyah 09.01.2649

kepada JURUSAN TEKNIK INFORMATIKA

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM

YOGYAKARTA 2013

 

BUILD A SCHOOL AND COMMUNITY OF GRADUATE’S WEBSITE AS A MEDIA INFORMATION AT SMK MUHAMMADIYAH 2 KLATEN UTARA

MEMBANGUN WEBSITE SEKOLAH DAN KOMUNITAS ALUMNI SEBAGAI SARANA INFORMASI PADA SMK MUHAMMADIYAH 2 KLATEN UTARA

Af Idatun Khoiriyah Dhani Ariatmanto

Jurusan Teknik Informatika STMIK AMIKOM YOGYAKARTA

ABSTRACT SMK Muhammadiyah 2 North Klaten a vocational high school that is located not

in the center of Klaten. This school is one of the school are much in demand by prospective students or parents of students who wish to enroll their children in school. But there are obstacles in the dissemination of information on the school, both on current information, job information from the company or any other company of alumni work, as well as the agenda that will be implemented by the alumni community that is not conveyed to the public because there is no media precise information.

The existence of the school website influential in the dissemination of academic

information. With the school's website, it can produce information more quickly, precisely, easily and inexpensively. Because of this website may be accessed for 24 hours as long as the computer that is used to connect to the Internet, and the information in the search can be easily without having to come directly to the location of the source of information. Therefore, the authors would like to build this school's website as a medium of information students and alumni.

School website was built using the programming language PHP with CodeIgniter

framework support, database management system (database) using MySQL, Apache web server, PHP code editing software using Netbeans, and editing images using Adobe Photoshop CS3.

Keywords : website, codeigniter, php

1. PENDAHULUAN 1.1. Latar Belakang Masalah

Dewasa ini perkembangan teknologi dalam bidang komunikasi dan komputer telah

membawa perubahan besar dalam bidang kehidupan manusia. Penggabungan kedua

faktor pendukung teknologi tersebut mampu memberikan layanan informasi yang lebih

baik. Kemajuan teknologi berkembang begitu pesat. Dan kini sudah mulai menjangkau

kebutuhan-kebutuhan kecil manusia.

Seiring dengan perkembangan teknologi yang cukup pesat, teknologi informasi

telah menjelma menjadi suatu kebutuhan yang tidak dapat dielakkan lagi. Kebutuhan

teknologi di era globalisasi, khususnya teknologi komputer telah menghasilkan informasi

yang lebih cepat, akurat dan lebih relevan bila dibandingkan dengan informasi yang

dihasilkan dengan cara konvensional.

Kemajuan sistem informasi melalui internet menjadikan orang mudah melakukan

komunikasi dan berbagi informasi. Pada jaman dahulu informasi hanya beredar melalui

media cetak seperti koran dan majalah serta hanya melalui radio dan televisi. Media-

media tersebut tergolong terjangkau, namun tidak semua orang atau instansi bisa

menggunakannya sebagai media informasi.

Banyak solusi yang dapat dilakukan untuk mengatasi masalah tersebut di atas.

Dengan membuat sebuah website misalnya. Orang dapat mengakses website tersebut

dimanapun dia berada asalkan adanya koneksi internet.

Dalam dunia pendidikan, sangat dianjurkan sebuah instansi sekolah memiliki

sebuah halaman website sebagai sarana informasi. Penyebaran informasi pada sebuah

instansi tersebut akan lebih cepat, dapat diakses oleh siapa saja dan darimana saja.

Banyak manfaat yang di dapat ketika sebuah instansi memiliki sebuah data dalam

jaringan (online).

2. LANDASAN TEORI 2.1. Tinjauan Pustaka

Tinjauan Pustaka laporan penelitian yang dijadikan referensi dalam Tugas Akhir ini

adalah Tugas Akhir yang disusun oleh Primadaya (08.01.2406) jurusan Teknik

Informatika STMIK Amikom Yogyakarta yang berjudul “Perancangan Web Sekolah

sebagai Media Informasi dan Promosi di Madrasah Aliyah Al I’tisham Wonosari” tahun

2011. Tugas Akhir tersebut mempunyai tujuan membangun dan merancang sebuah

media informasi dan promosi berbasis web pada Madrasah Aliyah Al I’tisham Wonosari

untuk siswa dan masyarakat. Sistem tersebut disusun menggunakan bahasa

pemrograman PHP dengan bantuan framework CodeIgniter dan menggunakan database

MySQL.

2.2. Konsep Dasar Sistem Pengertian dan definisi sistem pada berbagai bidang berbeda-beda, meskipun

istilah sistem yang digunakan bervariasi. Sistem pada bidang-bidang tersebut

mempunyai beberapa persyaratan umum, yaitu sistem harus mempunyai elemen,

lingkungan, interaksi antar elemen, interaksi antar elemen dengan lingkungannya, dan

yang terpenting adalah sistem harus mempunyai tujuan yang akan dicapai.

2.3. Konsep Dasar Sistem informasi Sistem informasi dalam suatu organisasi dapat dikatakan sebagai suatu sistem

yang menyediakan informasi bagi semua tingkatan dalam organisasi tersebut kapan saja

diperlukan. Sistem ini menyimpan, mengambil, mengubah, mengolah dan

mengkomunikasikan informasi yang diterima dengan menggunakan sistem informasi

atau peralatan system lainnya.

2.4. Konsep Dasar Internet Internet merupakan jaringan global komputer dunia, besar dan sangat luas sekali

dimana setiap komputer saling terhubung satu sama lainnya dari negara ke negara

lainnya di seluruh dunia dan berisi berbagai macam informasi, mulai dari text, gambar,

audio, video, dan lainnya.

Gambar 2.3 Gambar Jaringan Internet

2.5. Konsep Dasar WEB Website merupakan kumpulan halaman-halaman yang digunakan untuk

menampilkan informasi, gambar gerak, suara, dan atau gabungan dari semuanya itu baik

yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang

saling terkait dimana masing-masing dihubungkan dengan link-link.

2.6. Konsep Dasar Sistem Basis Data Sistem basis data merupakan perpaduan antara basis data dan sistem manajemen

basis data (DBMS). Komponen-komponen sistem basis data meliputi:

1. Perangkat Keras (hardware) sebagai pendukung operasi pengolahan data.

Perangkat keras komputer adalah semua bagian fisik komputer, seperti mouse,

keyboard, monitor, CPU dan lain-lain.

2. Sistem operasi (operating system) atau perangkat lunak (software) untuk

mengolah basis data. Sistem operasi merupakan suatu software sistem yang

bertugas untuk melakukan kontrol dan manajemen hardware serta operasi-operasi

dasar sistem, termasuk menjalankan software aplikasi seperti program-program

pengolah kata dan browser web.

3. Basis data (database) sebagai inti dari sistem basis data

4. Database Management System (DBMS) adalah software yang menangani semua

akses ke database.

5. Pemakai (user) merupakan orang atau sistem yang akan mengakses dan merubah

isi basis data.

6. Aplikasi lain merupakan software yang dibuat untuk memberikan interface kepada

user sehingga lebih mudah dan terkontrol dalam mengakses basis data. Aplikasi

lain ini merupakan komponen tambahan dalam sistem basis data yang sifatanya

operasional.

2.7. Konsep Pemodelan Sistem Metode perancangan yang digunakan dalam perancangan sistem informasi ini

adalah menggunakan metode perancangan berorientasi objek dengan menggunakan

UML (Unified Modelling Language) sebagai alat bantu perancangan.

Unified Modeling Language (UML) adalah sebuah standar untuk visualisasi,

merancang dan mendokumentasikan sistem piranti lunak dengan menggunakan UML

dapat dibuat model untuk semua jenis aplikasi piranti lunak. Karena UML menggunakan

class dan operation pada konsep dasarnya, maka lebih cocok untuk penulisan piranti

lunak dalam bahasa berorientasi objek seperti C++, Java, C# atau VB NET.

Diagram-diagram yang digunakan dalam UML adalah sebagai berikut.

1. Use Case Diagram

Use case diagram menjelaskan manfaat sistem jika dilihat menurut pandangan

orang yang berada di luar sistem atau actor. Diagram ini menunjukkan

fungsionalitas suatu sistem atau kelas dari bagaimana sistem berinteraksi dengan

dunia luar.

2. Activity Diagram

Activity diagram menggambarkan berbagai aliran aktivitas dalam sistem yang

sedang dirancang, bagaimana awal dari masing-masing aliran, percabangan yang

mungkin terjadi serta bagaimana akhirnya.

3. Class Diagram

Class diagram menunjukkan deskripsi dan struktur dari class, package dan obyek

beserta hubungan satu dengan yang lainnya. Obyek merupakan hasil dari sebuah

instansiasi dari sebuah class.

4. Sequence Diagram

Sequence diagram menggambarkan interaksi antar obyek didalam maupun diluar

sistem biasanya digunakan untuk menggambarkan skenario atau rangkaian

langkah-langkah yang dilakukan sebagai tanggapan dari sebuah kejadian untuk

menghasilkan sebuah keluaran (output) tertentu.

2.8. Perangkat Lunak Yang Digunakan 2.8.1. Bahasa Pemrograman

Bahasa yang digunakan untuk menerjemahkan setiap perintah dalam situs yang

pada saat diakses. Jenis scripts sangat menentukan statis, dinamis atau interaktifnya

sebuah situs. Semakin banyak ragam scripts yang digunakan maka akan terlihat situs

semakin dinamis, dan interaktif serta terlihat bagus. Bagusnya situs dapat terlihat dengan

tanggapan pengunjung serta frekwensi kunjungan.

2.8.2. CodeIgniter

CodeIgniter (CI) (www.codeigniter.com) adalah salah satu framework php yang

tangguh dan popular yang awalnya ditulis oleh mas Rick Ellis, pendiri dan CEO

EllisLab.com, perusahaan yang mengembangkan codeigniter. Framework itu sendiri

adalah suatu kerangka kerja yang berupa sekumpulan folder yang memuat file-file php

yang menyediakan class libraries, helpers, plugins dan lainnya. Framework menyediakan

konfigurasi dan teknik coding tertentu.Saat ini, codeigniter dikembangkan oleh komunitas

dan disebarkan ke seluruh dunia dengan lisensi bebas. Code Igniter tergolong framework

dengan ukuran kecil dan cukup mudah di kuasai. CI juga datang dengan manual yang

tergolong lengkap.

Keunggulan Codeigniter :

1. Codeigniter adalah open source (free)

Codeigntier adalah fremwork yang gratis untuk digunakan dan dapat

dikembangkan secara ilegal.

2. Codeigniter sangat ringan

Codeigniter ringan dijalankan pada berbagai platform. Sistem utama dari

codeigniter hanya memerlukan sedikit ruang pada server untuk membentuk

sebuah class library. Ini yang membedakan codeigniter dengan framework-

framework sejenisnya. Class library tambahan hanya digunakan ketika dimintaoleh

pengguna, sehingga hanya dipakai jika diperlukan. Ini yang menyebabkan

codeigniter sangat ringan jika dijalankan.

3. Codeigniter menggunakan M-V-C

Codeigniter menggunakan model M-V-C framework, model MVC (Model View

Controller). Model framework ini dapat mempermudah pembedaan antara tampilan

dan program. Ini secara khusus sangat baik untuk suatu proyek dimana designer

bekerja dengan file template yang akan memperkecil banyaknya kode di setiap

template karena sudah dipisahkan dengan baik.

4. Codeigniter dikemas dalam sebuah framework yang lengkap

Codeigniter dikemas dalam kumpulan class dalam sebuah library yang cukup

lengkap yang dapat menunjang proses pembuatan web, seperti mengakses

database, mengirim email , validasi form data,dan banyak lagi.

5. Fungsi pada codeigniter dapat ditambahkan

Fungsi-fungsi pada sistem codeigniter sangat mudah ditambahkandengan bantuan

library plugins dan helper.

2.8.3. Perangkat Lunak Aplikasi 1. Netbeans 6.7

NetBeans adalah sebuah lingkungan pengembangan terpadu (IDE) untuk

mengembangkan terutama dengan Java, tetapi juga dengan bahasa lain, khususnya di

PHP, C / C + +, dan HTML5. Ini juga merupakan platform aplikasi framework untuk

aplikasi Java desktop dan lain-lain.

NetBeans IDE ditulis dalam Java dan dapat berjalan di Windows, OS X, Linux,

Solaris dan platform lain yang mendukung JVM kompatibel. Platform NetBeans

memungkinkan aplikasi untuk dikembangkan dari satu set modular komponen software

yang disebut modul.

2. Adobe Photoshop CS3

Photoshop merupakan software perangkat lunak yang canggih yang dapat

digunakan untuk pembuatan atau penyutingan, dan efek manipulasi tampilan termasuk

koreksi warna dan pemberian efek tampilan dan sebagainya.

3. XAMPP

XAMPP adalah sebuah paket komplit yang terdiri atas program Apache Web

Server 2.2.12, MySQL 5.1.37 database, modul PHP 5.3.0. XAMPP merupakan perangkat

lunak bebas, yang mendukung banyak sistem operasi, seperti Windows, Linux, Mac OS,

dan Solaris. XAMPP dikembangkan dari sebuah tim proyek bernama Apache Friends,

yang terdiri dari Tim Inti (Core Team). Program ini tersedia dalam GNU General Public

License dan bebas, merupakan web server yang mudah digunakan yang dapat melayani

tampilan halaman web yang dinamis.

a. Apache

Apache atau Server Web Apache adalah server web yang dapat dijalankan di

banyak sistem operasi (Unix, BSD, Linux, Microsoft Windows dan Novell Netware

serta platform lainnya) yang berguna untuk melayani dan memfungsikan situs web.

Protokol yang digunakan untuk melayani fasilitas web/www ini menggunakan

HTTP. Apache memiliki fitur-fitur canggih seperti pesan kesalahan yang dapat

dikonfigurasi, autentikasi berbasis basis data dan lain-lain. Apache juga didukung

oleh sejumlah antarmuka pengguna berbasis grafik (GUI) yang memungkinkan

penanganan server menjadi mudah. Apache merupakan perangkat lunak sumber

terbuka dikembangkan oleh komunitas terbuka yang terdiri dari pengembang-

pengembang dibawah naungan Apache Software Foundation.

b. MySql

MySQL adalah multi user database yang menggunakan bahasa Structured Query

Language (SQL). SQL adalah bahasa standar yang digunakan untuk mengakses

server database. Bahasa ini pada awalnya dikembangkan oleh IBM, namun telah

diadopsi dan digunakan sebagai standar industri. Dengan menggunakan SQL

proses akses database menjadi lebih user friendly dibandingkan dengan

menggunakan Dbase atau Clipper yang masih mmenggunakan perintah-perintah

pemrograman. Dalam konteks bahasa SQL, pada umumnya informasi tersimpan

dalam tabel-tabel yang secara logic merupakan stuktur dua dimensi yang terdiri

atas baris-baris data yang berada dalam satu atau lebih kolom. Baris pada tabel

sering disebut sebagai instance dari data, sedangkan kolom sering disebut

sebagai attributes atau field. Keseluruhan tabel itu dihimpun dalam satu kesatuan

yang disebut database.

3. GAMBARAN UMUM 3.1. Sejarah Berdirinya Sekolah

SMK Muhammadiyah 2 Klaten Utara ini didirikan atau dibuka pada tanggal 1

Januari 1979 berdasarkan Surat Keputusan (SK) dari Yayasan Muhammadiyah dengan

nomor : 03/M.I/SMEA/1979 dan mendapat NDS/NNS : 4303380009/3440311007011

SMK Muhammadiyah 2 Klaten Utara adalah salah satu sekolah yang dipimpin oleh

seorang kepala sekolah wanita, Ibu Dra. Hj. Wafir. Dengan beralamatkan di Setran,

Gergunung, Klaten Utara, Klaten, Jawa Tengah.

Sekolah ini merupakan sekolah kejuruan di Klaten yang mengembangkan 4

program studi keahlian:

a. Teknik Komputer dan Informatika (Multimedia)

b. Keuangan (Akuntansi)

c. Administrasi Perkantoran (Sekretaris)

d. Tata Niaga (Pemasaran)

3.2. Visi dan Misi SMK Muhamadiyah 2 Klaten Utara 1. Visi

Terwujudnya SMK berstandar Nasional bidang keahlian Bsinis dan

Manajemen, Program keahlian Akuntansi, Administrasi Perkantoran, Tata Niaga,

dan Teknik Komputer & Informatika, serta menciptakan tenaga kerja yang

kompeten melalui pengembangan IPTEK dan IMTAQ.

2. Misi

SMK Muhammadiyah 2 Klaten utara memiliki misi sebagai berikut.

a. Meningkatkan KBM secara optimal yang berorientasi pada masa depan.

b. Mewujudkan pelayanan prima dalam pelaksanaan semua kegiatan.

c. Mengembangkan pendidikan dan latihan yang bisa membentuk siswa

kreatif, inovatif dan mandiri.

d. Mengembangkan iklim yang sejuk di sekolah secara konduktif.

e. Mengantisipasi setiap tantangan era globalisasi.

f. Mewujudkan manusia yang berilmu pengetahuan dan barakhlak mulia.

4. ANALISIS DAN PEMBAHASAN 4.1. Analisis Kebutuhan Sistem

Analisis kebutuhan sistem digunakan untuk mengetahui teknologi apa saja yang

dibutuhkan oleh sistem.

1. Analisis Perangkat Keras (Hardware)

Perangkat keras yang digunakan dalam membangun website ini adalah:

Processor : Inter Atom N570

RAM : 1 GB DDR3

Harddisk : 320 GB

Monitor : 10’ inch

2. Analisis Perangkat Lunak (Software)

Perangkat lunak yang digunakan dalam membangun website ini adalah:

Sistem Operasi : Windows XP SP 2

Code Editor dan Permodelan UML : NetBeans 6.7

Editor Gambar : Adobe Photoshop CS3

Web Server dan Database Server : Xampp 1.7.3

Framework PHP : CodeIgniter 1.7.2

3. Analisis Pengguna (Brainware)

1. Guest

Guest merupakan pengunjung website yang dapat melihat isi berita atau

content yang ada di website tersebut.

2. Alumni

Alumni merupakan pengguna yang sudah mendaftarkan diri sebagai user

alumni. Alumni dapat menambahkan agenda pada website ini.

3. Guru

Guru merupakan pengguna yang sudah diberikan hak akses oleh

administrator untuk mengolah data materi di dalam website ini.

4. Administrator

Administrator adalah merupakan pengelola website yang memiliki hak akses

penuh terhadap data pada website ini.

4.2 Perancangan Sistem Sistem yang akan dibangun menggunakan 3 perancangan, yaitu perancangan

proses, perancangan basis data (database), dan perancangan antarmuka (interface).

1. Perancangan Proses Perancangan proses dirancang menggunakan Unified Modelling Language (UML)

karena website yang dihasilkan nantinya menggunakan pendekatan berorientasi objek.

Selain itu framework yang digunakan juga telah mendukung konsep pemrograman

berorientasi objek.

UML terdiri atas kelompok diagram sistem menurut aspek dan sudut pandang

tertentu. Diagram tersebut adalah Use Case Diagram, Activity Diagram, Class Diagram

dan Sequence Diagram.

2. Use Case Diagram Use case diagram menjelaskan manfaat sistem jika dilihat menurut pandangan

orang yang berada di luar sistem atau actor. Diagram ini menunjukkan fungsionalitas

suatu sistem atau kelas dari bagaimana sistem berinteraksi dengan dunia luar.

Perancangan proses yang terjadi dalam sistem website SMK Muhammadiyah 2 Klaten

Utara dengan Use Case Diagram sebagai berikut.

Gambar 4.1. Use Case Diagram

3. Activity Diagram Activity diagram menggambarkan berbagai aliran kegiatan dalam sistem,

bagaimana awal dari masing-masing kegiatan, percabangan yang mungkin terjadi serta

bagaimana akhir dari program tersebut. Berikut beberapa activity diagram pada website

SMK Muhammadiyah 2 Klaten Utara.

Gambar 4.2. Activity Diagram Login Super Admin

Activity diagram diatas menggambarkan bahwa seorang administrator wajib

melakukan otentikasi dengan melakukan login terlebih dahulu sebelum dapat mengelola

website, apabila admin melakukan validasi dengan benar maka administrator dapat

mengakses menu-menu yang ada untuk mengelola segala yang berkaitan dengan web

SMK Muhammadiyah 2 Klaten Utara. Setelah selesai, administrator harus keluar dengan

melakukan logout.

Gambar 4.3. Activity Diagram Backup Database

Gambar 4.4. Activity Diagram Download Materi

4. Class Diagram Berikut adalah Class diagram yang digunakan pada website sekolah ini:

Gambar 4.5. Class Diagram

5. Sequence Diagram Sequence Diagram login Administrator:

Gambar 4.6. Sequance Diagram Login Administrator

Sequence diagram yang terlihat pada gambar diatas menggambarkan

administrator yang dihadapkan pada tampilan halaman login dimana sistem meminta

administrator untuk memasukkan username dan password. Setelah administrator

memasukkan username dan password maka administrator harus menekan tombol login,

maka sistem akan mengecek apakah username dan password diisi dengan benar atau

salah. Apabila username dan password salah maka akan tampil pesan kesalahan dan

sistem akan meminta kembali untuk memasukkan username dan password. Tetapi jika

username dan password yang telah dimasukkan benar maka administrator akan masuk

ke halaman admin. Dan administrator dapat melakukan pengolahan data. Proses ini

sama dengan proses yang terjadi pada guru dan alumni yang ingin login.

Gambar 4.7. Sequance Diagram Login Guru

Gambar 4.8. Sequance Diagram Tambah Agenda Oleh Alumni

Gambar 4.9. Sequance Diagram Tambah Berita

5. KESIMPULAN 5.1. Kesimpulan

Berdasarkan rumusan masalah, pada bab sebelumnya maka dapat dibuat

kesimpulan sebagai berikut:

1. Sarana komunikasi dan informasi di SMK Muhamadiyah 2 Klaten Utara yang

sebelumnya menggunakan cara lama yaitu penggunaan papan pengumunan di

sekolah sekarang sudah berbasis web. Sehingga lebih menjangkau dan

memudahkan masyarakat untuk mendapatkan informasi yang dibutuhkan tanpa

harus mendatangi sekolah.

2. Pembuatan menu pendaftaran alumni dan fasilitas penginputan agenda bagi

alumni yang terdaftar membuat koordinasi alumni SMK Muhamadiyah 2 Klaten

Utara menjadi lebih terorganisir.

5.2. Saran Adapun saran-saran yang dapat menjadi masukan untuk SMK Muhamadiyah 2

Klaten Utara sebagai berikut :

1. Website ini dapat dikembangkan lagi menjadi website yang dapat melakukan

pengolahan data akademik dan pendaftaran siswa baru, sehingga akan lebih

bermanfaat lagi.

2. Keberadaan sumber daya yang telah ada baik dari guru, karyawan, siswa, maupun

alumni sangat disayangkan bila tidak dimanfaatkan dengan baik untuk

membangun citra, karakter dan nilai keunggulan sebuah sekolah yang bermutu.

DAFTAR PUSTAKA

Al Fatta, Hanif. 2007. Analisis dan Perancangan Sistem Informasi untuk Keunggulan Bersaing Perusahaan dan Organisasi Modern. Yogyakarta: Andi.

Arief, M. Rudyanto. 2006. Pemrograman Basis Data Menggunakan Transact-SQL

dengan Microsoft SQL Server 2000. Yogyakarta: Andi. Jogiyanto, Prof. Dr. HM. 2005. Analisis & Desain Sistem Informasi : Pendekatan

Terstruktur teori dan praktek aplikasi bisnis. Yogyakarta:Andi. Kusrini & Andi Koniyo. 2007. Tuntunan Praktis Membangun Sistem Informasi Akuntansi

dengan Visual Basic dan Microsoft SQL Server. Yogyakarta: Andi. Kusrini, M.Kom. 2007. Strategi Perancangan dan Pengelolaan Basis Data. Yogyakarta:

Andi. McLeod, Raymond & George P. Schell. 2008. Sistem Informasi Manajemen. Jakarta:

Salemba Empat. Supriyanto, Aji. 2005. Pengantar Teknologi Informasi. Jakarta: Salemba Infotek.