Merancang User Interface Berbasis Web E-commerce
|
|
- Budi Lesmono
- 7 tahun lalu
- Tontonan:
Transkripsi
1 Merancang User Interface Berbasis Web E-commerce Diajukan Sebagai Syarat Untuk Memebuhi Tugas Pertemuan 9 Disusun Oleh : Nama :Roy Rinaldi NIM : Fakultas Jurusan : Ilmu Komputer : Teknik Informatika Mata Kuliah : Interaksi Manusia dan Komputer Semester : III (Tiga)
2 Dalam membangun sebuah layanan Web tentunya yang pertama di perhatikan atau dilihat oleh pengguna adalah tampilan awal atau antarmuka nya, oleh sebab itu para developer web bukan hanya melihat dari sisi scripting saja melainkan dari sisi UI (User Interfaces). kemudian bagaimana cara membuat pengguna merasa nyaman dalam melihat antarmuka sebuah halaman web..? dalam hal ini penulis akan membahas bagaimana cara merancang user interfaces berbasis web e-commerce atau web jual beli. Pengertian User Interface User interface adalah cara program dan user berkomunikasi. Istilah user interface atau interface kadang-kadang digunakan sebagai penggati istilah HCI (Human Computer Interaction). HCI (Human Computer Interface) adalah semua aspek dari interaksi pengguna dan computer, tidak hanya hardware. Semuanya yang terlhat dilayar, membaca dalam dokumentasi dan dimanipulasi dengan keyboard (atau mouse) merupaka bagian dari user interface. User Interface berfungsi untuk menghubungkan atau penterjemah informasi antara pengguna dengan system operasi, sehingga computer dapat digunakan. Dengan demikian, user interface bisa juga diartikan sebagai mekanisme inter-relasi atau integrasi total dari perangkat keras dan lunak yang membentuk pengalaman bekomputer. Use interface dari sisi software bias berbentuk Graphical User Interface (GUI) atau Command Line Interfae (CLI), sedangkan dari sisi hardware bias berbentuk Aplle Desktop Bus (ADB), USB, dan fire wire. Konsep User Interface Mengkonsep user interface secra benar tidaklah mudah. Terdapat begitu banyak aspek yang pelu diperhatikan. User interface akan mengacu pada beragam aplikasi teknologi mulai dari electronic display, software aplikasi computer,aplikasi web, aplikasi mobile,hingga aplikasi kiosk Informasi public. Kioks adalah peralatan sistem informasi publik yang dirancang sedemikian rupa yang ditujukan untuk beragam kondisi user, baik secara usia, gender, latar belakang kultural, tingkat pemahaman dan pendidikan bahkan kondisi keterbatasan fisik yang berbeda. Tehnik antar muka /interface Terdapat tiga teknik antar muka / inter face: 1. Linguistic styles 2. Key modal styles 3. Direct manipulation styles
3 LINGUISTIC STYLES Linguistic styles adalah penyampaian aksi melalui bahasa yang dimengerti oleh computer. Cirri teknik ini antara lain: Masukan aksi melalui papan ketik alphabet yang ditulis atau diketik. Bahasa yang dimengerti oleh computer merupakan bagian kecil dari bahasa manusia Adanya aturan penulisan (syntax) dan semantic untuk menyatakan perintah KEY MODALS STYLE Key Modals Style adalah penyampaian aksi melalui penekanan tombol-tombol yang deprogram sebelumnya untuk menjalankan fungsi-fungsi. Cir teknik ini antara lain: Masukan aksi melalui tombol fungsi atau tombol alphabet Instruksi langkah demi langkah Digunakan dalam system berjalan DIRECT MANIPULATION STYLE Direct Manipulation Style adalah penyampaian perintah melalui manipulas objek tertentu. Cirri teknik ini antara lain: Ditampilkannya objek untuk interaksi pengguna Ditampilkannya penunjuk untuk memanipulasi objek Perintah diterapkan langsung pada objek Respon seketika pada fungsi objek Ada beberapa hal yang perlu di perhatikan dalam merancang tampilan web e-commerce yaitu : 1. Pemilihan font 2. Pemilihan warna 3. Tata letak konten 4. Pemilihan gambar konten 5. Tata letak menu 6. Penggunaan Icon web
4 Pemilihan font Font atau tulisan pada halaman web berpengaruh sekali kepada pengguna umum dalam rancangan web sebaiknya hindari penggunaan tulisan yang kurang enak dilihat dan kurang pantas jika disajikan pada halaman web e-commerce seperti contoh berikut (Mengambil situs bukalapak sebagai contoh) : penggunaan font "Lucida grande" pada iklan tersebut bagi pengunjung web akan terkesan rapi dan terkesan menarik bagaimana jika font tersebut dirumah menjadi font "Magneto" tentu pengunjung web akan kesulitan untuk membaca dan enggan membaca iklan tersebut kemudian penggunaan font pada menu Pada menu harus menggunakan font yang terlihat lembut serta tidak kaku tapi terlihat mencolok agar pengunjung begitu membuka sebuah halaman web, akan langsung tertuju pada menu kemudian membuat pengunjung merasa termudahkan, tidak perlu mencari menu dimana. tapi apa jadinya jika menu menggunakan font yang tekesan tidak tegas seperti contoh menggunakan menu "Arial" Bagaimana perbedaannya? tentunya pengunjung lebih nyaman ketika melihat penggunaan font yang pertama daripada penggunaan font arial pada menu, menu menjadi lebih kecil serta kurang menarik minat pengunjung. alasan itulah mengapa font dianggap sebagai komponen dalam web yang sangat penting, disisi lain agar pengguna betah dalam mengunjungi web tersebut, juga agar web terlihat rapi dan elegan Pemilihan Warna
5 Pada level ini developer dituntut untuk memilih warna yang sesuai dengan konten serta melihat dari sisi pengunjung juga apakah yang mengakses situs ini hanya orang tertentu atau semua orang (umum) kemudian di sesuaikan warna yang pas untuk level web public, tidak banyak warna serta tidak mencolok dan gunakan warna yang netral. Seperti contoh : pada halaman web tersebut terlihat bahwa background pada konten menggunakan warna putih yang membuat halaman menjadi hidup dan tidak merusak pandangan apabila antarmuka tersebut menggunakan warna yang mencolok akan sangat mengganggu user seperti contoh sebagai berikut : bandingkan dengan antarmuka yang sebelumnya, tentu lebih nyaman dilihat adalah antarmuka yang pertama, sebab penggunaan warna pada halaman web juga mempengaruhi psikis pengguna, coba kita ke halaman web yang background nya berwarna terang, tentu kita tidak akan bertahan lama untuk mengunjungi halaman web tersebut, bisa jadi pelanggan kita bisa kabur karena tampilan web yang terlalu mencolok dan tidak nyaman untuk di lihat. Tata Letak Konten
6 Posisi sebuah merupakan pokok dalam pembuatan antarmuka sebuah web sebab, konten merupakan inti utama atau isi pada halaman web yang pasti dibaca oleh pengunjung. oleh sebab itu tata letak konten perlu diatur senyaman mungkin, jangan malah membuat konten susah untuk di pahami karena tata letak yang kurang pas. contoh peletakan konten yang kurang efektif bagi pengunjung web pada kasus ini peletakan konten tidak beraturan, karena margin rata kiri dan tentu terlihat gepeng atau cembung kemudian perhatikan juga pada iklan, iklan menjadi tidak beraturan serta kurang enak untuk dilihat dan membuat pengunjung tidak tertarik dan menimbulkan efek yang kurang nyaman. Lalu bagaimana tampilan yang efektif dan nyaman...? seharusnya sebuah web sudah menerapkan teknik 960 grid system, 960 grid system merupakan alat untuk membuat lay-out website. 960 artinya lebar halaman web sebesar 960 pixels. Lebar tersebut di zaman sekarang sudah bagus mengingat minimal, display sekarang menggunakan resousi lebar sebesar 1024 pixels. Bahkan kini sudah banyak monitor yang menggunakan resolusi lebih luas lagi yakni 1280 pixels. Kalau dulu mungkin maximal lebar akan di bawah 800 pixels karena banyak monitor yang menggunakan resolusi pixels. Namun kini rasanya sudah jarang ya yang menggunakan resolusi itu kecuali untuk kepentingan tertentu. Jadi ukuran lebar 960 pixels kemungkinan besar akan muat di monitor pengguna komputer zaman sekarang. serta membuat tampilan lebih nyaman berikut contohnya :
7 jika dibandingkan dengan gambar sebelumnya, antarmuka ini lebih rapi dan lebih nyaman dilihat konten tersusun dengan rapi serta jarak antar konten tidak terlalu jauh dan tidak terlalu dekat sangat efektif untuk user. Pada zaman sekarang pengembangan halaman web sudah dibilang lebih modern dan lebih efisien banyak framework - framework yang dikembangakan guna memudahkan struktur dan perancangan pada halaman web. Pemilihan gambar pada konten Sebuah web e-commerce tentu harus mempunyai visual konten yang menarik, agar bisa menggaet pengunjung, tampilan visual menjadi yang utama oleh sebab itu gambar pada konten web tentu harus yang menarik dan asli, atau bila perlu ada sumber gambarnya agar pengunjung percaya Tata letak menu Peletakan sebuah menu juga penting, karena sebuah menu harus jelas serta mudah dimengerti pengunjung web, menu yang efektif adalah peletakannya tidak acak - acakan serta tidak
8 membuat bingung pengunjung web dan mudah dalam pencarian. Berikut adalah menu yang benar. pada gambar tersebut peletakan menu terlihat rapi serta mudah dipahami dan dimengerti, kemudian sebaliknya menu yang salah akan sulit dimengerti oleh pengunjung, sebagai contoh letak menu tidak beraturan serta kurang nyaman jika dilihat. Kemudian Penulisan menu juga mewakili konten yang ada pada web tersebut tidak mungkin web e-commerce terdapat menu yang tidak berkaitan dengan layanan tersebut. Penggunaan Icon web Icon web merupakan gambar kecil yang mewakili sebuah perintah, penggunaan icon web yang tepat sangat penting, mengingat tidak semua menu dalam web hanya berupa tulisan saja, perlu di beri sentuhan design yang baik guna meningkatkan pengunjung web serta membuat efek nyaman pada pengunjung. Pada icon web juga perlu di tampilkan alternative teks ketika pointer mengarah pada icon tersebut agar pengunjung mengetahui fungsi icon tersebut untuk apa. contoh pada gambar di atas ada icon troli belanja yaitu icon yang mewakili menu apa saja barang yang sudah kita beli atau masuk ke daftar beli kita, coba jika pada icon tersebut tidak ada alternative teks nya maka sebagian pengunjung web akan bingung apakah fungsi icon tersebut.
PERBEDAAN UI DAN UX DALAM DUNIA DESIGNER
PERBEDAAN UI DAN UX DALAM DUNIA DESIGNER Neli Widi Astuti neli@raharja.info Abstrak Banyak yang sering mendengar atau membaca tentang UI atau UX. Seorang desainer kemungkinan paham dengan kedua istilah
Lebih terperinciBAB II ANALISIS ANTARMUKA PENGGUNA
BAB II ANALISIS ANTARMUKA PENGGUNA Pertemuan ke : 1 Alokasi waktu : 1 Jam Kompetensi dasar : 1. Mahasiswa mampu memahami komponen-komponen yang dibutuhkan pada saat ingin melakukan analisis perancangan
Lebih terperinciBAB 4 KONSEP DESAIN. 4.1 Landasan Teori
BAB 4 KONSEP DESAIN 4.1 Landasan Teori 4.1.1 Definisi dan Fungsi Media Komunikasi Media komunikasi ialah perantara dalam penyampaian informasi dari komunikator kepada komunikan yang bertujuan untuk efisiensi
Lebih terperinciTEKNIK INTERAKSI. Chalifa Chazar Modul :
TEKNIK INTERAKSI Chalifa Chazar Email: chalifa.chazar@gmail.com Modul : http://edu.script.id Interaksi Interaksi dapat dikatakan dialog antara user (pengguna) dengan mesin (komputer) Setiap sistem memiliki
Lebih terperinci2. Bagian yang berfungsi menghasilkan informasi berdasarkan pengolahan data yang sudah dimasukan oleh pengguna lewat algoritma adalah definisi dari: a
1. Media yang memungkinkan manusia berinteraksi dengan komputer untuk memberikan suatu perintah kepada komputer adalah definisi dari : a. Program d. Komputer b. Aplikasi e. Salah Semua c. Interface 2.
Lebih terperinciBAB I PENDAHULUAN. Hal ini tentu saja membawa dampak perubahan terhadap seluruh sektor kehidupan
1 BAB I PENDAHULUAN 1.1 Latar Belakang Teknologi Informasi pada saat ini sangatlah berkembang dengan pesat. Hal ini tentu saja membawa dampak perubahan terhadap seluruh sektor kehidupan manusia. Mulai
Lebih terperinci4. Bahasa pemrograman dibawah ini yang masih berbentuk teks hasil outputnya adalah : a. Delphi b. Visual Basic b. Pascal d.
Pertemuan 1 : Interaksi manusia dan Komputer 1. Media yang memungkinkan manusia berinteraksi dengan komputer untuk memberikan suatu perintah kepada komputer adalah definisi dari : a. Program b. Aplikasi
Lebih terperinciTUGAS I KL PERANCANGAN ANTARMUKA PENGGUNA
TUGAS I KL PERANCANGAN ANTARMUKA PENGGUNA NIU : 13/344592/SV/03107 NAMA : Nadia Suliestiyanti KELAS : B2 SOAL Amatilah dua sistem operasi yang berbasis text /command driven dibandingkan dengan sistem operasi
Lebih terperinciInteraksi Manusia dan Komputer. Interface & Komponen dalam IMK
Interaksi Manusia dan Komputer Interface & Komponen dalam IMK Komponen-komponen IMK Manusia sebagai pengguna sistem dan subjek manajemen sistem komputer Komputer sebagai objek yang dimanajemen sekaligus
Lebih terperinciPertemuan 6 GAYA INTERAKSI DAN PERANGKAT INTERAKSI #1
Pertemuan 6 GAYA INTERAKSI DAN PERANGKAT INTERAKSI #1 Materi yang akan di bahas: Bebagai gaya dasar (sistem perintah, sistem menu, form) Teknik manipulasi Bahasa alami Obyek dan sumber daya dialog (sistem
Lebih terperinciSoal Pra UTS IMK. 3.Media bentuk sederhana dialog antara manusia dan komputer yang kurang menarik karena berisi teks adalah adalah : c.
Soal Pra UTS IMK 1.Media yang memungkinkan manusia berinteraksi dengan komputer untuk memberikan suatu perintah kepada komputer adalah definisi dari : a. Program d. Komputer b. Aplikasi e. Salah Semua
Lebih terperinciInteraksi Manusia dan Komputer (Pengantar User Interface) Dosen : Agus Aan Jiwa Permana, S.Kom, M.Cs
Interaksi Manusia dan Komputer (Pengantar User Interface) Dosen : Agus Aan Jiwa Permana, S.Kom, M.Cs Gambar Ilustrasi CONTENTS: 1 2 3 PENGANTAR ANTARMUKA INPUT-OUTPUT PC JENIS PERANGKAT INPUT-OUTPUT PC
Lebih terperinciBAB III LANDASAN TEORI
BAB III LANDASAN TEORI Landasan teori merupakan panduan untuk menemukan solusi pemecahan masalah yang sedang dihadapi. Pada bab ini akan dikemukakan landasan teori yang terkait dengan permasalahan untuk
Lebih terperinciPengertian Interaksi = komunikasi 2 arah antara manusia (user) dan sistem komputer.
Interaksi manusia dan komputer adalah ilmu yang mempelajari tentang bagaimana mendesain, mengevaluasi, dan mengimplementasikan sistem komputer yang interaktif sehingga dapat digunakan oleh manusia dengan
Lebih terperinciPENDAHULUAN. Model interaksi. Ergonomi. Gaya interaksi. Konteks. terjemahan antara pengguna dan sistem. karakteristik fisik dari interaksi
INTERAKSI PENDAHULUAN Model interaksi terjemahan antara pengguna dan sistem Ergonomi karakteristik fisik dari interaksi Gaya interaksi sifat pengguna / system dialog Konteks sosial, organisasi, motivasi
Lebih terperinciAPLIKASI KOMPUTER (APLIKOM)
MODUL PERKULIAHAN APLIKASI KOMPUTER (APLIKOM) Pengoperasian Dasar Windows Fakultas Program Studi Tatap Muka Kode MK Disusun Oleh Ilmu Komputer Teknik Informatika 03 Abstract Modul ini membahas tentang
Lebih terperinciPengantar Interaksi Manusia dan Komputer. Dosen : Agus Aan Jiwa Permana, S.Kom, M.Cs
Pengantar Interaksi Manusia dan Komputer Dosen : Agus Aan Jiwa Permana, S.Kom, M.Cs Deskripsi Mata Kuliah Dalam Matakuliah ini akan memberikan dasar konsep dan praktis tentang interaksi manusia dan komputer,
Lebih terperinciDanang Wahyu Utomo
danang.wu@dsn.dinus.ac.id 085 725 158 327 Santosa, Insap. Interaksi Manusia dan Komputer. Penerbit Andi. 2010 Dix, Alan, et al. Human Computer Interaction 3th edition Interaksi Ergonomi Gaya interaksi
Lebih terperinciBAB III KEGIATAN SELAMA KERJA PRAKTEK
BAB III KEGIATAN SELAMA KERJA PRAKTEK III.1 Tentang Kerja Praktek Job description dan Penulisan kerja praktek ini ditentukan dan ditempatkan oleh pembimbing kerja praktek SMAN 6 Cimahi. Terfokus dalam
Lebih terperinciAnalisis Dan Perancangan Sistem ( Systems Analysis And Design)
BAB 12 DESIGN INPUT Tujuan Perancangan Input : Kualitas sistem input menentukan kualitas sistem outputnya. Bentuk formulir input tampilan layar, dokumen-dokumen jaringan interaktif berdasrkan hubungan
Lebih terperinciBAB IV HASIL DAN UJI COBA
BAB IV HASIL DAN UJI COBA IV.1. Analisa Hasil Dalam bab ini akan dijelaskan dan ditampilkan bagaimana hasil dari rancangan sistem yang dibuat beserta pembahasan tentang sistem tersebut. Adapun hasil dari
Lebih terperinciRENCANA PELAKSANAAN PEMBELAJARAN
RENCANA PELAKSANAAN PEMBELAJARAN MATA KULIAH BOBOT SKS/SMT PROGRAM STUDI : IMK : 2 SKS/4 : Teknik Informatika PERTEMUAN : 1 Standar Kompetensi : Mahasiswa mampu merancang antar muka aplikasi berbasis dekstop,
Lebih terperinciBAB IV HASIL DAN PEMBAHASAN
46 BAB IV HASIL DAN PEMBAHASAN 7.1 Batasan Implementasi Dalam implementasinya, Sistem Monitoring UKM tenant Inkubator Bisnis Mahasiswa (IBISMA) UII memiliki beberapa batasan-batasan asumsi, batasan tersebut
Lebih terperinciKeyboard sebagai alat input utama.
Apakah keylogger itu? Kata "keylogger" dapat dipecah menjadi "key"+"log"+"er". Kata yang mendapat tambahan "er" menunjukkan "pelaku" atau "yang melakukan", seperti pada "kicker" atau "keeper". Keylogger
Lebih terperinciPerancangan Tampilan (Design)
Perancangan Tampilan (Design) Pengantar Salah satu kriteria penting dari sebuah antarmuka adalah tampilan yang menarik. Seorang pengguna, apalagi pengguna baru, biasanya tertarik untuk mncoba sebuah program
Lebih terperinciBAB III ANALISIS DAN DESAIN SISTEM
BAB III ANALISIS DAN DESAIN SISTEM III.1. Analisis Masalah Saat ini pemberdayaan teknologi untuk pendidikan yang menjelaskan tentang perhitungan dan juga dapat menghibur untuk siswa SD masih sangat sedikit.
Lebih terperinciBAB I. 1. Pengantar PENDAHULUAN
BAB I PENDAHULUAN 1 1. Pengantar Interaksi Manusia Komputer (IMK) (Human Computer Interaction / HCI) Merupakan satu disiplin ilmu yang mengkaji komunikasi atau interaksi diantara pengguna dengan sistem.
Lebih terperinciBAB 2 LANDASAN TEORI. Data adalah fakta atau bagian dari fakta yang digambarkan dengan simbol-simbol,
BAB 2 LANDASAN TEORI 2.1 Data dan Informasi Data adalah fakta atau bagian dari fakta yang digambarkan dengan simbol-simbol, gambar-gambar, nilai-nilai, bilangan-bilangan, uraian karakter yang mempunyai
Lebih terperinciGambar Grid 1200 px
BAB 5 PROSES DESAIN DAN PERANCANGAN 5.1 Format Website menggunakan grid dengan lebar 1200 px ke samping dan panjang ke bawah menyesuaikan. Dengan grid 1200 px, sebagian besar konten dari website akan menggunakan
Lebih terperinciDanang Wahyu Utomo
danang.wu@dsn.dinus.ac.id 085 725 158 327 Santosa, Insap. Interaksi Manusia dan Komputer. Penerbit Andi. 2010 Dix, Alan, et al. Human Computer Interaction 3th edition Aspek penting dalam dialog adalah
Lebih terperinciBAB IV LAPORAN KERJA PRAKTEK
BAB IV LAPORAN KERJA PRAKTEK 4.1. Peranan Dalam Perusahaan Selama kerja praktek di Baitussalam (PT. Papua Tour & Travel)penulis memposisikan sebagai seorang desain grafis untuk membuat tampilan website
Lebih terperinciBAB III METODE PERANCANGAN. Centro Media Indonesia (Euphoria Hotel) adalah : Ilmu Desain Komunikasi Visual memiliki cakupan yang sangat luas, oleh
BAB III METODE PERANCANGAN Metodologi perancangan yang digunakan selama kerja praktek di PT. Centro Media Indonesia (Euphoria Hotel) adalah : 3.1 Metodologi Dalam kerja praktek ini, penulis berusaha menemukan
Lebih terperinciABSTRAK & EXECUTIVE SUMMARY PENELITIAN SKIM PEMBINAAN
ABSTRAK & EXECUTIVE SUMMARY PENELITIAN SKIM PEMBINAAN RANCANG BANGUN PERANGKAT KOMPUTER TERINTEGRASI DENGAN LCD PROYEKTOR BERBASIS RASPBERRY PI UNTUK MENUNJANG MEDIA PEMBELAJARAN DI KELAS PADA FAKULTAS
Lebih terperinciRekayasa Perangkat Lunak Semester Genap 2009/2010. Bahan Ajar Rekayasa Perangkat Lunak USER INTERFACE DESIGN (UID)
Rekayasa Perangkat Lunak Semester Genap 2009/2010 Bahan Ajar Rekayasa Perangkat Lunak USER INTERFACE DESIGN (UID) Pengantar Tujuan dari UID adalah merancang interface yang efektif untuk sistem perangkat
Lebih terperinciUSER INTERFACE DESIGN (UID)
USER INTERFACE DESIGN (UID) Tujuan dari UID adalah merancang interface yang efektif untuk sistem perangkat lunak. Efektif artinya siap digunakan, dan hasilnya sesuai dengan kebutuhan penggunanya. Pengguna
Lebih terperinciInteraksi Manusia dan Komputer
Pertemuan 01 Interaksi Manusia dan Komputer Pendahuluan Oleh : ANISYA, S.KOM Teknik Informatika Fakultas Teknologi Informatika ITP 2013 SUB TOPIK Ruang Lingkup Interaksi Manusia dan Komputer. Pengertian
Lebih terperinciMengatur Tampilan AutoCAD
Mengatur Tampilan AutoCAD Untuk berinteraksi dengan sebuah program, Anda pasti akan disuguhkan dengan sebuah tampilan (interface) program tersebut. Ini tentunya untuk memudahkan Anda sebagai user dalam
Lebih terperinciInteraksi Manusia dan Komputer
Computer Science, University of Brawijaya Putra Pandu Adikara, S.Kom Interaksi Manusia dan Komputer Interaksi model interaksi penerjemahan antara user dan sistem ergonomis bentuk fisik karakteristik dari
Lebih terperinciBAB 3 ANALISIS DAN PERANCANGAN
BAB 3 ANALISIS DAN PERANCANGAN 3.1 Analisis Analisis bertujuan untuk mengidentifikasi permasalahan-permasalahan yang ada pada sistem serta menentukan kebutuhan dari sistem yang dibangun. Analisis tersebut
Lebih terperinciBAB 2 LANDASAN TEORI
BAB 2 LANDASAN TEORI 2.1 Multimedia 2.1.1 Pengertian Multimedia Menurut Vaughan(2011,p1), Multimedia adalah kombinasi teks, gambar, suara, animasi dan video yang disampaikan kepada user melalui komputer.
Lebih terperinciBAB IV HASIL DAN PEMBAHASAN
BAB IV HASIL DAN PEMBAHASAN IV.1. Tampilan Hasil Pembahasan mengenai hasil mencakup spesifikasi perangkat keras (hardware) dan perangkat lunak (software) serta tampilan output perangkat lunak. IV.1.1.
Lebih terperinciModul ke: APLIKASI KOMPUTER. Pengoperasian Dasar Windows. Fakultas FASILKOM. Ramayanti, S.Kom, MT. Program Studi Teknik Informatika
Modul ke: 3 Desi Fakultas FASILKOM APLIKASI KOMPUTER Pengoperasian Dasar Windows Ramayanti, S.Kom, MT Program Studi Teknik Informatika Pendahuluan Windows Sistem Operasi Basis GUI (Graphical User Interface)
Lebih terperinciPertemuan 1 PENGENA N L A A L N A I M I K
Pertemuan 1 PENGENALAN IMK Mata kuliah : Interaksi Manusia dan Komputer Semester : III Jurusan : Manajemen Informatika Sks : 3 sks CAPAIAN PEMBELAJARAN : Mampu menyelesaikan masalah dengan menghasilkan
Lebih terperinciTUGAS PENDAHULUAN MODUL
TUGAS PENDAHULUAN MODUL 00 PRAKTIKUM TIM ASISTEN SISTEM OPERASI 2014 DESKTOP INTERFACE Oke, setelah ini akan kita mulai. Kenapa kok harus desktop interface. Desktop Interface, adalah tampilan dari desktop
Lebih terperinciLima (5) Langkah Membangun Website : 1. Merumuskan Tujuan Membuat Website
DESAIN WEB Lima (5) Langkah Membangun Website : 1. Merumuskan Tujuan Membuat Website Berdasarkan isi maupun tujuan, suatu website biasanya dapat digolongkan menjadi seperti berikut : website marketing,
Lebih terperinciBAB III ANALISIS DAN PERANCANGAN
BAB III ANALISIS DAN PERANCANGAN 3.1 Analisis Sistem Analisis sistem merupakan penguraian dari suatu sistem yang utuh ke dalam bagian-bagian komponennya dengan maksud untuk mengidentifikasi dan mengevaluasi
Lebih terperinciPRINSIP UTAMA MENDESAIN ANTARMUKA (INTERFACE)
PRINSIP UTAMA MENDESAIN ANTARMUKA (INTERFACE) Berikut ini beberapa hal yang menjadi prinsip utama mendesain antarmuka yang baik dengan memperhatikan karakteristik manusia & komputer : 1. User compatibility
Lebih terperinciBAB III ANALISA DAN PERANCANGAN 3.1 ANALISA PERANGKAT LUNAK BASIS DATA MULTIMEDIA
BAB III ANALISA DAN PERANCANGAN 3.1 ANALISA PERANGKAT LUNAK BASIS DATA MULTIMEDIA Dalam bagian ini akan dianalisis berbagai hal yang berkaitan dengan perancangan dan implementasi aplikasi multimedia. Analisis
Lebih terperinciKonfigurasi Desktop BAB 2
Konfigurasi Desktop BAB 2 Pada Bab ini Anda akan mempelajari cara: Konfigurasi Display Konfigurasi Keyboard Konfigurasi Mouse Konfigurasi Sound Konfigurasi CD Device Konfigurasi Folder Konfigurasi Asosiasi
Lebih terperinciAplikasi Komputer. Sejarah & Pengoperasian Windows 7. M. Arif Budiyanto, S.Kom, M.Hum. Modul ke: Fakultas Fasilkom. Program Studi Teknik Infromatika
Aplikasi Komputer Modul ke: Sejarah & Pengoperasian Windows 7 Fakultas Fasilkom M. Arif Budiyanto, S.Kom, M.Hum Program Studi Teknik Infromatika www.mercubuana.ac.id Sistem Operasi Secara garis besar sistem
Lebih terperinciBAB IV HASIL DAN PEMBAHASAN
BAB IV HASIL DAN PEMBAHASAN IV.1. Tampilan Hasil Tampilan hasil merupakan tahap lanjutan yang didapat setelah proses perencanaan selesai dan dihasilkan sebuah website yang cukup baik. Hasil perancangan
Lebih terperinciMenerapkan pembuatan antar muka (User Intreface) pada aplikasi
Menerapkan pembuatan antar muka (User Intreface) pada aplikasi Menerapkan pembuatan antar muka (User Intreface) pada aplikasi Definisi dan Karakteristik Antar Muka ( Interface) Prinsip Perancangan Antar
Lebih terperinciGRAPHICAL USER INTER-
Ariesto Hadi Sutopo Ariesto Hadi Sutopo GRAPHICAL USER INTER- Setelah mempelajari bab ini, Anda diharapkan dapat: 1. Memahami konsep graphical interface 2. Membuat user interface yang baik 1 Pengantar
Lebih terperinciBAB I PENDAHULUAN 1.1 Latar Belakang
BAB I PENDAHULUAN Bab ini akan membahas landasan, masalah, dan tujuan dibuatnya Forum Jual Beli Dengan Menggunakan Mobile-Web Berbasis Lokasi, batasan-batasan dan metodologi yang digunakan, dan sistematika
Lebih terperinciS2 Teknik Informatika Universitas AMIKOM Yogyakarta Tahun Akademik 2016/2017 Semester Genap. Prof. Dr. Ema Utami, S.Si, M.Kom
S2 Teknik Informatika Universitas AMIKOM Yogyakarta Tahun Akademik 2016/2017 Semester Genap Prof. Dr. Ema Utami, S.Si, M.Kom Jenis program aplikasi 1. Special purpose software 2. General purpose software
Lebih terperinciBAB III ANALISA DAN PERANCANGAN
BAB III ANALISA DAN PERANCANGAN III.1. Analisa Masalah Saat ini pembelajaran mengenai bahasa relatif monoton dan menjenuhkan serta terlihat kuno dan biasa. Di mana media pembelajaran bersifat monoton dan
Lebih terperinciVISUAL BASIC APLIKASI PEMBELIAN OBAT (APOTEK) DISUSUN OLEH : Nama : Entang Sari NIM : Kelas : A Semester III Jurusan : Manajemen Informatika
VISUAL BASIC APLIKASI PEMBELIAN OBAT (APOTEK) DISUSUN OLEH : Nama : Entang Sari NIM : 026006 Kelas : A Semester III Jurusan : Manajemen Informatika AMIK HASS BANDUNG KATA PENGANTAR Bismillahirrohmanirrohim,
Lebih terperinciBAB II Tinjauan Pustaka dan Landasan Teori
BAB II Tinjauan Pustaka dan Landasan Teori 2.1 Tinjauan Pustaka Perkembangan teknologi informasi dan komunikasi yang sangat pesat mendorong berbagai lembaga pendidikan memanfaatkan sistem e-learning untuk
Lebih terperinciInteraksi Manusia dan Komputer
Interaksi Manusia dan Komputer Jurusan : Manajemen Informatika (Vokasi) Tahun Ajaran : 2010/Genap Tugas: Buat 6 kelompok sebagai berikut: 2 kelompok dengan 7 anggota 4 kelompok dengan 6 anggota Pengumpulan
Lebih terperinciBAB 2 LANDASAN TEORI. Istilah komputer berasal dari bahasa latin computer yang berarti menghitung.
BAB 2 LANDASAN TEORI 2.1. Pengertian Komputer Istilah komputer berasal dari bahasa latin computer yang berarti menghitung. Dalam bahasa Inggris kommputer berasal dari kata to computer yang artinya menghitung.
Lebih terperinciBAB III METODOLOGI 3.1 Analisis Kebutuhan
17 BAB III METODOLOGI 3.1 Analisis Kebutuhan Analisis sistem didefinisikan sebagai penguraian dari suatu sistem informasi yang utuh ke dalam bagian-bagian komponennya dengan maksud untuk mengidentifikasikan
Lebih terperinciBAB IV PEMBAHASAN. grafik dengan menggunakan diagram relasi entitas (ERD). Diagaram relasi entitas
BAB IV PEMBAHASAN 4.1 Analisis Basisdata Struktur logika dari suatu database dapat digambarkan kedalam sebuah grafik dengan menggunakan diagram relasi entitas (ERD). Diagaram relasi entitas ini dibutuhkan
Lebih terperinciBAB IV HASIL DAN UJI COBA
BAB IV HASIL DAN UJI COBA IV.1. Hasil Dalam bab ini akan dijelaskan dan ditampilkan bagaimana hasil dari rancangan sistem perancangan aplikasi simulasi perakitan laptop berbasis multimedia yang dibuat
Lebih terperinciPERANCANGAN DESAIN BLOG PROMOSI DENGAN MEMPERTIMBANGKAN ASPEK DISPLAY ERGONOMI
PERANCANGAN DESAIN BLOG PROMOSI DENGAN MEMPERTIMBANGKAN ASPEK DISPLAY ERGONOMI Yesmizarti Muchtiar 1), Ayu Bidiawati 2) Dicky Trio Putra 3) Email: yesmizartimuchtiar@bunghatta.ac.id Abstrak. Kendala yang
Lebih terperincisekolah maupun di lembaga pendidikan menggunakan sistem pembelajaran yang
BAB III ANALISIS KEBUTUHAN PERANGKAT LUNAK 3.1 Metode Analisis Definisi metode analisis secara terminologis adalah suatu cara untuk mempelajari sesuatu dengan cara menguraikan bagian-bagiannya. Analisis
Lebih terperinciBAB 4 IMPLEMENTASI DAN EVALUASI
234 BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Implementasi Pada bagian implementasi, penulis akan menjelaskan mengenai spesifikasi perangkat keras dan perangkat lunak yang dibutuhkan sistem, jaringan yang dibutuhkan,
Lebih terperinciBAB 1 PENDAHULUAN. papan ketik. Mengetik bisa dilakukan dengan mesin tik atau dengan keyboard
BAB 1 PENDAHULUAN 1.1. Latar Belakang Masalah Mengetik merupakan kegiatan mencatat yang dilakukan dengan bantuan papan ketik. Mengetik bisa dilakukan dengan mesin tik atau dengan keyboard pada komputer.
Lebih terperinciBAB II LANDASAN TEORI
BAB II LANDASAN TEORI II.1. Data dan Informasi Secara umum data merupakan keterangan yang benar dan nyata. Pengertian Data menurut Jogiyanto H, M, Data merupakan bentuk yang masih mentah yang belum dapat
Lebih terperinciInteractive Broadcasting
Modul ke: Interactive Broadcasting Penyusunan Halaman Web Fakultas Ilmu Komunikasi Bagus Rizki Novagyatna S.Ikom Program Studi Broadcasting www.mercubuana.ac.id Penyusunan Halaman Web Definisikan secara
Lebih terperinciBAB 2 LANDASAN TEORI
BAB 2 LANDASAN TEORI 2.1 Pengertian Komputer Istilah komputer berasal dari bahasa latin computer yang berarti menghitung. Dalam bahasa Inggris komputer berasal dari kata to compute yang artinya menghitung.
Lebih terperinciBAB III ANALISIS MASALAH DAN RANCANGAN PROGRAM
BAB III ANALISIS MASALAH DAN RANCANGAN PROGRAM III.1. Analisa Masalah Simulasi 3D mempunyai fungsi utama untuk membuat pemodelan 3D. Dari pemodelan 3D dapat diciptakan karya yang spektakuler seperti special
Lebih terperinciBAB IV HASIL DAN UJI COBA
BAB IV HASIL DAN UJI COBA IV.1. Analisa Hasil Dalam bab ini akan dijelaskan dan ditampilkan bagaimana hasil dari rancangan sistem perancangan aplikasi rancang bangun 3 dimensi simulasi pembuatan kapal
Lebih terperinciKonsep Dasar Interaksi Manusia dan Komputer
Konsep Dasar Interaksi Manusia dan Komputer Ketika komputer pertama kali diperkenalkan secara komersial pada tahun 50-an, mesin ini sangat sulit dipakai dan sangat tidak praktis. Hal demikian karena waktu
Lebih terperinciSlamet Riyanto
Teknik Membuat Web Profesional dengan Photoshop Slamet Riyanto kangmas@slametriyanto.web.id http://slametriyanto.web.id Lisensi Dokumen: Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi
Lebih terperinciBAB IV HASIL DAN UJI COBA
BAB IV HASIL DAN UJI COBA IV.1. Analisa Hasil Dalam bab ini akan dijelaskan dan ditampilkan bagaimana hasil dari rancangan sistem yang dibuat beserta pembahasan tentang sistem tersebut. Adapun hasil dari
Lebih terperinciBAB IV IMPLEMENTASI DAN PENGUJIAN
BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Instalasi Software Implementasi dari Aplikasi Papan Kumon ini menggunakan RAPTOR sebagai aplikasi pemrograman berbasis flowchart untuk mengeksekusi flowchart yang
Lebih terperinciBAB 4 IMPLEMENTASI DAN EVALUASI. pengunjung yang membutuhkan informasi-informasi yang terdapat di dalam Mal
BAB 4 IMPLEMENTASI DAN EVALUASI Aplikasi kios informasi Mal Senayan City ini ditujukan kepada para pengunjung yang membutuhkan informasi-informasi yang terdapat di dalam Mal Senayan City. 4.1 Komponen
Lebih terperinciDIALOG DESAIN. 2. Sintaksis - Yaitu urutan dan struktur dari input dan output. - Pada bahasa manusia, ekuivalen dengan grammar suatu kalimat.
DIALOG DESAIN Dialog dalam arti umum adalah percakapan antara dua kelompok atau lebih. Sedangkan dialog dalam konteks perencanaan user interface adalah struktur dari percakapan antara user dan sistem komputer.
Lebih terperinciGUI dan Multimedia. Leo kumoro sakti. Abstrak. Pendahuluan
GUI dan Multimedia Leo kumoro sakti Abstrak GUI paling umum dijumpai pada workstation atau PC yang dipasangi adaptor grafik yang mampu memberikan grafik beresolusi tinggi. Multimedia Untuk menyajikan dan
Lebih terperinciBAB 2 LANDASAN TEORI. Perangkat lunak adalah perintah ( program komputer ) yang bila dieksekusi
BAB 2 LANDASAN TEORI 2.1 Pengertian Perangkat Lunak Perangkat lunak adalah perintah ( program komputer ) yang bila dieksekusi memberikan fungsi dan unjuk kerja seperti yang diinginkan, struktur data yang
Lebih terperinciBAB III ANALISA DAN PERANCANGAN
BAB III ANALISA DAN PERANCANGAN III.1. Analisis Game Analisis game merupakan analisis yang dilakukan melalui analisis user dan analisis artikel game sejenis. Analisis user dilakukan dengan mengamati perilaku
Lebih terperinciSistem Komputer. Komponen Sistem Komputer. Pengertian Sistem Operasi (SO) DEFENISI SISTEM OPERASI 21/03/2014
SISTEM OPERASI APLIKASI PENGENALAN SISTEM OPERASI Sistem Komputer Oleh : Muslihuddin, S.Kom b_l_a_c_k_x_t_r_i_m_s@yahoo.com Sebuah komputer dapat bekerja dengan melibatkan 3 komponen utama, yaitu: HARDWARE
Lebih terperinciINSTRUKSI KERJA. Penggunaan Komputer Laboratorium Perancangan Kerja dan Ergonomi Jurusan Teknik Industri
INSTRUKSI KERJA Penggunaan Komputer Laboratorium Perancangan Kerja dan Ergonomi Jurusan Teknik Industri FAKULTAS TEKNIK UNIVERSITAS BRAWIJAYA 2016 i ii DAFTAR REVISI Revisi ke 00 : Rumusan IK Penggunaan
Lebih terperinciBAB 5 HASIL DAN PEMBAHASAN DESAIN
BAB 5 HASIL DAN PEMBAHASAN DESAIN 5.1 Format Media Interaktif 5.1.1 Resolusi Format resolusi media untuk CD interaktif dongeng fabel adalah 1100 x 559 pixel. Penentuan resolusi media ini berdasarkan ukuran
Lebih terperinciHASIL DAN PEMBAHASAN. Tabel 1 Keterunutan fungsi utama aplikasi TUGAS SUB TUGAS FUNGSI. memilih katalog Home. kkan metadata [A.1.
dilakukan menggunakan metode black-box. Validasi prototipe antarmuka oleh pengguna dilakukan dengan mengujikan prototipe ke dua orang pegawai perpustakaan bagian pengolahan item bahan pustaka. Satu orang
Lebih terperinciModel User Interface. Dibuat Oleh: Anindito Yoga Pratama, S.T., MMSI
Model User Interface Dibuat Oleh: Anindito Yoga Pratama, S.T., MMSI Pengertian User Interface Antarmuka pemakai (User Interface) merupakan mekanisme komunikasi antara pengguna (user) dengan sistem. Antarmuka
Lebih terperinciDINAMIKA TEKNOLOGI April 2012 Vol. 5; No. 1; Hal
USER INTERFACE MODELLING Suhatati Tjandra Dosen Teknik Informatika Sekolah Tinggi Teknik Surabaya e-mail: tati@stts.edu ABSTRAK User Interface Modelling (UIM) digunakan untuk mendapatkan dan menspesifikasikan
Lebih terperinci3/24/2014 I N T E R A K S I. Pertemuan 4 Interaksi Manusia dan Komputer UDINUS. Apa Itu Interaksi? Komunikasi. system. user
I N T E R A K S I Pertemuan 4 Interaksi Manusia dan Komputer UDINUS Apa Itu Interaksi? Komunikasi user system 1 Interaksi Dialog manusia dan sistem dipengaruhi oleh bentuk interface. Interaksi mengambil
Lebih terperinciBAB II TINJAUAN PUSTAKA DAN DASAR TEORI
BAB II TINJAUAN PUSTAKA DAN DASAR TEORI 2.1. Tinjauan Pustaka Dari penelitian dalam ini menggunakan referensi yang sudah dibuat oleh penelitian sebelumnya, perbandingannya dapat dilihat pada tabel 2.1
Lebih terperinciBAB 1 PENDAHULUAN 1.1 Latar Belakang Masalah
BAB 1 PENDAHULUAN 1.1 Latar Belakang Masalah Java adalah sebuah bahasa pemrograman yang populer dan terkenal dengan penggunaan resource yang sedikit. Dalam paket instalasi Java Developer Kit tidak menyertakan
Lebih terperinciInteraksi Manusia dan Komputer
Interaksi Manusia dan Komputer Jurusan : ILKOM (A) Tahun Ajaran : 2010/Genap Tugas: Buat 7 kelompok sebagai berikut: 2 kelompok dengan 8 anggota 5 kelompok dengan 9 anggota Pengumpulan Tugas Yang dikumpulkan
Lebih terperinciBAB - III INTERAKSI By. By Ala n Ala Dix, D ix, Jan Ja et t Fin F lay, a y, Grego g ry o D ry. D Ab A owd o, wd, Russ us e s ll Be l ale a
BAB - III INTERAKSI By. Alan Dix, Janet Finlay, Gregory D. Abowd, Russell Beale 3.1. Pendahuluan Model interaksi Memahami apa yang terjadi di dalam interaksi antara pengguna dan sistem. Ergonomi Merupakan
Lebih terperinciBAB 3 PERANCANGAN SISTEM. Perancangan sistem yang dilakukan merupakan analisis perangkat lunak, analisis
BAB 3 PERANCANGAN SISTEM 3.1 Perancangan Sistem Perancangan sistem yang dilakukan merupakan analisis perangkat lunak, analisis program dan model yang akan dibuat. Oleh karena itu semua data yang ada didalam
Lebih terperinciBAB I. 1 P e m r o g r a m a n V i s u a l B a s i c - J a t i L e s t a r i
BAB I Konsep Visual Basic: Penerapan di dunia Usaha, Instalasi serta Pengenalan IDE (Integrated Development Environment) VB dan konsep pemrograman visual I. Tujuan Praktikum 1. Mahasiswa mengenal VB, penerapan
Lebih terperinciInteraksi Manusia - Komputer
Interaksi Manusia - Komputer Pertemuan ke -2 Antar Muka Manusia Komputer Interaksi Manusia Komputer Peranti Bantu Pengembang Sistem Strategi Pengembangan Antar Muka Prinsip UI 1 Peranti Bantu Pengembang
Lebih terperinciBAB III METODOLOGI PENELITIAN. Penelitian ini menekankan pada objek virtual tiga dimensi gedung-gedung
25 BAB III METODOLOGI PENELITIAN 3.1. Waktu dan Tempat Penelitian Penelitian ini menekankan pada objek virtual tiga dimensi gedung-gedung utama pada Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas
Lebih terperinci1.1 Latar Belakang Masalah
BAB 1. PENDAHULUAN Perkembangan dan peningkatan masyarakat akan memancing seperti yang telah diteliti oleh penulis, berbagai masalah yang muncul dalam penelitian, tujuan dari pembahasan penelitian, ruang
Lebih terperinciBAB IV KONSEP PERANCANGAN
BAB IV KONSEP PERANCANGAN 4.1. Ide/Gagasan Perancangan Promosi sebuah grup band adalah salah satu cara yang umum dilakukan oleh banyak grup band untuk dapat dikenal oleh banyak orang dan mendapat penggemar
Lebih terperinciBAB 2 LANDASAN TEORI. yang saling berinteraksi untuk mencapai tujuan. yang dimaksud dengan data dan informasi? Data adalah fakta fakta yang
BAB 2 LANDASAN TEORI 2.1. Sistem Informasi Sistem berasal dari bahasa Yunani yaitu systema yang mengandung arti kesatuan dari bagian yang berhubungan satu dengan yang lain. Menurut Jogiyanto system adalah
Lebih terperinciBAB III ANALISIS DAN DESAIN SISTEM
BAB III ANALISIS DAN DESAIN SISTEM III.1. Analisis Pada bab ini, akan dilakukan penganalisaan mengenai analisa dan perancangan pembuatan aplikasi Media Pembelajaran Bangunan Bersejarah di Sumatera Utara.
Lebih terperinci