Yogi Isro’ Mukti

RANCANG BANGUN WEBSITE SEKOLAH DENGAN METODE USER

CENTERED DESIGN (UCD)
Yogi Isro’ Mukti
Program Studi Teknik Informatika Sekolah Tinggi Teknologi Pagar Alam
JalanMasik Siagim No.75 Simpang Mbacang Kec.Dempo Tengah Kota Pagar Alam
Sur-el : yogie.isro.mukti@sttpagaralam.ac.id

Abstrak: Tujuan dari penelitian ini adalah merancang dan membangun website Sekolah pada
SMP Negeri 1 Sekayu. Website merupakan sarana informasi bagi organisasi dalam
meningkatkan layanan, sebagaimana SMP Negeri 1 Sekayu mengembangkan layanan
online berbasis web guna meningkatkan kualitas organisasi sekolah. Suapaya bisa berjalan
baik maka perlu metode yang menyelaraskan sesuai kebutuhan, salah satunya adalah
dengan metode user centered design (UCD). Dan perancangan menggunakan metode
Unified Modelling Language (UML), dalam pembangunan database menggunakan
MySQL dan bahasa pemrograman menggunakan php. Penelitian ini menghasilkan
website sekolah yang dinamis sesuai dengan metode yang dikembangkan.

Kunci Utama: Website,SMP Negeri 1 Sekyu, user centered design (UCD), UML.

Abstract: The purpose of this research is to design and build a School website at Sekayu 1
Middle School. The website is a means of information for organizations in improving
services, as SMP Negeri 1 Sekayu develops web-based online services to improve the
quality of school organizations. If it can work well, it needs to harmonize the method as
needed, one of which is the user centered design (UCD) method. And the design uses the
Unified Modeling Language (UML) method, in database development using MySQL and
the programming language using php. This research produces a dynamic school website
according to the method developed.

Keywords : Website, SMP Negeri 1 Sekyu, usability, user centered design (UCD), UML.

1. PENDAHULUAN sebuah perusahaan atau individu, website juga

Website merupakan salah satu media
penyampaian informasi dan publikasi yang
mudah diakses dari mana saja, kapan saja
tanpa terbatas oleh wilayah geografis yang
dapat dimanfaatkan oleh sekolah. Website
adalah sebuah media presentasi online untuk
dapat digunakan sebagai media informasi
secara online. (Komang Wiswakarma, 2009).
SMP Negeri 1 Sekayu merupakan
Sekolah yang sudah memanfaatkan website
sebagai sarana penunjang informasi bagi
sekolah, yang menghubungkan antara guru,

Jurnal Ilmiah Betrik, Vol.09, No. 02, Agustus 2018

84
 Yogi Isro’ Mukti

siswa dan sekolah dan masyaraka sebagai pendekatan desain, diadopsi oleh banyak
media edukasi. Manajemen sekolah sangat industri untuk mengembangkan produk dan
mengharapkan bahwa website ini dapat jasa yang akan memenuhi kebutuhan dan
disajikan kepada siswa, guru dan masyarakat harapan para pengguna akhir. Namun,
sebagai media interaktif. Untuk itu, sikap menerapkan pendekatan UCD tidak sepele,
penerimaan terhadap website ini di kalangan dan banyak industri masih tampak
internal sekolah, menjadi salah satu tolak ukur mengalami kesulitan dalam efektif
bagi manajemen sekolah. menerapkan metode UCD dalam proses
Adapun batasan masalah antara lain, pembangunan mereka. Secara tradisional,
Penelitian ini membahas mengenai user fokus menerapkan UCD dalam industri telah
centered design pada website SMP Negeri 1 pada pengembangan sistem yang akan
Sekayu dan membandingkan nilai pengguna digunakan dalam pengaturan bisnis dan
dari legalitas website SMP Negeri 1 Sekayu. pekerjaan bukannya pengembangan produk
Tujuan dari penelitian ini adalah Melakukan dan layanan yang ditujukan untuk digunakan
pengukuran user centered design (UCD) pada oleh konsumen. Situasi ini tampaknya
website SMP Negeri 1 Sekayu dan berubah bersama-sama dengan
Mengusulkan rancangan model website SMP pengembangan produk dan layanan di mana-
Negeri 1 Sekayu yang menitikberatkan pada mana, dan oleh karena itu ada kebutuhan
hasil pengukuran user centered design (UCD). untuk memperjelas proses UCD dan
2. METODE PENELITIAN membuat metode UCD lebih mudah diakses
2.1. Website bagi perusahaan, terutama ketika merancang
World Wide Web atau WWW atau sistem dan produk untuk konsumen.
juga dikenal dengan web adalah salah satu (Heinila, Stromberg, Leikas and Ikonen :
layanan yang didapat oleh pemakai 2005)
komputer yang terhubung ke internet. 2.3. Konsep User Centred Design
Website atau situs dapat diartikan sebagai “In user user-centered design, the users
kumpulan halaman-halaman yang digunakan are the center focus.” Maksud dari
untuk menampilkan informasi teks, gambar pernyataan di atas adalah tujuan/sifat sifat-
diam atau gerak, animasi, suara, dan atau sifat, konteks, penguna, sifat konteks dan
gabungan dari semuanya itu baik yang lingkungan produk semua didasarkan dari
bersifat statis maupun dinamis yang pengalaman penguna Selanjutnya ditetapkan
membentuk satu rangkaian bangunan yang model pekerjaan pengguna yang akan
saling terkait dimana masing-masing didukung sistem sistem. Prinsip-prinsip
dihubungkan dengan jaringan-jaringan dalam merancang user interface adalah
halaman (hyperlink) sebagai berikut :
2.2. User Centred Design 1. User familiarity / mudah dikenali :
User Centred Design (UCD) adalah menggunakan istilah yang lazim

Jurnal Ilmiah Betrik Vol.09, No.02 Agustus 2018

85
 Yogi Isro’ Mukti

digunakan dan dikenali oleh pengguna
secara umum, misalnya: untuk sistem
perkantoran gunakan istilah letters,
documents, folders bukan directories,
file, identifiers.
2. Consistency : Konsisten dalam operasi
dan istilah yang digunakan di seluruh
sistem sehingga tidak membingungkan.
3. Minimal surprise / Tidak membuat
pengguna terkejut : Operasi yang terjadi
dapat diprediksi oleh pengguna sesuai
dengan perintah yang ada.
4. Recoverability/ pemulihan
Recoverability ada dua macam yaitu :
confirmation of destructive
(konfirmasi terhadap aksi yang merusak)
atau ketersediaan fasilitas pembatalan
(undo).
5. User guidance/ bantuan : Adanya cara
penggunaan sistem sehingga pengguan
lebih mudah dalam menjalankan sistem.
Observasi dilakukan pada SMP Negeri
1 Sekayu dengan mengamati pengelolaan
data-data yang dikelolah website SM
Negeri 1 Sekayu.
2. Metode Wawancara
Dengan melakukan tanya jawab langsung
dengan staf, guru dan siswa SMP Negeri
1 Sekayu
3. Metode Kuisioner
Pada metode ini kegiatan yang dilakukan
adalah membuat beberapa pertanyaan
untuk melakukan uji ketergunaan
: (usability) agar mengetahui tingkat
penerapan layanan dan tingkat
action kemudahan penggunaan website SMP
Negeri 1 Sekayu.
2.5. Kerangka Berfikir Penelitian
Agar rencana penelitian ini dapat dibuat
dengan baik maka diperlukan suatu alur kerja
yang dapat diimplementasikan dalam suatu
organisasi. Kerangka kerja ini merupakan
acuan yang akan di jadikan dalam menyusun
analisa terhadap website SMP Negeri 1
Sekayu, yang berisi tahapan-tahapan :

Gambar 1. Prinsip Perancangan UCD

2.4. Metode Pengumpulan Data

Dalam pengumpulan data untuk
penelitian user centered design penggunaan
website SMP Negeri 1 Sekayu, digunakan
beberapa cara, yaitu:
1. Metode Observasi

Jurnal Ilmiah Betrik, Vol.09, No. 02, Agustus 2018

86
 Yogi Isro’ Mukti

Memahami dan Menentukan

4. Solusi Perancangan
konteks Pengguna Website
SMP Negeri 1 Sekayu

Setelah dilakukan identifikasi, maka tahap

Menentukan Kebutuhan
selanjutnya adalah membuat perancangan
Pengguna

aplikasi yang sesuai dengan hasil analisis

kuisioner wawancara sebelumnya, dengan membuat flowcart alur
sistem yang akan di implementasikan.
Analisis Identifikasi
Kebutuhan 5. Evaluasi Perancangan
Setelah dilakukan perancangan, tahap
Solusi perancangan
selanjutnya adalah melakukan evaluasi
rancangan dari awal sampai akhir, apakah
Evaluasi Perancangan
sudah sesuai dengan yang dibutuhkan

Website SMP Negeri 1

Sekayu

3. HASILDAN PEMBAHSAN
3.1. Menentukan Konteks Pengguna
Gambar 2. Kerangka Pemikiran
Setelah di lakukan analisis, dalam
1. Memahami dan Menentukan Konteks
menentukan konteks pengguna yang
Pengguna
berhubungan langsung dengan pengguna
Pengguna pada aplikasi website SMP Negeri
sesungguhnya a, dalam hal ini adalah
1 Sekayu adalah bersifat umum dan hanya
wawancara yang dapat ditarik kesimpulan
dapat digunakan oleh lingkungan SMP
bahwa saat ini SMP Negeri 1 Sekayu
Negeri 1 Sekayu.
membutuhkan sebuah website yang bisa
2. Menentukan Kebutuhan Pengguna
digunakan sebagai sarana penunjang kegiatan
Pada umumnya website digunakan untuk
sekolah, yang menyesuaikan dengan
berbagi informasi, namun saat ini website
kebutuhan pengguna dalam hal ini adalah para
hanya menampilkan fitur yang
siswa dan guru. dan dari hasil kuesioner di
memungkinkan pengguna berbagi informasi
dapatkan data sebagai berikut :
hanya dalam format teks saja. Di awal
1. Para pengguna website tidak ada
penelitian akan digunakan metode UCD
kesulitan dalam mengakses website SMP
untuk mengumpulkan data yang berkaitan
Negeri 1 Sekayu (80%) menganggap
dengan pengguna website.
mudah, (6%) menganggap susah dan
3. Analisis Identifikasi Kebutuhan
(2%) tidak bisa.
Setelah menentukan kebutuhan pengguna,
2. Website SMP Negeri 1 Sekayu, cukup
kemudian dianalisis yang menyesuaikan
mudah untuk dimengerti karena (>60%)
dengan kebutuhan, hal apa saja yang perlu
pengguna hanya membutuhkan waktu
dipersiapkan untuk menyelaraskan
kurang dari 7 hari untuk mengerti cara
kebutuhan pengguna, agar memudahkan
kerja SMP Negeri 1 Sekayu.
dalam proses perancangan.

Jurnal Ilmiah Betrik Vol.09, No.02 Agustus 2018

87

3. Dilihat dari hasil kunjungan hampir
semua pengguna mengakses Website
SMP Negeri 1 Sekayu (50%) menjawab
tiap hari, (30%) menjawab sekali dalam
seminggu, (20%) menjawab sekali dalam
sebulan dan (0%) menjawab tidak pernah
mengunjungi.
4. Untuk hasil dari fungsi menu atas
pengguna menjawab (50%) sangat baik,
(30%) menjawab baik, (20%) menjawab
cukup baik dan (0%) pengguna
menjawab kurang baik.
5. Untuk hasil menu pencarian yang
diletakan di atas pengguna menjawab
(80%) sangat baik, (14%) menjawab
baik, (6%) menjawab cukup baik dan
(0%) menjawab kurang baik.
6. Untuk hasil tampilan slide swhow para
pengguna menjawab (80%) sangat baik,
(8%) menjawab baik, (6%) menjawab
cukup baik dan (6%) menjawab kurang
baik.
7. Untuk hasil tampilan sendiri (60%)
menjawab sangat pas, (28%) menjawab
pas, (6%) menjawab kurang pas dan (6)
menjawab tidak pas.
8. Untuk hasil fungsi login, (70%)
menjawab sangat baik, (20%) menjawab
cukup baik, (8%) menjawab kuran, dan
(2%) menjawab tidak baik.
9. Untuk hasil desain tampilan, (70%)
menjawab sangat menarik, (20%)
menjawab cukup, (1%) menjawab tidak
menarik.
10. Untuk hasil tingkat kepusasan pengguna
terhadap website SMP Negeri 1 Sekayu,
(60%) menjawab sangat pas, (28%)
Jurnal Ilmiah Betrik, Vol.09, No. 02, Agustus 2018
Yogi Isro’ Mukti
menjawab pas, (6%) menjawab kurang
pas, dan (6%) menjawab tidak pas.
3.2. Analisis Identifikasi Kebutuhan
Dari hasil wawancara terhadap Kepala
SMP Negeri 1 Sekayu dan desain gambar
terhadap website SMP Negeri 1 Sekayu yang
dilakukan oleh siswa serta dilakukan
kuesioner maka dapat dianalisis kebutuhan
pengguna. Secara umum berikut hasil
analisis kebutuhan pengguna website SMP
Negeri 1 Sekayu.
1. Adanya sebuah permintaan dari para
pengguna akan fasilitas chat, yang
bisa digunakan untuk berkomunikasi
ke sesama pengguna.
2. Adanya sebuah forum komunikasi,
untuk tempat berdiskusi antar siswa
dan guru serta para orang tua,
sehingga tidak terikat oleh waktu.
3. Pengguna juga menyarankan agar
terdapat fasilitas elearning.
3.3. Solusi Perancangan
1. Task Modelling
Pada aktivitas ini akan menggunakan task
design, yang menggambarkan komunikasi
antar fitur-fitur yang ditambahkan dengan
website dan pengguna. Untuk task ini
hanya akan menggambarkan fitur-fitur
yang ditambahkan saja, berikut gambaran
task design penambahan fitur pada website
SMP Negeri 1 Sekayu yang akan
ditambahkan
a. Fitur Chat
88