implementasi digitalisasi hasil karya dalam bentuk online
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]
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].