This is default featured post 1 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured post 2 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured post 3 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured post 4 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured post 5 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

Survey

Rabu, 02 Maret 2011

Belajar Pemrograman Python [Sesi 3]

Setelah tahu sejarah python dan sedikit persiapan, kini saatnya untuk belajar......

1. Hello World
  • Ketikkan $ vim hello.py
  • Tekan 'i' pada keyboard
  • Ketik --> print "Hello World!"
  • Tekan 'esc' pada keyboard
  • Ketik --> :wq --> fungsinya untuk menyimpan berkas dan keluar dari editor vim
  • Ketik --> python hello.py --> untuk eksekusi berkas hello.py yang baru saja dibuat
  • $ python hello.py
    Hello World!

2. Aturan Penulisan
  • Indent

  • Baris berikut ini merupakan blok program pada Python
    print "Hello world !"
    print "Apa kabar dunia!"
    Kita tidak boleh menuliskannya seperti ini
    print "Hello world !"
    print "Apa kabar dunia!"
    karena pesan kesalahan seperti ini akan tampil
    $ python hello.py
    File "hello.py", line 2
    print "Apa kabar dunia!"
    ^
    IndentationError: unexpected indent
    kenapa salah? menurut Python, sebuah blok program harus berada dalam sebuah "margin". Pada baris kedua terdapat spasi yang berarti berbeda satu karakter dengan baris sebelumnya.

  • Baris Perintah

  • Menekan tombol enter pada keyboard berarti Kita akan membuat sebuah perintah baru di baris baru.

    Untuk baris yang terlalu panjang, Kita dapat menggunakan karakter backslash (\) untuk memberitahu Python bahwa Kita akan menuliskan teks yang panjaaaang sehingga tidak berpindah baris.
    print "Hello World!"
    print "Apa kabar dunia!"
    print "Saat ini saya sedang\
    belajar bahasa pemrograman Python"
    Hasilnya
    $ python hello.py
    Hello World!
    Apa kabar dunia!
    Saat ini saya sedang belajar bahasa pemrograman Python
  • Keterangan Program (komentar)

  • Untuk membuat satu baris komentar, Kita dapat menggunakan tanda pagar (#)
    print "Hello World!"
    print "Apa kabar dunia!"
    print "Saat ini saya sedang\
    belajar bahasa pemrograman Python"
    #kalau sedang belajar jangan main-main dulu yaaa
    print "Semangat"
    Hasilnya
    $ python hello.py
    Hello World!
    Apa kabar dunia!
    Saat ini saya sedang belajar bahasa pemrograman Python
    Semangat
    Untuk komentar yang lebih dari 1 baris, gunakan 3 tanda kutip ganda (""")
    print "Hello World!"
    print "Apa kabar dunia!"
    print "Saat ini saya sedang\
    belajar bahasa pemrograman Python"
    #kalau sedang belajar jangan main-main dulu yaaa
    print "Semangat"
    """karena sudah mendapat semangat
    bagaimana kalau saya mengucapkan
    terima kasih"""
    print "Terima kasih"
    Hasilnya
    $ python hello.py
    Hello World!
    Apa kabar dunia!
    Saat ini saya sedang belajar bahasa pemrograman Python
    Semangat
    Terima kasih

Belajar Pemrograman Python [Sesi 2]

Persiapan dulu

Bumbu :
  1. Distro BlankOn Linux : dapat diunduh gratis di http://www.blankonlinux.or.id/
  2. Python : dapat diunduh gratis di http://www.python.org/Tautan
  3. terminal : sudah ada di dalam BlankOn Linux ( :P )
  4. vim editor : dapat diunduh dan belajar di http://www.vim.org/
Proses :
  1. Pasang Linux BlankOn
  2. Pasang python
  3. Buka terminal
  4. Hiasi terminal dengan vim editor
Hasilnya :

Belajar Pemrograman Python [Sesi 1]


q : Apa itu Python ?
a : Nama Ular




Jawaban di atas memang benar. Python adalah sebuah nama ular yang sangat terkenal di seluruh penjuru negeri ini. Namun python yang dimaksud kali ini bukanlah ular python melainkan sebuah bahasa pemrograman. Versi terbaru dari bahasa pemrograman python ini dapat di dapat secara free download ke situs resminya. Python merupakan sebuah bahasa pemrograman yang memungkinkan kita untuk membuat satu atau lebih aplikasi bisnis. Bahkan ada juga yang menggunakan python untuk membuat malmware sistem operasi Symbian, malmware ini bernama Trojan-SMS.Python.Flocker.

Python merupakan bahasa pemrograman berorientasi pbjek yang baik, diinterpretasikan, dan interaktif. Python sering dibandingkan (tentu saja lebih baik :-)) dari Lisp, Tcl, Rubu, C#, Visual Basic, Visual Fox Pro, Scheme, ataupun Java... dan Python lebih menyenangkan.

Python menggabungkan kekuatan yang luar biasa dengan sintaks yang sangat jelas. Python memiliki modul, kelas, exceptions, tipe data dinamis dengan level tinggi, dan penulisan yang dinamis. Tersedia banyak interface untuk pemanggilan sistem dan library, serta berbagai jendela sistem. Modul built-in yang baru sangat mudah ditulis dalam bahasa C atau C++ (atau bahasa lainnya, tergantung pada implementasi yang akan di pilih). Python juga dapat digunakan sebagai bahasa tambahan untuk aplikasi yang ditulis menggunakan bahasa lain yang membutuhkan script yang mudah untuk dipakai ataupun untuk automatisasi interface.

Sumber : http://wiki.python.org/ diakses pada 02 Maret 2011: 07:28 WIB, GMT+7


Sejarah Python
Python dikembangkan oleh Guido van Rossum pada tahun 1990 di CWI, Amsterdam sebagai kelanjutan dari bahasa pemrograman ABC. Versi terakhir yang dikeluarkan CWI adalah 1.2.

Tahun 1995, Guido pindah ke CNRI sambil terus melanjutkan pengembangan Python. Versi terakhir yang dikeluarkan adalah 1.6. Tahun 2000, Guido dan para pengembang inti Python pindah ke BeOpen.com yang merupakan sebuah perusahaan komersial dan membentuk BeOpen PythonLabs. Python 2.0 dikeluarkan oleh BeOpen. Setelah mengeluarkan Python 2.0, Guido dan beberapa anggota tim PythonLabs pindah ke DigitalCreations.

Saat ini pengembangan Python terus dilakukan oleh sekumpulan pemrogram yang dikoordinir Guido dan Python Software Foundation. Python Software Foundation adalah sebuah organisasi non-profit yang dibentuk sebagai pemegang hak cipta intelektual Python sejak versi 2.1 dan dengan demikian mencegah Python dimiliki oleh perusahaan komersial. Saat ini distribusi Python sudah mencapai versi 2.6.1 dan versi 3.0.

Nama Python dipilih oleh Guido sebagai nama bahasa ciptaannya karena kecintaan guido pada acara televisi Monty Python's Flying Circus. Oleh karena itu seringkali ungkapan-ungkapan khas dari acara tersebut seringkali muncul dalam korespondensi antar pengguna Python.

Sumber : wikipedia bahasa indonesia diakses pada 02 Maret 2011: 07:41 WIB, GMT+7

Selasa, 01 Maret 2011

SIX DWARFING HABITS : Enam Kebiasaan Yang Mengkerdilkan

Oleh : Mario Teguh

  1. Marah tanpa sebab.
  2. Berbicara tanpa maksud.
  3. Berubah tanpa kemajuan
  4. Bertanya tanpa tujuan.
  5. Percaya kepada orang yang tidak dikenalnya
  6. Memperlakukan teman seperti musuh.

Seminar IT : Migrasi Exchange Server ke Zimbra Mail Server

[ Peserta ]
Pelajar, mahasiswa, alumni dan karyawan yang ingin meningkatkan skill di bidang komputer software
Berbasis Free Open Source (Linux).

[ Target Peserta ]
Peserta memahami penggunaan Software Berbasis Free Open Source (Linux).

[ Tempat/Waktu ]
* LP3T-NF Depok
Sabtu, 12 Maret 2011
09:00 - 12:00 WIB

[ Investasi ]
Rp.30.000,- (Early Bird H-3)
Rp.50.000,- (normal)

[ Cara Pendaftaran & Pembayaran ]
  • Datang langsung ke NF Computer dan melakukan pembayaran di tempat paling lambat 10 Maret 2011 pukul 17:00 WIB
  • Registrasi online di http://www.nurulfikri.com/registrasi/
  • Setor/transfer biaya ke rekening kami a/n PT NurulFikri Cipta Inovasi (PT NCI) pada Bank Muamalat dengan nomor rekening 307.00052.10
  • Kirim bukti setoran/transfer via email depok[at]nurulfikri.com atau fax 021 7874225

Seminar Learning Of Open Source : Universitas Pakuan Bogor


HIMAKOM (Himpunan Mahasiswa Ilmu Komputer) Fakultas MIPA Universitas Pakuan Bogor

Tempat : Gedung B.1.1 Fakultas Ekonomi Universitas Pakuan Jalan Ciheuluet Pakuan Bogor
Waktu : 08:00-Selesai
Fasilitas : Seminarkit, Sertifikat, lunch
Acara :
1. Onno W.Purbo --- [Membuat Mail Server, Membuat Wiki Server, Membuat Web Server di dalam Linux]
2. Prof. Dr. -Ing Soewarto Hardhienata --- [Peluang Usaha di Dunia Maya]
3. KPLI (Kelompok Pengguna Linux Indonesia) Bogor --- [Blankon]


Tiket :
1. Paket khusus Pakuan [HIMAKOM @50 kursi :Rp 35.000/tiket, Non HIMAKOM @50 kursi :Rp 40.000/tiket]
2. Paket umum [Mahasiswa/Pelajar @50 kursi :Rp 50.000/tiket, Umum @100 kursi :Rp 75.000/tiket, ]

CP :
1. Ismail Sutardi [ 0897 8363 718 ]
2. Rifky Maulana [ 0877 7005 4327 ]

bila ingin mendaftar langsung :
stand pendaftaran seminar dibuka di depan MIPA 1 Universitas Pakuan Bogor.

Informasi lebih lanjut kunjungi situs http://seminarinagurakom.co.cc/

NB : KPLI Bogor punya kejutan tersendiri di luar ruangan seminar

Cara Posting Source Code ke Blogspot

Curhat tentang orang yang belum pernah posting source code ke blog nya....

Pagi yang membosankan selama liburan menunggu waktu PKL datang, seminggu lebih berada di kostan tentu akan sangat membosankan, libur kali ini memang saya rencanakan untuk tidak pulang ke kampung halaman karena ingin belajar dan mempersiapkan diri untuk PKL.

Mencari panduan belajar web kesana kemari akhirnya menentukan untuk belajar CSS3 dan HTML5, panduan pertama yang diikuti adalah membuat form cantik dengan CSS3 dan HTML5 , setelah sukses ada sedikit keinginan untuk posting di blog lama yang tak terurus ini, akhirnya mulailah untuk copas-copas dari text editor hasil belajar tadi. Setelah copas tag-tag html ke dalam editor postingan blog tapi kok malah berubah jadi form-form (karena tag-tag yang saya masukkan adalah tag untuk membuat form).

Lalu saya melalang buana lagi mencari tahu bagaimana cara posting source code akhirnya ketemu juga jawabannya, jadi begini :

1. Salin kode di bawah ini ke dalam template blog Anda sebelum tag </head>

<link href='http://alexgorbatchev.com/pub/sh/current/styles/shCore.css' rel='stylesheet' type='text/css'/>
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js' type='text/javascript'/>
<script language='javascript' type='text/javascript'>
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.all();
</script>

2. Ubah semua tanda < menjadi "& lt ;" dan > menjadi "& g t ;", jika terlalu banyak perubahan yang harus dilakukan silakan kunjungi situs online highlighter

3. Copykan kode berikut ini ke dalam isi blog yang akan di post
<pre class="brush: html" > Salin kode yang sudah diubah dari panduan nomor 2 ke dalam sini</pre>


dan akhirnya.......

Selamat untuk diri saya sendiri dan Anda yang sudah berhasil membuat postingan source code ke blog....

Membuat Form Cantik dengan CSS3 dan HTML5

Teman-teman pasti sudah sering membuat form isian untuk sebuah web statis ataupun dinamis, membuat form isian dengan tabel adalah hal yang biasanya saya lakukan agar tampilan form lebih rapi dan menarik. Namun, pada kesempatan ini saya akan membuat form menggunakan CSS3 dan tag html5. Mari kita buat form seperti ini :
Icon dapat diunduh di http://www.mezzoblue.com/

Kita akan membuat form pembayaran sederhana dengan 3 bagian utama :
  1. Info pengguna
  2. Alamat pengguna
  3. Kartu Kredit pengguna
Beberapa tag hmtl5 yang akan dipakai :
  1. email, untuk field email
  2. tel, untuk fiel telepon
  3. number, untuk nomor kartu kredit dan kode keamanan
  4. required, untuk field required
  5. placeholder, untuk menampilkan teks contoh
  6. autofocus, untuk meletakkan posisi kursor pada saat halaman di buka pertama kali

Urutan langkah Pembuatan :

1. Buka text editor kesayangan Anda, kalau saya menggunakan geany saja sudah cukup.

2. Buat berkas bernama index.html yang isinya
<!DOCTYPE HTML>
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" type="text/css" href="css/home.css">
</head>

<body>
<form id=payment>
<fieldset>
<legend>Your details</legend>
<ol>
<li>
<label for=name>Name</label>
<input id=name name=name type=text placeholder="First and last name" required autofocus>
</li>
<li>
<label for=email>Email</label>
<input id=email name=email type=email placeholder="example@domain.com" required>
</li>
<li>
<label for=phone>Phone</label>
<input id=phone name=phone type=tel placeholder="Eg. +447500000000" required>
</li>
</ol>
</fieldset>
<fieldset>
<legend>Delivery address</legend>
<ol>
<li>
<label for=address>Address</label>
<textarea id=address name=address rows=5 required></textarea>
</li>
<li>
<label for=postcode>Post code</label>
<input id=postcode name=postcode type=text required>
</li>
<li>
<label for=country>Country</label>
<input id=country name=country type=text required>
</li>
</ol>
</fieldset>
<fieldset>
<legend>Card details</legend>
<ol>
<li>
<fieldset>
<legend>Card type</legend>
<ol>
<li>
<input id=visa name=cardtype type=radio>
<label for=visa>VISA</label>
</li>
<li>
<input id=amex name=cardtype type=radio>
<label for=amex>AmEx</label>
</li>
<li>
<input id=mastercard name=cardtype type=radio>
<label for=mastercard>Mastercard</label>
</li>
</ol>
</fieldset>
</li>
<li>
<label for=cardnumber>Card number</label>
<input id=cardnumber name=cardnumber type=number required>
</li>
<li>
<label for=secure>Security code</label>
<input id=secure name=secure type=number required>
</li>
<li>
<label for=namecard>Name on card</label>
<input id=namecard name=namecard type=text placeholder="Exact name as on the card" required>
</li>
</ol>
</fieldset>
<fieldset>
<button type=submit>Buy it!</button>
</fieldset>
</form>
</body>
</html>


3. Buat berkas css dengan nama home.css

/*source http://24ways.org/2009/have-a-field-day-with-html5-forms*/
html, body, h1, form, fieldset, legend, ol, li {
margin: 0;
padding: 0;
}
body {
background: #ffffff;
color: #111111;
font-family: Georgia, "Times New Roman", Times, serif;
padding: 20px;
}
form#payment {
background: #15BEE3;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
padding: 20px;
width: 400px;
-webkit-box-shadow: #244766 5px 5px 10px;
-moz-box-shadow: #244766 10px 10px 10px;
box-shadow: #244766 10px 10px 10px;
}
form#payment fieldset {
border: none;
margin-bottom: 10px;
}
form#payment fieldset:last-of-type {
margin-bottom: 0;
}
form#payment legend {
color: #0A0C66;
font-size: 16px;
font-weight: bold;
padding-bottom: 10px;
text-shadow: 0 1px 1px #c0d576;
}
form#payment > fieldset > legend:before {
content: "Step " counter(fieldsets) ": ";
counter-increment: fieldsets;
}
form#payment fieldset fieldset legend {
color: #111111;
font-size: 13px;
font-weight: normal;
padding-bottom: 0;
}
form#payment ol li {
background: #b9cf6a;
background: rgba(255,255,255,.3);
border-color: #e3ebc3;
border-color: rgba(255,255,255,.6);
border-style: solid;
border-width: 2px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
line-height: 30px;
list-style: none;
padding: 5px 10px;
margin-bottom: 2px;
}
form#payment ol ol li {
background: none;
border: none;
float: left;
}
form#payment label {
float: left;
font-size: 13px;
width: 110px;
}
form#payment fieldset fieldset label {
background:none no-repeat left 50%;
line-height: 20px;
padding: 0 0 0 34px;
width: auto;
}
form#payment label[for=visa] {
background-image: url(../img/visa.gif);
}
form#payment label[for=amex] {
background-image: url(../img/amex.gif);
}
form#payment label[for=mastercard] {
background-image: url(../img/mastercard.gif);
}
form#payment fieldset fieldset label:hover {
cursor: pointer;
}
form#payment input:not([type=radio]),
form#payment textarea {
background: #ffffff;
border: none;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
font: italic 13px Georgia, "Times New Roman", Times, serif;
outline: none;
padding: 5px;
width: 200px;
}
form#payment input:not([type=submit]):focus,
form#payment textarea:focus {
background: #eaeaea;
}
form#payment input[type=radio] {
float: left;
margin-right: 5px;
}
form#payment button {
background: #0A0C66;
border: none;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
color: #ffffff;
display: block;
font: 18px Georgia, "Times New Roman", Times, serif;
letter-spacing: 1px;
margin: auto;
padding: 7px 25px;
text-shadow: 0 1px 1px #000000;
text-transform: uppercase;
}
form#payment button:hover {
background: #1e2506;
cursor: pointer;
}
Sumber : http://24ways.org/

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More