RANCANGAN ARSITEKTUR INFORMASI BERBASIS WEBSITE:

KLINIK PRATAMA UJUNGBERUNG

Disusun untuk memenuhi penilaian tugas akhir semester mata kuliah
Arsitektur Informasi yang diampu

Dosen Pengampu:
Nuning Kurniasih, S.Sos., M.Hum
Kusnandar, S.Sos., M.Si
Dr. H. Edwin Rizal, M.Si

Disusun Oleh
Nadiah Nurulauni
210210200072

Kelas A

PROGRAM STUDI PERPUSTAKAAN DAN SAINS INFORMASI

FAKULTAS ILMU KOMUNIKASI
UNIVERSITAS PADJADJARAN
2022
 KATA PENGANTAR

Puji dan syukur kehadirat Allah SWT yang telah memberikan nikmat dan karunia-Nya
sehingga saya dapat menyelesaikan laporan yang berjudul ‘RANCANGAN ARSITEKTUR
INFORMASI PADA WEBSITE: KLINIK PRATAMA UJUNGBERUNG dengan baik.

Dalam penyusunan laporan ini, tentunya tak lepas dari bantuan pihak-pihak yang telah
membimbing dan mengarahkan saya baik dalam kegiatan pembelajaran hingga penyusunan
laporan ini sehingga dapat diselesaikan tepat waktu, saya ucapkan terima kasih sebesar-
besarnya kepada:
1. Ibu Nuning Kurniasih, S.Sos., M.Hum
2. Bapak Kusnandar, S.Sos., M.Si
3. Bapak Dr. H. Edwin Rizal, M.Si

Pada Laporan dibahas mengenai rancangan arsitektur informasi pada website yang
penulis rancang dan susun untuk website sebuah klinik pratama yang ada di Bandung, yakni
Klinik Pratama Ujungberung. Di dalamnya dijelaskan dan digambarkan mengenai tujuan
perancangan, dan rancangan arsitektur informasi meliputi pengelompokan informasi dan
fungsional berdasarkan pengguna, sistem pelabelan dan navigasi, blueprints, serta wireframes
website.

Adapun tujuan dari penulisan laporan ini adalah sebagai pemenuhan tugas akhir pada
mata kuliah Arsitektur Informasi yang diampu. Selain itu, dengan adanya laporan praktikum
ini, diharapkan dapat menambah wawasan dan pengetahuan pembaca baik mengenai
bagaimana rancangan arsitektur informasi, serta dapat menjadi inspirasi ketika hendak
membuat website untuk sebuah klinik, maupun fasilitas kesehatan sejenis.

Saya menyadari laporan ini masih jauh dari kata sempurna, untuk itu kritik dan saran
yang membangun saya butuhkan untuk kesempurnaan laporan.

Jatinangor, Desember 2022

Penyusun

2
 DAFTAR ISI

KATA PENGANTAR ............................................................................................................... 2

DAFTAR ISI .............................................................................................................................. 3

I. PENDAHULUAN .............................................................................................................. 4

II. RANCANGAN ARSITEKTUR INFORMASI .................................................................. 5

2.1 Mission Statement Spesification .................................................................................. 5

2.2 Informasi dan Fungsional Website berdasarkan Pengguna ....................................... 5

2.3 Sistem Pelabelan dan Navigasi ................................................................................... 6

2.4 Blueprints .................................................................................................................... 8

2.4.1 Struktur Umum Website .............................................................................................. 8

2.4.2 Struktur Halaman Utama Website .............................................................................. 8

2.4.3 Struktur Halaman Hasil Pencarian Jadwal Dokter .................................................... 8

2.4.4 Struktur Halaman Hasil Pencarian Jadwal Dokter .................................................... 9

2.4.5 Struktur Halaman Hasil Pencarian Berita dan Artikel ............................................... 9

2.5 Wireframes .................................................................................................................. 9

Struktur Umum Website ........................................................................................................10

Struktur Halam Utama (dashboard)......................................................................................11

Struktur Halam Halaman Pencarian Jadwal Dokter ............................................................12

Struktur Halam Halaman Pencarian Berita dan Artikel .......................................................13

Wireframes ...........................................................................................................................14

III. PENUTUP......................................................................................................................15

DAFTAR PUSTAKA .............................................................................................................. .16

3
I. PENDAHULUAN

Penggunaan website atau situs web pada suatu lembaga maupun institusi, saat ini
semakin banyak dilakukan. Website merupakan sebutan bagi sekelompok halaman web (web
page) dan merupakan bagian dari suatu domain atau subdomain di World Wide Web (WWW)
(Harminingtyas, 2014). Dengan adanya website, suatu lembaga dan institusi diantaranya dapat
membagikan informasi mengenai profil lembaga dan institusi terkait, aktivitas-aktivitas yang
dijalankan untuk masyarakat umum.

Dalam merancang sebuah website, perancang website penting memperhatikan

pedoman-pedoman atau kaidah yang baik dalam merancang website, agar kemudian website
yang dihasilkan sesuai dengan tujuan—utamanya ialah agar informasi yang akan dimuat dalam
website dapat tersampaikan dengan baik, serta mudah untuk dioperasikan. Bidang keilmuan
yang digunakan dalam merancang website ialah arsitektur informasi.

Menurut Morville & Rosenfeld (2006), arsitektur informasi meliputi 1) desain

struktural, 2) kombinasi dari sistem organisasi, pelabelan, pencarian, dan sistem navigasi, 3)
Seni dan ilmu dalam membuat produk informasi serta pengalaman untuk mendukung kegunaan
dan kemudahan, 4) Disiplin dan komunitas praktik baru yang berfokus pada prinsip-prinsip
desain dan arsitektur ke lanskap digital.

Pada laporan ini, penulis hendak merancang website untuk sebuah klinik di Badnung,
yakni Klinik Pratama Ujungberung. Sebagai salah satu penyedia fasilitas kesehatan
masyarakat, selain perlu untuk berfokus pada penyelenggaraan pelayanan medis, sebuah klinik
pratama juga penting menyediakan sistem administrasi dan layanan informasi yang baik
kepada masyarakat. Penulis mengamati, Klinik Pratama Ujungberung belum memiliki sistem
administrasi dan pelayanan informasi yang baik. Hal ini terlihat pada ketika masyarakat hendak
berobat ke klinik, mereka perlu mengantre lebih pagi untuk mendapatkan nomor antrean, perlu
menunggu lama untuk dipanggil, serta informasi seputar klinik yang belum menyebar secara
luas.

Penulis hendak merancang website yang peruntukkan utamanya adalah sebagai alat
untuk pasien maupun calon pasien mendaftar secara online, sehingga tak perlu menunggu
terlalu lama saat hendak berobat ke klinik. Pengguna website juga dapat mengetahui secara
real-time saat ini di klinik sudah masuk antrean ke berapa. Adapun pada mode admin, website
dapat digunakan untuk mengakses rekam medis pasien, sehingga saat pasien sudah mendaftar
secara online, staf klinik dapat mencari dan mempersiapkan rekam medis dengan lebih cepat.

4
II. RANCANGAN ARSITEKTUR INFORMASI
2.1 Mission Statement Spesification

Tujuan utama perancangan sistem informasi berbasis website untuk Klinik Pratama
Ujungberung adalah untuk memudahkan dalam administrasi dan penyebaran informasi.
Tersedianya website, dapat memudahkan masyarakat mengetahui informasi mengenai jadwal
klinik, jadwal dokter, hingga fasilitas apa saja yang tersedia. Selain itu, dirancangnya sistem
informasi ini, dapat menjadi solusi dari rumitnya administrasi yang selama ini terjadi yang
mana, adanya website ini pendaftaran dapat dilakukan secara online, data-data pasien pun dapat
diakses staf dan tenaga medis di klinik secara online.

Penggunaan website ini, diperuntukkan bagi masyarakat umum, para pasien dan calon
pasien, serta tenaga medis di Klinik Pratama Ujungberung. Dengan rincian sebagai berikut:

1. Non Anggota : Masyarakat umum, calon pasien

2. Anggota : Pasien Klinik Pratama Ujungberung
3. Kontributor : Tenaga medis dan bagian IT
4. Editor : Tenaga medis dan bagian IT
5. Administrator : Bagian IT

2.2 Informasi dan Fungsional Website berdasarkan Pengguna

Informasi dan fungsional website berdasarkan pengguna merupakan pendataan

informasi dan fungsional yang dapat diakses dan dilakukan ketika berinteraksi dengan website
yang kemudian dikelompokkan berdasarkan jenis pengguna. Berikut rincian informasi dan
fungsional berdasarkan website yang penulis rancang untuk website Klinik Pratama
Ujungberung.

Tabel 2. 1 Rancangan Informasi berdasarkan Pengguna

No. Informasi Target Pengguna

1 Daftar jadwal klinik Semua pengguna

2 Daftar jadwal dokter Semua pengguna
3 Daftar hasil pencarian jadwal dokter Semua pengguna
4 Daftar layanan klinik Semua pengguna
5 Daftar fasilitas klinik Semua pengguna
6 Profil klinik Semua pengguna

5
 7 Daftar Berita dan Artikel Semua pengguna
8 Detail Berita dan Artikel Semua pengguna
9 Daftar hasil pencarian Berita dan Artikel Semua pengguna

Pada tabel 2.1 dapat terlihat, informasi yang hendak dimasukkan ke dalam website
meliputi daftar jadwal klinik. jadwal dokter, layanan dan fasilitas, profil klini, berita dan artikel
serta daftar hasil pencarian yang mana informasi tersebut dapat diakses oleh seluruh pengguna
website.

Tabel 2. 2 Rancangan Fungsional berdasarkan Pengguna

No. Fungsional Target Pengguna

1 Melakukan sign up (pendaftaran pasien baru) Non anggota

Melakukan sign in (masuk akun untuk pasien
2 Anggota
lama)
3 Melakukan janji temu dengan dokter Anggota
4 Mengelola jadwal dokter Administrator/editor/kontributor
5 Mengelola Berita dan Artikel Administrator/editor/kontributor
6 Mengelola tampilan website Administrator
7 Mengelola berkas medis pasien Administrator/editor
8 Melakukan pencarian dokter Semua pengguna
9 Mencari informasi Berita dan Artikel Semua pengguna

Pada tabel 2.2, penulis memasukkan aktivitas-aktivitas yang dapat dilakukan pengguna
ketika membuka website. Aktivitas-aktivitas tersebut terbagi dalam 6 kelompok, yakni 1)
aktivitas yang dapat dilakukan oleh non-anggota, 2) aktivitas yang dapat dilakukan oleh
anggota, 3) aktivitas yang dapat dilakukan oleh semua pengguna, 4) aktivitas yang dapat
dilakukan hanya oleh administrator, 5) aktivitas yang dapat dilakukan oleh administrator dan
editor, 6) aktivitas yang dapat dilakukan oleh administrator, editor dan kontributor.

2.3 Sistem Pelabelan dan Navigasi

Menurut Morville & Rosenfeld (2006), pelabelan merupakan bentuk upaya representasi
dari sebuah konsep, dalam hal ini ialah label yang mewakili sebuah informasi yang lebih besar.
Dalam membuat label yang efektif, penting memperhatikan sinonim dan homonim yang sesuai
dengan konteks informasi.

6
 Adapun navigasi merupakan alat yang digunakan untuk memudahkan pengguna
memetakan arah penggunaan website dan membantu kembali ke posisi awal (halaman utama).
Navigasi membantu pengguna agar tidak ‘tersesat’ saat melakukan penjelajahan di website.
Berikut rancangan sistem pelabelan dan navigasi yang telah penulis rancang.

Tabel 2. 3 Rancangan Sistem Pelabelan dan Navigasi

Label pada
Label pada Tipe
No. Uraian Informasi/Fungsi judul halaman
Navigasi Navigasi
website
1 Daftar informasi mengenai jadwal
Jadwal Klinik Jadwal Klinik Global
klinik
2 Daftar informasi mengenai jadwal
Jadwal Dokter Jadwal Dokter Global
dokter
3 Daftar hasil pencarian mengenai
Hasil Pencarian - -
jadwal dokter
4 Daftar informasi mengenai
Layanan Layanan Global
layanan di klinik
5 Daftar informasi mengenai
Fasilitas Fasilitas Global
fasilitas klinik
6 Detail informasi mengenai profil
Tentang kami Tentang Kami Global
klinik
7 Daftar artikel yang memuat Berita dan Berita dan
Global
kegiatan-kegiatan seputar klinik Artikel Artikel
8 Daftar hasil pencarian Berita dan
Hasil Pencarian - -
Artikel
Sesuai judul Sesuai judul
9 Detail Berita dan Artikel Berita dan Berita dan Konstektual
Artikel Artikel
10 Melakukan janji temu dengan Pendaftaran
Daftar Online Global
dokter Online
11 Melakukan pendaftaran untuk Daftar Pasien Daftar Pasien
Konstektual
pasien baru Baru Baru
12 Masuk ke akun pasien Pasien Lama Masuk Akun Konstektual
13 Melakukan pencarian dokter Telusuri Dokter Telusuri Dokter Global
Telusuri Berita
14 Mencari informasi Berita dan Telusuri Berita
dan Artikel Konstektual
Artikel dan Artikel
disini
Kelola Jadwal
15 Mengelola Jadwal Dokter Dokter (website Jadwal Dokter Global
mode admin)

7
 16 Kelola Berita Berita dan
Mengelola Berita dan Artikel Global
dan Artikel Artikel
17 Kelola Rekam
Mengelola rekam medis pasien Rekam Medis Global
Medis

2.4 Blueprints

Setelah dilakukan pengelompokan informasi dan fungsional berdasarkan pengguna

serta mendefinisikan pelabelan dan navigasi, langkah selanjutnya dalam merancang arsitektur
informasi pada website adalah dengan membuat blueprints atau peta situs, yang mana
merupakan rancangan yang dapat menunjukkan hubungan antara halaman dengan halaman
lainnya. Blueprints dapat berguna untuk memudahkan dalam pengembangan situs nantinya
(Morville & Rosenfeld, 2006).

2.4.1 Struktur Umum Website

Secara umum, struktur website yang akan dikembangkan pada website klinik
Ujungberung akan terdiri dari halaman utama (dashboard) dengan sub-sub halaman. Sub-
sub halaman tersebut terdiri dari, jadwal klinik, jadwal dokter, daftar hasil pencarian jadwal
dokter, detail informasi dokter, fasilitas, tentang kami (profil klinik). Berita dan artikel, hasil
pencarian berita dan artikel, detail berita dan artikel, daftar online, serta masuk akun dan
daftar pasien baru.

2.4.2 Struktur Halaman Utama Website

Pada halaman utama website, selain terdapat menu-menu yang dapat di klik untuk
menuju halaman berikutnya, akan ditampilkan pula 1) banner yang menjadi semacam info
grafis yang berkaitan dengan klinik, 2) Informasi mengenai keunggulan klinik, 3) gambar
yang berkaitan dengan fasilitas yang ada di klinik, 4) 3 berita ter-update, serta 5) bagian
footer yang memuat alamat, kontak yang dapat dihubungi dan titik lokasi yang dapat
pengguna lihat untuk mengetahui lokasi klinik.

2.4.3 Struktur Halaman Hasil Pencarian Jadwal Dokter

Pada halaman utama website, selain terdapat menu-menu yang dapat di klik untuk
menuju halaman berikutnya, akan ditampilkan pula 1) banner yang menjadi semacam info
grafis yang berkaitan dengan klinik, 2) Informasi mengenai keunggulan klinik, 3) gambar
yang berkaitan dengan fasilitas yang ada di klinik, 4) tiga berita ter-update, serta 5) bagian

8
 footer yang memuat alamat, kontak yang dapat dihubungi, dan titik lokasi klinik yang
terhubung dengan Maps.

2.4.4 Struktur Halaman Hasil Pencarian Jadwal Dokter

Pada halaman hasil pencarian jadwal dokter, hasil pencarian dapat dispesifikasikan
berdasarkan nama dokter, spesialisasi, ataupun berdasarkan jadwal hariannya.

2.4.5 Struktur Halaman Hasil Pencarian Berita dan Artikel

Pada halaman hasil pencarian berita dan artikel, hasil pencarian dapat
dispesifikasikan berdasarkan tanggal berita diunggah ataupun berdasarkan popularitasnya.

2.5 Wireframes

Setelah membuat peta situs (blueprints), langkah terakhir dalam merancang arsitektur
informasi website ialah membuat wireframes. Menurut Morville & Rosenfeld (2006), berbeda
dengan blueprints yang menentukan bagaimana konten harus dinavigasi, wireframes
menggambarkan bagaimana konten dan arsitektur informasi akan ditampilkan dalam halaman
website.

9
10
11
12
13
 KLINIK PRATAMA 
 f
Da tar Online

UJUNGBERUNG

Jadwal Klinik Jadwal Dokter Layanan Fasilitas Tentang Kami Berita dan Artikel

BANNER

Dokter Umum
 Dokter Umum
 Dokter Umum
 Dokter Gigi


dr. Supratman dr. Ani Rohaeni dr. Rahmi Adelina dr. Nia Lestari

DAFTAR ONLINE SEKARANG


Lakukan pendaftaran online yang mempermudah dalam melakukan janji temu dengan dokter.

f
Da tar Online Konsultasi

SELAMAT DATANG 


DI KLINIK PRATAMA UJUNGBERUNG

Keunggulan 1

keterangan

Keunggulan 2

keterangan

3

Gambar
Keunggulan

keterangan

Keunggulan 4

keterangan

FASILITAS
BERITA & ARTIKEL

Judul artikel pertama

Judul artikel kedua

Judul artikel ketiga

Selengkapnya

KLINIK PRATAMA UJUNGBERUNG Jam Buk a


- u

Senin Sabt

P : -1 0

Melayani sepenuh hati

agi 09.00 3.0

Jl. Rumah Sakit No. 5 Sukamulya

: 1 -1 0

Sore 6.330 9.3

n

Kec. Cinambo, Kota Bandung, 


Layana
Jawa Barat 45474


Layanan Umum


P S

Telp. (022) 783 22 77


Layanan B J
WhatsApp 087886980247

© j
Klinik Pratama U ungberung. All Rights reser e v d

P ublished14by M edica
III. PENUTUP

Dalam merancang website Klinik Pratama Ujungberung, langkah pertama yang perlu
dilakukan adalah dengan membuat statement mengenai tujuan utama pembuatan website,
mengapa penting untuk merancangnya dan penggunaannya diperuntukkan untuk siapa.
Kemudian mengelompokkan informasi dan fungsional pada website berdasarkan pengguna.
Selanjutnya merancang sistem pelabelan dan navigasi kemudian merancang blueprints dan
terakhir merancang wireframes. Setelah semua dirancang, pembuatan website dapat diteruskan
pada pembuat dan pengembang website, yakni web developer.

Rancangan website ini, diharapkan bermanfaat dan dapat diimplementasikan secara

nyata, guna meningkatkan pelayanan yang prima kepada masyarakat dari sebuah klinik
pratama.

15
 DAFTAR PUSTAKA

Harminingtyas, R. (2014). Analisis Layanan Website Sebagai Media Promosi, Media Transaksi
Dan Media Informasi Dan Pengaruhnya Terhadap Brand Image Perusahaan Pada Hotel
Ciputra Di Kota Semarang. Jurnal STIE Semarang, 42(03), 41–50.

Morville, P., & Rosenfeld, L. (2006). Information architecture for the world wide web. In IEEE
Transactions on Professional Communication (3rd ed., Vol. 43, Issue 1). O’Reilly Media.
https://doi.org/10.1109/tpc.2000.826425

16