Tugas Akhir Interaksi Manusia Dan Komputer (Part 1)

Posted by: oW_puNK / Category:

Pada kesempatan ini saya akan mencoba mengevaluasi atau mendeskripsikan sebuah website yaitu www.coffeetoffee.co.id sebagai tugas akhir mata kuliah interaksi manusia dan komputer.


Seperti yang telah kita ketahui website mempunyai beberapa katagori, diantaranya :

1. Website tipe Portal adalah sebuah website yang memberikan bermacam macam informasi dalam satu domain. Informasi yang diberikan ini bisa spesifik seputar satu topik saja, misalnya portal games, portal berita, ataupun yang bersifat general. Umumnya sebagian besar informasi yang diberikan oleh Portal ini bersifat searah, dari webmaster kepada user, walaupun pada perkembangannya banyak yang mulai menyajikan user generated contents.
2Website Shopping/E-Commerce adalah sebuah website yang bertujuan untuk menjual barang barang riil melalui internet. Umumnya barang yang dijual lebih dari satu, dan menggunakan sistem shopping cart. Sumber pendapatan utamanya adalah dari penjualan barang barang.
3. Website Sales Letter merupakan website yang serupa dengan website Shopping perbedaan utamanya adalah jumlah barang/jasa yang dijual. Biasanya fokus pada satu produk dan biasanya pula disertai dengan begitu banyak bonus. Sumber pendapatannya dari penjualan produk/jasa tersebut.
4. Website Profile sendiri adalah sebuah website yang fungsi utamanya adalah sebagai portofolio online sebuah perusahaan. Biasanya memuat informasi mengenai perusahaan tersebut beserta latar belakang, produk, penghargaan, dan informasi informasi lainnya yang berkaitan dengan perusahaan pemilik website profile tersebut. Sumber pendapatannya tidak ada, karena website profile biasanya dirancang untuk mendukung bagian marketing perusahaan.
5. Blog, sebutan populer dari Weblog adalah sebuah website yang dirancang untuk menjadi katalog/arsip/kumpulan artikel/tulisan yang ditulis oleh seorang/sekelompok penulis tertentu. Biasanya disertai dengan fitur komentar oleh pembaca tulisan/artikel tersebut.
6. Website Community, seperti namanya dibangun berdasarkan atas komunitas. Contentnya biasanya user generated. Sifatnya dari user untuk user.

Nah fungsi website coffeetoffee ini adalah sebagai website profil yaitu berfungsi untuk mendukung marketing perusahaan dan juga untuk memperkenalkan jenis produk yang ingin ditawarkan oleh perusahaan tersebut. Agar konsumen mendapatkan informasi langsung dari perusahaan tersebut.


Baca selengkapnya »

Tugas Akhir Interaksi Manusia Dan Komputer (Part 2)

Posted by: oW_puNK / Category:



Nielsen's Heuristik


Heuristik Jakob Nielsen mungkin merupakan heuristik yang paling sering digunakan untuk desain antarmuka pengguna. Nielsen mengembangkan heuristik berkonsultasi dengan Rolf Molich pada tahun 1990. Ada 10 Heuristik Nielsen, heuristik tersebut adalah :

1. Visibility of system status: Sistem tersebut harus memberikan informasi kepada  pengguna tentang apa yang terjadi, melalui umpan balik yang sesuai dalam waktu yang wajar.


2. Match between system and the real world: Sistem tersebut harus menggunakan bahasa pengguna, dengan kata-kata, frase dan konsep akrab bagi pengguna, bukan istilah berorientasi sistem.


3. User control and freedom: Pengguna sering memilih fungsi sistem dengan kesalahan dan akan memerlukan keluar "darurat diberi tanda dengan jelas" untuk meninggalkan path yang tidak diinginkan tanpa harus pergi melalui dialog diperpanjang.


4. Consistency and standards: Pengguna tidak perlu bertanya-tanya apakah kata-kata yang berbeda, situasi, atau tindakan berarti hal yang sama.


5. Error prevention: Pesan error yang baik adalah desain yang hati-hati mencegah masalah dari yang terjadi di tempat pertama.


6. Recognition rather than recall: Minimalkan beban memori pengguna dengan membuat objek, tindakan, dan pilihan terlihat.


7. Flexibility and efficiency of use: Seringkali dapat mempercepat interaksi bagi pengguna seperti sistem dapat melayani baik para pengguna yang tidak berpengalaman dan berpengalaman.


8. Aesthetic and minimalist design: Dialog tidak boleh berisi informasi yang tidak relevan atau jarang dibutuhkan.


9. Help users recognize, diagnose, and recover from errors: Pesan kesalahan akan disajikan dalam bahasa.


10. Help and documentation: Meskipun lebih baik jika sistem dapat digunakan tanpa dokumentasi, mungkin perlu untuk memberikan bantuan dan dokumentasi. 



Gambar 2. Fungsi login

Secara umum website ini sudah cukup baik, hanya saja pada tampilan fungsi-fungsi dihalaman home, font tulisannya sangat kecil, sehingga pengguna yang mengalami kesulitan untuk melihat tulisan itu akan semakin direpotkan dengan font tulisannya yang sangat kecil. Juga pada text box untuk registrasi website ini tidak memberikan guide line bagi user, sehingga akan membuat user kebingungan mengisi text boxt tersebut. Apakah harus login dengan email user ataukah dengan username yang telah terdaftar pada web tersebut. 
Gambar 3. Produk coffeetoffee

Dan juga masih dihalaman home ini, gambar-gambar produk dari coffetoffee ini disajikan dalam bentuk yang hampir menyerupai iklan diluar dari produk ini. Juga untuk news dan komentar dari user biasanya terletak disebelah kanan dari sebuah website. Jadi untuk produk-produk dari coffetoffee ini bisa disajikan dengan menggantikan posisi news lates dan komentar dari konsumen. 


Gambar 4. News dan new product 




Baca selengkapnya »

Tugas Akhir Interaksi Manusia Dan Komputer (Part 3)

Posted by: oW_puNK / Category:



Lanjutan web usability

Gambar 5. Fungsi Bussiness Opurtunity
Pada fungsi-fungsi yang lain secara kesuluran web ini telah memberikan visibility yang baik bagi para pengguna. Tetap pada beberapa halaman seperti pada halaman bussiness oportunity bahasa yang digunakan tidak konsisten, karena terkadang judul ditulis dengan bahasa inggris, tapi kemudian isinya diisi dengan bahasa indonesia. Hal ini akan membuat kebingungan user yang masih awam untuk sebuah web profil ini. Terlebih lagi tidak menutup kemungkinan untuk user yang tidak bisa menggunakan atau tidak paham bahasa inggris.

Gambar 6. Scrolling
Pada halaman product juga sebenarnya sudah tepat menggunakan scrolling untuk memudah kan user mencari atau untuk melihat produk-produk di website ini. Hanya saja scroll nya terlau panjang. Saran saya pada halam ini sebaiknya menggunakan grid-grid agar lebih enak dilhat. Kemudian pada grid-grid tersebut diberikan link yang akan menjelaskan lebih rinci tentang produk-produk coffeetoffe ini sendiri.


Baca selengkapnya »

Tugas Akhir Interaksi Manusia Dan Komputer (Part 4)

Posted by: oW_puNK / Category:


Kesimpulan :
1. Website www.coffeetoffee.co.id ini secara keselurahan sudah baik, hanya saja ada beberapa fungsi dan beberapa konten dari web tersebut yang masih harus diperbaiki lagi. Seperti pada fungsi login, penggunaan bahasa, penggunaan scrolling dll.
2. Web yang usabililty adalah sebuah web yang dapat memberikan kenyaman kepada pengguna dan dapat memberikan experiance kepada penggunanya.

Demikian semoga tugas ini bisa bermanfaat dan dapat menambah pengetahuan khususnya bagi saya sendiri bagaimana sih website yang baik itu. Dan terima kasih kepada Pak Firman Ardiansyah yang telah membimbing kami dan mengajarkan mata kuliah Interaksi Manusia dan Komputer selama satu semester ini...:)


Nova Maulizar
 G64070009


Baca selengkapnya »

Kriteria Microsoft Office 2010

Posted by: oW_puNK / Category:

1.Office 2010 memiliki Screeshot Capture, jadi dengan fasilitas ini dapat memungkinkan kita mengcapture gambar yang ada dilayar.
2.Fasilitas Removal Background, jadi kita bisa dengan gampang menghapus background yang ada di shape, dll.
3.Fasilitas Auto Permisson yang lebih baik (untuk security / keamanan).
4.Tampilan button yang lebih menarik, sehingga dapat memudah user menggunakan office 2010 ini.
5.Proteksi mode ketika seseorang membuka file dari sebuah situs di internet.
6.Revamped Print Option,  di office 2010 user dimudahkan dengan pilihan-pilihan untuk print dokumen dengan tampilan di backstage view tanpa harus membuka jendela baru. Hal yang sama dapat ditemui pada menu lainnya, seperti recent, help, share dan new.


Baca selengkapnya »

Microsoft Office 2010 Beta 2 Special Review

Posted by: oW_puNK / Category:


Sepertinya baru kemarin Microsoft mengenalkan Office 2007 ke publik. Peluncuran Office 2007 menjadi menarik karena versi Office itu sangat berbeda dengan Office sebelumnya, dengan hadirnya Ribbon Interface dan banyak fitur-fitur baru. Tapi itu sudah tiga tahun lalu, saya masih ingat dulu saat pertama kali Office 2007 hadir, saya begitu terobsesi untuk menggunakannya. Sampai-sampai berkali-kali membaca artikel yang sama tentang review office 2007. Tapi itu dulu, sekarang microsoft sudah memperkenalkan pengganti Office 2007, yaitu Office 2010. Apa yang ditawarkan oleh Microsoft di Office terbarunya itu?

Kesan Pertama

Yang pertama kali di tampilkan oleh Ofiice 2010 ketika di buka adalah splash screen. Apa yang istimewa? Splash Screen Office 2010 tidak seperti Office 2007 yang hanya menampilkan gambar statik, Splash Screen menampilkan gambar bergerak yang cantik. Selain itu, startup terasa lebih cepat dibandingkan Office 2007.

Splash Screen Word, yang kuning-kuning itu sebenarnya bergerak


User Interface

User Interfacenya tidak berbeda jauh dengan Office 2007, meski tetap berbeda. Perbedaan itu seperti pada ribbonnya, Ribbon Office 2010 terasa lebih datar, tidak banyak variasi warna dan gradiasi seperti pada ribbon Office 2010. Kalau menurut saya pribadi, Ribbon Office 2010 tidak se eye-catchng milik 2007, namun terasa lebih cepat membuka ribbon di 2010 dibandingkan 2007.

GUI Word 2010


Office button yang ada di Office 2007 juga dihilangkan, sebagai gantinya ada satu tombol bertuliskan file. Mirip seperti Office button atau tombol menu dropdown pada Office 2003 kebawah, namun dia akan menampilkan jendela baru yang di sebut backstage view, Dalam backstage view, terdapat fitur-fitur yang biasanya ada di office button, namun apa yang ditampilkan di backstage lebih lengkap dan beberapa menu terintegerasi dengan jendela backstage view. Misalnya pada menu Print, pada office sebelumnya, ketika mengklik tombol print, yang ditampilkan adalah jendela baru untuk memprint, di office 2010, pilihan-pilihan untuk print dokumen tampil di backstage view tanpa membuka jendela baru. Hal yang sama dapat ditemui pada menu lainnya, seperti recent, help, share dan new. Hanya saja, untuk menu save, save as, option dan open, masih akan menampilkan jendela baru. Selain itu, user interface tidak terlalu banyak berubah.
JIka Office 2007, tidak semua aplikasi memakai interface ribbon, seperti Visio 2010, onenote dan Publisher. Di Office 2010, semuanya sudah menggunakan interface Ribbon. Kecuali microsoft picture manager, tapi mungkin tidak akan menjadi masalah. Karena tidak banyak pengguna office yang menggunakannya.


Back Stage View

Jendela Print Yang terintegerasi dengan back stage

Fitur-Fitur Baru

3 tahun pengembangan, tidak mungkin Microsoft membuat Office 2010 tanpa banyak fitur baru. Mungkin tidak semua fitur baru Office 2010 di kupas disini, yang dibahas disini adalah fitur-fitur baru yang menarik dan akan banyak berguna dan fokus ke 3 paket office yang paling sering digunakan secara umum, Word Excel dan Power Point Paket lainnya? Lewat..…
kita mulai dengan fitur-fitur baru yang terdapat di ketiga paket itu sekaligus….

Screenshot

Screenshot ini berfungsi untuk mengambil gambar dilayar. Dengan ini, Ketika membutuhkan tampilan layar untuk dimasukan ke dokumen tidak perlu susah-susah menggunakan software lain. Screenshot dapat ditemui di ribbon tab Insert di bagian Ilustration. Cara menggunakanya sangat mudah, tinggal klik button screenshot, akan tampil gambar jendela aplikasi yang sedang terbuka, tinggal dipilih. Jadi kita dapat membuat screenshot jendela aplikasi lain tanpa harus meninggalkan jendela Office 2010. Namun, fungsinya tetap terbatas, kita tidak dapat mengambil sebagian jendela dan tidak semua jendela ditampilkan di situ, tetap ada jendela terbuka yang tidak tampil.
Meski fungsinya terbatas, lumayanlah, daripada tidak ada. Mungkin fungsi ini akan dikembangkan lagi di office selanjutnya.

         Screenshotnya fitur screenshot


Remove Background

Remove background berfungsi untuk membuang background pada gambar. Ini fitur yang sejak dulu di perlukan di MS Office, seperti ketika menampilkan gambar di slide power point, Remove background sangat berguna untuk menampilkan gambar dengan background yang mengganggu, dengan remove background, background yang mengganggu itu dapat dihilangkan. Remove background hanya efektif untuk membuang background yang seragam dan warnanya kontras dengan isi gambarnya. Remove background bekerja otomatis untuk menentukan mana background dan mana gambar utamanya, karena itulah, remove background tidak fleksibel, pengaturan yang ada sangat terbatas.


Pilihan remove background, sangat terbatas

Paste Preview

Dengan paste preview, teks atau gambar yang akan di paste akan ditampilkan saat kursor menyorot pilihan paste sebelum kita benar-benar mempastenya. Ini berguna untuk melihat seperti apa hasil dari paste itu sebelum kita mempastenya, sehingga meminimalkan kesalahan ketika mempaste. Selain itu, ada pilihan tentang bagaimana format dokumen yang akan di paste apakah mengikuti format asalnya, hanya teks biasa atau digabung format sekarang dengan format asalnya.


Paste Preview


Artistic Effect

Artistic effect merupakan kumpulan efek untuk gambar yang siap pakai. Ada sekitar 23 efek yang hanya butuh 2 klik saja untuk mengaplikasikannya ke dalam gambar. Masih berhubungan dengan manipulasi gambar, di Office 2010 fitur-fitur untuk manipulasi gambar dan shape terintegerasi dalam satu jendela, tidak seperti dulu yang terpisah-pisah meski masih dalam satu ribbon.

Pillihan Artistic Effects


Fitur Baru Di Word 2010

Word 2010 kini dapat menampilkan word art dan shape seperti yang dapat dilakukan excel dan power point 2007. Apabila kita cermati, Word Art dan edit Shape pada word 2007 masih menggunakan gaya Office versi lama. Kini sudah tidak lagi, kita dapat mengunakan fitur tersebut seperti excel dan Power point. Ada satu fitur di Word 2007, yaitu navigation pane, berfungsi untuk mempermudah kita dalam berpindah halaman dan melihat sekilas konten di tiap halaman word 2010 . Selain itu, Navigation pane juga sudah terintegerasi dengan searching, sehingga akan mudah jika ingin mencari sesuatu disitu.


Navigation Pane


Fitur Baru Di Excel 2010

Hanya satu fitur baru lainnya yang saya temukan di Excel 2010, yaitu Excel Sparklines. Namun saya sudah mencoba-coba, namun belum menemukan fungsi dari sparklines, dia hanya menampilkan bar berdasarkan nilai yang dipilih.

Sparklines


Fitur Baru Di Power Point 2010

Power Point 2010 adalah yang paling banyak perubahannya dibanding word dan excel. Perubahan-perubahan itu seperti pada integerasi custom animation pada ribbon, jadi tidak ditemukan taskpane custom animation disini. Selain itu, custom animation dan silde transition sudah memiliki tab ribbon sendiri, tidak seperti Power point 2007 yang menjadi satu tab. Yang paling menonjol adalah ditambahkannya slide transition baru dalam bentuk animasi 3 dimensi, tidak seperti dulu slide transition dulu yang gerakannya hanya ke kiri, kanan, bawah dan atas. Animasi efek slide transition yang 3 dimensi terlihat sangat cantik. Selain 3 dimensi, ada lagi slide transition yang digerakan bukan slidenya, tapi isi slidenya, namanya Dynamic Content.
Ada juga section, berfungsi untuk membagi slide dalam bagian-bagian. Misalnya bagian pembuka, isi per materi, kesimpulan atau penutup. Sehingga dengan section, slide power point menjadi lebih mudah di organisir.


Animation Tab



Slide Transition


Selain fitur-fitur tersebut, masih banyak fitur lain Office 2010 yang belum di bahas. Tentunya akan menghabiskan banyak waktu untuk mereview Office terbaru ini. Melihat fitur-fitur baru tersebut, saya rasa akan lebih produktif bila menggunakan Office 2010 ini. Fitur-fitur seperti screenshot remove background dan sebagainya sangat membantu kita dalam menciptakan konten dengan Office 2010. Saat ini memang Office 2010 masih dalam tahap beta, mungkin harus bersabar menunggu versi finalnya dulu untuk menggantikan total office 2007.
























Baca selengkapnya »

LINKED LIST

Posted by: oW_puNK / Category:

LINKED LIST
Linked List adalah rangkaian struct atau list yang disebut dengan node. Setiap node setidaknya memiliki dua anggota, salah satu poin yang menuju ke list berikutnya atau node dalam list. Ada dua jenis linked list, yaitu Single Linked List dan Double Linked List.
1. Single Linked List
Single Linked List adalah Linked List lurus dengan pointer tungal. Jadi dalam satu struktur simpul hanya ada satu elemen atau field atau variabel yang bertipe pointer yang isinya adalah alamat simpul berikutnya atau next node.

Untuk membuat pointer FIRST dan pointer LAST yang berfungsi menunjuk sebuah struktur yang bertipe Simpul, dapat ditulis sebagai berikut :
typedef struct Node {
int INFO;
struct Node *LINK;
};
typedef struct Node Simpul;
simpul *P, *FIRST, *LAST;

 Pembuatan sebuah simpul
Instruksi untuk pembuatan simpul adalah sebagai berikut :

Fungsi pembuatan sebuah simpul :
void BUAT_SIMPUL (int X)
{ P = (Simpul *) malloc (sizeof (Simpul));
if (P != NULL)
{
P->INFO = X;
}
else
printf("Pembuatan Simpul Gagal");

FUNGSI INSERT
 Insert Kanan (insert akhir)
insert kanan maksudnya adalah menginsert sebuah simpul baru diujung paling kanan, atau bila dilihat dari arah panah disebut diujung paling akhir linked list yang sudah ada.
fungsi untuk insert kanan :


void INSERT_KANAN(void)
{
LAST->LINK = P;
LAST = P;
P->LINK = NULL;
}

 Insert Kiri (Insert awal)
Insert kiri maksudnya adalah menginsert sebuah simpul baru diujung paling kiri, atau bila dilihat dari arah panah disebut diujung paling awal dari linked list yang sudah ada.
Fungsi untuk insert kiri :



void INSERT_KIRI (void)
{ if (FIRST ! = NULL)
{ P->LINK = FIRST;
FIRST = P; }
else
printf("Linked List Belum Ada");
}

 Insert Tengah
Insert tengah maksudnya adalah menginsert sebuah simpul baru antara dua buah simpul yang sudah ada, misalnya antara simpul (1) dan (2) atau antara (2) dan (3) dan setrusnya atau antara simpul (i) dan (i+1).



Fungsi untuk insert tengah :
void INSERT_TENGAH (void)
{
P->LINK = Q->LINK;
Q->LINK = P;
}


FUNGSI DELETE

 Delete kanan atau delete akhir
Delete kanan atau delete akhir maksudnya adalah menghapus simpul yang berada di ujung paling kanan.
Fungsi Delete kanan dan mencetak X;

void DeleteKanan (void)
{ int X;
X = LAST->INFO;
printf("%d", X);
free(LAST);
LAST = Q;
LAST->LINK=NULL;
}


 Delete kiri atau delete awal
Delete kiri atau delet awal maksudnya adalah menghapus simpul yang ada di ujung paling kiri.
Fungsi Delete kiri atau delete awal :

void DeleteKiri (void)
{ int X;
Q = FIRST;
X = FIRST->INFO;
printf ("%d", X);
FIRST = Q->LINK;
free(Q);
}

 Delete Tengah
Delete tengah maksudnya adalah menghapus sebuah simpul yang berada diantara dua buah simpul lain. Bukan menghapus simpul yang paling kiri dan juga bukan menghapus simpul yang paling kanan.
Fungsi Delete Tengah :


void DeleteTengah(void)
{ int X;
R = Q->LINK;
X = R->INFO;
printf ("%d", X);
Q->LINK = R->LINK;
free(R);
}


2. Double Linked List
Double Linked list maksudnya adalah Linked List dengan pointer ganda, yaitu ada dua buah pointer. Jadi dalam struktur Simpul ada dua elemen atau field atau variable yang bertipe pointer. Yang pertama menunjuk atau berisi alamat simpul sebelumnya atau previuos node, dan yang kedua menunjuk simpul berikutnya atau next node.


Contoh :
FIRST LAST


Cara membuat sebuah simpul :



left info right
fungsi untuk membuat simpul adalah :
typedef struct Node {
struct Node *LEFT;
int INFO;
struct Node RIGHT;
};
typedef struct Node Simpul;


 Insert Kanan atau insert akhir
Insert Kanan atau insert akhir adalah untuk menambah simpul di belakang (sebalah kanan) pada sebuah double linked list. Berikut adalah penggalan Insert Kanan atau Insert akhir.

void InsertKanan (void)
{
LAST->RIGHT = P;
P->LEFT = LAST;
LAST = P;
P->RIGHT = NULL;
}

 Insert Kiri atau Insert awal
Insert kiri atau insert awal adalah untuk menambah simpul di depan (sebelah kiri). prosedure ini tidak berbeda jauh dengan prosedur insert kanan yang telah dijelaskan sebelumnya. Berikut ini adalah penggalan fungsi insert kiri.
void InsertKiri (void)
{
P->RIGHT = LAST;
LAST->LEFT = P;
LAST = P;
P->LEFT = NULL

 Insert Tengah
Insert Tengah jika suda ada double linked list yang ditunjuk oleh pointer Q. Sudah dibuat sebuah simpl baru yang ditunjuk oleh pointer P, dan P-> INFO sudah diisi.
berikut adalah penggalan fungsi Insert tengah.
void InsertTengah(void)
{
P->RIGHT = Q->RIGHT;
P->LEFT = Q;
Q->RIGHT->LEFT = P;
Q->RIGHT = P;
}



FUNGSI DELETE

 Delete Kanan atau Delete Akhir
Adalah untuk menghapus simpul dari belakang. Prosedur ini merupakan kebalikan dari prosedur Insert Kanan yang menambah simpul belakang. Berikut adalah penggalan prosedur Delete kanan.

void DeleteKanan (void)
{ int X;
X = LAST->INFO;
LAST = LAST->LEFT;
free(LAST->RIGHT);
LAST->RIGHT = NULL;
return(X);
}

 Delete Kiri atau Delete Awal
Adalah merupakan kebalikan dari prosedur Delete Kanan yang menghapus simpul dari belakang, sedangkan Delete awal akan menghapus simpul dari depan (sebelah kiri). Berikut adalah penggalan prosedure Delete kiri atau Delete awal.

void DeleteKanan (void)
{ int X;
X = LAST->INFO;
LAST = LAST->LEFT;
free(LAST->RIGHT);
LAST->RIGHT = NULL;
return(X);
}

 Delete Tengah
Adalah apabila ada double linked list dan sudah ditunjuk oleh pointer Q. Penggalan fungsi Delete Tengah adalah sebagai berikut.

void DeleteTengah (void)
{ int X;
X = Q->RIGHT->INFO;
Q->RIGHT = Q->RIGHT->RIGHT;
free (Q->RIGHT->LEFT);
Q->RIGHT->LEFT = Q;
return(X);
}


Baca selengkapnya »