Welcome to maspii's blog
Reading opens a whole new world!



visit maspii.co.cc now!!
Selasa, 31 Mei 2011

0 Pedoman Aksesibilitas Konten WEB

Nah dalam membuat halaman web, terdapat beberapa rekomendasi agar konten web yang lebih mudah diakses. Dengan mengikuti rekomendasi ini web akan bisa diterima oleh segala kalangan dan yang penting content accessible to a wider range (alias konten diakses lebih luas..hahay.. sok keminggris ya..), intinya webpage akan dapat diakses oleh orang yang mempunyai berbagai kekurangan fisik sekalipun, misalnya penyandang cacat (gangguan pendengaran, gangguan pembicaraan, gangguan yang lainnya).  
Rekomendasi yang harus dimiliki webpage yang bagus adalah:

1. Mudah Dipahami dengan Jelas (Perceivable)

2. Mudah Dioperasikan (Operable)

3. Mudah Dimengerti (Understandable)

4. Kuat (Robust)

Hnah..!! dari ke-empat rekomendasi itu bisa kita usahakan dengan cara yang begini nee..
1. Mudah Dipahami dengan Jelas (Perceivable)
Konsentrasi pada point ini sesuai kebutuhan, akses cepat, dan sesuai sasaran. Konsentrasi ini dapat kita maksimalkan dengan cara:
  • (1.1) Memberikan alternatif teks-teks untuk setiap konten yang tidak sehingga dapat diubah menjadi bentuk orang lain butuhkan, seperti cetak besar, braille, pidato, simbol atau bahasa sederhana.(1.2) Menyediakan alternatif untuk media berbasis waktu.(1.3) Buat konten yang dapat disajikan dalam cara yang berbeda (untuk layout sederhana misalnya) tanpa kehilangan informasi atau struktur. (1.4) Membuat lebih mudah bagi pengguna untuk melihat dan mendengar konten termasuk memisahkan foreground dari latar belakang. 
2.Mudah dioperasikan (operable)
  • (2.1) Membuat semua fungsi yang tersedia dari keyboard.(2.2) Menyediakan pengguna cukup waktu untuk membaca dan menggunakan konten.(2.3) Jangan desain konten dengan cara yang diketahui menyebabkan kejang.(2.4) Memberikan cara-cara untuk membantu pengguna navigasi, menemukan konten, dan menentukan di mana mereka berada.
3.Mudah dimengerti (Understandable)
  • (3.1) Buatlah konten teks yang dapat dibaca dan dimengerti.(3.2) Membuat halaman Web muncul dan beroperasi dengan cara ditebak.(3.3) Membantu pengguna menghindari dan memperbaiki kesalahan.
4.Kuat (Robust)
  • (4.1) Memaksimalkan kompatibilitas dengan masa depan agen pengguna dan saat ini, termasuk teknologi bantu.
[Baca Selanjutnya]

0 ANTIVIRUS PALING NGE-TREND DI TAHUN 2011

Sudah nggak usah bingung-bingung cari antivirus yang PAS MANTAAAP buat komputer kamu.. aku ng'rekomendasiin beberapa antivirus terbaik di tahun 2011.. DIJAMIN TOK CEERR!!.. hehe..
ech.. tapi emang bener lho.. bisa bilang antivirus ini adalah antivirus terbaik, karena organisasi penelitian antivirus (av-comparatives) telah menguji coba dari sekian banyak antivirus, wawh.. cobain aja dech..
tapi ada satu pesen nee dari saya.. usahain install antivirus ini setelah windows yang masih seger (alias baru di'instal ulang).. Jangan ditumpuk beberapa antivirus, lebih baik pilih salah satu. Karena kalau terdapat beberapa antivirus yang terinstall, kemungkin akan terjadi crash antar antivirus, dan antivirus jadi nggak bisa kerja dengan maksimal..hmm..sekarang kalau kamu pingin download antivirusnya, ini nee list'nya..

G DATA
K7
Kaspersky

McAfee

Microsoft
Panda

PC Tools
[Baca Selanjutnya]
Senin, 30 Mei 2011

1 Tambahkan Fitur Kurs Rupiah dari BCA

Mau menambahkan kurs Rupiah di blog atau di Halaman website kamu?! Bisa saja.. Gak usah pake script yang panjang -panjang udah..klo kepanjangan malah kayak bambu nanti..xixi..pake yang versi image aja, dijamin proses load webpage kamu lebih cepet...
Gampang sekali..
klo pingin nampilin agak simple..

<a href="http://maspii.blogspot.com/2011/05/tambahkan-fitur-kurs-rupiah-dari-bca.html" title="Widget Kurs BCA" target="_new">
<img border="0" src="http://raja.web.id/widgets/kurs-bca.jpeg" title="Widget Kurs BCA" />
</a>

tapi kalo pingin nampilin full

<a href="http://maspii.blogspot.com/2011/05/tambahkan-fitur-kurs-rupiah-dari-bca.html" title="Widget Kurs BCA" target="_new">
<img border="0" src="http://raja.web.id/widgets/kurs-bca-full.jpeg" title="Widget Kurs BCA" />
</a>

siip berres!!
[Baca Selanjutnya]

0 Membuat Rounded Corner dengan CSS

Gmn temen-temen ingin membuat text border yang agak membulat (rounded)? Biasanya kita membuat rounded border dengan menggunakan graphic yang telah diedit lewat photoshop atau graphic editor lainnya. Ada cara mudah untuk membuatnya dengan menggunakan CSS dengan begini bisa dengan mudah untuk memasukkan ke dalam web atau blog kita.
Langsung ke Live Example'nya aja okke..

border-radius: 1em/5em;

/* is equivalent to */

border-top-left-radius:         1em 5em;
border-top-right-radius:        1em 5em;
border-bottom-right-radius:     1em 5em;
border-bottom-left-radius:      1em 5em;

border-radius: 4px 3px 6px / 2px 4px;

/* is equivalent to: */

border-top-left-radius:         4px 2px;
border-top-right-radius:        3px 4px;
border-bottom-right-radius:     6px 2px;
border-bottom-left-radius:      3px 4px:
sample1:
border: solid 10px;
 
 /* the border will curve into a 'D' */
 -moz-border-radius: 0 50px 50px 0;
       border-radius: 0 50px 50px 0; 
padding: 15px;
sample2:
border: groove 1em red;
 
       -moz-border-radius: 2em; 
    -webkit-border-radius: 2em;
            border-radius: 2em;
padding: 15px;
 
sample3
background: gold;
  border: ridge gold;
 
    -moz-border-radius: 13em/3em;
 -webkit-border-radius: 13em 3em;
         border-radius: 13em/3em; 
padding: 15px; 
sample4
background: gold;
 
   -moz-border-radius: 40px 10px;
        border-radius: 40px 10px; 
padding: 15px; 
sample5
background: black;
color: gray;
border-radius: 50%; 
padding: 15px; 
sample1
sample 2
sample3
sample4
sample5









style ini bisa kamu masukkan untuk<div><pre> dan yang lain coba sendiri ya...
[Baca Selanjutnya]
Minggu, 29 Mei 2011

0 PERCABANGAN DI C++

Salah satu permasalahan yang pasti ditemui dalam pembuatan program adalah suatu percabangan. Percabangan yang dimaksud adalah suatu pemilihan statemen yang akan dieksekusi dimana pemilihan tersebut didasarkan atas kondisi tertentu.  Pada C++ jenis struktur yang digunakan untuk mengimplementasikan suatu percabangan ada dua yaitu: struktur if dan struktur switch.
 Statemen yang terdapat dalam sebuah blok percabangan akan dieksekusi jika kondisi yang didefinisikan terpenuhi (bernilai benar) Artinya jika kondisi tidak terpenuhi (bernilai salah) maka statemen tersebut tidak ikut dieksekusi atau akan diabaikan oleh compiler.


Struktur satu kondisi (perintah if)
Struktur ini merupakan struktur yang paling sederhana karena hanya melibatkan satu buah ekspresi akan diperiksa. Pada konstruksi perintah if, C++ tidak memiliki kata kunci (keyword) then.
Bentuk umum:

if  (kondisi)
    pernyataan;
atau
if (kondisi)
{
    statemen1;
    statemen2;
    …
    pernyataann;
}
Contoh:
if (detik == 60) 
menit = menit + 1;
if (Angka %2 == 0) 
cout<<”Bilangan genap”;
if (sisi  > 0)
{
        Luas = panjang * lebar;
        Isi = Luas*tinggi;
}
Kondisi digunakan untuk menentukan pengambilan keputusan, operator yang digunakan adalah relational dan logical operators.
Contoh program:
#include <iostream.h>
int main()
{
 int nilai;
//memasukkan bilangan bulat
cout<<”Masukkan sebuah bilangan bulat: “;
cin>>nilai;
//menampilkan teks jika nilai yang tersimpan lebih besar dari 0
if (nilai > 0) 
cout<<“Nilai yang Anda masukkan adalah bilangan positif“;
return 0;
}
Hasil eksekusi program di atas bersifat dinamis artinya tidak setiap proses eksekusi program akan menghasilkan hasil yang sama.  Jika user memasukkan angka lebih besar dari 0 maka program ini akan menampilkan teks “Nilai yang Anda masukkan adalah bilangan positif”.
Selain itu kita juga bisa nenggunakan operator || dan && dalam menentukan sebuah ekspresi. Contoh program:
#include <iostream.h>
int main()
{
 int bilangan;
 char huruf;
//memasukkan bilangan bulat
cout<<”Masukkan sebuah bilangan bulat: “;
cin>>bilangan;
if ((bilangan > 0) && (bilangan < 10)) 
cout<<bilangan<<” lebih besar dari nol dan lebih kecil dari  sepuluh”;
//memasukkan huruf
cout<<“\n“;
cout<<”Masukkan sebuah huruf: “;
cin>>huruf;
if ((huruf == ‘A’) || (huruf == ‘a’) || (huruf == ‘I’) || 
(huruf == ‘i’) || (huruf == ‘U’) || (huruf == ‘u’) || 
(huruf == ‘E’) || (huruf == ‘e’) || (huruf == ‘O’) ||
(huruf == ‘o’))
{
 cout<<huruf<<” adalah huruf vokal”;
}
return 0;
}
Struktur dua kondisi (perintah if – else)
Struktur percabangan jenis ini sedikit lebih kompleks bila dibandingkan dengan struktur yang hanya memiliki satu kondisi. Konsep ini sangat sederhana yaitu pada struktur jenis ini terdapat sebuah statemen khusus yang berguna untuk mengatasi kejadian apabila kondisi yang didefinisikan tersebut tidak terpenuhi (bernilai salah). Perintah ini memberikan satu alternatif dari dua kemungkinan.
Bentuk umum:
if (kondisi)
{
    statemen_jika_kondisi_terpenuhi;
}
else
{
 statemen_jika_kondisi_tidak_terpenuhi;
}

Contoh:
#include <iostream.h>
int main()
{
 int nilai;
//memasukkan bilangan bulat
cout<<”Masukkan sebuah bilangan bulat: “;
cin>>nilai;
//pengecek bilangan apakah habis dibagi dua atau tidak
if (nilai %2 == 0) 
{
  cout<<nilai<<“adalah bilangan genap“;
}
else
{
  cout<<nilai<<“adalah bilangan ganjil“;
}
return 0;
}
Struktur tiga kondisi (perintah multiple if – else)
Struktur ini merupakan struktur percabangan yang biasanyamembingungkan para programmer pemula. Percabangan jenis ini merupakan perluasan dari struktur yang memiliki dua kondisi diatas yaitu dengan menyisipkan satu atau lebih kondisi ke dalamnya.
Bentuk umum:
if (kondisi1)
{
    statemen_jika_kondisi1_terpenuhi;
}
else if (kondisi2)
{
 statemen_jika_kondisi2_tidak_terpenuhi;
}
        else if (kondisi3)
{
 statemen_jika_kondisi3_tidak_terpenuhi;
}
        ....
   else
{
 statemen_jika_semua_kondisi_tidak_terpenuhi;
}
Contoh program:
#include <iostream.h>
int main()
{
 int nilai;
//memasukkan bilangan bulat
cout<<”Masukkan sebuah bilangan yang akan diperiksa: “;
cin>>nilai;
//pengecek bilangan apakah habis dibagi dua atau tidak
if (nilai > 0) 
{
  cout<<nilai<<“ adalah bilangan positif“;
}
else if (nilai < 0)
{
  cout<<nilai<<“ adalah bilangan negatif“;
}
else
{
  cout<<“Anda memasukkan bilangan NOL“;
}
return 0;
}
Perintah switch
Perintah ini memiliki bentuk switch – case yang digunakan untuk pilihan berjumlah banyak. Perintah switch tidak dianjurkan pada pilihan yang melibatkan jangkauan nilai (range) tetapi dianjurkan pada pilihan berupa konstanta dan banyak misalnya untuk memilih menu.

Bentuk umum:
switch (pernyataan)
{
    case nilai_konstan1:
        blok_pernyataan1;
        break;
    case nilai_konstan2:
        blok_pernyataan2;
        break;
    …
    default;
        blok_pernyataan_n;
}

Keterangan:
Tipe data dari pernyataan harus bilangan bulat atau karakter.
Default berguna untuk mengekspresikan statemen alternatif yaitu jika nilai yang kita masukkan tidak sesui dengan nilai-nilai konstan yang telah didefinisikan.
Statemen break berfungsi sebagai statemen peloncatan.
Contoh program:
#include <iostream.h>
int main()
{
int bil;
cout<<"Masukkan sebuah angka (1 .. 7):";
cin>>bil;
switch (bil) 
{
case 1: 
cout<<"Hari ke-"<<bil<<"adalah  MINGGU";
break;
case 2: 
cout<<"Hari ke-"<<bil<<" adalah  SENIN";
break;
case 3: 
cout<<"Hari ke-"<<bil<<"adalah  SELASA";
break;
case 4: 
cout<<"Hari ke-"<<bil<<"adalah  RABU";
break;
case 5: 
cout<<"Hari ke-"<<bil<<"adalah  KAMIS";
break;
case 6: 
cout<<"Hari ke-"<<bil<<"adalah  JUMAT";
break;
case 7: 
cout<<"Hari ke-"<<bil<<"adalah  SABTU";
break;
}
return 0;
}


hasil eksekusi


Latihan:
Buatlah program untuk menentukan masukkan dari user apakah berupa huruf vokal atau konsonan!
Buatlah program untuk menentukan huruf, dengan ketentuan sebagai berikut:
a.    Jika karakter >=’A’ dan karakter <=’Z’ maka Karakter yang Anda masukkan adalah huruf besar.
b.    Jika karakter >=’a’ dan karakter <=’z’ maka Karakter yang Anda masukkan adalah huruf kecil.
c.    Jika karakter >=’0’ dan karakter <=’9’ maka Karakter yang Anda masukkan adalah Angka.
d.    Jika bukan semuanya berarti Karakter yang Anda masukkan adalah bukan alphanumeric





Penyelesaian:
Listing programnya:
#include<iostream.h>
int main()
{
 char huruf;
  cout<<"Masukkan sebuah huruf: ";
    cin >>huruf;
    if ((huruf == 'A') || (huruf == 'a') || (huruf == 'I') ||
    (huruf == 'i') || (huruf == 'U') || (huruf == 'u') ||
    (huruf == 'E') || (huruf == 'e') || (huruf == 'O') ||
    (huruf == 'o'))
    {
    cout<<huruf<<" adalah huruf vokal";
    }else
    {
     cout<<huruf<<" adalah huruf konsonan";
    }
 return 0;
}


Listing Programnya:
//Program menentukan huruf
#include<iostream.h>
int main()
{
 char karakter;
 cout<<”Masukkan sebuah karakter: “;
 cin>>karakter;
 if (karakter >=’A’ && karakter <=’Z’)
    cout<<”Masukkan Anda adalah huruf besar”;
 else if (karakter >=’a’ && karakter <=’z’)
cout<<”Masukkan Anda adalah huruf kecil”;
 else if (karakter >=’0’ && karakter <=’9’)
cout<<”Masukkan Anda adalah angka”;
 else
    cout<<”Masukkan Anda bukan alphanumeric”;
 return 0;
}
[Baca Selanjutnya]
Sabtu, 28 Mei 2011

0 Pilih Flickr, Album Web Picasa atau Photobucket Free Account??

Pilih yang mana ini? flickr, picasa atau photobucket? kalau yang suka blogging, atau upload image pasti juga punya pertimbangan masing-masing untuk meng-upload image'nya. Nach untuk banding-bandingin sich, tentang Fitur dan limitasi yang ditawarkan oleh Flickr, Picasa dan Photobucket. Yuk langsung aja ya..hehehe..

Akun gratis Flickr menawarkan batas upload 100MB bulanan (10 MB per foto) dan hanya 3 set (album alias) dapat dibuat tanpa batas bandwidth bulanan. Flickr memungkinkan hanya 200 gambar terakhir dapat dilihat setelah Anda telah mencapai lebih dari 200 gambar upload. Anda bisa mengirim foto Anda pada sampai dengan 10 gambar dalam kelompok. ukuran gambar asli disimpan untuk gambar kemudian upgrade dan hanya lebih kecil akan dapat diakses setelah diubah ukurannya.

Adapun Picasa Web Album, layanan berbagi foto gratis yang ditawarkan oleh Google 1GB menyediakan penyimpanan gratis dan upload foto ke Picasa Web Album bisa tidak lebih besar dari 20MB dan dibatasi sampai 50 megapixel atau kurang tanpa batas bandwidth bulanan. Jumlah maksimum dari album web memungkinkan adalah 250 dan jumlah maksimum foto per album web memungkinkan adalah 500.

Terakhir, akun gratis Photobucket menawarkan penyimpanan gratis sebesar 1GB dengan batas bandwidth 25 GB bulanan dan URL kustom untuk sampai dengan 10 album. Gambar-gambar di-upload ke Photobucket dapat setiap 1MB atau dengan resolusi 1024 × 768. Namun, Anda dapat memiliki hingga 50 gambar per slide (beberapa tayangan slide bervariasi) dan Anda sedang memungkinkan untuk meng-upload 5 menit waktu bermain video (100MB filesize).

Kesimpulan ini benar-benar terserah Anda untuk memilih yang free image hosting provider. Seperti saya, saya menggunakan ketiga-tiganya Flickr, Picasa dan Photobucket sekarang. Eith, ketiga penyedia Flickr, Picasa Web Album dan Photobucket tidak menawarkan versi free image hosting dengan fitur yang berbeda dan itu benar-benar tergantung pada bagaimana Anda ingin menggunakannya ketika datang ke jaringan berbagi dan sosial. So, ada yang gratis dan simple using, LANGSUNG COBA!! (dasar pingin'nya gratisan) hehe..
[Baca Selanjutnya]
Jumat, 27 Mei 2011

0 Tabel Kode Warna

Dalam membuat halaman web manual, kadang kita merasa sulit dalam menentukan warna yang cocok dengan keingin kita. Saya membuat tabel beserta kodenya, yuph semoga bermanfaat okey..
WarnaContohKode
Antique_white#FAEBD7
azure#F0FFFF
Bisque#FFE4C4
blanched_almond#FFEBCD
cornsilk#FFF8DC
eggshell#FCE6C9
floral_white#FFFAF0
gainsboro#DCDCDC
ghost_white#F8F8FF
honeydew#F0FFF0
ivory#FFFFF0
lavender#E6E6FA
lavender_blush#FFF0F5
lemon_chiffon#FFFACD
linen#FAF0E6
mint_cream#F5FFFA
misty_rose#FFE4E1
moccasin#FFE4B5
navajo_white#FFDEAD
old_lace#FDF5E6
papaya_whip#FFEFD5
peach_puff#FFDAB9
seashell#FFF5EE
snow#FFFAFA
thistle#D8BFD8
titanium_white#FCFFF0
wheat#F5DEB3
white#FFFFFF
white_smoke#F5F5F5
zinc_white#FDF8FF
WarnaContohKode
cold_grey#808A87
dim_grey#696969
grey#C0C0C0
light_grey#D3D3D3
slate_grey#708090
slate_grey_dark#2F4F4F
slate_grey_light#778899
warm_grey#808069
WarnaContohKode
black#000000
ivory_black#292421
lamp_black#2E473B
WarnaContohKode
alizarin_crimson#E32636
brick#9C661F
cadmium_red_deep#E3170D
coral#FF7F50
coral_light#F08080
deep_pink#FF1493
english_red#D43D1A
firebrick#B22222
geranium_lake#E31230
hot_pink#FF69B4
indian_red#B0171F
light_salmon#FFA07A
madder_lake_deep#E32E30
maroon#B03060
pink#FFC0CB
pink_light#FFB6C1
raspberry#872657
red#FF0000
rose_madder#E33638
salmon#FA8072
tomato#FF6347
venetian_red#D41A1F
WarnaContohKode
beige#A39480
brown#802A2A
brown_madder#DB2929
brown_ochre#87421F
burlywood#DEB887
burnt_sienna#8A360F
burnt_umber#8A3324
chocolate#D2691E
deep_ochre#733D1A
flesh#FF7D40
flesh_ochre#FF5721
gold_ochre#C77826
greenish_umber#FF3D0D
khaki#F0E68C
khaki_dark#BDB76B
light_beige#F5F5DC
peru#CD853F
rosy_brown#BC8F8F
raw_sienna#C76114
raw_umber#734A12
sepia#5E2612
sienna#A0522D
saddle_brown#8B4513
sandy_brown#F4A460
tan#D2B48C
van_dyke_brown#5E2605
WarnaContohKode
cadmium_orange#FF6103
cadmium_red_light#FF030D
carrot#ED9121
dark_orange#FF8C00
mars_orange#964514
mars_yellow#E3701A
orange#FF8000
orange_red#FF4500
yellow_ochre#E38217
WarnaContohKode
aureoline_yellow#FFA824
banana#E3CF57
cadmium_lemon#FFE303
cadmium_yellow#FF9912
cadmium_yellow_light#FFB00F
gold#FFD700
goldenrod#DAA520
goldenrod_dark#B8860B
goldenrod_light#FAFAD2
goldenrod_pale#EEE8AA
light_goldenrod#EEDD82
melon#E3A869
naples_yellow_deep#FFA812
yellow#FFFF00
yellow_light#FFFFE0
WarnaContohKode
chartreuse#7FFF00
chrome_oxide_green#668014
cinnabar_green#61B329
cobalt_green#3D9140
emerald_green#00C957
forest_green#228B22
green#00FF00
green_dark#006400
green_pale#98FB98
green_yellow#ADFF2F
lawn_green#7CFC00
lime_green#32CD32
mint#BDFCC9
olive#3B5E2B
olive_drab#6B8E23
olive_green_dark#556B2F
permanent_green#0AC92B
sap_green#308014
sea_green#2E8B57
sea_green_dark#8FBC8F
sea_green_medium#3CB371
sea_green_light#20B2AA
spring_green#00FF7F
spring_green_medium#00FA9A
terre_verte#385E0F
viridian_light#6EFF70
yellow_green#9ACD32
WarnaContohKode
aquamarine#7FFFD4
aquamarine_medium#66CDAA
cyan#00FFFF
cyan_white#E0FFFF
turquoise#40E0D0
turquoise_dark#00CED1
turquoise_medium#48D1CC
turquoise_pale#AFEEEE
WarnaContohKode
alice_blue#F0F8FF
blue#0000FF
blue_light#ADD8E6
blue_medium#0000CD
cadet#5F9EA0
cobalt#3D59AB
cornflower#6495ED
cerulean#05B8CC
dodger_blue#1E90FF
indigo#082E54
manganese_blue#03A89E
midnight_blue#191970
navy#000080
peacock#33A1C9
powder_blue#B0E0E6
royal_blue#4169E1
slate_blue#6A5ACD
slate_blue_dark#483D8B
slate_blue_light#8470FF
slate_blue_medium#7B68EE
sky_blue#87CEEB
sky_blue_deep#00BFFF
sky_blue_light
#87CEFA
steel_blue#4682B4
steel_blue_light#B0C4DE
turquoise_blue#00C78C
ultramarine#120A8F
WarnaContohKode
blue_violet#8A2BE2
cobalt_violet_deep#91219E
magenta#FF00FF
orchid#DA70D6
orchid_dark#9932CC
orchid_medium#BA55D3
permanent_red_violet#DB2645
plum#DDA0DD
purple#A020F0
purple_medium#9370DB
ultramarine_violet#5C246E
violet#8F5E99
violet_dark#9400D3
violet_red#D02090
violet_red_medium#C71585
violet_red_pale #DB7093
[Baca Selanjutnya]
 

Postingan Lama


SELAMAT DATANG!!
DI BLOG MASPII
[X]
goto top