Teks ini membahas tentang teknologi informasi dan komunikasi khususnya mengenai HTML. Ringkasannya adalah sebagai berikut: Teks ini membahas tentang sejarah dan perkembangan HTML dari versi 1.0 hingga 5.0 beserta fitur-fiturnya. Juga dijelaskan penggunaan tag-tag dasar HTML untuk membuat form.

1. MAKALAH
TEKNOLOGI INFORMASI DAN KOMUNIKASI
MENGENAI HTML
Oleh: PANJI.SETIAWAN
NIM:
1102412013
UNIVERSITAS NEGERI SEMARANG
TAHUN 2013

2. PENGERTIAN HTML
HTML (HyperText Mark up Language) merupakan suatu metoda untuk
mengimplementasikan konsep hypertext dalam suatu naskah atau dokumen.
HTML sendiri bukan tergolong pada suatu bahasa pemrograman karena
sifatnya yang hanya memberikan tanda (marking up) pada suatu naskah teks
dan bukan sebagai program.
Pada tahun 1980 IBM mulai untuk mengembangkan sebuah bahasa
pemograman dimana text dan format sebuah dokumen dijadikan satu dalam
bahasa pemrograman yang sering kita sebut sebagai HTML (Hyper Text
Markup Language) akan tetapi pada saat itu pihak IBM memberikan sebuah
nama GML (Generalized Markup Language).
• Pada tahun 1986 ISO mengeluarkan sebuah standarisasi tentang bahasa
pemograman tersebut dan menyatakan sebuah nama baru dari GML tersebut
dengan sebutan SGML (Standard Generalized Markup Language)
• Nah mulai pada tahun kelahiran saya yaitu tahun 1989, Sebuah nama
HTML muncul dari pemikiran Caillau Tim yang bekerja sama dengan
Banners Lee Robert yang ketika itu masih bekerja di CERN memulai
mengembangkan bahasa pemrograman ini, dan dipopulerkan pertama kali
dengan browser Mosaic. Nah mulailah dari tahun 1990 HTML sangat
berkembang dengan cepat hingga mencapai versi HTML versi 5.0 yang
digarap pada 4 Maret 2010 kemarin oleh W3C
• HTML versi 1.0 ini adalah versi pertama sejak lahirnya nama html
tersebut, memiliki sebuah kemampuan untuk heading, paragraph, hypertext,
bold dan italic text, wrapping serta memiliki dukungan dalam peletakan
sebuah gambar
• HTML versi 2.0 pada 14 Januari 1996, pada versi ini ada beberapa
tambahan kemampuan diantaranya penambahan form comment, hal ini
menyebabkan adanya sebuah interaktif dan mulai dari versi ini yang
menjadikan sebuah pioneer dalam perkembangan homepage interaktif.
• Tak lama kemudian HTML versi 3.0 dirilis pada 18 Desember 1997 yang
sering disebut sebut sebagai HTML+ yang mempunyai kemampuan dalam
beberapa fasilitas diantaranya adalah penambahan fitur table dalam
paragraph, akan tetapi versi ini tidak bertahan lama.

3. • Dan pada bulan Mei 1996 dikeluarkan versi baru sebagai pengganti dan
penyampurnaan versi 3.0 ini yaitu HTML versi 3.2, keluarnya versi ini
dikarenakan adanya beberapa kasus yang timbul pada pengembang browser
yang telah melakukan pendekatan dengan cara lain yang justru hal tersebut
menjadi popular, maka di bakukan versi 3.2 untuk mengakomodasi praktek
yang banyak digunakan oleh pengembang browser dan diterima secara
umum, dapat dikatakan bahwa versi 3.2 ini merupakan versi 3.0 yang
dikembangkan oleh beberapa pengembang browser seperti Netscape dan
Microsoft.
• Nah yang terakhir perombakan terjadi pada tahun 1999 tepatnya tanggal 24
Desember yaitu HTML versi 4.0, seperti yang kita kenal HTML pada saat ini
penambahan link, meta, imagemaps , image dan lain lain sebagai
penyempurnaan versi 3.2
• Pada tanggal 4 Maret 2010, terdapat sebuah informasi bahwasanya HTML
versi 5.0 masih dikembangkan oleh W3C (World Wide Web Consortium)
dan IETF (Internet Engineering Task Force) yaitu sebuah organisasi yang
menangani HTML sejak versi 2.0
Berdasarkan kata-kata penyusunnya HTML dapat diartikan lebih dalam lagi
menjadi :
Hypertext
Link hypertext adalah kata atau frase yang dapat menunjukkan hubungan
suatu naskah dokumen dengan naskah-naskah lainnya. Jika kita klik pada
kata atau frase untuk mengikuti link ini maka web browser akan
memindahkan tampilan pada bagian lain dari naskah atau dokumen yang
kita tuju.
Markup
Pada pengertiannya di sini markup menunjukkan bahwa pada file HTML
berisi suatu intruksi tertentu yang dapat memberikan suatu format pada
dokumen yang akan ditampilkan pada World Wide Web.
Language
Meski HTML sendiri bukan merupakan bahasa pemrograman, HTML
merupakan kumpulan dari beberapa instruksi yang dapat digunakan untuk
mengubah-ubah format suatu naskah atau dokumen
Kumpulan Tag HTML
1(!-- --) Memberi komentar atau keterangan. Kalimat yang terletak pada tag

4. kontiner ini tidak akan terlihat pada browser
2(a href) Membuat link ke halaman lain atau ke bagian lain dari halaman
tersebut
3(a name) Membuat nama bagian yang didefinisikan pada link pada halaman
yang sama
4(applet) Sebagai awal dari Java applets
5(area) Mendefinisikan daerah yang dapat diklik (link) pada image map
6(b) Membuat teks tebal
7(basefont) Membuat atribut teks default seperti jenis, ukuran dan warna
font
8(bgsound) Memberi (suara latar) background sound pada halaman web
9(big) Memperbesar ukuran teks sebesar satu point dari defaultnya
10(blink) Membuat teks berkedip
11(body) Tag awal untuk melakukan berbagai pengaturan terhadap text,
warna link & visited link
12(br) Pindah baris
13(caption) Membuat caption pada tabel
14(center) Untuk perataan tengah terhadap teks atau gambar
15(comment) Meletakkan komentar pada halaman web tidak tidak akan
nampak pada browser
16(dd) Indents teks
17(div) Represents different sections of text.
18(embed) Menambahkan sound or file avi ke halaman web
19(fn) Seperti tag (a name)
20(font) Mengganti jenis, ukuran, warna huruf yang akan digunakan utk teks
21(form) Mendefinisikan input form
22(frame) Mendefinisikan frame
23(frameset) Mendefinisikan attribut halaman yang akan menggunakan
frame
24(h1 ... h6) Ukuran font
25(head) Mendefinisikan head document.
26(hr) Membuat garis horizontal
27(html) Bararti dokumen html
28(i) Membuat teks miring
29(img) Image, imagemap atau an animation
30(input) Mendefinisikan input field pada form
31(li) Membuat bullet point atau baris baru pada list (berpasangan dengan
tag (dir), (menu) (ol) and (ul)
32(map) Mendefinisikan client-side map
33(marquee) Membuat scrolling teks (teks berjalan) - hanya pada MS IE

5. 34(nobr) Mencegah ganti baris pada teks atau images
35(noframes) Jika browser user tidak mendukung frame
36(ol) Mendefinisikan awal dan akhir list
37(p) Ganti paragraf
38(pre) Membuat teks dengan ukuran huruf yg sama
39(script) Mendefinisikan awal script
40(table) Membuat tabel
41(td) Kolom pada tabel
42(title) Mendefinisikan title
43(tr) Baris pada tabel
44(u) Membuat teks bergaris bawah
Cara mengkoneksi database mysql dengan php
Untuk melakukan koneksi ke MySQL ada dua fungsi yang bisa digunakan.
Yang pertama adalah dengan menggunakan fungsi mysql_connect. Sintaks
fungsinya adalah sebagai berikut.
resource mysql_connect ( [string server [, string username [, string password
[, bool new_link [, int client_flags]]]]])
Contoh penggunaannya adalah sebagai berikut ini.
$conn = mysql_connect('localhost', 'root', 'passwordku');
if (!$conn) {
die('Koneksi ke MySQL gagal: ' . mysql_error());
}
echo 'Koneksi ke MySQL sukses dengan mysql_connect !!';
mysql_close($conn);
?>
Kita lihat di atas ada perintah mysql_connect yang fungsi utamanya adalah
untuk melakukan koneksi ke database MySQL. Sebagai contoh di atas server
MySQL ada di localhost dengan username root dan passwordnya adalah
passwordku. Ada catatan penting yang harus diingat di sini. Sejak versi 4.1,
MySQL sudah mengunakan sistem autentikasi protokol yang baru yang
berbasis pada algoritma hashing. Hal ini membuat koneksi yang
menggunakan client lama akan gagal dan akan menghasilkan error message
seperti berikut ini.
Client does not support authentication protocol requested by server; consider
upgrading MySQL client
Tidak usah takut. Penulis sendiri mengalami hal sama ketika melakukan uji
coba dengan PHP 4.3.11 dan MySQL 4.1.11 ini. Solusinya mudah dan ada
beberapa cara. Menurut pada manual MySQL 4.1.11, hal tersebut bisa diatasi
dengan cara reset password dari user sehingga bisa diakses oleh client versi

6. yang lama. Ini dilakukan dengan menggunakan perintah SET PASSWORD
dan juga fungsi OLD_PASSWORD(). Contoh untuk melakukannya adalah
sebagai berikut.
mysql> SET PASSWORD FOR
-> 'some_user'@'some_host' = OLD_PASSWORD('newpwd');
Anda bisa mengganti 'some_user' dengan user yang Anda gunakan dan
'some_host' dengan host Anda (biasanya localhost). Kemudian pada bagian
newpwd isikan dengan password Anda.
Persistent connection
Selain menggunakan fungsi mysql_connect, bisa juga dengan menggunakan
fungsi mysql_pconnect. Apa bedanya? Ini adalah fungsi koneksi ke MySQL
dengan cara persistent. Sekali kita koneksi secara persistent ke database
server maka koneksi ini terus melangsungkan hubungan ke database server.
Secara prinsip fungsi mysql_pconnect ini sama dengan mysql_connect
hanya saja dengan dua perbedaan yaitu:
1. Selama mengadakan koneksi maka fungsi ini akan mencari suatu link
persistent lain yang sudah terhubung ke host, user dan password yang sama.
Jika link tersebut ditemukan maka identifier dari koneksi atau link tersebut
akan diberikan ke client dan client tidak akan mengadakan koneksi baru ke
dataase server.
2. Koneksi ke database tidak akan terputus jika eksekusi dari suatu script
SQL selesai dilakukan. Pada fungsi mysql_connect, secara otomatis koneksi
akan terputus sesaat setelah suatu script SQL dieksekusi. Pada fungsi
mysql_pconnect, koneksi ke database akan terus terjadi dan tidak akan
diputus walaupun Anda menggunakan fungsi mysql_close.
Sintaks dasar dari penggunaan fungsi mysql_pconnect adalah sebagai
berikut.
resource mysql_pconnect ( [string server [, string username [, string
password [, int client_flags]]]])
Contoh code PHP nya dari fungsi mysql_pconnect bisa dilihat pada code
berikut ini.
$conn = mysql_pconnect('localhost', 'root', 'ariesa2001');
if (!$conn) {
die('Koneksi ke MySQL gagal: ' . mysql_error());
}
echo 'Koneksi ke MySQL sukses dengan mysql_pconnect !!';
?>
yang jelas mesti buat script utk koneksi database contohnya koneksi.php
Scr garis besar codenya spt ini :

7. $host="localhost";
$username="root";
$password=
$database="nama databasenya";
//buat koneksinya
$conn=mysql_connect($host,$username,$password)
//buat cek koneksinya
if(!$conn)
{
echo("Koneksi Gagal");
}
$hasil=mysql_select_db($database);
if(!$hasil)
{
echo("Database Gagal");
}
Tujuan utama dengan adanya HTML5 adalah mengurangi penggunaan
plugin-plugin 3rd party pada HTML sehingga dapat mempercepat kinerja
web itu sendiri. Plugin-plugin tersebut seperti Adobe Flash, Microsft
Silverlight, Java dan lain-lainnya.
Selain itu, HTML5 juga membawa fungsi-fungsi yang baru seperti:
1. Element
article, aside, audio, canvas, command, datalist, details, embed, figcaption,
figure, footer, header, hgroup, keygen, mark, meter, nav, output, progress, rp,
rt, ruby, section, source, summary, time, video

8. 2. Input Type pada Form
dates and times, email, url, search
3. Attribut
ping (pada a dan area), charset (pada meta), async (pada script)
Di sini akan dijelaskan beberapa fungsi baru yang menarik seperti :
<canvas> - Element atau tag ini memiliki fungsi untuk menampilkan kertas
gambar sehingga pengguna dapat menggunakan canvas untuk menggambar
ataupun menulis bagaikan kertas biasa tanpa menggunakan plugin seperti
Java
<audio><video> - Bila kita ingin menampilkan video ataupun audio pada
website kita maka kita akan menggunakan pllugin seperti adobe dengan
format .swf, .fla dan .flv. Tetapi dengan menggunakan HTML5, kita tinggal
menggunakan tag <audio> ataupun <video> untuk menampilkan audio dan
video pada website kita dengan menggunakan format Ogg Theora yang
bersifat free alias gratis!
Selain terdapatnya fungsi-fungsi baru, HTML5 juga memberikan beberapa
kemudahan seperti pada bagian awal file HTML kita harus menulis coding
DOCTYPE yang panjang.
Pada HTML5, DOCTYPE dapat ditulis lebih ringkas
<!DOCTYPE html>
Kemudian pada baris berikutnya kita tulis seeprti ini
Versi HTML5 berubah menjadi
Selain itu, coding CSS dan Javascript pada HTML5 tidak perlu lagi menulis
seperti type=text/css dan type=text/javascript
<style>

9. * { margin:0px; padding:0px;}
</style>
HTML5 juga menghilangkan beberapa tag ataupun element yang telah
jarang dipakai dan digantikan oleh CSS seperti acronym, applet, basefont,
big, center, dir, font, frame, frameset, isindex, noframes, s, strike, tt, u
HTML5 telah menyediakan banyak fungsi baru dan berbagai kemudahan
tetapi apakah browser kita mendukung teknologi baru ini? Kebanyakan
browser yang terkenal seperti Firefox, Opera, Safari dan Chrome dan lainlain telah mendukung HTML5 KECUALI Internet Explorer.
Belajar HTML ( Tag Form ) aplikatif implementasinya yaitu Membuat
Form pada HTML. Form HTML merupakan tag yang paling penting
adalam pemrograman HTML khususnya dalam pembuatan aplikasi berbasis
web. Form menyediakan property masukan yang terdiri dari berbagai jenis,
berupa textbox, check box, radio button, dan button.
Form digunakan
untuk
mengumpulkan
data dari
pengunjung
suatu website.
Mulai dari form
untuk login,
form kontak,
form untuk pendaftaran user, form advertiser, form sitemap, bahkan untuk
mengirimkan data antar halaman web. Pada tutorial belajar HTML: cara
membuat form di HTML ini kita akan membahas cara penggunakan tag form
di dalam HTML.
Penggunaan form hanya menggunakan HTML saja tidak akan terlalu
berguna. Form biasanya hanya berupa interface yang disediakan untuk

10. mengumpulkan data dari user, dan akan diproses dengan bahasa
pemograman web seperti JavaScript atau PHP, dan disimpan di dalam tabel
MySQL. Untuk pembahasan lebih lanjut, saya akan menjelaskannya pada
tutorial tentang PHP dan JavaScript.
Tag dasar yang akan bisa digunakan untuk membuat form pada HTML
adalah tag form, input, textarea, select dan option.
Sebuah form dalam HTML harus berada di dalam tag form, yang diawali
dengan <form> dan diakhiri dengan </form>. Seperti yang sudah dipelajari
mengenai penulisan kode pada HTML diawali dengan <Nama Function
Tag> ......( Isi sebuah tag )..... </Nama Function Tag>
Pada bagian terakhir kita harus menutup kode dengan menambahkan slash ( /
).
Bagian Isi Tag dapat dimasukkan oleh beberapa atribut untuk dapat
berfungsi dengan seharusnya.
Dua buah atribut yang digunakan adalah action dan method. Dianalogikan
action adalah sesuatu yang mengoperasikan fungsi dari pada form tersebut.
Sedangkan method adalah bagian-bagian cara yang mengumpulkan setiap
data yang diperlukan untuk diproses. Action berfungsi menjelaskan lokasi
data yang didapat form akan dikirimkan. Biasanya nilai dari atribut action
ini adalah alamat dari sebuah halaman PHP yang akan memproses isi data
form. Sedangkan fungsi dari Method, adalah untuk menjelaskan bagaimana
data isian form akan dikirim. Nilai dari atribut method ini bisa berupa get
atau post.
Perbedaannya, jika kita mengisi atribut method dengan get (dimana ini
adalah nilai default seandainya kita tidak menuliskannya) maka isian form
akan terlihat pada url browser. Method get ini biasanya digunakan untuk
query pencarian. Method post biasanya digunakan untuk data yang lebih
sensitif seperti yang berisi password, atau registrasi user. Data hasil form
tidak akan terlihat pada browser.
Struktur dasar form akan terlihat sebagai berikut:
<form action="logindata.php" method="post">
...isi form...
</form>

11. Bagian script kode diatas yang berwarna biru dan ungu dapat ditambahkan
attribut lainnya seperti style, class, dan lain-lain. Karena berhubungan
dengan form login maka hanya menambahkan action dan method saja.
Sisanya bisa menggunakan kode HTML dngan meletakkannya pada satu
baris diatas form :
<div id='pandauan-belajar-html' class='membuat-form'> dan kita dapat
menambahkan kode CSS
berdasarkan id dan class tersebut. Jangan lupa penutupnya di bagian bawah
form yaitu : </div>
Properti masukan pada elemen form
1.
Text box<input type="text">
Dignakan untuk memasukan input yang berupa teks.
Size = ukuran dari textbox dalam karakter
Maxsize = maksimal jumlah karakter yang dapat di input
Nama = nama variable yang dikirim ke suatu aplikasi
Value = akan menampilkan isinya sebagai nilai default
2.
Password<input type="password">
Di gunakan untuk memasukan password
Size = ukuran textbox dalam karakter
Maxsize = maksimal jumlah karakter yang dapat di input
Name = nama variable yang dikirim ke suatu aplikasi
Ada lagi jenis input lainnya yaitu :
<input type=”checkbox” /> adalah inputan berupa checkbox yang dapat
diceklist atau di centang oleh user. User dapat memilih atau tidak memilih
checkbox ini. Type checkbox memiliki atribut checked yang jika ditulis
atau diisi dengan nilai checked, akan membuat chexkbox langsung terpilih
pada saat pertama kali halaman ditampilkan. Contoh inputan checkbox
berupa hobi, yang oleh user dapat dipilih beberapa hobi.
<input type=”radio” /> mirip dengan checkbox, namun user hanya bisa
memilih satu diantara pilihan group radio. Type radio ini berada dalam
suatu grup dan user hanya bisa memilih salah satunya. Contoh inputan type
radio adalah jenis kelamin.
<input type=”submit” /> akan menampilkan tombol untuk memproses
form. Biasanya diletakkan pada baris terakhir dari form. Atribut value jika

12. diisi akan membuat text tombol submit berubah sesuai inputan nilai value.
3.
Hidden<input type"hidden">
Digunkan untuk mengirim data ke suatu aplikasi yang tidak dingginkan
untuk dilihat oleh browser.
Name
= nama dari variable yang dikirim ke suatu aplikasi
Value
= nilai dari variable
4.
Check Box<input type="checkbox">
Check box digunakan untuk dapat memilih lebih dari satu pilihan.
Name
= nama dari variable yang dikirim ke suatu aplikasi
Value
= nilai dari variable
Checked (checkbox yang sudah ditandai)
5.
Radio Button<input type="radio">
Radio button digunakan agar dapat memilih ahnya salah satu pilihan.
Name
= nama veriabel yang dikirim ke suatu aplikasi
Value
= nilai dari variable
Checked (radio button yang sudah di tandai)
6.
Push Button<input type="button">
Elemen ini biasanya digunakan dengan JavaScript atau VBScript untuk
menghasilkan suatu aksi.
Name
= nama dari variable yang dikirim ke suatu aplikasi
Value
= label teks di atas tombol
7.
Submit<input type="submit">
Setiap elemen form membutuhkan tombol submit untuk mengirimkan nama
dan nilinya ke suatu aplikasi yang di tentukan dlam atribut ACTION dlam
elemen FORM.
Name
= nama dari variable yang dikirim ke suatu aplikasi
Value
= label teks di atas tombol
8.
Image Submit Button<input type="image" src="url">
Digunakan untuk menggantikan tombol standar submit dengan image.
Name
= nama dari variable ayng dikirim ke suatu aplikasi
9.
Reset<input type="reset">
Digunakan untuk mereset semua masukan dalam form.
Value
= label teks di button

13. 1. Text Area<textarea>…</textarea>
Elemen untuk memasukan teks secara leluasa seperti notepad.
Nama
= nama dari veriabel yang dikirim ke suatu aplikasi
Rows
= panjang baris dalam karakter
Cols
= tiggi kotak
1. Select<select>…</select>
Daftar isi dalam property select menggunakan tag <option>
Size
= jumlah pilihan yang dapat terlihat
Name
= nama dari veriabel yang dikirim ke suatu aplikasi
Contoh penggunaan tag select adalah sebagai berikut:
<select>
<option>Pilihan 1</option>
<option>Pilihan 2</option>
<option value="pilihan ketiga">Pilihan 3</option>
</select>
Ketika form dikirim untuk diproses, nilai dari tag option akan dikirimkan.
Nilai ini adalah berupa text diantara tag option, kecuali jika kita memberikan
tag value. Jika tag value berisi nilai, maka nilai value lah yang akan dikirim.
Sama seperti tag option type checkbox dan type radio, atribut checked dapat
ditambahkan agar tag select berisi nilai awal, contoh penggunaanya sebagai
berikut:
<select>
<option>Pilihan 1</option>
<option>Pilihan 2</option>
<option value="pilihan ketiga" selected>Pilihan 3</option>
</select>
<!DOCTYPE
html>

14. <html>
<head>
<title>Belajar Membuat Form </title>
</head>
<body>
<form action=" formulir.html" method="get">
Nama: <input type="text" name="nama" value="Nama Kamu" />
<br />
Password: <input type="password" name="password" />
<br />
Jenis Kelamin : <input type="radio" name="jenis_kelamin" value="lakilaki" checked/> Laki - Laki
<input type="radio" name="jenis_kelamin"
value="perempuan" /> Perempuan
<br />
Hobi: <input type="checkbox" name="hobi_baca" /> Membaca Buku
Javascript
<input type="checkbox" name="hobi_nulis" checked /> Menulis Code
HTML, CSS, PHP
<input type="checkbox" name="hobi_mancing" /> Menggambar
Design Banner Website
<br />
Asal Kota:
<select name="asal_kota" >
<option value="Kota Jakarta"> Jakarta</option>
<option>Bandung</option>
<option value="Kota Semarang" checked>Semarang</option>
</select>
<br />
Komentar Anda:
<textarea name="komentar" rows="5" cols="20">Silahkan berikan
komentar anda</textarea>
<br />
<input type="submit" value="Proses" >

15. </form>
</body>
</html>
HTTP merupakan singkatan dari HyperText Transfer Protocol. Pengertian
HTTP§ / Definisinya adalah sebuah protokol untuk melakukan akses antara
client dan server. Client dan server masing-masing salaing menerima dan
menjawab request keduanya. Sebuh client HTTP seperti web browser,
biasanya memulai permintaan dengan membuat hubungan TCP/IP ke port
tertentu di tempat yang jauh (biasanya port 80 atau 8080). Sebuah server
HTTP yang mendengarkan di port tersebut menunggu client mengirim kode
permintaan (request) yang akan meminta halaman yang sudah ditentukan,
diikuti dengan pesan MIME yang memiliki beberapa informasi kode kepala
yang menjelaskan aspek dari permintaan tersebut, diikut dengan badan dari
data tertentu.
HTTP berkomunikasi melalui TCP / IP. Klien HTTP terhubung ke server
HTTP menggunakan TCP. Setelah membuat sambungan, klien dapat
mengirim pesan permintaan HTTP ke server. HTTP digunakan untuk
mengirimkan permintaan dari klien web (browser) ke web server, dikembali
kan ke konten web (halaman web) dari server ke klien.
Pengertian HTTPS
Selain format standar HTTP, ada juga format penulisan yang tidak umum
atau jarang digunakan atau bahkan sedikit orang yang mengetahuinya yaitu
HTTPS. HTTPS adalah penggabungan antara Hypertext Transfer Protocol
(HTTP) dengan SSL / TLS protokol. Semua komunikasi yang dilakukan
melalui HTTPS akan dienkripsi dengan tujuan untuk keamanan saat terjadi
transaksi data di internet. Biasanya para hacker atau peretas internet yang
biasa menggunakan tool WireShak sangat mudah untuk mencuri data dari
klien yang terhubung ke internet dengan menggunakan HTTP. Berbeda
dengan HTTPS, semua akses akan sangat sulit diproses dan menangkap data
oleh para pencuri website.
Koneksi internet dengan menggunakan HTTPS lebih aman dibandingkan
menggunakan HTTP. Untuk itu banyak perbankan yang membangun layanan
onlinenya dengan menggunakan format HTTPS. Hal ini bertujuan untuk
menjamin keamanan para nasabah ketika melakukan transaksi online. Tidak

16. hanya transaksi online, di pemerintahan atau sebuah lembaga juga
memproteksi keamanan dokumen-dokumen pentingnya dengan
menggunakan HTTPS. Jadi bagi anda yang akan bertransaksi pengertian http
pengertian https pengertian http dan https definisi HTTPS pengertian http
atau https definisi http pengertian https dan http https adalah arti https
definisi http dan https
HTTP tidaklah terbatas untuk penggunaan dengan TCP/IP, meskipun HTTP
merupakan salah satu protokol aplikasi TCP/IP paling populer melalui
Internet. Memang HTTP dapat diimplementasikan di atas protokol yang lain
di atas Internet atau di atas jaringan lainnya.
Pengertian URL (Uniform Resource Locator)§ adalah rangkaian karakter menurut
suatu format standar tertentu, yang digunakan untuk menunjukkan alamat
suatu sumber seperti dokumen dan gambar di Internet. URL pertama kali
diciptakan oleh Tim Berners-Lee pada tahun 1991 agar penulis-penulis
dokumen dokumen dapat mereferensikan pranala ke World Wide Web. Sejak
1994, konsep URL telah dikembangkan menjadi istilah Uniform Resource
Identifier (URI) yang lebih umum sifatnya. Fungsi, Definisi, dan Sejarah
URL dapat anda lihat disini§.
§
FTP ( File Transfer
Protocol ) adalah
suatu protokol yang
berfungsi untuk tukarmenukar file dalam
suatu network yang
menggunakan TCP
koneksi bukan UDP.
Dua hal yang penting dalam FTP adalah FTP Server dan FTP Client.
FTP server adalah suatu server yang menjalankan software yang berfungsi
untuk memberikan layanan tukar menukar file dimana server tersebut selalu
siap memberikan layanan FTP apabila mendapat permintaan (request) dari
FTP client.
FTP client adalah computer yang merequest koneksi ke FTP server untuk
tujuan tukar menukar file. Setelah terhubung dengan FTP server, maka client
dapat men-download, meng-upload, merename, men-delete, dll sesuai
dengan permission yang diberikan oleh FTP server.

17. Tujuan dari FTP server adalah sebagai berikut :
• Untuk tujuan sharing data
• Untuk menyediakan indirect atau implicit remote computer
• Untuk menyediakan tempat penyimpanan bagi user
• Untuk menyediakan transfer data yang reliable dan efisien
Pengertian DOMAIN :
Domain atau Nama Domain (domain name) adalah nama unik yang
diberikan untuk mengidentifikasi nama server komputer seperti web server
atau email server di jaringan komputer ataupun internet. (Berdasarkan
Wikipedia§) Nama domain berfungsi untuk mempermudah pengguna di
internet pada saat melakukan akses ke server, selain juga dipakai untuk
mengingat nama server yang dikunjungi tanpa harus mengenal deretan
angka yang rumit yang dikenal sebagai IP address. Nama domain ini juga
dikenal sebagai sebuah kesatuan dari sebuah situs web seperti contohnya
“wikipedia.org”. Nama domain kadang-kadang disebut pula dengan istilah
URL, atau alamat website.
Contoh Nama Domain adalah .com, .co.id , .net, .org, .gov , .edu .biz,
.asia, .us dan lain-lain.
Demikian Penjelasan singkat mengenai Pengertian HTTP / HTTPS,
Pengertian URL, Pengertian FTP, Pengertian Domain, dan Definisi HTTP.
PENGERTIAN PHP
• Pengertian PHP
• Hubungan PHP dengan HTML
• Kelebihan PHP
Pengertian PHP
PHP adalah singkatan dari "PHP: Hypertext Preprocessor", yang merupakan
sebuah bahasa scripting yang terpasang pada HTML. Sebagian besar sintaks

18. mirip
dengan bahasa C, Java dan Perl, ditambah beberapa fungsi PHP yang
spesifik.
Tujuan utama penggunaan bahasa ini adalah untuk memungkinkan
perancang web
menulis halaman web dinamik dengan cepat.
Hubungan PHP dengan HTML
Halaman web biasanya disusun dari kode-kode html yang disimpan dalam
sebuah file berekstensi .html. File html ini dikirimkan oleh server (atau file)
ke
browser, kemudian browser menerjemahkan kode-kode tersebut sehingga
menghasilkan suatu tampilan yang indah. Lain halnya dengan program php,
program
ini harus diterjemahkan oleh web-server sehingga menghasilkan kode html
yang
dikirim ke browser agar dapat ditampilkan. Program ini dapat berdiri sendiri
ataupun
disisipkan di antara kode-kode html sehingga dapat langsung ditampilkan
bersama
dengan kode-kode html tersebut. Program php dapat ditambahkan dengan
mengapit
program tersebut di antara tanda . Tanda-tanda tersebut biasanya disebut
tanda untuk escaping (kabur) dari kode html. File html yang telah dibubuhi
program
php harus diganti ekstensi-nya menjadi .php3 atau .php.
PHP merupakan bahasa pemograman web yang bersifat server-side
HTML=embedded scripting, di mana script-nya menyatu dengan HTML dan
berada
si server. Artinya adalah sintaks dan perintah-perintah yang kita berikan akan
sepenuhnya dijalankan di server tetapi disertakan HTML biasa. PHP dikenal
sebgai
bahasa scripting yang menyatu dengan tag HTML, dieksekusi di server dan
digunakan untuk membuat halaman web yang dinamis seperti ASP (Active
Server
Pages) dan JSP (Java Server Pages).
PHP pertama kali dibuat oleh Rasmus Lerdroft, seorang programmer C.
Semula PHP digunakannya untuk menghitung jumlah pengunjung di dalam
webnya.
Kemudian ia mengeluarkan Personal Home Page Tools versi 1.0 secara

19. gratis. Versi
ini pertama kali keluar pada tahun 1995. Isinya adalah sekumpulan script
PERL yang
dibuatnya untuk membuat halaman webnya menjadi dinamis. Kemudian
pada tahun
1996 ia mengeluarkan PHP versi 2.0 yang kemampuannya telah dapat
mengakses
database dan dapat terintegrasi dengan HTML.
Pada tahun 1998 tepatnya pada tanggal 6 Juni 1998 keluarlah PHP versi 3.0
yang dikeluarkan oleh Rasmus sendiri bersama kelompok pengembang
softwarenya..
Versi terbaru, yaitu PHP 4.0 keluar pada tanggal 22 Mei 2000 merupakan
versi yang lebih lengkap lagi dibandingkan dengan versi sebelumnya.
Perubahan
yang paling mendasar pada PHP 4.0 adalah terintegrasinya Zend Engine
yang dibuat
oleh Zend Suraski dan Andi Gutmans yang merupakan penyempurnaan dari
PHP
scripting engine. Yang lainnya adalah build in HTTP session, tidak lagi
menggunakan
library tambahan seperti pada PHP. Tujuan dari bahasa scripting ini adalah
untuk
membuat aplikasi-aplikasi yang dijalankan di atas teknologi web. Dalam hal
ini,
aplikasi pada umumnya akan memberikan hasil pada web browser, tetapi
prosesnya
secara keseluruhan dijalankan web server.
Kelebihan PHP
Ketika e-commerce semakin berkembang, situs-situs yang statispun semakin
ditinggalkan, karena dianggap sudah tidak memenuhi keinginan pasar,
padahal situs
tersebut harus tetap dinamis. Pada saat ini bahasa PERL dan CGI sudah jauh
ketinggalan jaman sehingga sebagian besar designer web banyak beralih ke
bahasa
server-side scripting yang lebih dinamis seperti PHP.
Seluruh aplikasi berbasis web dapat dibuat dengan PHP. Namun kekuatan
yang paling utama PHP adalah pada konektivitasnya dengan system
database di
dalam web. Sistem database yang dapat didukung oleh PHP adalah :

20. SINTAK DASAR PHP
Cara penulisan PHP
Pertama
echo ("tulisankitan");
?>
Kedua
php echo("tulisankitan");
?>
Ketiga
<%
echo ("kalau yang ini mirip dengan ASP");
%>
Anda dapat menggunkan salah satu di atas, tapi yang paling sering
digunakan biasannya cara pertama dan kedua.
Seperti pada bahasa pemrograman lain Anda pun bisa
meletakkan baris komentar pada program Anda. Pada PHP
caranya adalah dengan meletakkan komentar tersebut di
sebelah kanan tanda // jika komentar satu baris dan di
antara /* dan */ jika komentarnya lebih dari satu baris.
/* kalau yang ini adalah komentar
lebih dari satu baris */
echo ("memang mudah");
?>
1. Oracle
2. MySQL
3. Sybase
4. PostgreSQL
5. dan lainnya
PHP dapat berjalan di berbagai system operasi seperti windows 98/NT,
UNIX/LINUX, solaris maupun macintosh.
Kelebihan PHP
Dapa digunakan sebagai konstruktor web dinmis, seperti sistem
informasi§, sistem pendukung keputusan atau juga aplikasi web.
2 Loading cenderung cepat.
3 Opensource atau gratisan
1

21. Cenderung tidak membutuhkan recource yang besar.
5 Mudah dipelajari, karena banyak source code atau script php§ dan
tutorial§ yang dijumpai di internet
4
Kekurangan PHP
Bukan bahasa yang ideal untuk pembangunan aplikasi dengan
recource besar.
7 Tidk lebih baik dibanding yang lain ketika harus menampilkan dengan
logic
8 Pemrograman orientasi objek yang belum maksimal
6
Hal yang berkaitan dengan PHP
1. Script pendamping
Biasanya script php selalu menggunakan html atau sejenisnya untuk
mendisplay hasil proses php agar lebih maksimal. Script pendamping ini
bisa html, xhtml, xml dan juga yang lain.
2. Membutuhkan server
Untuk melakukan eksekusi atas proses yang dilakuka php server adalah
bagian terpenting yang berguna sebagai emulator untuk menjalankan proses
tersebut. Server yang digunakan seperti xampp, wamp, apserve dan yang
lain.
3. Database
Penggunaan database sering kali sebagai salah satu media pendukung dari
aktivitas pengolahan data menggunakan php. Dengan artian database adalah
sebagai tempat penyimpanan data yang akan diproses oleh php. Database
yang digunakan seperti misalnya mysql, oraqle, dan yang lainya.
alam mendesain sebuah tampilan website atau blog agar menarik§ diperlukan
penggunaan warna halaman yang tepat. Kode Warna dalam hal ini
merupakan identitas dari sebuah citra yang dinotasikan dengan bilangan
Hexadecimal yang dapat digunakan dalam bahasa pemrograman CSS dan
HTML.

22. Warna adalah sebuah reseprentasi dari spektrum tertentu yang didalamnya
terdapat cahaya dan panjang gelombang cahaya yang mengikutinya.
Didalam citra digital warna umumnya terdiri atas 2 yaitu hitam dan putih
(warna sempurna) atau disebut Grayscale. Sedangkan macam-macam jenis
warna lainnya itu disebut True Color seperti merah, biru, hijau, kuning. True
Color ini terdapat 2 macam pengelompokkan yaitu RGB (Red Green
Blue ),CMYK( Cyan Magenta Yellow Black ), Sedangkan metode sistem
model dari warna yaitu HSV (Hue Saturation Value ) dan HSL ( Hue
Saturation and Lightness ).
Kode heksadesimal adalah 3 atau 6 karakter kode yang sering digunakan
dalam HTML dan CSS untuk memberitahu browser atas satu warna untuk
ditampilkan. Jadi misalnya, #fff atau #FFFFFF adalah kode warna untuk
menghasilkan warna putih pada sebuah halaman web anda.
Dibawah ini terdapat daftar kode-kode warna lengkap untuk membuat Kode
Warna CSS atau html dalam merancang halaman web, atau metode untuk
menggambarkan dan menentukan warna tersebut.
#CCFFF
F
#CCCCF
F
#CC99F
F
#CC66F
F
#CC33F
F
#CCFFC #CCFF9 #CCFF6 #CCFF3
C
9
6
3
#CCCCC #CCCC9 #CCCC6 #CCCC3
C
9
6
3
#CC99C #CC999 #CC996 #CC993
C
9
6
3
#CC66C #CC669 #CC666 #CC663
C
9
6
3
#CC33C #CC339 #CC336 #CC333
C
9
6
3
#CC00F
F
#CC00C
C
#FFFFF
F
#FFCCF
F
#FFFFC
C
#FFCCC
C
#CC009
9
#CC006
6
#CC003
3
#CCFF00
#CCCC00
#CC9900
#CC6600
#CC3300
#CC0000
#FFFF9 #FFFF6 #FFFF3 #FFFF0
9
6
3
0
#FFCC9 #FFCC6 #FFCC3 #FFCC0
9
6
3
0

23. #FF99F
F
#FF66F
F
#FF33F
F
#FF00F
F
#FF99C
C
#FF66C
C
#FF33C
C
#FF00C
C
#99FFF
F
#99CCF
F
#9999F
F
#9966F
F
#9933F
F
#9900F
F
#99FFC
C
#99CCC
C
#9999C
C
#9966C
C
#9933C
C
#9900C
C
#FF999
9
#FF669
9
#FF339
9
#FF009
9
#FF996
6
#FF666
6
#FF336
6
#FF006
6
#FF993
3
#FF663
3
#FF333
3
#FF003
3
#FF990
0
#FF660
0
#FF330
0
#FF000
0
#99FF9 #99FF6 #99FF3 #99FF0
9
6
3
0
#99CC9 #99CC6 #99CC3 #99CC0
9
6
3
0
#99999 #99996 #99993 #99990
9
6
3
0
#99669 #99666 #99993 #99990
9
6
3
0
#99339 #99336 #99333 #99330
9
6
3
0
#99009 #99006 #99003 #99000
9
6
3
0
Setelah melakukan ternyata tidak mudah. Apa saja yang harus dilakukan
ketika kita sudah merubah domain dari blogger ini? Bagaimana cara
mengoptimalkan Domain Baru yang saya buat? Optimasi apa saja yang
perlu dilakukan dan apa cara mengoptimalkan blog yang sudah memiliki
traffik bagus seperti saya ini. ( Sedikit merasa Hebat dan Bangga :D -,-' )
Itulah tadi sedikit ekspresi saya karena harus merubah semuanya atau
sebagian dari awal lagi. Jadi harap maklum. Langsung ke topik utama yaitu
mengenai hal apa saja yang perlu dilakukan ketika telah redirect domain dan
cara setting nya. Pada pembahasan singkat ini saya akan menjelaskannya
secara singkat dan berkelanjutan, dan bagian ini adalah Part 1.
§
Sebagai informasi tambahan

24. untuk anda yang ingin mengganti subdomain blogspot ke domain .com ,
.net , .org , .web.id, .info, .co.id dan lainnya anda tidak perlu takut. Karena
banyak dari para blogger indonesia yang takut akan penurunan traffik yang
nanti akan dialami. Berikut adalah statistik saya sebelum merubah domain :
Alexa Rank : 29.782
Link In : 202
Pageviews/day : 3000 - 7000
Rank in Indonesia : 475
Technorati Rank : 5822
Pagerank Google : 1
Mungkin untuk sebagian orang, dengan traffik yang sudah bagus lalu pindah
domain akan membuat semuanya hancur dan jatuh tetapi bagi saya tidak.
Alasan pertama saya mengganti domain justru dikarenakan traffik yang
sudah baik tersebut. Oleh karena itu, jangan ada asumsi mengganti domain
akan memperburuk suasana tetapi kita harus rajin untuk setting semuanya
dari awal lagi.
Seperti yang kita tau Domain TLD ( Top Level Domain ) memiliki prioritas
yang tinggi di search engine dan mampu menjangkau hampir semua negara
secara global tergantung server yang digunakan. Jadi beralih ke Domain
TLD, meskipun ada resiko yang harus diambil.
Berikut ini langkah-langkah atau tahapan yang saya utamakan saat redirect
subdomain to domain.
1. Setting CNAME dan A Recordsdi CPanel penyedia layanan Domain atau
hosting anda dengan benar.
2. Tunggu 6-7 jam agar blog kita sudah disalin datanya oleh search engine
khususnya Google.
3. Hari Pertama jangan ubah dulu setting di Webmaster Tools.
4. Hari Kedua anda buat / submit url nama domain anda yang baru di Google
Webmaster Tools.
5. Buatlah sitemap, Feed, dan setting lainnya.
6. Daftarkan nama domain anda ke Technorati directory.
7. Add a new site on Alexa.com
8. Buat lagi nama blog baru domain anda ke Bing Webmaster Tools.
9. Share ke Social Media Bookmarking
Sitemap ( Peta Situs ) adalah sebuah data yang berisi informasi mengenai
semua url dokumen yang nantinya akan diindex kepada search engine. Cara

25. Membuat Sitemap yaitu dengan membuatnya terlebih dahulu lalu kita
informasikan kepada Tools pembantu yaitu Webmaster Google / Bing yang
dalam hal ini adalah search engine yang paling populer serta memiliki
fasilitas yang bisa dimanfaatkan.
Sitemap (Peta Situs) bukan merupakan daftar isi halaman juga tidak link isi
website atau blog, melainkan sitemap merupakan rujukan oleh search engine
untuk melakukan crawling sebuah situs web atau blog, dengan adanya
sitemap dapat membantu proses indeks lebih cepat yang memungkinkan
tidak ada url atau halaman yang terlewatkan oleh spiderbot ( robot search
engine ).
Apa manfaat sitemap ?
Manfaat sitemap berfungsi§ membantu search engine / mesin pencari seperti
google, bing, yahoo, ask dan baidu agar lebih mudah melakukan crawling
pengindekkan segala sesuatu yang terdapat pada situs blog, halaman url link
label dan lain sebagainya.
Sitemaps ternyata sangat penting guna optimalisasi search engine . Kadang
kita tidak sadar bahwa ada beberapa hal yang membuat situs blog kita tidak
terindex oleh robot Google , misalnya adalah link yang jelek antara setiap
page di blog kita atau karena content yang terlalu berat pada sebuah blog
yang membuat Googlebot tidak bisa mengindex halaman blog kita tersebut.
Sitemaps dibuat untuk memudahkan Googlebot dalam mengindex seluruh isi
blog atau web kita, dengan menggunakan Sitemaps Googlebot akan lebih
mudah mengindex seluruh isi blog kita walaupun ada kesalahan-kesalahan
yang tidak kita sadari.
Cara Membuat Sitemap pada Website :
1. Silahkan anda buat sitemap menggunakan tools dari penyedia layanan
generator sitemap yaitu XML Sitemaps Generator§ ( Create your Google
Sitemaps Online ) atau Sitemap.org§
2. Silahkan upload dan letakkan pada Hosting Website anda.
3. Buat akun pada Google Webmaster Tools§.
4. Tambahkan situs terlebih dahulu.
5. Pergi ke Pengoptimalan > Peta Situs
6. Submit nama halaman sitemap anda (tergantung lokasi peletakkannya
pada hosting), contoh /sitemap.xml
Cara Membuat Sitemap pada Wordpress.

26. •
Silahkan buat di Google XML Sitemaps - WordPress Plugins§
Sedangkan bagi anda yang telah menggunakan domain baru (TLD - Top
Level Domain), ikuti panduan mengatasi error yang terjadi apabila
memasukkan kode /sitemap.xml sedangkan ketika belum custom domain
alias masih subdomain masih bisa.
§
Cara Mengatasi Error yang terjadi
pada Sitemap.xml di Webmaster
Tools :
1. Buatlah sitemap di XML Sitemap For Blogger§.
2. Masukkan URL Domain baru anda.
§
3. Click Generate Sitemap.
4. Kemudian Copy terlebih
dahulu lokasi sitemap yang
ditujukan seperti Sitemap :
http://www.impoint.blogspot.com/atom.xml?redirect=false&start-index=1&maxresults=500
5. Jangan tutup halaman, kemudian masukkan kode di belakang nama
domain anda pada sitemap di Google Webmaster Tools. Dan tambahkan 1
feed url sitemap lagi.
Kesatu : /atom.xml?redirect=false&start-index=1&max-results=500
Kedua : /feeds/posts/default?max-results=9999&amp;amp;alt=json-inscript&amp;amp;callback=loadtoc
Submit sitemap.
Silahkan tunggu hingga 1-2 hari sampai status informasinya terkirim bukan tertunda.
6. Selanjutnya Login ke Blogger.com
7. Pilih Settings lalu Search Preference

27. 8. Pilih Custom Robots.Txt klik Enable Yes.
9. Masukkan data yang ada pada Blogger Sitemap tadi, semuanya seperti berikut :
§
10. Simpan
Perubahan tersebut.
Pada dasarnya
untuk menampilkan sitemap di setiap domain harus mengupload file sitemap.xml /
sitemap.html / sitemap.php namun karena kita adalah bawaan blogspot, maka sitemap ini
sudah disediakan Google, dan jika terjadi error kita dapat memanfaatkan feeds atom dan
rss yang dapat meninjau sitemap tersebut.
Cara Membuat Sitemap Blogspot Domain Baru§, contoh gambar printscreen diambil
dari dua situs blog yang menggunakan subdomain blogspot (baru dibuat selama uji coba)
dengan domain blog tld yang baru, salah satunya Media Blogger ini. Semoga dapat
bermanfaat, jika ada yang kurang jelas silahkan cari panduan sitemapnya disini
REFERENSI
http://impoint.blogspot.com/2013/07/kode-warna-html.html#ixzz2iiPIP9uf
http://impoint.blogspot.com/2013/06/cara-mengatasi-error-sitemapdomain.html#axzz2iiNyESCQ
http://impoint.blogspot.com/2013/06/hari-pertama-mengganti-subdomain-

28. ke.html#axzz2iiNyESCQ
http://impoint.blogspot.com/2013/06/pengertian-http-https-url-ftpdomain.html#axzz2iiNyESCQ