BAB IV HASIL ANALISIS DAN PEMBAHASAN
4.7. Matriks Usulan Analisis Kansei Engineering
Hasil akhir berupa matriks usulan tampilan E-Learning, data direkap secara manual berdasarkan hasil analisis PLS dan dengan gambaran dari analis
CA. Skor nilai variabel tertinggi dalam PLS dimasukan ke dalam tabel matriks
usulan tampilan E-Learning. Emotion dimasukkan ke dalam tabel matrik usulan merupakan emotion berpengaruh hasil Factor Analysis dimana emotion tersebut dirangkum dalam dua konsep tampilan E-Learning, yakni “Modernity” dan “Cheerfulness”.
Factor Analysis (FA) yang sudah dilakukan dalam analisis sebelumnya menghasilkan beberapa emotion yang terdapat dalam konsep tampilan E- Learning, “Modernity” dan “Cheerfulness”. Dan emotion pada konsep “Modernity” dan “Cheerfulness” menjadi referensi dalam perancangan usulan matriks.
Tabel 4.19Emotiondalam konsep“Modernity”dan“Cheerfulness” MODERNITY CHEERFULNESS MEWAH 0.9488 UNIK 0.9073 SERASI 0.9549 COLORFUL 0.9186 INDAH 0.9599 LEMBUT 0.9639 BERGAIRAH 0.9644 DINAMIS 0.9665 NYAMAN 0.9681 FUTURISTIK 0.9723
Selanjutnya penyusunan Matriks Usulan Tampilan E-Learning dilakukan dengan cara manual dengan hasil analisis PLS seperti ditunjukkan oleh tabel 4.20,
dimana terdapat beberapa kolom variabel dari kategori yang memiliki nilai
tertinggi, padaemotion“Futuristik” dengan kategoriHeader Color, pada variabel- variabel di dalamnya terdapat variabel HeaderColorGray yang memiliki nilai tertinggi sebesar 0.044 (diberi warna). Hal ini artinya adalah warna gray atau abu-
abu menjadi warna Header Color untuk emotion “Futuristik”. Begitu halnya denganemotion “Colorful” dimana pada kategoriHeader Color terdapat variabel HeaderColorGreenyang memiliki nilai koefisien tertinggi sebesar 0.083, dan hal ini berarti Header pada tabel matriks usulan adalah warnaGreenatau Hijau.
Tabel 4.20 Hasil Analisis PLS
Category Variable Coef Category Variable Coef
BGColorWhite -0.097 BGColorWhite -0.0630 BGColorGray 0.097 BGColorGray 0.0630 BodyFont10 0.047 BodyFont10 0.0293 BodyFont12 -0.047 BodyFont12 -0.0293 BodyFontArial 0.007 BodyFontArial -0.0271 BodyFontCalibri -0.007 BodyFontCalibri 0.0271 HeaderColorWhite -0.007 HeaderColorWhite 0.0271 HeaderColorGray 0.044 HeaderColorGray -0.0687 HeaderColorGreen 0.036 HeaderColorGreen 0.0834 HeaderColorBlack -0.072 HeaderColorBlack -0.0479
Header Logo HeaderLogoOK 0.000 Header Logo HeaderLogoOK 0.0000
Header Image HeaderImgOK 0.007 Header Image HeaderImgOK -0.0271
Top Menu OK TopMenuOK -0.039 Top Menu OK TopMenuOK -0.0624
TopMenuBGColGreen -0.047 TopMenuBGColGreen -0.0293 TopMenuBGColGray -0.023 TopMenuBGColGray -0.0952 TopMenuBGColWhite 0.000 TopMenuBGColWhite 0.0000 TopMenuBGColBlack 0.036 TopMenuBGColBlack 0.0834 TopMenuFontSmall 0.036 TopMenuFontSmall 0.0834 TopMenuFontMedium -0.061 TopMenuFontMedium -0.1191 TopMenuAboveHeader 0.036 TopMenuAboveHeader 0.0834 TopMenuBelowHeader -0.061 TopMenuBelowHeader -0.1191 BodyMenuRight -0.027 BodyMenuRight 0.0119 BodyMenuLeft -0.068 BodyMenuLeft 0.0051 BodyMenuCenter 0.044 BodyMenuCenter -0.0687 BodyMenuText -0.097 BodyMenuText -0.0630 BodyMenuIcon 0.097 BodyMenuIcon 0.0630 BodyMenuTextSmall -0.044 BodyMenuTextSmall 0.0687 BodyMenuTextMedium 0.044 BodyMenuTextMedium -0.0687 SearchBarAsLink -0.029 SearchBarAsLink 0.0290 SearchBarAsTextbox 0.068 SearchBarAsTextbox -0.0051 SearchBarAtTopCenter -0.072 SearchBarAtTopCenter -0.0479 SearchBarAtTopRight 0.097 SearchBarAtTopRight 0.0630 Body Menu Type Body Menu Text
Size Search Bar Type
Search Bar Position Search Bar Position Body Menu Type Body Menu Text Size Search Bar Type COLORFUL Bacground Color Body Font Size
Body Font Type
Header Color
Top Menu Background Top Menu Font
Size Top Menu Position Body Menu Position Top Menu Font Size Top Menu Position Body Menu Position Top Menu Background FUTURISTIK Bacground Color Body Font Size
Body Font Type
Header Color
Setelah dilakukan analisis satu per satu variabel untuk mencari nilai
koefisien tertinggi dan dimasukan ke dalam tabel matriks usulan tampilan, tabel
4.21 hingga tabel 4.23 merupakan hasil akhir dari proses analisis tersebut atau
disebut dengan Matriks Usulan Tampilan E-Learning dimana terdapat 6 klasifikasi bagian layout tampilan E-Learning yakni Background Color, Body, Header, Top Menu, Body Menu, dan Search Bar.
Tabel 4.21 Matriks Usulan Tampilan KategoriBackground-Body-Header
Font Size Font Type Color Logo Image Mewah Gray 10px Arial Green N/S Yes
Serasi Gray 10px Arial Green N/S Yes
Indah Gray 10px Arial Green N/S Yes
Lembut Gray 10px Arial Green N/S Yes
Bergairah Gray 10px Arial Gray N/S Yes
Dinamis Gray 10px Arial Gray N/S Yes
Nyaman Gray 10px Arial Gray N/S Yes
Futuristik Gray 10px Arial Gray N/S Yes
Unik Gray 10px Calibri Green N/S N/S
Colorful Gray 10px Calibri Green N/S N/S
Background Color Body 1 MODERNITY Header 2 CHEERFULNESS
No Design Concept Emotion
Dalam tabel 4.21 data diinterpretasikan, misalnya pada konsep
“Modernity”denganemotion“Mewah” menunjukkan bahwa :
1. Warna tampilanbackground interface E-Learningberwarna abu-abu; 2. Jenis huruf yang digunakan adalah Arial;
3. Ukuran huruf yang digunakan adalah 10px;
4. Warna dasar untuk Headeradalah hijau; 5. Header menggunakan Image
6. N/S seperti pada kolom Logo menunjukkan Not Significant yang artinya bahwa nilai coefficient pada saat perhitungan manual dalam perancangan Matriks Usulan Tampilan dari hasil analisis PLS adalah nol atau dibawah nol.
Selanjutnya tabel 4.22 menunjukkan Matriks Usulan TampilanE-Learning untuk kategori Top Menu. Dimana terdapat elemen desain BGColor, Font Size, danPosition.
Tabel 4.22 Matriks Usulan TampilanE-LearningKategoriTop Menu
OK BGColor Font Size Position Mewah N/S Black Small Above Header
Serasi N/S Black Small Above Header
Indah N/S Black Small Above Header
Lembut N/S Black Small Above Header
Bergairah N/S Black Small Above Header
Dinamis N/S Black Small Above Header
Nyaman N/S Black Small Above Header
Futuristik N/S Black Small Above Header
Unik N/S Black Small Above Header
Colorful N/S Black Small Above Header 1 MODERNITY
2 CHEERFULNESS
TopMenu No Design Concept Emotion
Tabel 4.23 Matriks Usulan TampilanE-LearningkategoriBody Menu-Search Bar
Position Type Text Size Type Position Mewah Center Icon Medium Textbox Top Right
Serasi Center Icon Medium Textbox Top Right
Indah Center Icon Medium Textbox Top Right
Lembut Center Icon Medium Textbox Top Right
Bergairah Center Icon Medium Textbox Top Right
Dinamis Center Icon Medium Textbox Top Right
Nyaman Center Icon Medium Textbox Top Right
Futuristik Center Icon Medium Textbox Top Right
Unik Right Icon Small Link Top Right
Colorful Right Icon Small Link Top Right 2 CHEERFULNESS
Body Menu Search Bar No Design Concept Emotion
1 MODERNITY
Untuk menghasilkan perancangan yang baik, diperlukan kolaborasi
dengan ahliweb designer mengenai hal-hal yang bersifat detil dan memenuhi sisi artistik dan kenyamanan penggunaaninterface.
4.8. Prototype Usulan Tampilan e-Learning
107 5.1. Kesimpulan
Perancangan desain interface E-Learning dilakukan dengan pendekatan Kansei Engineering menghasilkan usulan rekomendasi serta melibatkan faktor psikologis dan emotion. Langkah-langkah komprehensif Kansei Engineering melalui tahapan analisis statistik multivariat yakni Coefficient Component Analysis, Principal Component Analysis, Factor Analysis, dan Partial Least Square Analysis dilibatkan dalam proses analisis data untuk menerjemahkan konsep emotion dan menghasilkan elemen desain berdasarkan emotion, dapat disimpulkan penelitian ini menghasilkan :
1. Dua konsep emotion yakni “Medernity” yang terdiri dari elemen emotion “Mewah”, “Serasi”, “Indah”, “Lembut”, “Bergairah”, “Dinamis”, “Nyaman” dan “Futuristik serta “Cheerfulness” yang terdiri dari elemenemotion“Colorful” dan “Unik”.
2. Matrik Usulan TampilanE-Learning berupa elemen desain berdasarkan konsep emotion dan elemen emotion (Tabel 4.21, Tabel 4.22, Tabel 4.23)
5.2. Saran
Sebagai pelengkap akhir dalam bagian penutupan, ada sejumlah saran
untuk menilai hasil rancangan tampilan e-learning yang akan mereka gunakan.
2. Perlu melibatkan partisipan yang memiliki pengetahuan mendalam dalam
produk yang diteliti dalam penerapanKansei Engineering
3. Analisis Kansei Engineering tidak hanya dapat diterapkan dalam sisi desain tampilan / interface, namun dapat diterapkan dalam perancangan sistem, perancangan menu atau fitur
NAMA LENGKAP : FREDDY WICAKSONO PROGRAM STUDI : SISTEM INFORMASI (S1)
STMIK CIC CIREBON
MAGISTER SISTEM INFORMASI (S2) UNIVERSITAS KOMPUTER INDONESIA TEMPAT DAN TANGGAL LAHIR : CIREBON, 2 MEI 1973
JENIS KELAMIN : LAKI-LAKI
PEKERJAAN : DOSEN TETAP PRODI SISTEM INFORMASI STMIK CIC CIREBON
NIDN : 0402057307
PENDIDIAN TERAKHIR : MAGISTER SISTEM INFORMASI (M.Kom) UNIVERSITAS KOMPUTER INDONESIA KEAHLIAN YANG DIMILIKI : WEB PROGRAMMING(PHP),
VISUAL PROGRAMMING(VB NET), MySQL, SQL SERVER, ORACLE, ADOBE AIR
ALAMAT RUMAH : JL. GN. TAMPOMAS I D.VIII/ 145 KEC. HARJAMUKTI, KEL. LARANGAN RW 02, RT 02 KOTA CIREBON
TELPON : 085 659N 706 777
vii PENGESAHAN PEMBIMBING... i PERNYATAAN... ii ABSTRAK ... iii ABSTRACT ... iv KATA PENGANTAR ... v
DAFTAR ISI... vii
DAFTAR GAMBAR ... x
DAFTAR TABEL ... xii
BAB I PENDAHULUAN... 1
1.1. Latar Belakang Penelitian ... 1
1.2, Identifikasi Masalah ... 3
1.3. Tujuan Penelitian ... 3
1.4. Batasan Masalah... 3
1.5. Manfaat Penelitian ... 4
1.5. Sistematika Penulisan ... 4
BAB II TINJAUAN PUSTAKA... 5
2.1. E-Learning... 5
2.2. Human Computer Interaction(HCI) ... 7
2.3. Kansei Engineering... 8
2.4. Kansei EngineeringType I (KEPack)... 13
2.5. Semantic Differential (SD) Scale... 25
2.6. LayoutDasar dan Orientasi Laman Web ... 26
2.7. Kategori dan Ukuran Huruf... 27
viii
2.11.SoftwareXLStat 2014 ... 37
2.12.Unified Modelling Language(UML) ... 39
BAB III OBJEK DAN METODOLOGI PENELITIAN ... 51
3.1. Profil STMIK CIC Cirebon... 51
3.2. Visi STMIK CIC Cirebon ... 52
3.3. Misi STMIK CIC Cirebon... 52
3.4. Tujuan dan Sasaran STMIK CIC Cirebon ... 52
3.5. Struktur Organisasi... 53
3.6. Analisis Kebutuhan Perangkat Lunak... 54
3.7. Use Case Diagram... 56
3.8. Pemilihan Perangkat Lunake-Learning... 57
3.9. SoftwareE-LearningTerpilih... 59
3.10. Metodologi Penelitian... 65
BAB IV HASIL ANALISIS DAN PEMBAHASAN... 72
4.1. Spesimen ... 72
4.2. Klasifikasi Elemen Desain ... 74
4.3. Struktur Skala SD... 77
4.4. Proses Pengambilan Data ... 79
4.5. Hasil Analisis Multivariat ... 82
4.6. Menerjemahkan Data Statistik ke dalam Elemen Desain ... 95
ix
5.1. Kesimpulan ... 107
5.2. Saran... 108
DAFTAR PUSTAKA LAMPIRAN
Firman Hermansyah, Afif.Strategi Penerapan E-Learning di Sekolah Menengah Kejuruan (Studi Kasus Di SMK Al-Hidayah Kota Bekasi).2010
Hewett, T.T., Becker, R., Card, S., Carey, T., Gasen, J., Mantei, M., Perlman, G., Strong, G., Verplank, W.Curricula for Human-Computer Interaction. ACM SIG-CHI. 1992. http://www.acm.org/sigchi/cdg diakses pada 6 Juni 2014 pukul 14:35 WIB
Hidayati, Novi. Sistem E-Learning untuk Meningkatkan Proses Mengajar: Studi Kasus pada SMA Negeri 10 Bandar Lampung. Jurnal TELEMATIKA MKOM, Vol. 2 No. 2. 2010. ISSN 2085-725X
Johnson, N., Wichem, D. Applied Multi Variate Statistical Analysis. New York: Prentice Hall, Eaglewoodcliffs. 1998
Kahiigi, EK. Exploring the E-Learning State of The Art. Sweden: Stocholm University. 2008
Komputer, Wahana. Solusi Mudah dan Cepat Menguasai SPSS 17.0 Untuk Pengolahan Data Statistik. Elek Media Komputindo.2009
Lokman., A.M., Noor, L.M., Kansei Engineering Concept in E-Commerce Website.UiTM:Faculty of Computer and Math Sciences.2006
Lokman., A.M., Noor, L.M., Nagamachi, M., Kansei Engineering : A Study on Perception of Online Clothing Website. UiTM: Faculty of Computer and Math Sciences.2006
Lokman, A.M., Nagamachi, M., Validation of Kansei Engineering Adoption in E- Commerce Web Design. Kansei Engineering Int’l Vol. 9 No. 1.2009
Lokman, A.M., Emotional User Experience in Web Design: The Kansei Engineering Approach. UiTM: Faculty of Computer and Math Sciences. 2009
Lokman, A.M.Design and Emotion: The Kansei Methodology. UiTM:Faculty of Computer and Math Sciences.2010
Lokman, A.M., Nagamachi, M., Kansei Engineering – A Beginner Perspective. Malaysia: UPENA.2010
Mindrajaya, I.G.N., Sumertajaya, I.M. Pemodelan Persamaan Struktural dengan Partial Least Square.Semnas Matematika dan Pendidikan Matematika. 2008
Information Technology. 2003
Parhusip, H.A., Widyananto, Deva, Desinova Kr, Bernadeta. Property Dan Perdagangan Sebagai Sektor Dominan Pada Data Bursa Saham Dengan Principal Component Analysis (PCA).2008
Prihati, Mustafid, Suhartono. Penerapan Model Human Computer Interaction (HCI) dalam Analisis Sistem Informasi (Studi Kasus SAS Dikmeni DKI Jakarta).
Rumbaugh, James., Jacobson, Ivar., Booch, Grady. The Unified Modeling Language Reference Manual. Addison-Wesley.1999
Santoso, Insap. Interaksi Manusia & Komputer.Yogyakarta: CV. Andi Offset. 2009 ISBN:978-979-29-1437-5
Sharma, S. Applied Multi Variate Techniques. New Jersey: John Wiley & Sons, Inc. 1996
Schmuller, Joseph. Sams Teach Yourself UML in 24 hours. Macmillan Publishing Co., Inc. 1999
Schutte, Simon. Kansei Engineering in Development, A Dissertation. Linkoping: Linkoping Universiteit. 2005
Taufiq Subagio, Ridho.Pemodelan Arsitektur Enterprise STMIK CIC Cirebon Menggunakan Enterprise Architecture Planning. Jurnal Sistem Informasi, Vol.7, No.2, September 2012:173–185.2012
Whitten, Jeffrey L., Dittman, Kevin C., Bentley, Lonnie D., Metode Design dan Analisa Sistem Bibliografi Edisi 6, Andi Offset. Yogyakarta: 2004
http://www.w3.org/TR/css-fonts-3diakses pada 4 Juni 2015 pukul: 12:45
http://www.xlstat.com/en/products-solutions.html diakses pada 4 Juli 2015 pukul 18:00
v
ilmu, dan kebijaksanaan-Nya dan juga kepada baginda Rasulullah Muhammad
S.A.W atas curahan doa dan bimbingannya, sehingga proposal tesis ini dapat
selesai tepat waktu. Tak lupa mengucapkan terima kasih yang sebesar-besarnya
kepada semua pihak yang turut membantu penyelesaian laporan tesis ini, yaitu
kepada :
1. Bapak Ana Hadiana, Dr. Eng. Selaku pembimbing yang telah
memberikan bimbingan dengan penuh perhatian, ketulusan dan
kesabaran.
2. Seluruh Staf Pengajar di Program Magister Sistem Informasi Unikom
atas semua ilmu yang telah diberikan.
3. Bapak Dr. Chandra Lukita, S.E, M.M selaku Direktur STMIK CIC
Cirebon
4. Seluruh mahasiswa-mahasiswi STMIK CIC Cirebon
5. Rekan-rekan Staf Pengajar di STMIK CIC Cirebon
6. Istriku dan anak-anaku tercinta yang telah memberikan dukungan
motivasi yang sangat berharga.
7. Bapak Dr. Zulkifli Ahmad, SpOG, KFER, M.Kes atas motivasi dan
dukungannya.
8. Rekan-rekan di Klinik Permata Bunda Syariah Cirebon
9. Teman baik saya I Ketut Widhi Adnyana atas dukungannya selama
vi
11. Rekan-rekan seperjuangan angkatan 2013 di Pasca Sarjana Magister
Sistem Informasi Unikom yang telah memberikan banyak dukungan,
doa dan kerjasamanya selama perkuliahan maupun pada saat
penyusunan tesis.
12. Semua pihak yang telah memberikan dukungan untuk penyelesaian
laporan tesis ini, yang tidak dapat disebutkan satu persatu.
Akhir kata semoga Allah S.W.T memberikan pahala, rahmat, karunia,
dan hidayah-Nya kepada semua pihak yang telah membantu penyelesaian
laporan tesis ini. Amin.
Cirebon, Juni 2015