implementasi digitalisasi hasil karya dalam bentuk online

9
Prosiding Seminar Nasional Pengabdian Kepada Masyarakat 2017 vol. 2 no. 1 ISSN. 2541-3805 B - 1 Implementasi Digitalisasi Hasil Karya dalam Bentuk Online Blog (Studi Kasus MyRuminations.me) Teddy Marcus Zakaria #1 , Andreas Wibisana Tonadi *2 # Program Studi S1 Teknik Informatika , Universitas Kristen Maranatha Jl. Suria Sumantri 65 Bandung 1 [email protected] 2 [email protected] Abstract In his retirement as an anatomy lecturer at Faculty of Medicine - Maranatha Christian University, dr. Daniel S. Wibowo, want to share his writings, reflections, or theologies. All of his writings in book, ebook, want to be shared with many people through online blog. MyRuminations.me online blog is a digitizing form and implementaion his writings. Thera are hundreds of articles on the Anatomy of the Human Body and a dozen non-Anatomy articles. Through MyRuminations.me which can be accessed anywhere, anytime and anyone, hopefully the readers get inspiration and knowledge. Keywords: Anatomy, non-Anatomy, MyRuminations.me, Writings. I. PENDAHULUAN Sebuah peribahasa mengatakan “Gajah mati meninggalkan gading, harimau mati meninggalkan belang, manusia mati meninggalkan nama”, yang artinya seorang manusia terutama diingat jasa-jasanya atau kesalahan- kesalahannya. Perbuatannya ini, baik maupun buruk akan tetap dikenal maupun dikenang meskipun seseorang sudah tiada lagi. Inilah idaman kebanyakan orang, agar namanya dikenang dan dapat memberikan dampak positif kepada lingkungannya, begitu pun dengan seorang tokoh di Maranatha, yaitu dr. Daniel S. Wibowo. Di masa pensiunnya sebagai dosen Anatomi, Fakultas Kedokteran Universitas Kristen Maranatha, dr. Daniel S. Wibowo, ingin membagikan hasil karyanya berupa tulisan, perenungan/pemikiran, baik ilmu anatomi yang pernah beliau sampaikan dalam pengajaran kepada mahasiswanya , maupun hal-hal menyangkut kerohanian yang pernah beliau alami saat merenungkan kebenaran Firman Tuhan (Alkitab). Semua tulisannya, ingin dibagikan kepada banyak orang, sehingga diharapkan dapat memberikan inspirasi dan pengetahuan. Identifikasi masalah yaitu bagaimana mendigitalisasi tulisan dalam bentuk blog online dan bagaimana mengatur optimasi pencarian pada mesin pencari google. Tinjauan pustaka berupa artikel/ebook tulisan Daniel S. Wibowo, jurnal, dan buku teknis pemanfaatan blog dan SEO (Search Engine Optimized). Tujuan abdimas ini adalah membuat sebuah blog myRuminations.me sebagai bentuk digitalisasi hasil karya Daniel S. Wibowo dan hasil optimasi pencarian artikel pada mesin Google. Manfaat dari abdimas ini yaitu terbentuknya sebuah web MyRuminations.me yang dapat diakses dimanapun, kapanpun dan siapapun, sehingga para pembacanya diharapkan mendapat inspirasi dan pengetahuan. Sumber data primer diperoleh dari hasil karya tulis yang diberikan oleh Daniel S. Wibowo. II. TINJAUAN PUSTAKA Tinjauan pustaka merupakan referensi yang digunakan dalam tulisan abdimas ini. A. Karya Tulis Daniel S. Wibowo Daniel S. Wibowo adalah seorang penulis, hasil karya tulisannya selama ini disajikan melalui buku. Buku tersebut diantaranya adalah tentang anatomi tubuh manusia dan rohani, seperti Gambar 1. Buku Anatomi Tubuh Manusia [1], [2], untuk memenuhi kebutuhan ajar anatomi bagi mahasiswa kedokteran, terdiri dari materi-materi yang diperlukan, untuk memahami penyakit yang sering terjadi pada bagian-bagian tubuh manusia, dilihat dari sudut pandang anatomi. Gambar 1 Buku Anatomi Tubuh Manusia (Kiri :Daniel Wibowo, 2005. Kanan: Daniel Wibowo,Wijaya Paryana, 2007) Karya lainnya yaitu tulisan tentang rohani. Tulisan berisi perenungan, penafsiran dan pengalaman hidup yang bersumber kepada Alkitab. Harapannya, setiap tulisan dapat

Upload: others

Post on 14-Mar-2022

11 views

Category:

Documents


0 download

TRANSCRIPT

Prosiding Seminar Nasional Pengabdian Kepada Masyarakat 2017 vol. 2 no. 1 ISSN. 2541-3805

B - 1

Implementasi Digitalisasi Hasil Karya dalam

Bentuk Online Blog (Studi Kasus

MyRuminations.me)

Teddy Marcus Zakaria#1, Andreas Wibisana Tonadi *2

#Program Studi S1 Teknik Informatika , Universitas Kristen Maranatha

Jl. Suria Sumantri 65 Bandung [email protected]

[email protected]

Abstract — In his retirement as an anatomy lecturer at Faculty

of Medicine - Maranatha Christian University, dr. Daniel S.

Wibowo, want to share his writings, reflections, or theologies.

All of his writings in book, ebook, want to be shared with many

people through online blog. MyRuminations.me online blog is a

digitizing form and implementaion his writings. Thera are

hundreds of articles on the Anatomy of the Human Body and a

dozen non-Anatomy articles. Through MyRuminations.me

which can be accessed anywhere, anytime and anyone,

hopefully the readers get inspiration and knowledge.

Keywords: Anatomy, non-Anatomy, MyRuminations.me,

Writings.

I. PENDAHULUAN

Sebuah peribahasa mengatakan “Gajah mati

meninggalkan gading, harimau mati meninggalkan belang,

manusia mati meninggalkan nama”, yang artinya seorang

manusia terutama diingat jasa-jasanya atau kesalahan-

kesalahannya. Perbuatannya ini, baik maupun buruk akan

tetap dikenal maupun dikenang meskipun seseorang sudah

tiada lagi. Inilah idaman kebanyakan orang, agar namanya

dikenang dan dapat memberikan dampak positif kepada

lingkungannya, begitu pun dengan seorang tokoh di

Maranatha, yaitu dr. Daniel S. Wibowo.

Di masa pensiunnya sebagai dosen Anatomi, Fakultas

Kedokteran Universitas Kristen Maranatha, dr. Daniel S.

Wibowo, ingin membagikan hasil karyanya berupa tulisan,

perenungan/pemikiran, baik ilmu anatomi yang pernah

beliau sampaikan dalam pengajaran kepada mahasiswanya ,

maupun hal-hal menyangkut kerohanian yang pernah beliau

alami saat merenungkan kebenaran Firman Tuhan (Alkitab).

Semua tulisannya, ingin dibagikan kepada banyak orang,

sehingga diharapkan dapat memberikan inspirasi dan

pengetahuan.

Identifikasi masalah yaitu bagaimana mendigitalisasi

tulisan dalam bentuk blog online dan bagaimana mengatur

optimasi pencarian pada mesin pencari google. Tinjauan

pustaka berupa artikel/ebook tulisan Daniel S. Wibowo,

jurnal, dan buku teknis pemanfaatan blog dan SEO (Search

Engine Optimized). Tujuan abdimas ini adalah membuat

sebuah blog myRuminations.me sebagai bentuk digitalisasi

hasil karya Daniel S. Wibowo dan hasil optimasi pencarian

artikel pada mesin Google. Manfaat dari abdimas ini yaitu

terbentuknya sebuah web MyRuminations.me yang dapat

diakses dimanapun, kapanpun dan siapapun, sehingga para

pembacanya diharapkan mendapat inspirasi dan

pengetahuan. Sumber data primer diperoleh dari hasil karya

tulis yang diberikan oleh Daniel S. Wibowo.

II. TINJAUAN PUSTAKA

Tinjauan pustaka merupakan referensi yang digunakan

dalam tulisan abdimas ini.

A. Karya Tulis Daniel S. Wibowo

Daniel S. Wibowo adalah seorang penulis, hasil karya

tulisannya selama ini disajikan melalui buku. Buku tersebut

diantaranya adalah tentang anatomi tubuh manusia dan

rohani, seperti Gambar 1. Buku Anatomi Tubuh Manusia

[1], [2], untuk memenuhi kebutuhan ajar anatomi bagi

mahasiswa kedokteran, terdiri dari materi-materi yang

diperlukan, untuk memahami penyakit yang sering terjadi

pada bagian-bagian tubuh manusia, dilihat dari sudut

pandang anatomi.

Gambar 1 Buku Anatomi Tubuh Manusia (Kiri :Daniel Wibowo, 2005.

Kanan: Daniel Wibowo,Wijaya Paryana, 2007)

Karya lainnya yaitu tulisan tentang rohani. Tulisan berisi

perenungan, penafsiran dan pengalaman hidup yang

bersumber kepada Alkitab. Harapannya, setiap tulisan dapat

Prosiding Seminar Nasional Pengabdian Kepada Masyarakat 2017 vol. 2 no. 1 ISSN. 2541-3805

B - 2

menginspirasi, dan memberi pengetahuan baru bagi setiap

pembaca .

Digitalisasi hasil karya tulis (buku) merupakan

pengalihan media bentuk cetak menjadi bentuk digital.

Supaya hasil karya dapat diakses secara mudah dan bebas,

maka dipilih media internet dalam bentuk online blog

(website) sebagai sarana untuk mendistribusikannya.

B. Responsive Web Design (RWD)

Ukuran layar smartphone berbeda dengan layar monitor

komputer maupun laptop, sehingga saat halaman web

dibuka, seringkali tampilannya menjadi tidak rapi lagi. Oleh

karena itu dibutuhkan Responsive Web Design (RWD) yang

dapat membantu tampilan halaman website menyesuaikan

secara otomatis dengan ukuran perangkat yang digunakan.

RWD pertama kali diciptakan oleh Ethan Marcotte pada

tahun 2010. Cara kerja dari RWD dapat merespon perilaku

dan lingkungan pengguna seperti ukuran layar, resolusi ,

platform atau orientasi terhadap website. RWD adalah

sebuah metode pada sistem web yang bertujuan untuk [3]:

1. Menyesuaikan tata letak website agar sesuai dengan

ukuran layar sebuah perangkat.

2. Mengubah ukuran gambar agar sesuai dengan

resolusi layar.

3. Menyederhanakan elemen-elemen halaman untuk

penggunaan perangkat mobile.

4. Menghilangkan elemen-elemen halaman yang tidak

dapat dilihat pada ukuran layar yang lebih kecil

5. Memberikan tautan atau tombol yang lebih besar

pada pengguna smartphone agar finger-friendly.

6. Untuk mendeteksi dan merespon fitur mobile seperti

geo-location dan orientasi perangkat.

C. Content Management System - Wordpress

WordPress adalah sebuah aplikasi open source yang

sangat populer sebagai mesin blog. WordPress juga mulai

digunakan sebagai sebuah Content Management System

(CMS) karena kemampuannya untuk penyesuaian

kebutuhan pengguna. CMS adalah sebuah perangkat lunak

yang digunakan untuk memanipulasi atau menambahkan isi

dari suatu website. WordPress menyediakan dua situs yang

berbeda, yaitu WordPress.org dan WordPress.com, seperti

pada Gambar 2 [4], [5], [6].

Gambar 2 WordPress (www.chillreptile.com, 2017)

Situs WordPress.org dan WordPress.com memiliki fungsi

yang sama yaitu sebagai sistem manajemen konten, hanya

saja WordPress.org lebih menguntungkan, misalnya di

WordPress.com tidak bisa menambah tema baru , melainkan

hanya bisa menggunakan tema dari yang disediakan oleh

WordPress, berbeda dengan WordPress.org bisa menambah

tema baru [4], [5].

WordPress pertama kali dirancang hanya untuk sebagai

platform blogging, tetapi tidak lama kemudian WordPress

mengubah dirinya menjadi sebuah sistem manajemen

konten yang serbaguna. Salah satu keuntungan WordPress

yaitu memiliki jumlah plugin yang banyak yang dirilis oleh

pengembang independen [7], [8]. WordPress

memungkinkan pengguna untuk membuat banyak jenis

website, seperti membuat blog yang berisi artikel, gambar,

website penjualan, video-video, dan masih banyak lagi [7].

Selain WordPress sebenarnya masih ada lagi sistem

manajemen konten lainnya seperti Joomla, Drupal, Liferay

dan masih banyak lainnya. Menurut International Journal of

Computer Applications (0975-8887) perbandingan antara

banyak CMS yang ada, Joomla merupakan salah satu CMS

yang mendapat rekomendasi dari jurnal tersebut [7], [9].

Bicara soal perbandingan tentunya setiap CMS yang ada,

memiliki kelebihan dan kekurangannya masing-masing.

Penulis lebih memilih WordPress dikarenakan WordPress

meskipun banyak kekurangan tetapi dengan kekurangan

tersebut dapat diatasi dengan memasang plugin-plugin.

Gambar 3 Plugin pada Wordpress

Plugin adalah sebuah program tambahan yang

diintegrasikan dengan WordPress untuk memberikan fungsi-

fungsi lain yang belum tersedia pada instalasi standar. Bisa

disebut juga sebuah atau seperangkat program aplikasi

tambahan yang berisi fungsi script dalam bahasa PHP yang

memberikan fitur-fitur layanan yang spesifik untuk

meningkatkan fungsi dalam penggunaan blog WordPress

[10], [11]. Contoh plugin dapat dilihat pada Gambar 3. Salah satu plugin yang digunakan penulis yaitu

Download Monitor. Plugin ini berfungsi untuk

mengunggah dan mengelola file yang dapat diunduh, serta

memasukkan link unduh pada sebuah posting. Pada plugin

ini pengguna bisa mengelompokkan file-file dalam sebuah

kategori sehingga mempermudah pengunjung website dalam

mencari file yang ingin diunduh. Simbol Download

Monitor seperti ditunjukkan pada Gambar 4. Plugin ini

juga memiliki logs sehingga pengguna dapat melihat siapa

Prosiding Seminar Nasional Pengabdian Kepada Masyarakat 2017 vol. 2 no. 1 ISSN. 2541-3805

B - 3

yang sudah mengunduh file dan juga pengguna dapat

melihat berapa banyak orang yang sudah mengunduh file.

Gambar 4 Download Monitor

Sahifa adalah salah satu plugin untuk mengelola tema,

yang digunakan dalam website MyRuminations.me. Tema

Sahifa memiliki desain halaman seperti majalah, berita dan

blog dengan kemampuan yang responsif dan user friendly

dalam hal interaksi antara pengguna dengan website [12].

Sahifa didesain dengan mobile capability dan fitur HTML5,

seperti pada Gambar 5 .

Gambar 5 Sahifa Theme (themes.tielabs.com/sahifa/, 2017)

Sahifa memiliki banyak sekali pilihan dan fitur, termasuk

30 kustom widget, 70 lebih shortcodes, 8 template halaman,

500 lebih font google web, sidebar dan warna yang tidak

terbatas serta masih banyak lagi lainnya. Sahifa

memiliki tampilan yang unik, sehingga dapat menarik

perhatian pengunjung blog yang menggunakan temanya.

Banyak pengguna tema Sahifa menilai kemampuan dari

kegunaan tema ini, terutama pada fitur-fitur yang sudah

tersedia itu mudah untuk digunakan, dari segi desainnya

yang menarik dan rata-rata review dari pengguna tema

Sahifa itu memberikan komentar yang baik dan menyukai

tema Sahifa ini.

D. Aplikasi Desain Online – Canva

Canva dikembangkan pada tahun 2007 oleh seorang

mahasiswi dari University of Western Australia bernama

Melanie Perkins. Melanie mengajarkan teman-teman

mahasiswanya bagaimana cara menggunakan aplikasi

seperti InDesign dan Photoshop. Aplikasi-aplikasi ini

sering dianggap sulit untuk digunakan [13]. Setelah itu

Melanie Perkins mendapat ide untuk membuat aplikasi

desain online yang simpel, yaitu Canva dengan simbol

seperti pada Gambar 6.

Gambar 6 Canva (www.canva.com, 2017)

Canva memiliki tim hebat yang terdiri dari desainer,

pengembang, seniman, pemasar, investor, dan penasihat.

Canva adalah aplikasi desain online, dimana canva sangat

membantu orang-orang yang memiliki kesulitan dalam

membuat sketsa awal, karena Canva sudah menyediakan

berjuta-juta clip art secara gratis maupun berbayar.

E. Search Engine Optimized (SEO)

SEO Pages adalah suatu proses yang dilakukan oleh

web developer untuk mengoptimalkan pencarian

halaman-halaman web lewat search engine. Tujuannya

menghasilkan ranking/urutan dalam pencarian tertinggi

saat seseorang mencari suatu keyword atau keyword

phrases. Web developer membutuhkan beberapa

kombinasi codes, content, link, navigation map dan

penggunaan kata kunci yang tepat dalam halaman web

untuk mencapai atau menjaga di urutan teratas dalam

search engine index. Diperlukan perencanaan, ketekunan

dan strategi jangka panjang untuk menjalankan SEO.

III. DESKRIPSI PROYEK ABDIMAS

Proyek Abdimas berupa implementasi digitalisasi hasil

karya dalam bentuk blog, lingkup proyek meliputi :

1. Menentukan dan menyewa nama domain untuk

Online Blog, nama domain yaitu:

MyRuminations.me

2. Menyewa hosting untuk menampung data-data blog.

3. Mempersiapkan CMS-Wordpress, memasang theme

plugin Sahifa dan plugin Download Monitor

4. Membuat Featured Image (untuk gambar pengantar,

ilustrasi artikel

5. Mempublikasikan artikel, sesuai kategori,

menambahkan gambar.

6. Meningkatkan jumlah kunjungan dengan

mengoptimasi pencarian oleh mesin pencari ( Search

Engine Optimized ).

MyRuminations.me adalah sebuah blog yang akan dibuat,

yang berisi tulisan pengarang dalam bahasa Indonesia dan

bahasa Inggris dan ditampilkan dalam bentuk visual dan

interaktif. Tahapan pembuatan blog, dapat dilihat pada

TABEL I.

Prosiding Seminar Nasional Pengabdian Kepada Masyarakat 2017 vol. 2 no. 1 ISSN. 2541-3805

B - 4

TABEL I

TAHAPAN PEMBUATAN BLOG

No Tahapan Rincian Tahapan

1 Analisis dan

Perancangan

sistem

Analisa kebutuhan sistem,

Rancangan proses bisnis, Use

case diagram, Rancangan

Antarmuka

2 Implementasi Implementasi Halaman Utama,

Struktur Menu, Halaman Artikel,

Halaman Download

3 Pengujian Hasil pengujian dengan

menggunakan metode survei.

4 Simpulan Kesimpulan dari

implementasi online blog

MyRuminations.me

Berdasarkan analisis kebutuhan sistem, terdapat 3

kategori utama dari hasil karya Daniel S. Wibowo yaitu :

tulisan mengenai Anatomi Tubuh Manusia, tulisan

mengenai kerohanian dan photo. Oleh karena itu dibuat

sebuah rancangan sistem berupa proses bisnis, diagram

UML (Unified Model Language) dan antar muka sistem.

A. Proses Bisnis Sistem - Blog MyRuminations.me

Pada proses bisnis ini akan dijelaskan alur proses

pembuatan artikel (posting), dan alur proses unduh file

(download).

Proses Bisnis Post, Read and Share : Proses bisnis yang

pertama dari website yaitu menerbitkan artikel, membaca

dan membagikan :

1. Daniel Wibowo menulis hasil karya pada aplikasi

komputer seperti Microsoft Word atau aplikasi

lainnya yang serupa.

2. Daniel Wibowo mengirim hasil karya kepada

pengelola website atau admin website.

3. Admin website melakukan posting artikel dengan

menambahkan Fiture Image (dibuat menggunakan

Canva).

4. Admin melakukan share artikel pada media sosial

terlebih dahulu agar bisa menarik pengunjung untuk

membaca artikel.

5. Orang menemukan dan membuka artikel yang telah

dibagikan oleh admin.

6. Bila orang yang membaca artikel tersebut tertarik

dan ingin membagikan maka mereka dapat

membagikan (share) artikel kepada orang lain.

Proses Bisnis Unduh File dan Baca Secara Offline.:

Proses bisnis yang kedua, mempersiapkan file artikel pada

kotak download, proses download, dan membacanya :

1. Admin menerbitkan downloadable file dengan cara

mengunggah file dan mempublikasikannya.

2. Link download akan secara otomatis masuk ke dalam

kotak download.

3. Pengguna website mencari file yang ingin diunggah

pada daftar unggahan, dan bila ingin

mengunggahnya tinggal memilihnya.

4. File yang telah diunggah, dapat dibuka menggunakan

program Word atau PDF Reader, kapan pun tanpa

perlu akses lewat internet.

B. Use Case Diagram (UML) - Blog MyRuminations.me

Berikut ini adalah Use Case Diagram tentang apa saja

yang dapat dilakukan oleh pengguna owner, admin dan

pengunjung terhadap blog MyRuminations.me.

Gambar 7. Use Case Diagram Blog MyRuminations.me

Pada Gambar 7 terdapat 3 pengguna atau aktor yaitu

owner, admin dan pengunjung website. Untuk owner bisa

melakukan semua hal yaitu login, kelola admin, kelola

artikel (posts), kelola kategori, kelola halaman website,

kelola menu, kelola downloadable file, mengunggah file,

membaca artikel, membagikan (share) artikel, dan logout.

Pengguna admin hampir bisa melakukan seluruh hal,

kecuali kelola admin. Pengunjung website hanya bisa

melakukan 3 hal saja yaitu mengunggah file, membaca

artikel dan membagikan (share) artikel.

C. Rancangan Antarmuka – Blog MyRuminations.me

Pada Gambar 8 Rancangan Antarmuka Halaman Utama merupakan rancangan tampilan awal dari website.

Terdapat kotak pencarian agar pengguna mudah

menemukan sebuah artikel, dan logo website yang sekaligus

juga sebagai tombol home (kembali ke halaman utama

website). Menu terletak di bawah logo website, dan

dibawahnya terdapat breaking news yang berguna untuk

menampilkan judul-judul artikel terbaru. Di bagian kiri

Prosiding Seminar Nasional Pengabdian Kepada Masyarakat 2017 vol. 2 no. 1 ISSN. 2541-3805

B - 5

bawah terdapat kata pengantar dan di bagian kanan terdapat

widget: download, kategori, dan artikel terbaru.

Gambar 8 Rancangan Antarmuka Halaman Utama

Pada Gambar 9 merupakan rancangan antarmuka untuk

halaman website, bentuknya mirip seperti Halaman Utama,

hanya di bagian bawah Breaking News berbeda, yaitu

adanya Featured Image (gambar pengantar sebuah artikel)

dan isi halaman (judul dan konten sebuah artikel)

Gambar 9 Rancangan Antarmuka Halaman Artikel

Pada Gambar 10 merupakan rancangan antarmuka untuk

menampilkan artikel-artikel berdasarkan sebuah kategori.

Halaman ini akan ditampilkan secara otomatis, bila artikel-

artikel tersebut sesuai dengan kategori yang dipilih.

Kategori berfungsi untuk mengelompokkan artikel-artikel

sejenis. Pada halaman ini ditampilkan artikel-artikel yang

sesuai dengan kategori beserta featured image.

Gambar 10 Rancangan Antarmuka Halaman Kategori

Gambar 11 Rancangan Antarmuka Halaman Sebuah Artikel

Pada Gambar 11 merupakan rancangan untuk

menampilkan sebuah artikel (judul dan konten), artikel yang

berelasi/sejenis, tombol untuk berbagi ke medsos dan kotak

isian komentar.

Prosiding Seminar Nasional Pengabdian Kepada Masyarakat 2017 vol. 2 no. 1 ISSN. 2541-3805

B - 6

Rancangan Widget yang berada di bagian kanan bawah

terdiri dari :

1. Widget Download List. Fitur ini merupakan salah

satu fitur penting dalam rancangan website ini karena

dapat membantu pengguna yang ingin membaca

secara offline.

2. Widget Sahifa Slider. Widget ini berfungsi untuk

menampilkan feature image dan judul dari sebuah

artikel yang bisa digeser dan diklik untuk membuka

artikel tersebut.

3. Widget Recent Post. Widget ini berfungsi untuk

menampilkan postingan-postingan artikel terbaru

secara acak.

4. Widget Archieves. Widget ini akan menampilkan

histori semua artikel berdasarkan bulan dan tahun

saat artikel tersebut diposting.

5. Widget Categories. Widget ini menampilkan seluruh

kategori, dan jumlah artikel per kategori.

D. Implementasi - Blog MyRuminations.me

Hasil implementasi dari rancangan website

MyRuminations.me seperti pada Gambar 12.

Gambar 12 Halaman Utama Web (myruminations.me, 2017)

Pada halaman ini terlihat terdapat gambar logo dari

website yang bertuliskan "My Ruminations" dari gambar ini

juga bisa diklik untuk mengakses halaman utama dari

website. Selain itu terdapat juga menu dan breaking news

dan kolom pencarian di atas kanan gambar. Pada kolom

bagian bawah terlihat isi dari halaman utama yaitu isi dari

halaman utama yang berisikan kata pengantar website.

Disebelah kanannya terlihat widget download.

Pada halaman yang sama, bila digulung ke bawah

terdapat widget seperti pada Gambar 13, Widget Terbaru

yang menyediakan artikel-artikel terbaru, Histori untuk

artikel yang dipublikasi setiap bulannya, dan Kategori dari

artikel-artikel.

Gambar 13 Bagian Bawah Halaman Utama

.

Struktur menu utama terdiri dari Anatomi, Non-Anatomi,

R-Foto, Subscribe. Pada Gambar 14, merupakan contoh

menu Non-Anatomi beserta submenunya.

Gambar 14 Menu Utama

Sebuah kotak untuk melakukan pencarian artikel, terletak

di kanan atas. Pengguna dapat memasukkan kata kunci

sebuah artikel, dan bila kata kunci sesuai dengan artikel

yang ada, maka dimunculkan kata kunci saran untuk

menemukan artikel yang diinginkan pengguna. Tampilan

kotak pencarian tampak seperti pada Gambar 15, contoh

kata kunci yang dicari “Happy Life”.

Prosiding Seminar Nasional Pengabdian Kepada Masyarakat 2017 vol. 2 no. 1 ISSN. 2541-3805

B - 7

Gambar 15 Kotak Pencarian Artikel

Berikut beberapa contoh implementasi digitalisasi artikel

dari Anatomy Book Chapter Functional Human Anatomy.

Pada Gambar 16 ditunjukkan sebuah Halaman-Anatomy

yang berisi buku digital Anatomy Book beserta susunan bab

demi bab. Pada Gambar 17 ditunjukkan beberapa artikel

yang memiliki kategori ‘Functional Human Anatomy’,

halaman ini akan muncul bila pengguna memilih bab

tersebut.

Gambar 16 Halaman Anatomi

Gambar 17 Halaman Kategori Functional Human Anatomy

Pengujian - Blog MyRuminations.me

Metoda pengujian yang dilakukan pada website

MyRuminations.me adalah melalui survei, dengan

pertanyaan seperti pada TABEL II. Kami melakukan survei

terhadap 33 responden. Berikut hasil survei untuk setiap

pertanyaan.

TABEL II

PERTANYAAN SURVEI PENGUJIAN WEBSITE

No. Pertanyaan

1. Bagaimana desain tampilan dari website?

2. Bagaimana pendapat anda tentang fitur-fitur yang

ada pada website?

3. Bagaimana pendapat anda tentang background

warna pada website?

4. Apa yang perlu ditambahkan pada website agar

dapat membuat nyaman pengunjung?

.

Pada Gambar 18, ditunjukkan responden menjawab

pertanyaan No.1, sebanyak 36.4% dari 33 responses

berpendapat kalau tampilan dari website tidak terlalu baik,

21.2% berpendapat cukup baik, 15.2% sangat baik sekali,

24.2% sangat baik, dan sisanya menjawab sangat buruk.

Pada Gambar 19, ditunjukkan responden menjawab

pertanyaan No.2, sebanyak 9.1% dari 33 responden

berpendapat kalau fitur-fitur dari website tidak terlalu baik,

63.6% berpendapat cukup baik, 21.2% berpendapat sangat

baik sekali, dan sisanya menjawab sangat baik.

Gambar 18 Hasil Survei Pertanyaan No.1

Gambar 19 Hasil Survei Pertanyaan No.2

Pada Gambar 20, ditunjukkan responden menjawab

pertanyaan No.3, sebanyak 33.3% dari 33 responses

berpendapat kalau warna background dari website tidak

terlalu baik, 27.3% berpendapat cukup baik, 9.1%

berpendapat sangat baik sekali, dan sisanya menjawab

sangat buruk.

Prosiding Seminar Nasional Pengabdian Kepada Masyarakat 2017 vol. 2 no. 1 ISSN. 2541-3805

B - 8

Gambar 20 Hasil Survei Pertanyaan no.3

Pada Gambar 21, ditunjukkan responden menjawab

pertanyaan 27.3% dari 33 responses berpendapat kalau

website perlu menambahkan video, 36.4% berpendapat

website perlu memperbanyak gambar, 15.2% berpendapat

website masih perlu menambahkan fitur lagi, dan 21.2%

berpendapat website perlu menambahkan fitur suara.

Gambar 21 Hasil Survei Pertanyaan no.4

E. Pengerjaan Proyek – Blog MyRuminations.me

Proyek ini dikerjakan selama 3 bulan (Mei-July 2017)

untuk analisis, desain dan implementasi. Artikel yang

dipublikasikan pada bulan Mei (57 artikel), Juni (126

artikel), dan Juli (169 artikel).

Rencana Kerja dan Jadwal, seperti pada Tabel III.

TABEL III

TAHAP-TAHAP RENCANA PELAKSANAAN PROYEK

Sub Pembuatan Blog

Koordi

nator

Andreas Wibisana Tonadi

Waktu Minggu 1 : Instalasi CMS dan template Design..

Minggu 2 : Membuat Halaman muka dan Menu

Minggu 3 : Membuat Halaman Anatomi

Minggu 4 : Membuat Halaman Non-Anatomi

Minggu 5 : Membuat Halaman Photo

Minggu 6 : Integrasi ke Proyek Utama

Minggu 7 : Membuat Manual Penggunaan Blog

Sub Manajemen SEO

Koordi

nator

Teddy Marcus Zakaria

Waktu Minggu 1 : Studi literatur mengenai SEO dan

mencoba Tools SEO

Minggu 2 : Definisikan Target dan Tujuan,

Melakukan Penelitian dan Analisis kata/prase :

Google dan Bing Search Engine, R&A Tools :

Alexa, Spider Simulator, Web Page Analyzer,

Similar Page Checker

Minggu 3 : Perencanaan dan Perbaikan Halaman

Web : Keyword Density, Google Adwords

Tools, Optimize HTML Code

Minggu 4 : Membuat Struktur Web, Navigasi, Peta

Situs.

Minggu 5 : Daftarkan web ke beberapa Directori

dan buat beberapa link

Minggu 6 : Pelaporan, Analisis dan Pemeliharaan

SEO

Minggu 7 : Membuat Manual Penggunaan SEO

IV. KESIMPULAN

Berdasarkan pembahasan dan pengujian yang telah

dilakukan maka kesimpulan yang dapat diambil yaitu :

1. Perancangan website Myruminations.me merupakan

sarana yang tepat untuk membagikan hasil karya

tulisan Daniel Wibowo, dan dengan menggunakan

WordPress sebagai sistem konten manajemen juga

memudahkan admin dalam mempublikasikan artikel.

2. Fitur-fitur seperti kolom pencarian, widget , dan

menu mendapat respon yang cukup baik. Sedangkan

menggunakan tema Sahifa, tidak sepenuhnya

membuat pengunjung website merasa puas dengan

desain tampilan web, dan pada warna background

dari web juga tidak mendapat respon yang baik.

3. Fitur SEO yang diimplementasikan pada sebagian

artikel, peningkatan kunjungan belum terlihat dratis.

Dibutuhkan waktu yang lama untuk meningkatkan

kunjungan terhadap beberapa artikel.

Berdasarkan pengujian di atas, saran untuk perancangan

website Myruminations.me adalah sebagai berikut :

1. Penulis menyarankan agar artikel pada website

ditambahkan video dan gambar untuk membantu

pembelajaran hasil karya tulis Daniel Wibowo.

2. Dikarenakan desain tampilan dan warna latar masih

kurang baik maka sebaiknya desain tampilan

melibatkan orang seni rupa, agar komposisi warna

lebih menarik pengunjung.

V. UCAPAN TERIMA KASIH

Ucapan terima kasih diberikan kepada Fakultas

Teknologi Informasi Universitas Kristen Maranatha, yang

telah menyediakan Laboratorium Multimedia untuk

mengerjakan proyek abdimas ini.

Ucapan terima kasih diberikan kepada dr. Daniel S.

Wibowo, 29 Glentrool Gardens Street, Canning Vale, West

Australia – 6155, pemilik hasil karya, yang mempercayakan

proyek ini kepada kami. Berikut pesan beliau : “Sesudah

mencapai usia seperti sekarang, saya ingin menyerahkan

semua hasil tulisan saya kepada warga Indonesia dan warga

internasional. Namanya : MyRuminations.me dan isinya

dalam bahasa Inggris dan bahasa Indonesia. Juga ada

naskah Anatomy dan non Anatomy. Saya sisipkan juga

Prosiding Seminar Nasional Pengabdian Kepada Masyarakat 2017 vol. 2 no. 1 ISSN. 2541-3805

B - 9

buku Anatomi dalam bahasa Inggris dan Indonesia,

termasuk sebuah ebook. Silakan kunjungi dan usulkan saran

saudara. Terimakasih.”

DAFTAR PUSTAKA

[1] D. S. Wibowo and W. Paryana, Anatomi Tubuh Manusia,

Bandung: Graha Ilmu, 2007.

[2] D. S. Wibowo, Anatomi Tubuh Manusia, Bandung: Grasindo,

2005.

[3] A. Hussain and E. O. Mkpojiogu, "The Effect of Responsive

Web Design on The User Experience With Laptop and

Smartphone Devices," Jurnal Teknologi, vol. 77, no. 4, pp. 41-47,

2015.

[4] "About - WordPress.org," 2017. [Online]. Available:

https://wordpress.org/about/. [Accessed 21 Juli 2017].

[5] "About Us - WordPress.com," 2017. [Online]. Available:

https://wordpress.com/about/. [Accessed 21 Juli 2017].

[6] H. Agrawal, The Ultimate WordPress Guide for Beginners:

Create a Perfect WordPress Blog, Harsh Agrawal, 2016.

[7] S. K. Patel, D. R. Rathod and J. B. Prajapati, "Perfomance

Analysis of Content Management System - Joomla, Drupal and

WordPress," International Journal of Computer Applications, vol.

21, no. 4, pp. 0975-8887, 2011.

[8] J. D. Rockefeller, WordPress To Go : How to build WordPress

Website on Your Own Domain From Scratch Even If You Are a

Complete Beginner, Smashwords Edition ed., J.D. Rockefeller's

Book Club, 2015.

[9] L. Sabin-Wilson, WordPress All in One For Dummies, John

Wiley and Sons, 2017.

[10] L. Klein, WordPress More Useful: Plugins & Theme, Lambert

Klein, 2015.

[11] B. Williams, O. Richard and J. Tadlock, Professional

WordPress Plugin Development, John Wiley and Sons, 2011.

[12] "Sahifa Theme," 2017. [Online]. Available:

https://themes.tielabs.com/sahifa/. [Accessed 21 Juli 2017].

[13] "About Canva," 2017. [Online]. Available:

https://about.canva.com/story/. [Accessed 16 Agustus 2017].