Archive for September 2011

Friday, September 30, 2011

Latihan awal JavaScript

11:18 PM No Comments
Untuk pemula, kita mulai dari yang ringan-ringan dulu. Seperti biasa, kita mulai dengan membuat file HTML, kemudian kita tambahkan skrip JavaScript. Tuliskan kode berikut:
<html>
<head><title>Tes</title></head>
<body>
<h1> Tes JavaScript</h1>
<script language="javascript">
document.write("Saya berasal dari JavaScript");
</script>
</body>

</html>
Sekarang coba buka dengan web browser.
 


 Nampak bahwa hasil:

Saya berasal dari JavaScript

diletakkan sesudah

Tes JavaScript

dan ini memang berasal dari


<script language="javascript">
document.write("Saya berasal dari JavaScript");
</script>

Wednesday, September 28, 2011

Pengumpulan dan Penyajian Data (Statistika)

1:17 PM No Comments
Pengumpulan Data

Untuk keperluan membuat keputusan, kita memerlukan data. Secara statistika, sebuah data dapat dikumpulkan dengan bermacam-macam cara, antara lain:
  1. Turun langsung ke lapangan
  2. Mengambil atau menggunakan sebagian atau seluruh data dari suatu badan atau instansi
  3. Membuat angket atau quesioner
Angket atau quesioner adalah daftar pertanyaan untuk mendapatkan data.
Penyajian Data
Data yang sudah dikumpulkan, baik dari popullasi maupun sampel bersifat kualitatif maupun kuantitatif untuk keperluan laporan atau analisa selanjutnya data tersebut dapat disusun atau disajikan dengan baik. Secara statistik, ada beberapa cara penyajian data.
  1. Dalam bentuk tabel atau daftar
Adapun formula dasar dalam penyajian data secara daftar

Tuesday, September 27, 2011

Header Style part 1 (CSS)

7:48 PM No Comments
Sesuai dengan namanya, header style berarti menuliskan skrip CSS pada header dokumen HTML didalam bagian <head> dan </head>. Definisi style dengan cara ini lebih dianjurkan karena selain lebih rapi, pendefinisian tag cukup dilakukan satu kali.
  • Masih menggunakan teks editor, kali ini buat dokumen HTML baru dengan kode sebagai berikut.
<html>
   <head>
     <title> Latihan3</title>
   </head>
<body>
   <h3>Judul Artikel</h3>
      <p>Contoh paragraf teks</p>
</body>
</html>

  •     Simpan dengan nama latihan3.html
  •     Jalankan dengan web browser maka akan tampil seperti gambar berikut


  •   Kita akan mencoba mengubah penampilan teks judul artikel dengan menyisipkan kode CSS pada bagian header.
<head>
<title> Latihan3</title>
<Style>
H3 {font-family:arial}
</style>
</head>

  •       Pada bagian tag <h3> berarti kita akan menggunakan font arial. Skrip ini harus berada tag <style> dan </style> agar dikenali oleh web browser sebagai CSS.
  •  Simpan kembali lalu buka dengan web browser, maka jenis font yang digunakan pada header menjadi Arial
  


Download Source Code

Sejarah dan Pengertian Komputer

11:29 AM No Comments
Awal mula komputer berasal dari Sempoa/Abacus yang ditemukan oleh Charles Babbage. Karena temuannya itu, beliau dijuluki sebagai bapak Komputer.
Komputer berasal dari bahasa latin computare  yang artinya menghitung.
Dari pengertian wikipedia, ada dua era. Era dulu komputer adalah orang menghitung. Sedangkan Era sekarang adalah alat yang digunakan untuk mengolah informasi menurut prosedur-prosedur yang telah ditetapkan.
Menurut Oxford English Dictionaru edisi 2 (OED2), komputer adalah alat yang digunakan untuk melakukan penghitungan atau pengendalian operasi-operasi yang dinyatakan dengan numerik dan angka.

Sedangkan menurut Robert H Blismer, komputer adalah alat elektronik yang dapat melakukan tugas-tugas sebagai berikut:
  • Menerima Input (masukan)
  • Memproses input yang telah diterima
  • Menyimpan instruksi-instruksi hasil pemrosesan
  • Mengeluarkan output (Keluaran) yang berupa informasi.
Jadi komputer adalah alat yang dapat menerima masukan (input), lalu diproses input tersebut untuk menghasilkan keluaran (output) berupa informasi.

Tambahan:
Data adalah Fakta nyata/ keadaan sesungguhnya.
Informasi adalah data yang telah diolah menjadi data baru yang bermanfaat bagi penerimanya.

Ciri-ciri informasi berkualitas
1. Akurat, yaitu bebas dari kesalahan
2. Relevan, yaitu sesuai atau mempunyai manfaat bagi si penerima
3. Tepat waktu

Monday, September 26, 2011

Menggunakan echo dan print (PHP)

10:28 AM No Comments

Buatlah direktori (folder) baru di C:\xampp\htdocs dengan nama “latihan” atau terserah apa saja.
Jalankan aplikasi teks editor (notepad, Adobe Dreamweaver dll).
Tuliskan kode berikut:
<?php
Echo “Hello World\n”;
Echo (“Bentuk lain penggunaan echo\n\n”);

Print “Hello World\n”;
Print (“Bentuk lain penggunaan print”);
?>

Simpan kode diatas dengan nama latihan2.php atau terserah anda. Dan tempatkan direktori yang tadi anda buat C:\xampp\htdocs\latihan
Jalankan web browser lalu masukkan alamatnya. http://localhost/latihan/latihan2.php

Download Source Code

Saturday, September 24, 2011

Kemampuan JavaScript

9:47 AM No Comments
JavaScript adalah bahasa skrip (bahasa yang kodenya ditulis menggunakan teks biasa) yang ditempelkan pada dokumen HTML dan diproses pada sisi klien. Dengan adanya bahasa ini, kemampuan dokumen HTML menjadi semakin luas. Sebagai contoh, dengan menggunakan JavaScript dimungkinkan untuk memvalidasi masukan-masukan pada formulis sebelum formulir dikirim ke server. Selain itu, dengan menggunakan JavaScript juga dimungkinkan untuk mengiplementasikan tugas yang bersifat interaktif tanpa berhubungan dengan server. Beberapa contoh yang bisa dilakukan melalui JavaScript:

  1. Menampilkan jam lokal pada halaman web.
  2. Mengatur warna latar belakang halaman web.
  3. Mengganti gambar ketika pemakai menempatkan penunjuk mouse ke suatu gambar.
  4. Memvalidasi keabsahan data yang dimasukkan oleh pemakai.
  5. Menandai semua data yang akan dihapus dengan cara memberi tanda centang pada kotak cek. Hal seperti ini biasa disediakan pada pembaca email yang berbasis web.
Yang lebih penting lagi, JavaScript dapat memanfaatkan DOM untuk mengakses elemen-elemen dalam halaman web dan dapat berinteraksi dengan server. JavaSript-lah yang digunakan untuk menyusun lapisan Ajax.

Friday, September 23, 2011

Strategi Sukses Studi

9:17 PM No Comments

Strategi Sukses Studi

  1. Orang-orang yang sukses diusia relatif muda dalam dunia bisnis, baik sebagai pengusaha maupun pprofesional, bermula dari kesuksesannya didunia studi
  2. Fungsi dan manfaat pendidikan formal adalah untuk membentuk baik pola pokir
Metode Untuk Menjadi Sukses Studi
  1. Milikilah tujuan hidup secara tertulis yang fokus agar sejak usia muda telah menetapkanarah pencapaian tujuan yang sesuai dengan cita-cita.
  2. Milikilah bidang yang disukai dan menunjang pencapaian obsesi kesukaan terhadap bidang pelajaran yang anda pilih
  3. Gemar membaca
  4. Mendahului pelajaran
  5. Menyimak dan gemar bertanya
  6. Mengulangi Pelajaran
  7. Pergaulan yang kondusif
  8. Pola Hidup yang sehat

 

Statistika

9:13 PM No Comments
Statistika adalah cabang ilmu yang mempelajari suatu cara bagaimana mengumpulan data, menyajikan data, mengolah data, dan menganalisa data untuk membuat suatu keputusan atau kesimpulan.
Sedangkan statistik adalah penafsiran.
Populasi adalah totalitas semua nilai yang mungkin, hasil menghitung mengukur data kuantitatif atau kualitatif melalui kerakteristik tertentu dari semua anggota kumpula yang lengkap dan jelas yang ingin dipelajari sifat-sifatnya.
Sampel (sample) adalah bagian dari populasi
Sampel Represiatif adalah sampel yang baik
Data adalah angka
Data kualitatif adlah data yang tidak dapat dihitung dan diukur
Data kuantitatif adalah data yang dapat dihitung dan diukur.

Inline Style (CSS)

12:29 PM No Comments

Sebelum kita berlanjut ke topik yang lebih dalam, ada baiknya kita siapkan sebuah dokumen HTML sebagai bahan latihan. Kita mulai saja dengan mengetikkan kode HTML di notepad atau teks editor yang lain. Ketikkan kode berikut:

<html>
   <head>
      <title>Latihan</title>
   </head>
<body>
   <p> Contoh baris paragraf</p>
</body>
</html>

Simpan dengan nama latihan.html. Lalu buka dengan web browser (Mozilla, chrome dll) maka akan tampak seperti berikut.


Sekarang saatnya kita sisipkan dengan kode CSS. Terdapat tiga cara penulisan kode CSS, yaitu secara langsung  (inline style), definisi dalam header dokumen atau melalui file referensi yang di-link ke dalam dokumen HTML. Kita akan mencoba cara pertama, yaitu Inline style.
  •  Contoh kasus, misalnya kita ingin agar teks dalam tag <p> berwarna merah, cara pertama (Inline Style) dapat dicapai dengan menambahkan kede CSS pada tag <p> sehingga menjadi 

<p style=”color:red”>Contoh baris paragraf</p>.
Terlihat pada kode diatas, kita tinggal menambahkan kode style=”property:value” menjadi style=”color:red” 

  • Simpan kembali dokumen HTML  dan buka pada web browser. Jika kode-nya benar, maka akan tampak seperti berikut:



    Apabila kita ingin merubah warna lagi, cukup mengubah kode value dengan warna yang kita inginkan (kode warna harus dalam bahasa Inggris). Misalnya untuk warna teks biru, maka kodenya menjadi:

    <p style=”color:blue”>

    Contoh baris paragraf</p>
    • Sekarang coba kita buat kode sepeti dibawah ini:
    <body>

    <p style=”color:red”>Contoh baris paragraf</p>

    <p style=”color:blue”>Contoh baris paragraf</p>

    <p style=”color:green”>Contoh baris paragraf</p>

    </body>
    Simpan kembali, lalu buka dengan web browser, maka akan tampak seperti berikut:
     

    Download source Code

    Thursday, September 22, 2011

    Sintaks Program PHP

    3:58 PM No Comments
    PHP adalah bahasa yang dirancang untuk mudah diletakkan didalam kode HTML. Banyak dijumpai kode PHP yang menyatu dengan kode HTML. Kode PHP diawali dengan tag <?php dan diakhiri dengan tag >?. Apabila kita melakukan konfigurasi terhadap file php.ini  untuk mengizinkan penggunaan tag pendek (short tag) dengan mengubah nilai short_open_tag menjadi On, maka tag tersebut dapat diganti dengan <? dan ?>. dalam PHP 5, nilai default dari short_open_tag adalah off. Selain itu, PHP kita juga dapat menggunakan tag gaya ASP, <% dan %>, dengan mengubah nilai asp_tags dalam file php.ini menjadi On.  Dalam modul ini, kita akan tetap menggunakan tag <?php dan ?> untuk menulis kode PHP.
    Berikut contoh kode PHP yang paling sederhana.

    <?php
    Echo “Hello World”;
    ?>

    Perintah echo didalam PHP berguna untuk mencetak nilai, baik teks maupun numerik kelayar web browser. Selain echo, kita juga dapat menggunakan print, sehingga kode diatas juga dapat ditulis seperti berikut.

    <?php
    Print “Hello World”;
    ?>

    Echo dan print juga memiliki bentuk penulisan yang lain, seperti layaknya pemanggilan fungsi. Berikut ini bentuk lain tersebut.

    <?php
    echo (“Hello World”);      //mencetak teks “Hello World”
    echo (1);                  //mencetak angka 1
    print (“Hello World”);     //mencetak teks “Hello World”
    print (100);               //mencetak angka 100
    ?>

    Setiap perintah atau statemen didalam kode PHP harus diakhiri dengan tanda titik koma atau semicolon (;).
    Hasil yang akan diberikan oleh kedua kode diatas adalah sama. Meskipun demikian, penggunaan echo lebih banyak digemari oelh para programmer web.

    Wednesday, September 21, 2011

    Apa sebenarnya Ajax itu?

    12:43 PM No Comments

    Ajax (Asynchronous JavaScript and XML)  sesungguhnya bukanlah suatu bahasa pemrograman, melainkan hanya suatu teknik yang memungkinkan untuk membuat aplikasi web yang interaktif. Dengan menggunakan Ajax, aplikasi web dapat berinteraksi dengan server di latar belakang sehingga tidak mempengaruhi halaman web secara keseluruhan. Sebagai gambaran, Anda mungkin sering mendaftarkan diri pada suatu situs web sebagai anggota baru. Setalah anda selesai mengetikkan User ID saat registrasi, sistem bisa memberi tahukan bahwa nama yang Anda pakai sudah digunakan oleh orang lain atau belum.

    Bagaimana aplikasi web bisa tahu hal itu padahal Anda belum mengklik tombol apapun dalam halaman web? Rahasianya terletak pada pemrosesan di latar belakng yang dilakukan Ajax. Gambar dibawah ini menunjukkan perbedaan antara model aplikasi web yang tidak berbasis Ajax dan yang berbasis Ajax.
    Butir penting yang perlu diperhatikan dalam lapisan Ajax.
    1. Lapisan Ajax meminta layanan ke server atau tidak, tergantung pada jenis layanan dari antarmuka. Sebagai contoh, untuk validasi terhadap objek formulir tidak perlu melakukan permintaan ke server. Cukup ditangani disisi klien. Namun untuk pemeriksaan keabsahan password, mau tidak mau harus dilayangkan ke server kerena harus berhubungan dengan database. 
    2. Sekalipun penambahan lapisan Ajax berkesan memperlambat proses (karena komunikasi ke server tidak lagi dilakukan secara langsung), pada kenyataannya yang terjadi adalah sebaliknya. Hal ini karena permintaan yang dilakukan oleh lapisan ajax menghasilkan informasi yang jauh lebih sedikit dibanding kalau yang diminta adalah untuk keseluruhan halaman.
    3. Lapisan ajax bekerja dengan pendekatan asinkron. Asinkron berarti bahwa klien bisa meminta layanan dari server dan tidak perlu menunggu sampai server melayaninya. Dengan demikian, saat informasi dari server belum didapat, layanan kepada pemakai tetap bisa dilakukan.
    4. Komunikasi antar klien dan server tidak perlu mengubah keseluruhan antarmuka dalam halaman web, tetapi cukup hanya bagian tertentu yang terpengaruh. Hal ini tidak bisa dilakukan pada aplikasi web yang tidak berbasis ajax.
       








    Monday, September 19, 2011

    Sintak kode CSS

    10:26 AM No Comments

    Berbeda dengan skrip HTML, cara penulisan sintak kode CSS secara umum terdiri atas komposisi berikut:
    Selector { property: value }
    Selector merupakan tag HTML atau elemen (class/ID) yang dipilih.
    Properti adalah atribut yang ingin anda atur nilainya
    Value merupakan nilai dari property, bisa berupa angka atau teks.

    Sebagai contoh, anggaplah kita ingin mewarnai seluruh teks dalam tag <p>  maka penulisan kode-nya menjadi :
    P { color: red }
    Dimana p merupakan tag <p> yang akan diatur style-nya, color adalah salah satu contoh property yang bisa kita gunakan dan red merupakan value dari property color.
    Nilai property atau value didefinisikan dengan tanda “:” dan pendefinisian property/atribut berada dalam tanda kurung “{“ dan “}”.

    Apa itu CSS?

    10:22 AM No Comments

    CSS merupakan singkatan dari Cascading Style Sheet. Kegunaannya adalah untuk mengatur tampilan dukumen HTML, contohnya seperti pengaturan jarak antar baris, teks, warna dan format border bahkan penampilan file gambar.


    CSS dikembangkan oleh W3C, oraganisasi yang mengembangkan teknologi internet. Tujuannya tak lain untuk mempermudah proses penataan halaman web.

    Perlu diingat, CSS hanyalah berupa kumpulan script yang tujuannya bukan untuk menggantikan HTML, melainkan pelengkap agar dokumen HTML bisa tampil lebih cantik dan dinamis.

    Sejak awal ditemukan CSS pada awal dekade 90an, CSS terus dikembangkan dan diserap oleh web developer. Hingga saat ini versi CSS telah mencapai versi ke-3.

    Kode CSS bersifat lintas platform, yang berarti script ini dapat dibaca oleh berbagai macam sistem perasi dan browser. Hanya saja browser seperti Internet Explorer seringkali salah mengartikan script CSS yang menyebabkan tidak sempurnanya tampilan dokumen HTML. Script CSS perlu dioptimalkan agar tampilan maksimal pada web browser internet explorer.

    Sunday, September 18, 2011

    Cara Kerja PHP

    7:37 PM No Comments
    Cara kerja aplikasi web yang ditulis dengan PHP dapat diilustrasikan dengan gambar dibawah ini:


    Berikut adalah keterangan dari gambar diatas:
    1. User menulis http://pemrograman4web.blogspot.com ke dalam address bar dari web browser (IE, Mozilla Firefox, Chrome dll).
    2.   Web browser  mengirimkan pesan di atas ke komputer server (http://pemrograman4web.blogspot.com) melalui internet, meminta halaman index.php  (default dari halaman web).
    3. Web server (misalnya apache), program yang berjalan dikomputer server , akan menangkap pesan tersebut, lalu meminta interpreter PHP (program lain yang juga berjalan di komputer server) untuk mencari file index.php dalam disk drive. 
    4. Interpreter PHP membaca file index.php dari disk drive. 
    5. Interpreter PHP akan menjalankan perintah-perintah atau kode PHP yang ada dalam file index.php. Jika kode dalam file index.php melibatkan akses terhadap database (misalnya MySQL) maka interpreter PHP juga akan berhubungan dengan MySQL untuk melaksanakan perintah-perintah yang berkaitan dengan database.
    6. Interpreter PHP mengirimkan halaman dalam bentuk HTML ke Apache
    7. Melalui internet, Apache mengirimkan halama yang diperoleh dari Interpreter PHP ke Komputer User sebagai  respon atas permintaan yang diberikan. 
    8. Web browser dalam komputer user akan menampilkan halaman yang dikirim oleh Apache.

    Sekilas Tentang PHP

    1:31 PM No Comments

    PHP adalah salah satu bahasa pemrograman skrip yang dirancang untuk membangun aplikasi web.  Ketika dipanggil dari web browser, program yang ditulis dengan PHP akan di-parsing  di dalam web server oleh interpreter PHP dan diterjemahkan ke dalam dokumen HTML, yang selanjutnya akan ditampilkan kembali ke web browser. 

    Karena pemrosesan program PHP dilakukan di lingkungan web server, PHP dikatakan sebagai bahasa sisi server (server-side). Oleh sebab itu, seperti yang telah dikemukakan sebelumnya, kode PHP tidak akan terlihat pada saat user memilih perintah “View Source” pada web browser yang mereka gunakan . Selain menggunakan PHP, aplikasi web juga dapat dibangun dengan Java (JSP – JavaServer Pages dan Servlet), Perl maupun ASP (Active Server Pages).

    Meskipun PHP 5 dapat digunakan untuk membuat aplikasi CLI (Command Line Interface) dan juga aplikasi Desktop, namun pada umumnya orang menggunakan PHP untuk tujuan pembuatan aplikasi web.

    Gambaran Global Aplikasi Web

    1:07 PM No Comments
    Aplikasi web adalah aplikasi yang disimpan dan dieksekusi di lingkungan web server. Setiap permintaan yang dilakukan oleh user melalui aplikasi klien (web browser) dan direspon oleh aplikasi web dan hasilnya akan dikembalikan lagi ke hadapan user.  

     Dengan aplaikasi web, halaman yang tampil di layar web browser  dapat bersifat dinamis, tergantung dari nilai data atau parameter yang dimasukkan oleh user.  Komunikasi antara web browser dan aplikasi web  dapat digambarkan seperti berikut:
    Seperti yang tampak pada gambar diatas bahwa aplikasi web dapat juga digunakan untuk mengakses file-file yang bersifat statis (misal: dokumen HTML, file gambar maupun file teks).
    Berbeda dengan dokumen HTML dan kode pemrograman client-side lainnya (misal: JavaScript dan VBScript), kode dari aplikasi web tidak dapat dilihat atau dibaca oleh user.


    Subscribe to: Posts (Atom)