Sunday 14 November 2010

Fitur Google Spy di Google Chrome


Sudah pernah menggunakan Google Chrome untuk browsing2 bkn?
Yang belum, coba pakai google chrome, lebih ringan...

Yang sudah, pernah tau gak kalau di Google Chrome ada fitur Google Spy...
Artinya kita bisa melakukan browsing dengan 2 browser yaitu Google Chrome dan Google Spy nya.. Dengan fitur ini, kita bisa membuka dua account email, social networking, dll yg berbeda..

lihat gambar dibawah ini

cara menggunakan google spy yaitu:
1. pilih customise yg gambar tang di pojok kanan atas
2. lalu pilih "new incognito window",
lalu akan keluar jendela Google Chrome baru...
...
kita bisa langsung menggunakan browser ini bersamaan dengan google chrome yang asli

Thursday 28 October 2010

Algoritma untuk menghitung nilai maksimum dari 7 buah bilangan

#include "stdio.h"
main()
{
int N, Max, i , jumlah;
scanf("%d",&N);
Max=N;
i=2;
while(i<=7)
{
scanf("%d",&N);
if(N>Max)
{
Max=N;
jumlah=1;
}
else if (N=Max)
{
jumlah++;
}
i++;
}
printf("Nilai Tertinggi: %d\n",Max);
return 0;
}

Tuesday 3 August 2010

jarak peta






Calculate driving distance with Google Maps API
















coba peta lagi

/*
*
* @(#) $Id: test_map_location_input.php,v 1.8 2009/12/22 06:51:51 mlemos Exp $
*
*/

require("forms.php");
require("form_map_location.php");
require("country_codes.php");

/*
* Request a Google Maps key for your domain here:
* http://www.google.com/apis/maps/signup.html
*/
$key="ABQIAAAA7V8XnKRU9Ap_TYRAFk9tqRSjKdwWpQikcbMmFM-d61BWa0XlKhRfShNejYLw0m_FSORW6mu6r-IHlg";
$adsense_publisher = 'ca-pub-2951707118576741';
$adsense_channel = '0637651970';

$form=new form_class;
$form->NAME="maps_form";
$form->METHOD="POST";
$form->ACTION="";
$form->debug="trigger_error";

/*
* This is just for testing purposes
*/
if(defined('GOOGLE_MAPS_KEY'))
$key=GOOGLE_MAPS_KEY;
if(defined('ADSENSE_PUBLISHER'))
$adsense_publisher=ADSENSE_PUBLISHER;
if(defined('ADSENSE_CHANNEL'))
$adsense_publisher=ADSENSE_CHANNEL;

$error=$form->AddInput(array(
"TYPE"=>"custom",
"CustomClass"=>"form_map_location_class",
"ID"=>"map",
"LABEL"=>"Point your location on the map:",
"ACCESSKEY"=>"P",
"STYLE"=>"width: 600px; height: 400px",
/*
"CLASS"=>"some CSS class",
*/
/*
* Go to the Google Maps API site to obtain a free API key for your
* domain: http://www.google.com/apis/maps/signup.html
*/
"Key"=>$key,
"Latitude"=>37.4419,
"Longitude"=>-122.1419,
"ZoomLevel"=>3,
/*
"ZoomBounds"=>array(
32,
-123,
39,
-117
),
*/
"ZoomMarkers"=>1,
"BoundsOffset"=>1.0,
"MapType"=>"Hybrid",
"LatitudeLabel"=>"Latitude:",
"LatitudeStyle"=>"background-color: #f1d9d9;",
/*
"LatitudeClass"=>"some CSS class",
*/
"LongitudeLabel"=>"Longitude:",
"LongitudeStyle"=>"background-color: #f1d9d9",
/*
"LatitudeClass"=>"some CSS class",
*/
"Controls"=>array(
/*
"SmallMap"=>array(),
*/
"LargeMap"=>array(),
/*
"SmallZoom"=>array(),
*/
"Scale"=>array(),
"MapType"=>array(),
/*
"OverviewMap"=>array(),
*/
),
'AdsManager'=>array(
'Publisher'=>$adsense_publisher,
'MaxAdsOnMap'=>1,
'Style'=>'adunit',
'Channel'=>$adsense_channel
),
/*
"Accessible"=>1,
"HideMarker"=>0,
*/
"Clusters"=>array(
'common'=>array(
'Manager'=>'MarkerClusterer',
'Path'=>'markerclusterer.js'
)
),
"Markers"=>array(
array(
"Latitude"=>37.78156937014928,
"Longitude"=>-122.42340087890625,
"Information"=>"San Francisco",
"Link"=>"http://www.ci.sf.ca.us/",
"Target"=>"_blank",
"Title"=>
"Click here to go to the official San Francisco government site on a new window",
'Cluster'=>'common'
),
array(
"Latitude"=>38.58252615935333,
"Longitude"=>-121.48818969726562,
"Information"=>"Sacramento",
'Cluster'=>'common'
),
array(
"Latitude"=>34.05265942137599,
"Longitude"=>-118.2403564453125,
"Information"=>"Los Angeles",
"Link"=>"http://www.ci.la.ca.us/",
"Title"=>
"Click here to go to the official Los Angeles government site on this window",
'Cluster'=>'common'
),
array(
"Latitude"=>32.71855479966606,
"Longitude"=>-117.16232299804688,
"Information"=>"San Diego",
'Cluster'=>'common'
),
)
));
if(strlen($error))
die("Error: ".$error);
$form->AddInput(array(
"TYPE"=>"submit",
"VALUE"=>"Submit",
"NAME"=>"doit"
));

$form->AddInput(array(
"TYPE"=>"textarea",
"ID"=>"address",
"NAME"=>"address",
"COLS"=>60,
"ROWS"=>3,
"LABEL"=>"Address:",
"ACCESSKEY"=>"A",
"VALUE"=>"",
));
$form->AddInput(array(
"TYPE"=>"select",
"ID"=>"country",
"NAME"=>"country",
"VALUE"=>"",
"OPTIONS"=>$country_codes,
"LABEL"=>"Country:",
"ACCESSKEY"=>"C",
));
$form->AddInput(array(
"TYPE"=>"button",
"ID"=>"locate_address",
"NAME"=>"locate_address",
"VALUE"=>"Locate address",
));
$form->Connect("locate_address", "map", "ONCLICK", "LocateAddress", array(
"Address"=>"address",
"Country"=>"country",
"CountryValue"=>"SelectedOption"
));

$form->AddInput(array(
"TYPE"=>"submit",
"ID"=>"refresh",
"VALUE"=>"Refresh",
"SubForm"=>"refresh"
));

$form->LoadInputValues($form->WasSubmitted("doit"));
$verify=array();
if($form->WasSubmitted("doit"))
{
if(($error_message=$form->Validate($verify))=="")
$doit=1;
else
{
$doit=0;
$error_message=HtmlEntities($error_message);
}
}
else
{
$error_message="";
$doit=0;
}

if(!$doit)
{
if(strlen($error_message))
{
Reset($verify);
$focus=Key($verify);
}
else
$focus='map';
$form->ConnectFormToInput($focus, 'ONLOAD', 'Focus', array());
}

$onload = HtmlSpecialChars($form->PageLoad());
$onunload = HtmlSpecialChars($form->PageUnload());

?>


Test for Manuel Lemos' PHP form class <br />using the map location plug-in input
echo $form->PageHead();
?>

onunload=""
bgcolor="#cccccc">

Test for Manuel Lemos' PHP form class
using the map location plug-in input




if($doit)
{
$form->GetInputProperty("map", "Latitude", $latitude);
$form->GetInputProperty("map", "Longitude", $longitude);
echo '

The location latitude is ', $latitude,
' and the longitude is ', $longitude, '.

';
}
else
{
$form->StartLayoutCapture();
$title="Form map location plug-in test";
$body_template="form_map_location_body.html.php";
include("templates/form_frame.html.php");
$form->EndLayoutCapture();

$form->DisplayOutput();
}
?>



coba peta






Google Maps AJAX + MySQL/PHP Example









Friday 25 June 2010

2. Analisis Web www.hammieshop.com (Tugas Akhir IMK) part 3

5. Error prevention










Pada saat login, captcha yang digunakan harus menggunakan huruf besar, dan keterangan yang diatas captcha terlalu panjang..
untuk pengguna yang lupa kata sandi, link menuju lupa kata sandi tidak seperti link,
sama halnya dengan ling daftar disini tidak seperti link.

6. Recognition rather than recall
















Pengguna lebih mudah untuk melihat dari pada memanggil kembali sesuatu.
pengguna di situs ini bisa melihat kembali produk-produk yang pernah dilihat tanpa kembali ke menu produk tersebut, terdapat menu Recently viewed.




7. Flexibility and efficiency of use

"pengguna menginginkan sesuatu yang mudah dan efisien"

pada situs ini, untuk melihat gambar produk menjadi lebih besar, kita harus mengklik dan ternyata gambar tersebut keluar di jendela baru, ini sangatlah tidak bagus,,,
dengan berkembangnya teknologi bahasa pemrograman,seharusnya di situs ini ditanamkan javascript, ajax atau lainnya sehingga membuat gambar yang diperbesar bisa terlihat di jendela yang sama..

8. Aesthetic and minimalist design


di situs ini terlalu banyak white space, ruang putih kosong yang mubazir..
desain situs ini tidak bagus karena gambar yang ada dibawah harusnya diletakkan di banner bawah saja,..
Pada banner atas juga terlalu banyak gambar yang bergerakberganti- ganti, gambar tersebut diberikan link juga ke halaman awal.
Batasan antara banner dan search juga tidak jelas.

9. Help users recognize, diagnose, and recover from error

pada saat mendaftar, apabila terjadi error bukan hanya diberikan pesan error, seharusnya diberikan penanda dimanakah error tersebut terjadi.
sehingga pengguna bisa lebih mudah..

10. Help and documentation


"pengguna tidak tahu apa yang harus dilakukan"

pada menu advanced search, terlihat kerumitan dalam menggunakannya, tidak ada petunjuk penggunaan guna memudahkan user..

the end
--------------------------------------------------------------------------------------------
Sekian postingan dari saya, sekiranya bermanfaat bagi kita semua....
saya tunggu kritik dan saran, komentar dan pernyataan...
terima kasih

2. Analisis Web www.hammieshop.com (Tugas Akhir IMK) part 2

2. Match between system and the real world
Bahasa yang digunakan pada situs ini tidak konsisten, menggunakan bahasa indonesia campur dengan bahasa inggris.


Ada link yang berwarna merah, berbeda dengan link lainnya yang berwarna biru.





















3. User control and freedom








Pada menu pembelian, tidak ada pilihan jumlah produk yang langsung akan dibeli, jika mengklik beli, maka hanya 1 produk, untuk memilih jumlah produknya, harus mengklik barangnya tersebut.





Untuk memilih jumlah produk yang akan dibeli, terdapat text box. Ini bisa menyebabkan user mengetikkan selain angka
Seharusnya menu dropdown list atau menu plus minus...









4. Consistency and standards

Pada menu pencarian menggunakan icon kaca pembesar untuk mencari,
tetapi pada inputan no faktur/email untuk Lihat status pembelian juga menggunakan icon kaca pembesar.
Pada inputan email untuk mendapatkan promosi juga menggunakan icon kaca pembesar.
Seharusnya menggunakan panah atau submit

Icon kaca pembesar standarnya sebagai simbol pencarian.

2. Analisis Web www.hammieshop.com (Tugas Akhir IMK) part 1



Untuk menganalisis situs ini, kita lihat evaluasi heuristik nielsen
Menurut Nielsen, ada sepuluh prinsip heuristik yang dapat digunakan, yaitu :
  • Visibility of system status : Sistem harus dapat menginformasikan kepada pengguna tentang apa yang terjadi pada system.
  • Match between system and the real world :Sistem harus ‘berbicara’ dalam bahasa yang biasa digunakan oleh pengguna. Kata,frasa, dan istilah yang digunakan mengikuti kebiasaan yang ada.
  • User control and freedom : Pengguna kadang memilih pilihan yang salah dan memerlukan opsi ‘emergency exit’. Pengguna dapat keluar dari keadaan akibat pilihan yang salah tersebut tanpa perlu melewati kegiatan tambahan lainnya.
  • Consistency and standards : Pengguna tidak harus berpikir apakah kata, situasi, dan aksi yang berbeda ternyata memiliki arti yang sama.
  • Error prevention : Sistem didesain sehingga mencegah pengguna melakukan kesalahan dalam penggunaan system. Bisa dilakukan dengan menggunakan pilihan konfirmasi.
  • Recognition rather than recall : Membuat objek, aksi, dan pilihan yang ada visible (jelas).
  • Flexibility and efficiency of use : Permudah pengguna untuk melakukan kegiatannya dengan lebih cepat.
  • Aesthetic and minimalist design : Dialog seharusnya tidak mengandung informasi yang tidak relevan atau tidak terlalu diperlukan.
  • Help users recognize, diagnose, and recover from errors : Pesan kesalahan harus dijelaskan dalam bahasa yang jelas, menjelaskan masalah dan memberikan solusi.
  • Help and documentation : Sistem menyediakan bantuan dan dokumentasi yang berisi informasi tentang penggunaan system.

Sekarang kita mulai analisis web www.hammieshop.com
1. Visibility of system status

Kita bahas mengenai menu navigasi
Pada nomor 1.
  • Menu navigasi pada situs ini seperti tidak terlihat sebagai menu navigasi. Menu navigasi ini memiliki tanda panah ke kanan seperti ada submenu/ multilevel menu, tetapi padahal tidak ada.
  • Penanda lokasi menu yang kita tuju sekarang tidak terlalu terlihat, hanya berwarna lebih terang dan tanda panah berubah ke bawah.
Pada nomor 2
  • Menu-menu yang ada seperti menu javascript yang bisa naik/ turun jika diklik.
  • tidak ada pemisah antara menu dengan informasi
Pada nomor 3
  • Terdapat tanda panah ke bawah pada sebelah kiri Menu informasi seperti bisa dinaikkan/turunkan, padahal tidak.
  • menu informasi ini seperti bagian dari menu "serbuk & pasir" yang memiliki efek javasript.
Pada nomor 4
  • pada menu "Hamster Galerry Foto", "Tentang Hamster", "Link" terdapat panah kanan seperti multilevel menu, padahal tidak berfungsi apa-apa
Pada nomor 5
  • Seperti menu "Informasi" terdapat tanda panah ke bawah pada sebelah kiri Menu seperti bisa dinaikkan/turunkan, padahal tidak.


1. Pendahuluan (Analisis Web Usability pada situs www.hammieshop.com (Tugas Akhir IMK)



1. Pendahuluan (Analisis Web Usability pada situs www.hammieshop.com (Tugas Akhir IMK)

Untuk pendahuluan ini, saya bahas dahulu tentang web usability.

Web usability adalah kualitas sesuatu untuk mengukur seberapa mudah suatu antarmuka web digunakan. Ada lima komponen suatu kualitas (Jakob Nielsen), yaitu:
  • Learnability: seberapa mudah bagi pengguna untuk melakukan kegiatan (task) utama pada saat mereka pertama kali bertemu antarmuka tersebut?
  • Efficiency: Setelah pengguna terbiasa dengan antarmuka, seberapa cepat mereka melakukan suatu kegiatan?
  • Memorability: Saat pengguna kembali menggunakan antarmuka, setelah lama tidak menggunakannya, seberapa mudahkah mereka terbiasa kembali dengan antarmuka tersebut?
  • Errors: Berapa banyak kesalahan yang dilakukan pengguna, seberapa parah kesalahan tersebut, dan apakah pengguna dapat dengan mudah menangani kesalahan tersebut?
  • Satisfaction: Seberapa nyamankah pengguna dengan suatu antarmuka?
Jadi tujuan dari usability pada suatu web adalah :
  • Efektif digunakan
  • Efisien digunakan
  • Aman digunakan
  • Punya utility yang baik
  • Mudah dipelajari
  • Mudah diingat bagaimana menggunakannya

Sekarang kita bahas mengenai target kita, yaitu situs www.hammieshop.com


Situs www.hammieshop.com merupakan sebuah situs peternakan yang memberikan fasilitas layanan belanja online yang dikelola secara profesional. Pelayanan belanja online ini menerapkan konsep belanja modern sehingga pelanggan mendapat mutu barang yang terjamin dengan harga yang kompetitif. Dengan adanya Hammie-Shop maka pelanggan dapat berbelanja dari rumah, kantor atau dimana saja cukup dari komputer melalui internet, tanpa harus membuang waktu dan bahan bakar ke pusat belanja konvensional yang pada umumnya macet. Pelangganpun dapat mengetahui status pembeliannya secara online. (www.hammieshop.com).


Analisis Web Usability pada situs www.hammieshop.com (Tugas Akhir IMK)

Analisis Web Usability pada situs www.hammieshop.com (Tugas Akhir IMK)

Kali ini saya akan membahas analisis web usability pada situs www.hammieshop.com . Bahasan ini berhubungan dengan tugas akhir mata kuliah interaksi manusia dan komputer. Disini akan dibahas secara lengkap mengenai kekurangan-kekurangan yang ada pada www.hammieshop.com.

Bahasan web usability ini terdiri dari:

1.Pendahuluan
  • Web Usability
  • Web www.hammieshop.com
2.Analisis Web www.hammieshop.com
  • Visibility of system status
  • Match between system and the real
  • User control and freedom
  • Consistency and standards
  • Error prevention
  • Recognition rather than recall
  • Flexibility and efficiency of use
  • Aesthetic and minimalist design
  • Help users recognize, diagnose, and recover from errors
  • Help and documentation

Sunday 28 February 2010

5 kriteria membahas Surrogates.2009.=

Sekarang review tentang Surrogates yang udah dipost sebelumnya. Karena sudah menonton film Surrogates dan ternyata sangat menarik, maka saya akan menjelaskan alasan saya memilih Surrogates :

1. Canggih
Di zaman sekarang sudah banyak pengetahuan mengenai robot-robot yang semakin lama semakin canggih. Walaupun ini hanya dalam film saja, saya yakin di kehidupan nyata akan bisa terealisasi, tinggal menunggu waktu.

2. Cara Pengendalian Robot yang Hebat
Dalam film ini, robot Surrogates ( pengganti manusia ) dikendalikan dengan cara manusia hanya tidur di suatu alat, mata manusia dipakaikan kacamata untuk melihat seperti apa yang robot lihat, dan dikendalikan dengan pikiran tanpa manusia tersebut harus bergerak. Mungkin zaman sekarang sudah ada alat pengendali menggunakan otak/ pikiran yang disebut Brain-Computer Interface(BCI).


3. Surrogates memiliki tampilan yang realistik
Robot Surrogates yang digunakan bisa disesuaikan dengan bentuk fisik manusia tersebut secara detail. Selain itu bisa juga memilih Surrogates sesuai bentuk yang diinginkan.

4. Ada keuntungan menggunakan Surrogates
Dengan menggunakan Surrogates, manusia bisa lebih mudah melakukan aktivitas kehidupannya. Selain itu, dijelaskan bahwa dengan adanya Surrogates, tingkat kriminalitas di dunia bisa menurun karena pihak berwenang bisa memantau secara langsung segala aktivitas yang dilakukan oleh Surrogates dan melacak keberadaan Surrogates. Jadi kalau ada kejahatan, polisi-polisi tidak perlu waktu berbulan-bulan untuk mencari pelakunya.

5. Ada konflik yang terjadi dengan adanya Surrogates
Dampak yang ditimbulkan dengan teknologi baru ini, membuat manusia semakin ketergantungan kepada robot tersebut. Selain itu ada istilah "high tech low touch" yang membuat interaksi antar manusia berkurang. Contohnya pada film ini yaitu interaksi suami istri yang menggunakan Surrogates sama sekali tidak ada. Suami ada dikamarnya sendiri mengendalikan Surrogates, dan istri juga ada dikamarnya sendiri mengendalikan Surrogates.
Selain itu juga ada pihak yang tidak menyetujui dengan adanya Surrogates yang dianggap dapat mengubah kehidupan manusia yang tidak sesuai layaknya manusia.

Itu lah ulasan dari saya, semoga bisa dibaca oleh semua dan bermanfaat.. Saya tunggu Kritik dan sarannya ...

Wednesday 17 February 2010

Surrogates.2009.=


Pada zaman sekarang, peran robot dalam kehidupan manusia sudah mulai berkembang. Mungkin yang kalian tahu adalah robot ASIMO yang memiliki fungsi sebagai robot humanoid pertama yang bisa menirukan manusia seperti menyalakan lampu, membuka pintu, membawa barang, mendorong kereta, dan perkembangan-perkembangan sampai saat ini yang bisa dilakukan ASIMO seperti mengenali bentuk wajah, berdansa atau bermain bola.
Robot yang sedang dikembangkan sekarang yaitu robot untuk keperluan militer seperti robot yang dikembangkan oleh Israel dalam peperangan dengan palestina.
Selain robot ASIMO, adapula Robonauts yang
dikembangkan pihak NASA bekerjasama dengan ilmuan
dari General Motors. Robonauts berfungsi untuk
membantu para astronot yang bekerja di stasiun
luar angkasa seperti menyelesaikan tugas yang susah,
memperbaiki teleskop, memperbaiki stasiun luar angkasa.


Ada lagi robot yang dirancang sebagai robot hewan peliharaan yaitu robot humanoid PALRO yang dikembangkan oleh Fujisoft. Dengan adanya robot hewan peliharaan, kita tidak perlu repot mengurusi kandang, memberi makan dan memandikannya. Robot PALRO sendiri memiliki kemampuan untuk memberi salam, menari mengikuti irama musik atau beraksi seperti sumo .

Robot-robot tadi merupakan perkembangan robot di kehidupan nyata pada masa sekarang. Terlihat bahwa perkembangan robot sangat pesat.




Sekarang kita beralih ke film Surrogate. Dalam film ini, menceritakan tentang penciptaan teknologi tinggi robot pengganti manusia. Dikembangkan oleh perusahaan VSI. Orang-orang bisa membeli robot yang memiliki bentuk tubuh yang mirip orang tersebut atau membeli robot yang memiliki wajah yang ganteng/cantik, atletis, besar, tinggi, dan lain-lain sesuai keinginan orang tersebut. Robot tersebut dikendalikan dari jarak jauh oleh manusia, sehingga diasumsikan robot yang kita kendalikan akan menggantikan diri kita sendiri. Contohnya, dalam menjalani kehidupan sehari-hari seperti kuliah, kita mengendalikan robot Surrogate kita dari kamar rumah dan kita menjalankannya ke kampus. Keuntungan menggunakan robot Surrogate ini yaitu kita tidak perlu khawatir akan adanya ancaman kejahatan di luar rumah sehingga keselamatan kita tetap terjaga.

Berkat adanya teknologi Surrogate ini, tingkat kriminalitas di dunia bisa menurun drastis, karena setiap individu yang menggunakan robot Surrogate bisa diawasi atau dipantau oleh pihak pusat yang berwenang.
Namun, dampak lain dari adanya robot Surrogate ini, ada pihak yang tidak menyetujui adanya teknologi ini. Dikarenakan akan merusak gaya hidup manusia, ataupun mengurangi tingkat interaksi langsung antar manusia. Faktor lain yaitu manusia akan memiliki tingkat ketergantungan terhadap robot Surrogate tersebut, disaat manusia tidak menggunakan robot tersebut, manusia tidak mampu melakukan aktivitas seperti layaknya manusia.
Konflik yang terjadi dalam film ini yaitu ternyata orang yang mengembangkan teknologi robot Surrogate yang telah dia ciptakan, ingin menghancurkan robot-robot tersebut karena akan merusak cara hidup manusia.

Cukup untuk cerita film nya, sekarang kita kembali ke dunia nyata. Ehm, apabila suatu saat nanti manusia bisa menciptakan teknologi tersebut, mungkin akan terjadi pro dan kontra terhadap teknologi tersebut. Dan pada akhirnya teknologi itu sendiri yang akan memusnahkan manusia....

Gmana mnurut kalian artikel ini, apabila kalian menggunakan robot Surrogate, robot apa yang mau kalian pakai? Yang ganteng mirip artis? Yang hebat mirip pahlawan hero? Yang ingin mirip pemain bola idolanya? Atau ingin menjadi diri sendiri?
Semua keinginan kalian bisa terwujud dengan Surrogate?

Namun, dampak apa saja yang bisa ditimbulkan dengan adanya ternologi ini??? Baik atau buruk???

sharethis

comment