Sabtu, 21 Januari 2012

hubungan antara Apache, PHP, HTML dan Mysql

Apache
Web server  adalah sebuah perangkat lunak server yang berfungsi menerima permintaan HTTP atau HTTPS dari klien yang dikenal dengan browser web dan mengirimkan kembali hasilnya dalam bentuk halaman-halaman web yang umumnya berbentuk dokumen HTML.
Apache merupakan web server yang paling banyak digunakan saat ini dan bersifat open source. Pertama kali dikembangkan untuk dijalankan di lingkungan UNIX tetapi seiring berjlannya waktu dalam perkembangan lebih lanjut apache juga dapat berjalan di window.

HTML
HTML adalah singkatan dari Hyper Text Markup Language adalah salah satu bahasa pemprograman web design dan juga biasa di sebut script untuk menyusun dokumen-dokumen Web. Dokumen HTML disimpan dalam format teks reguler dan mengandung tag-tag yang memerintahkan web browser untuk mengeksekusi perintah-perintah yang dispesifikasikan
Begini contoh penulisan HTML
<html>
<head>
<title>Untitled Document</title>
</head>
<body>
Nama saya Agung Kuncoro
</body>
</html>

PHP
PHP merupakan singkatan dari hypertext processor. PHP dapat membuat sebuah web menjadi dinamik dan memperbanyak interaksi yang dapat dilakukan user. PHP bersifat server side sehingga butuh web server untuk menjalankannya. Editor yang banyak dipake orang-orang tu dreamweaver sama notepad.
Contoh penulisan PHP itu kaya gini
<?php
Echo “nama saya Agung Kuncoro”;
?>

MySQL
MySQL adalah program dan pengelola database atau yang disebut DBMS (database management system). MySQL sebenarnya produk yang berjalan pada platform linux tapi seiring waktu berbicara MySQL dapat juga digunakan di window. MySQL menggunakan bahasa SQL yaitu bahasa standar untuk program pengakses database.
Contoh script SQL
mysql > create database data_ittelkom;
query OK, 1 row affected (0.05 sec)

Terus apasih hubungan mereka” itu? Sekedar teman? Ataukah ada skandal dibalik itu semua?. Yang jelas mereka bukan homo -_____- ngaco ya malem” gini. Hahaha. Jadi buat bikin web yang dinamis alias yang kontennya bisa berubah-ubah dan interaksi yang banyak dengan user dibutuhkan database. Kenapa?? Ya konten web itu ditaronya di databaselah.. masa gitu aja gatau sih yang kali ini kita bahas kebetulan MySQL. Nah buat nampilin isi database itu kita butuh PHP, jadi ibaratnya MySQL tu bak, dan PHP gayung. Nah isi dari bak dapat dimanipulasi oleh gayung kaan, di tambah atau dikurangi.. gituu, jadi kesimpulannya PHP tu yang nampilin isi database ke web kita. Lalu buat apa web server? PHP itu jalannya di web server. Kalo gk ada web server PHP gak akan jalan dan request user ga bisa ditanggepin. Gituu. Nah kalo HTML? Itu desain web kita, tabel, header pokonya yang bikin web rapi dan teratur lah..
Diposting oleh di 2 komentar:

Input dalam HTML

Form isian  dapat kalian buat di halaman web kalian untuk berbagai macam keperluan. Misalnya untuk aplikasi buku tamu, login, registrasi, dan lain sebagainya. Dibanding skill pelajaran html lainnya seperti membuat paragraf atau memasukkan gambar, membuat form relatif lebih sulit. Untuk itu kalian sebaiknya membaca setiap petunjuk disini agar lebih mudah memahami cara membuat form ini.
Di bawah ini adalah contoh sebuah form atau borang dengan berbagai macam jenis input.

Nama Kalian :
Password :
Hobi : Baca
Berenang
Pernah ke Klikbelajar.com sebelumnya? Sudah
Belum
Mana yang kalian sukai?
Ceritakan tentang diri kalian :
Diatas adalah contoh dari form sederhana yang akan kalian pelajari disini. Sekarang siapkan bahan-bahannya, yaitu <form>, <input>, <select>, dan <option>.
Sebelum mulai mempelajari tiap tag, ada baiknya kalian mengetahui bahwa untuk membuat sebuah form yang dapat dikirim dan diproses di server kalian harus mengetahui PHP dan SQL. Disini kalian hanya mempelajari dasarnya saja yaitu bagaimana cara menampilkan sebuah form yang baik.
Sekarang kalian lihat form diatas, dan perhatikan bahwa tiap baris mempunyai jenis input yang berbeda-beda. Apa itu input? Input adalah sesuatu yang dimasukkan oleh pembaca halaman web kalian misalnya teks. Dari atas ke bawah :
  • Text
  • Password
  • Checkbox
  • Radio
  • Select
  • Textarea
Input tipe Text digunakan untuk memasukkan karakter-karakter yang jumlahnya tidak terlalu banyak. Berbeda dengan Textarea yang dapat menampung karakter dalam jumlah besar. Contoh penggunaannya adalah sebagai berikut :

  1. Nama : <input type="text" size="25" />  
  2. Pesan Anda : <input type="textarea" cols="20" rows="20" />  
Sedangkan untuk input tipe Password hampir sama dengan Text hanya saja karakter yang diketik dalam kolom password otomatis akan terlihat ***** untuk menjaga kerahasiaan dari password tersebut.
Cara membuatnya cukup mudah :
  1. Password : <input type="password" size="25" />  
Silahkan script html tersebut kalian coba pada papan tulis di bawah.
Checkbox, Radio, dan Select merupakan elemen dari form yang digunakan untuk memilih dari beberapa pilihan yang disediakan.


Checkbox

Checkbox digunakan jika pilihan yang disediakan dapat dipilih lebih dari satu. Lihat penggunaannya berikut ini :



  1. Pelajaran yang kalian sukai :  
  2. <input type="checkbox"> Matematika  
  3. <input type="checkbox"> Fisika  
  4. <input type="checkbox"> Kimia  
  5. <input type="checkbox"> Sejarah  

Radio

Radio digunakan apabila pilihan yang disediakan hanya dapat dipilih satu saja. Contoh penggunaannya :
  1. Pelajaran yang kalian sukai :  
  2. <input name="favorit" value="matematika" type="radio"> Matematika  
  3. <input name="favorit" value="fisika" type="radio"> Fisika  
  4. <input name="favorit" value="kimia" type="radio"> Kimia  
  5. <input name="favorit" value="sejarah" type="radio"> Sejarah  


Select

Select digunakan apabila tampilan pilihan yang kita sediakan berbentuk dropdown. Sebenarnya aplikasinya mirip dengan Radio yaitu pilihan yang boleh dipilih hanya satu. Select digunakan selalu bersamaan dengan Option. Berikut ini adalah contoh penggunaannya :

  1. Pelajaran yang kalian sukai :  
  2. <select name="favorit">  
  3.         <option>Matematika  
  4.         </option><option>Kimia  
  5.         </option><option>Fisika  
  6.         </option><option>Bahasa  
  7. </option></select>  
Diposting oleh di Tidak ada komentar:

Membuat tabel dengan script html

Tag <TABLE> atau <table> digunakan untuk membuat tabel dalam dokumen HTML. Bagian pokok dari tabel adalah cell yang didefinisikan dengan menggunakan tag <TD>. Contoh serderhana pembuatan tabel dengan 1 cell (kolom) :
Belajar Membuat Tabel
Table dengan satu cell
Penulisannya adalah :
<html>
<head>
<title>Belajar Membuat Tabel</title>
</head>
<body>
<table border="1">
<td>Table dengan satu cell</td>
</table>
</body>
</html>
Anda bisa menambahkan beberapa cell seperti ini :
Belajar Membuat Tabel
cell 1 cell 2 cell 3 cell 4
Penulisannya adalah :
<html>
<head>
<title>Belajar Membuat Tabel</title>
</head>
<body>
<table border="1">
<td>cell 1</td>
<td>cell 2</td>
<td>cell 3</td>
<td>cell 4</td>
</table>
</body>
</html>
Kalau anda ingin membuat beberapa baris cell dalam tabel,  gunakan tag <tr>. Dan jangan lupa tutup dengan tag </tr>.
Belajar Membuat Tabel
cell 1a cell 1b cell 1c
cell 2a cell 2b cell 2c
Penulisannya adalah :
<html>
<head>
<title>Using Table</title>
</head>
<body>
<table border="1">
<tr>
<td>cell 1a</td>
<td>cell 1b</td>
<td>cell 1c</td>
</tr>
<tr>
<td>cell 2a</td>
<td>cell 2b</td>
<td>cell 2c</td>
</tr>
</table>
</body>
</html>
Untuk menentukan perataan tekt di dalam tabel,  anda bisa gunakan attribute Align dan Valign (Vertical Alignment).
Pemformatan Tabel
Attribute Value
Align Left, Right, Center, Justify
Valign Baseline, Top, Bottom, Middle
Merge cell
Tag <td> memiliki atribut colspan untuk merge column (kolom) dan rowspan untuk merge baris.
Contoh:
Belajar Membuat Tabel
Januari Februari
1 2 3 4 1 2 3 4
10.000 50.000 20.000 15.000 25.000 15.000 20.000 15.000
50.000 5.000 25.000 10.000 20.000 30.000 20.000 15.000
Penulisannya adalah :
<table border="1" cellpadding="0" width="62%" align="center">
<tbody>
<tr>
<td colspan="4" align="center"><strong>Januari</strong></td>
<td colspan="4" align="center"><strong>Februari</strong></td>
</tr>
<tr align="center">
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>10.000</td>
<td>50.000</td>
<td>20.000</td>
<td>15.000</td>
<td>25.000</td>
<td>15.000</td>
<td>20.000</td>
<td>15.000</td>
</tr>
<tr>
<td>50.000</td>
<td>5.000</td>
<td>25.000</td>
<td>10.000</td>
<td>20.000</td>
<td>30.000</td>
<td>20.000</td>
<td>15.000</td>
</tr>
</tbody>
</table>
Keterangan :
Attribute cellspacing untuk memberi spasi antar sel dan cellpadding untuk spasi dari border ke text dalam cell.
Diposting oleh di Tidak ada komentar:
Langganan: Komentar (Atom)