Friday, December 9, 2011

Perintah Dasar SQL

Perintah SQL dibagi menjadi DDL dan DML.

DDL adalah Definition Data Language.
Digunakan untuk kepentingan penciptaan Database, Tabel, hingga Penghapusan Database dan Tabel.


Contoh:
  • Create database
  • Create table
  • Drop table
  • Alter table

Sedangkan DML adalah Data Manipulation Language
Digunakan untuk memanipulasi data.

Contoh:
  • Select - untuk mengambil data
  • Delete - untuk menghapus data
  • Insert - untuk menyisipkan data
  • Update - untuk mengubah data

Thursday, December 8, 2011

Menambah Judul dan Paragraf Baru (CSS)

Sekarang coba menambahkan judul artikel dan paragraf baru pada bagian <body> seperti dibawah:
<body>
    <h3>Judul Artikel</h3>
    <p>Contoh paragraf teks</p>
    <h3>Judul Artikel Baru</h3>
    <p>Contoh paragraf teks Baru</p>
</body>


Simpan dan refresh web browser, maka akan tampak seperti dibawah:




Secara otomatis mengikuti foemat CSS yang telah dibuat sebelumnya.

Kemudian sisipkan satu baris kode CSS baru untuk tag <body> dan hapus pengaturan jenis font untuk tag <p> dan <h3>
<style>
body {font-family:verdana}
h3 {color:red; font-style:italic}
p {color:blue; font-size:12px}
</style>

Maksud baris kode ke-2, seluruh teks yang berada diantara tag <body> akan ditampilkan menggunakan font verdana. Pada baris ke 3 dan 4, property font-family untuk tag h3 dan p dihilangkan.
Simpan dan refresh web browser, maka akan tampil:

Wednesday, December 7, 2011

Mengenal Objek pada JavaScript

Pernah mendengar bahasa pemrograman berorientasi objek? Ya, C++ adalah contoh yang paling terkenal. Banyak bahasa pemrograman lain yang juga berorientasi objek. Begitu juga JavaScript.

Secara umum sebuah objek memiliki properti dan metode. Selain itu, objek juga bisa menyediakan kejain (event) yang memungkinkan pemrogram bisa menuliskan kode kalau kejadian tersebut berlangsung.

1. Properti adalah atribut dari sebuah objek
2. Metode adalah suatu kompulan kode yang digunakan untuk melakukan sesuatu tindakan terhadap objek. Sebagai contoh, write() pada sebuah objek document adalah metode yang digunakan untuk menuliskan tulisan ke jendela browser.
3. penanganan kejadian (event handler) adalah sekumpulan kode yang akan dijalankan manakala pemakai melakukan suatu tindakan (biasa disebut dengan kejadian). contoh kejadian adalah ketika pemakai mengklik tombol mouse atau ketika isi kotak teks berubah.

kalau dianalogikan dengan mobil, salah satu properti pada mobil yaitu warna. Contoh yang lain adalah nomor rangka dan nomor mesin.

Metode dan Kejadian pada mobil
1. Properti
     - Warna
     - Nomor Mesin
     - Nomor Rangka

2. Metode
     - Menghidupkan Mesin
     - Menginjak Rem

3.  Kejadian
     - Tabrakan (Pelindung "air-bag" segera muncul)
     - Bahan bakar mau habis (indikator bahan bakar barkedip-kedip)

Tuesday, November 1, 2011

Sistem Komputer

Sistem adalah elemen-elemen atau komponen-komponen yang saling terinteraksi dan berinteraksi untuk mencaai suatu tujuan tertentu.
Sistem Komputer adalah elemen-elemen atau komponen-komponen komputer yang saling berinteraksi dan berintegrasi untuk menghasilkan informasi yang dibutuhkan.

Elemen-elemen pada sistem Komputer
1. Hardware
Yaitu, Perangkat Keras yang berwujud dan dapat dipegang.

2. Software
Yaitu, Perangkat abstrak yang berisikan perintah, instruksi, prosedur yang mendukung pengolahan data pada sistem komputer.

3. Brainware
Yaitu, User atau manusia atau pengguna dari komputer.

Wednesday, October 12, 2011

Header Style part 2 (CSS)

Sekarang kita akan memberi warna merah pada “Judul Artikel”. Kita tinggal menyisipkan property dan value berikutnya, seperti pada kode berikut:

<style>
H3 {font-family:arial; color:red}
</style>

Pada baris kedua, terdapat sisipan kode CSS baru yaitu color:red yang fungsinya untuk mengubah warna teks yang berada dalam tag <h3> menjadi merah. Kita dapat menambahkan property lainnya sesuai kebutuhan, namun setiap property harus dipisahkan oleh tanda titik koma (;).

Simpan kembali dokumen, dan refresh browser untuk melihat perubahan yang terjadi. Bila dilakukan dengan benar, teks “Judul Artikel” kini berwarna merah.


Kembali ke teks editor, sisipkan kode untuk memiringkan teks “Judul Artikel”  sebagai berikut:

<style>
H3 {font-family:arial;
Color:red;
Font-style:italic;
}
</style>

Kita juga dapat menuliskan skrip CSS dengan cara seperti contoh diatas, hanya saja pastikan setiap pendefenisian property dipisahkan oleh titik koma (;) dan semuanya berada dalam tanda kurung kurawal {}.
Kode sisipan pada baris ke-5 merupakan perintah untuk memformat teks agar dicetak miring pada browser.

Simpan kembali dokumen dan refresh browser untuk melihat perubahan yang terjadi.

Saturday, October 8, 2011

Penyajian data dalam bentuk diagram/grafik

1. Diagram batang
2. Diagram baris
3. Diagram lambang
4. Diagram peta
5. Diagram pencar, dll

Contoh diagram batang:

DAFTAR DISTRIBUSI FREKUENSI (DAFTAR DF)

Cara mengisi daftar DF adalah:
1. Tentukan rentang
    R= data max – data min

2. Tentukan banyak kelas
    B=1+3,3 log n
3. Tentukan panjang kelas P=R/B

4. Entri data untuk kelas interval pertama boleh dimulai dari data terkecil atau lebih kecil dari data terkecil tapi tidak boleh kurang dari panjang kelas.

Contoh:
Berikut data hasil ujian 80 mahasiswa.


79
49
48
74
81
98
87
80
80
84
90
70
91
93
82
78
70
71
92
38
56
81
74
73
68
72
85
51
65
65
83
86
90
35
83
73
74
43
86
88
92
93
76
71
90
72
67
75
80
91
61
72
97
91
88
81
70
74
99
95
80
59
71
77
63
60
83
82
60
67
89
63
76
63
88
70
66
88
79
75

 
Susunlah data diatas dalam bentuk daftar DF
R=data max- data min
   =99-35
   =64

B=1+3,3 log n
  =1+3,3 log 80
  =10

P=R/B
  =64/10
  = 6,4
  =7

Monday, October 3, 2011

Pengolahan Citra

Pengertian

Citra adalah imitasi (tiruan) dari suatu objek
Citra ada dua model yaitu Citra analog dan Citra Digital
Citra analog adalah citra yang bersifat continue
Contoh: gambar pada tv, pas foto
Citra digital adalah citra yang diolah dengan komputer


Alat untuk pencitraan 
1. Kamera digital
2. Scanner
3. Kamera konvesional, yaitu conventer analog ke digital


Jenis-jenis citra digital
1. Citra biner, yaitu citra 1 bit (21)
2. Citra grayscale, yaitu citra 2 bit (22)
3. Citra warna, yaitu citra 3 bit (23)


Elemen-elemen citra digital
1. Kecerahan (brighnes)
Merupakan intensitas cahaya yang dipancarkan piksel dari citra yang dapat ditangkap oleh sistem penglihatan

2. Kontras
Merupakan sebaran terang dan gelap dalam sebuah citra

3. Kontur (countour)
Keadaan yang dituimbulkan oleh perubahan intensitas pada piksel-piksel yang bertetangga

4. Warna
Sebagai persepsi yang dapat ditangkap oleh visual (penglihatan) terhadap panjang gelombang cahaya yang dipantulkan oleh objek

5. Bentuk (shape)
Properti intrinsik dari objek 3 dimensi

6. Tekstur
Dicirikan sebagai distribusi spansial dari derajat keabuan didalam sekumpulan piksel-piksel yang bertetangga

Format file citra
1. Bitmap
Citra bitmap disebut juga dengan citra raster. Citra bitmap menyimpan data citra secara digital dan lengkap

2. Vector
Dihasilkan dari perhitungan matematis dan tidak berdasarkan piksel. Yaitu data tersimpan dalam vector posisi dengan bentuk sebuah fungsi

Sunday, October 2, 2011

Floating-Point

Floating-Point Number (sering juga dinamakan dengan bilangan real) adalah tipe data yang merepresentasikan nilai-nilai numerik dalam bentuk pecahan atau mengandung angka desimal dibelakang koma. floating-point dalam PHP selaras tipe double dalam bahasa C, biasanya berada dalam rentang 1.7E-308 dan 1.7E+308 dengan 15 digit akurasi.

Bilangan floating-point dapat ditulis dalam notasi normal dan notasi sains (scientific).
Contoh:
3.14
0.017
-7.1
0.314E1         //0.314*101, or 3.14
17.0E-3         //17.0*10-3, or 0.017

Floating-Point sering merupakan representasi "kira-kira: dari suatu bilangan. Sebagai contoh, 3.5 secara aktual direpresentasikan dengan nilai 3.4999999999 

Saturday, October 1, 2011

Integer (PHP)

PHP mendukung delapan tipe nilai atau tipe data. Empat nilai skalar (single-value): integer, floating-point, string, dan boolean; dua nilai koleksi: array dan objek. Sisanya adalah tipe khusus: resource dan NULL.
Sekarang kita akan membahas tentang integer.
Integer adalah tipe data yang merepresentasikan bilangan utuh atau bulat, seperti 12,14, 2009, dan sebagainya. Rentang yang diperbolehkan adalah dari -2,147,483,648 sampai +2,147,483,647.
Nilai leteral dari tipe integer dapat ditulis dalam bentuk desimal (basis 10), oktal (basis 8), maupun heksadesimal (basis 16).
contoh integer yang ditulis dalam bentuk desimal:
2009
-212
+13

contoh integer yang ditulis dalam bentuk oktal:
0755       //desimal 493
+010      //desimal 8
contoh integer yang ditulis dalam bentuk heksadesimal:
0xFF           //desimal 255
0x10           //desimal 10
-0xDAD1   // desimal -56017

Friday, September 30, 2011

Latihan awal JavaScript

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)

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)

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
  



Sejarah dan Pengertian Komputer

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)


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

Saturday, September 24, 2011

Kemampuan JavaScript

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

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

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)


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:

    Thursday, September 22, 2011

    Sintaks Program PHP

    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?


    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


    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?


    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

    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


    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.