DASAR PEMROGRAMAN PHP

PHP adalah salah satu bahasa pemrograman dalam pembuatan web. PHP bersifat server side
dan bisa dikoneksikan dengan database seperti MySQL, PostgreSQL, SQL server, Oracle dsb.
Kareba PHP bersifat server side, maka untuk dapat menjalankan PHP pada browser, maka anda
diharuskan terlebih dahulu menginstall web server yang bisa anda dapatkan secara gratis dari
internet, misalnya Apache, PHP Triad, PWS, Wammp, Xampp, dsb.

2. DASAR PHP
PHP disimpan dalam file berekstensi .php, .php3 atau .phtml, itu tergantung dengan settingan
PHP anda, tetapi secara umum ekstensi file PHP adalah .php. Kode PHP menyatu dengan tag –
tag HTML dalam satu file. Kode PHP diawali dengan tag <? atau <?php dan ditutup dengan ?>.

Optimasi dan Performansi Aplikasi Web PHP

Setiap orang pasti mendambakan aplikasi yang memiliki performansi tinggi, baik itu Anda selaku
pemrogram, ataupun user yang nantinya akan menggunakan program. Terlepas dari faktor spesifikasi
perangkat keras, desain, algoritma, dan penulisan kode program juga sangat mempengaruhi hasil
aplikasi, khususnya terkait dengan masalah performansi atau unjuk kerja.
Optimasi sendiri merupakan suatu proses fine-tuning program dalam upaya untuk meningkatkan
kecepatan akses dan mengurangi penggunaan memori. Ada pun tujuan utamanya adalah
menghasilkan waktu eksekusi kode program yang lebih lebih pendek (cepat). Ini tentu merupakan
sesuatu yang sangat diharapkan sekali. Terkait dengan hal ini, sebagai pemrogram, apa yang harus
kita lakukan untuk mengoptimasi kode program aplikasi PHP?
Artikel ini akan menjelaskan tip-tip praktis untuk mengoptimasi dan meningkatkan performansi
aplikasi web PHP.

Optimasi Kode Program PHP

Tidak bisa dipungkiri, menulis kode secara efektif dan efisien adalah kunci dasar yang penting untuk
meningkatkan kecepatan eksekusi kode. Seperti diketahui, kode-kode PHP akan selalu dieksekusi
setiap kali ia di-request oleh client (browser). Oleh karena itu, sangat menguntungkan sekali jika
Anda bisa membuat kode yang efektif dan efisien.
Berikut ini adalah beberapa tip dan strategi untuk mengoptimasi kode program aplikasi PHP secara
umum.
• Hindari spasi untuk mengatur kode
Menghindari penggunaan spasi (atau &nbsp;) yang berlebihan adalah langkah efisien.
Pertimbangkan, setiap spasi adalah 1 byte dan setiap tab (\t) juga 1 byte. Ketika Anda membuat
empat spasi, Anda telah menghabiskan 4 byte data. Tentu akan lebih efisien jika hanya
menggunakan sebuah tab.
• Cara menggunakan tipe data boolean
PHP mengijinkan Anda menulis tipe data boolean dengan huruf kecil atau besar
(case-insensitive). Meskipun demikian, penulisan dengan huruf kecil semua akan lebih cepat
dibanding huruf besar. Ini dikarenakan, saat menemukan konstanta, PHP melakukan lookup hash
nama konstanta.

SEJARAH HTML

Sejarah dan Definisi HTML
Program adalah kata, ekspresi, pernyataan atau kombinasi yang disusun dan
dirangkai menjadi satu kesatuan prosedur yang berupa urutan langkah untuk
menyelesaikan masalah dan diimplementasikan dengan menggunakan bahasa
pemrograman sehingga dapat dieksekusi oleh komputer.
Pemrograman adalah proses mengimplementasikan urutan langkah untuk
menyelesaikan suatu masalah dengan menggunakan suatu bahasa pemrograman.
Bahasa pemrograman adalah suatu prosedur penulisan program. Sedangkan
pemrograman terstruktur adalah metode untuk mengorganisasikan dan membuat
kode-kode program supaya mudah untuk dimengerti, mudah ditest dan mudah
dimodifikasi. Salah satu contoh pemrograman adalah pemrograman di internet.
HTML merupakan salah satu unsur penting dalam pemrograman di internet.
HTML (Hypertext Markup Language) adalah bahasa pengkodean untuk
menghasilkan dokumen-dokumen hypertext untuk digunakan di World Wide
Web. Namun HTML bukanlah sebuah bahasa pemrograman. tetapi hanyalah
berisi perintah-perintah yang telah terstruktur berupa tag-tag penyusun.
HTML merupakan pengembangan dari standar pemformatan dokumen teks
yaitu Standard Generalized Markup Language (SGML). HTML sebenarnya
adalah dokumen ASCII atau teks biasa, yang dirancang untuk tidak tergantung
pada suatu sistem operasi tertentu. HTML dibuat oleh Tim Berners-Lee ketika
masih bekerja untuk CERN dan dipopulerkan pertama kali oleh browser Mosaic.
Selama awal tahun 1990, HTML mengalami perkembangan yang sangat pesat.
Setiap pengembangan HTML pasti akan menambahkan kemampuan dan
fasilitas yang lebih baik dari versi sebelumnya. Namun perkembangan resmi
dikeluarkan pada bulan November 1995 oleh IETF ( Internet Engineering Task
Force ). HTML 2.0 ini merupakan penyempurnaan dari HTML+ (1993). HTML
3.0 (1995) memberikan kemampuan lebih daripada versi sebelumnya. Sebuah
Usaha dari World Wide Web Consortium’s (W3C) HTML Working Group pada
tahun 1996 menghasilkan HTML 3.2. HTML versi ini secara resmi diterbitkan
pada bulan Januari 1997. HTML versi terbaru adalah HTML 4.01 yang
dikeluarkan secara resmi oleh W3C pada tanggal 24 April 1998. HTML
merupakan perbaikan dari HTML 4.0 yang lebih dulu diterbitkan. (18 Desember
1997).
HTML harus di awali dan diakhiri dengan kode-kode html dimana
menunjukkan bagaimana keluarannya pada saat di jalankan pada sebuah web
browser. Bahasa pemrograman itu dipahami oleh semua komputer di dunia atau
internet. Perintah html harus berada didalam tanda <..>, yang digunakan untuk
menampilkan fungsi – fungsi tertentu misalnya fungsi link dan sebagainya.
Dinamakan Hypertext karena kita bias membaca isi dari sebuah dokumen/berita
tanpa harus membacanya baris demi baris. Kita bias melompat – lompat dari satu
topik ke topik lainnya. Dinamakan MarkUp Languange karena dokumen html
mengandung tanda atau perintah tertentu untuk menentukan tampilan teks,
gambar, dan sebagainya beserta fungsi – fungsi yang diinginkan.

Belajar HTML

New List
Bila sebelumnya anda belajar membuat list dengan tampilan yang sederhana, hanya
dengan angka dan sebuah lingkaran.Sekarang anda dapat membuat dengan lebih banyak
pilihan, berikut tagnya :
• Untuk yang Unordered list ada beberapa tipe :
o <ul type=square>
o <ul type=disc>
o <ul type=circle>

• Untuk yang Ordered List ada beberapa tipe juga :

Untuk memulai list juga tidak perlu dari awal, dari tengah juga bisa, anda dapat
menggunakan tag <ol.... start=14> jumlah dari start harus berupa angka, walaupun tipe
dari list yang digunakan adalah tipe huruf.Anda juga dapat merubah urutan list(khusus
ordered list) langsung dengan tag <li value=5>, hasilnya dapat dicoba sendiri.
Hmm.. mungkin sampai disini dulu pelajarannya, tapi jangan bersedih hati, mungkin kita
dapat bertemu kembali di tulisan saya yang lainnya.Yang penting jangan malas untuk
belajar dan jangan takut untuk mencoba, semua yang saya terangkan ini masih sangat
dasar, banyak kombinasi yang dapat dibuat dari semuanya.Jadi sekali lagi jangan takut
untuk mencoba segala sesuatu dan Being Creative!!!.

Belajar HTML

Paragraf alignment
Pada pelajaran sebelumnya paragraf memang sudah dibahas, namun yang kali ini sedikit
berbeda.Karena kita akan mengatur align dari suatu paragraf.Tag yang digunakan adalah
sebagai berikut :
<p align=center/left/right>...</p>
Tag ini memang berbeda dengan dengan yang sebelumnya, karena yang sebelumnya
tidak menggunakan tag penutup dan yang sekarang menggunakan penutup.Sebagai
catatan, alignment juga bisa digunakan pada gambar, anda tinggal menambahkan tag
align=center.Jadinya seperti ini :
<img src”gbr.gif” align=right>
Create your own table
Mungkin pelajaran yang cukup membingungkan bagi anda, karena saya sendiri bingung
waktu pertama kali mempelajarinya.Pembuatan tabel itu sendiri pada html memiliki pola
sebagai berikut :
Ya, bila anda sudah memahami gmbar di atas, pembuatan tabel akan dimulai dari kiri ke
kanan dan akan turun ke bawah dan dimulai dari kanan lagi.Jadi, tagnya akan seperti ini :
Tabel dengan ukuran 3x3
<table border=1>
<tr>
<td>baris 1 kolom1</td>
<td>baris 1 kolom2</td>
<td>baris 1 kolom3</td>
</tr>
<tr>
<td>baris 2 kolom1</td>
<td>baris 2 kolom2</td>
<td>baris 2 kolom3</td>
</tr>
<tr>
<td>baris 3 kolom1</td>
<td>baris 3 kolom2</td>
<td>baris 3 kolom3</td>
</tr>
</table>
Border=x berarti menandakan tebalnya garis yang akan membentuk tabel.
<tr> berarti Table Row, atau baris dari tabel.
<td> menandakan Table Data, dapat diisi tag html apa saja yang sudah pernah anda
pelajari sebelumnya.anda bisa memasukkan link, gambar, alignment,dll.
Oh, ya... anda juga dapat menggunakan vertival alignment untuk mengatur semua item
yang ada di dalam satu cell :
<td valign=top/bottom/middle>
Untuk menyatukan beberapa cell, dapat menggunakan tag berikut :
• Untuk merger kolom :
<td colspan=x>...</td>
• Untuk merger baris :
<td rowspan=x>...</td>
Anda juga dapat menambahkan judul pada tabel anda dengan tag <caption>.Tetapi harus
diingat penempatannya setelah tag <table>.
<table border=1><caption>judul</caption>

Berikut tag yang perlu anda ketahui mengenai pembuatan tabel :
• <table.... cellspacing=x> : untuk mengatur jarak antara cell
• <table....cellpadding=x> : untuk mengatur jarak antara isi tabel dengan dinding
cell
• <tr bgcolor=#xxxxxx> /<tr bgcolor=#xxxxxx>: untuk mengatur warna di dalam
suatu cell
• <td background=”gbr.gif”> : untuk menambahkan gambar background pada
cell
• <table...background=”gbr.gif”> : untuk menambahkan gambar background
pada tabel
Untuk sedikit tambahan, anda dapat membuat tabel tanpa border/garis dengan mengatur
border=0 atau dengan hanya menulis <table> tanpa tag border.

Belajar HTML

Bagian Ketiga
Bermain dengan warna
Nah, setelah tahu cara menulis yang baik dalam html, sekarang adalah waktunya untuk
mempercantik tampilan webpage dengan warna.Pertama yang harus anda pahami adalah,
untuk memasukkan warna, html menggunakan kode heksa decimal.Wah, pasti ada yang
bingung, gak uash dipkirin banget, saya sendiri gak hapal sama kode-kode itu, yang harus
anda ketahui adalah konsep dari kode tersebut.Heksa decimal terdiri dari 16 angka dan
huruf (1,2,3,4,5,6,7,8,9,A,B,C,D,E,F).Satu kode hesadesimal terdiri dari 6 angka atau
huruf, contoh (6699FF [biru muda] , 000000 [hitam], FFFFFF [putih])Nah, bila sudah
mengerti konsep dari heksadesimal, searang saya kasih tahu cara gampangnya, juga bisa
memasukkan warna hanya dengan teks contoh : black, blue, red, dll.Semuanya ada di
dalam tabel di bawah ini :

Warnai webpagemu!
Sekarang kita akan memasukkan warna-warna yang telah kita pelajari ke dalam
background webpage.tag yang digunakan adalah bgcolor=#xxxxxx.
Namun tag ini harus diletakkan bersamaan dengan tag body, jadinya seperti ini.
<body bgcolor=#34ff55>
Anda juga dapat mengganti warna teks defaultnya, yang sebelumnya hanya warna hitam,
dengan menggunanakan tag text=#xxxxxx.Hal lain yang juga dapat anda ganti adalah
sebagai berikut :
• Bgcolor = warna backgournd
• Text = warna teks
• Link = warna link, sebelumnya warna biru
• Vlink = warna link yang setelah di klik
Semua tag ini di tempatkan bersamaan dengan tag body.
Oh, ya.. sebagai tambahan, anda juga dapat menggunakan gambar sebagai
background.Dengan menggunakan tag ini :
<body background=”url gambarnya”>
Penempatan tag ini juga sama seperti tag sebelumnya, harus bersamaan dengan tag body.
Nah, setelah mewarnai background, kita akan berlanjut untuk mewarnai teks, seperti ini.
Caranya tinggal masukkan tag ini sebelum teks yang ingin diwarnai.
<font color=#xxxxxx>…</font>
Untuk menambah kesan menarik dari tulisan anda, dapat juga memainkan ukuran font
dengan tag berikut :
<font size=N>…</font>
Dan anda pun juga dapat mengganti jenis font, tapi dengan syarat font tersebut sudah
terdapat di computer anda.Gunakan tag berikut :
<font face=xxx>….</font>

Belajar HTML

Special karakter
Nah, untuk tag yang selanjutnya adalah tentang special karakter.Mungkin anda bingung
untuk memasukkan karakter seperti ini ® © ke dalam webpage.
Nah ini ada tabelnya :

Belajar HTML

Create Link
Setelah bermain-main dengan gambar, sekarang saatnya membuat link.Tapi sebelumnya
diharapkan anda telah membuat beberapa file html, agar sapat dihubungkan satu sama
lain.Tagnya gak susah kok, masukkan yang seperti ini :
<a href=”url nya”>tulisan untuk linknya</a>
Jadinya seperti ini
Untuk link, anda dapat membuat link tidak hanya ke sesame fiel html, anda juga dapat
link ke sebuah gambar.Anda tinggal mengganti urlnya saja.Yah, pokoknya being creative
aja deh!Dan jangan takut mencoba!
Pelajaran selanjutnya adalah membuat link dengan gambar, biasanya dibuat untuk
menarik perhatian orang banyak.
Tagnya adalah gabungan dari yang sudah kita pelajari sebelumnya.
<a href=”url nya”> <img src=”url gambar”> kalau perlu di kasih tulisan, ya
tulis</a>
Nah, kalau gambar yang ingin di pasang ternyata terlalu besar untuk sebuah link, anda
bisa mengatur ukurannya dengan menambahkan tag ini WIDTH=”angka berapa aja”
HEIGHT=”angka juga” , jadinya seperti ini tag nya :
<a href=”url nya”> <img src=”url gambar” width=”65” height=”70”> kalau perlu
di kasih tulisan, ya tulis</a>
Preformatted
Selanjutnya, kita akan mencoba menampilkan tulisan kita apa adanya di webpage.
Misalkan kita menulis seperti ini :
Coba tes pencet enter
Terus tab
--------------------
| Eh enter lagi |
--------------------
Nah, dari pelajaran yang sebelumnya pasti anda sudah tahu kalau kita menulis seperti ini,
yang akan tampil di webpage tidak akan sama.Ya, itu memang benar, maka dari itu kita
butuh tag yang seperti ini <pre>…</pre> .Tag ini akan menampilkan tulisan kita apa
adanya di webpage.Kalau tidak percaya, coba aja sendiri, tapi ingat! Penempatan tagnya
jangan sampai salah, caranya seperti ini nih :
<pre>
Coba tes pencet enter
Terus tab
--------------------
| Eh enter lagi |
--------------------
</pre>

Belajar HTML

All about picture
Pelajaran berikutnya adalah “gambar dalam webpage”.Yang perlu diingat adalah, gambar
yang ingin anda masukkan ke dalam webpage anda, sebaiknya berada di dalam folder
yang sama dengan webpage anda berada.Atau terdapat folder khusus untuk menyimpan
gambar, itu bisa menjadi lebih baik, untuk jelasnya dapat dilihat digambar.Perlu
diperhatikan juga, tipe gambar yang efektif untuk di dalam web adalah tipe GIF.Karena
gambar berekstensi GIF akan menghemat ukuran, juga ekstensi GIF dapat memberikan
gambar yang lebih menarik karena biasanya dapat bergerak.




Bila sudah jelas tentang penyimpanan gambar, sekarang kita beralih ke cara memasukkan
gambar ke dalam webpage.
Tag yang akan digunakan adalah <img src=“url gambarnya”>
Disini url gambar anda bisa berbagai macam, bila anda menyimpan gambar didalam
folder “picture”, urlnya dapa seperti ini “picture\gambar.gif”.Bila anda menyimpannya
bersama dengan webpage anda, berarti anda tinggal memasukkan nama gambar beserta
estensinya saja “gambar.gif”.
Sekarang coba masukkan tag ini :
Ini ada gambar<img src=”url gambar”> baguskan gambarnya
Maka hasilnya jadi seperti ini kan, gambar satu baris dengan teks.
Ini ada gambar<img align=top src=”url gambar”> baguskan
gambarnya
Kalau yang ini jadi seperti ini.
Ini ada gambar<img align=middle src=”url gambar”> baguskan
gambarnya
Yang ini jadi ada ditengah tengahnya
Ini ada gambar<img align=bottom src=”url gambar”> baguskan
gambarnya
Kalau yang ini defaultnya, sama seperti sebelumnya.
Nah, sekarang gambarnya bila dikasih keterangan lo! Seperti yang dibawah ini:




Gampang kok! Pakai tag yang ini alt=”tulis komentarnya”, tag ini ditambahin setelah
tag <img .. jadi tag nya seperti ini <img alt=”apa aja” align=middle
src=”gambar.gif”>

Belajar HTML

Style up your text
Yup, setelah latihan tentang pelajaran sebelumnya, sekarang anda akan diperkenalkan
dengan Bold, italic, underline, dan typewriter.
• Untuk membuat tulisan anda menjadi bold di html, anda dapat menggunakan tag
<b>….</b>
• Untuk menjadikannya italic atau miring, gunakan tag <i>….</i>
• Dan anda bisa menggunakan tag <u>….</u>
• Bila anda ingin tulisan anda menjadi seperti ini, dapat menggunakan tag
<tt>….</tt>
• Dan bila anda ingin menggunakan keempat-empatnya, tinggal tuliskan semuanya
saja, <b><i><u><tt>…..</b></i></u></tt>
List
Yah.. untuk langkah selanjutnya, anda bisa latihan sendiri dulu…agar siap untuk yang
selanjutnya.
Sekarang kita akan bermain dengan List, atau anda mungkin lebih kenal dengan bullet
dan numbering.
Untuk bullet, lebih dikenal dengan dengan unordered list, <ul>….</ul>.Untuk
penulisannya harus seperti ini :
<ul>
<li>item 1
<li>item 2
<li>item 3
</ul>
Anda pasti bingung ketika melihat tag <li>, tag ini digunakan untuk mendefinisikan
setiap item yang kita tuliskan, karena <li> berarti List Item.
Untuk numbering, pada html dikenal dengan order list <ol>…</ol>.Untuk penulisannya
tidak berbeda dengan yang sebelumnya :
<ol>
<li>item 1
<li>item 2
<li>item 3
</ol>
Nah, setelah tahu cara membuat bullet dan numbering yang biasa, anda bisa mencoba
yang sedikit luar biasa.Cobalah gabungkan antara ordered list dengan unordered list atau
antara sesama order list atau unordered list.Yah, seperti dibawah ini :
<ul>
<li>item 1
<li>item 2
<ul>
<li>item 1
<li>item 2
<li>item 3
</ul>
<li>item 3
<ol>
<li>item 1
<li>item 2
<li>item 3
</ol>
</ul>
Nah, setelah banyak belajar tentang html, sekarang waktunya bereksperimen, cobalah
gabungkan ilmu-ilmu yang telah anda dapatkan dan racik menjadi sesuatu yang tidak
biasa, karena dengan begitu ilmu anda akan bertambah banyak.

Belajar HTML

Bagian kedua
Heading
Oke, setelah belajar dasar penulisan html, sekarang kita akan beralih untuk penulisan isi
webpage.Untuk belajar menulis html, saya sarankan anda membuka file latihan anda
dengan text editor atau notepad dan dengan browser anda.Bila anda bingung, saya akan
berikan contoh, misalkan anda menyipan file latihan anda dengan nama latihan.html,
buka file tersebut dengan double klik, maka file anda sekarang sedang browser anda,
apakah itu Internet explorer(IE), atau firefox, opera, dll.Kemudian buka kembali file anda
dengan notepad, klik kanan pada file anda dan pilih open with… dan pilih
notepad.Sekarang file anda telah dibuka dengan browser anda dan notepad, bila anda
melakukan perubahan pada file anda, anda tinggal menyimpan pekerjaan anda dan dapat
segera melihat perubahannya dengan beralih ke browser anda dan lakukan refresh.Ya,
webpage anda akan berubah sesuai perubahan yang anda lakukan, cara ini sangat berguna
bagi yang sedang mencoba-coba kode baru dan langsung melihat hasilnya.Bila hasilnya
kurang memuaskan, anda tinggal beralih ke notepad anda dan ubah bagian-bagian yang
masih salah kemudian simpan, dan refresh lagi.
Setelah tau cara-cara diatas, sekarang saatnya memperkenalkan anda pada
heading.Dengan tag ini, anda dapat mengatur bagian-bagian yang penting dari tulisan
anda.Heading terdiri dari 6 bagian, makin tinggi nominalnya makin kecil
tulisannya.Contoh:
Penggunaan heading biasanya digunakan untuk membuat judul tulisan dan subjudul.Anda
dapat menambahkan tag ini pada file latihan anda yang sebelumnya, perlu diingat anda
menambahkannya setelah tag <body> .
<h1>ini judulnya</h1>
Terus isisnya deh, bla bla bla bla
<h2>subjudul nih</h2>
Biasanya lebih spesifik isinya
<h3>terus isi subsubjudulnya</h3>
Udah ah, capek hihihi
Paragraf
Nah, kalau udah bisa bikin judulnya, sekarang cara buat paragraph di html, karena bila
anda tekan ENTER sebanyak apapun, tidak akan berpengaruh pada webpage, kalau tidak
percaya, coba saja sendiri.Maka dari itu sekarang kita akan menggunakan tag <p> untuk
membuat paragraph baru, karena ini tag special, jadi tidak butuh </p> untuk tag penutup.
Sekarang coba tambahkan tag ini pada file latihan anda.
<p>Ini tulisan gak penting banget Ini tulisan gak penting banget Ini
tulisan gak penting banget Ini tulisan gak penting banget Ini tulisan
gak penting banget Ini tulisan gak penting banget<p> Ini tulisan gak
penting banget Ini tulisan gak penting banget Ini tulisan gak penting
banget Ini tulisan gak penting banget Ini tulisan gak penting banget
Ini tulisan gak penting banget<p>
Tapi ada hal yang perlu diingat, anda tidak perlu menggunakan tag <p> sebelum tag
heading, karena heading sudah menjadikan tulisan tersebut terpisah dari paragraph.Yah,
semuanya bisa anda tahu bila anda sudah mencobanya.Bila anda telah mencobanya, akan
terlihat efek dari tag <p>.Efek dari tag ini dapat dikatakan seperti menekan ENTER dua
kali.Nah, satu lagi tag yang dapat digunakan untuk membuat baris baru dalam html, yaitu
tag <br>, atau bisa disebut breakline.Tag ini sama halnya bila kita tekan ENTER bila
sedang mengetik biasa, coba aja dulu deh, baru komentar.
Nah, dari yang sudah dipelajari diatas, anda sudah dapat membuat webpage anda sendiri,
ya… walaupun masih sangat sederhana, untuk latihan sih cukup, biar anda cepet hapal
kode-kodenya dan dengan lincah menulis bahasa html.

Belajar HTML

Bagian pertama
Bagi yang sudah mahir dalam menggunakan bahasa HTML, mungkin tidak akan
membaca tulisan ini, tetapi mungkin ada temannya atau saudaranya atau teman
saudaranya atau saudara temannya atau siapanyalah, yang belum bisa menggunakan
bahasa HTML, tolong diberi tahu, untuk baca tulisan ini, siapa tahu bisa jadi mengerti
bahasa HTML.Sebenarnya saya sendiri ingin bagi-bagi ilmu buat pembaca, soalnya
bahasa HTML itu ternyata mudah dan simple kok! Dan belajarnya gak perlu software
yang macam-macam, cukup sediain simple text editor aja, yah… NotePad itu loh… Ya
udah, langsung aja nyok mulai pelajaran hari ini!!!
• Pertama yang harus dimengerti adalah, bahasa HTML ini selalu menggunakan
“tag” seperti ini < dan >.contoh :
o <BoDy>tes aja ya…</bodY>
• Setiap tag, akan ditutup dengan tanda / , seperti contoh diatas
<body>…..</body> Bila hal tersebut tidak dilakukan, maka efeknya akan terus
terkena pada tulisan-tulisan selanjutnya
• Penulisan kodenya juga gak usah rapi-rapi banget, karena efek yang keluar akan
sama, contoh :
o <head>coba coba dulu</head> akan sama dengan yang dibawah
o <HEAD>Sama aja deh</HEAD>
o Atau mau seperti ini, gak ngaruh <HeAd> bla bla blab la</hEaD>
• Satu hal lagi yang berbeda dari bahasa pemrograman yang lain, bila ada kesalahan
dalam penulisan, anda tidak akan mengalami crash atau yang lain dalam
menjalankannya, yang terjadi hanyalah computer tidak mengerti perintah anda
dan tidak akan menjalankannya. Contoh :
o Bila anda menulis seperti ini <bodi> yah salah tulis </body> yang akan
terlihat pada webpage anda hanyalah tulisan yah salah tulis tanpa
menghiraukan tulisan diantara tanda < dan >.
• Setelah anda semua tahu cara penulisan bahasa HTML, barulah kita mulai
pembuatan webpage nya.
• Langkah pertamanya adalah dengan membuka text editor yang anda miliki, kalau
saya sih, pake notepad.Lalu mulailah menulis kode sebagai berikut :
<html>
<head>
<title>webpage buatan saya</title>
</head>
<body>
Tulis apa aja ya… seterah
</body>
</html>
• Setelah menulis semuanya, kemudian simpan pekerjaan anda dengan nama
(terserah).html, yang perlu diperhatikan adalah ekstensinya, yaitu .html bila anda lupa menuliskannya maka file anda tidak akan dianggap sebagai file html
oleh computer.
• Sekarang, tanpa menutup pekerjaan anda, buka file html anda yang baru saja anda
buat.Maka akan terlihat kurang lebih seperti ini :





• Nah, bila hasilnya sudah mirip dengan contoh, kita akan mulai belajar mengerti
tulisan yang telah saya suruh anda menulisnya.
o Yang pertama <html>…..</html> kode ini wajib dituliskan karena untuk
memberitahu computer bahwa tulisan yang kita ingin tulis menggunakan
bahasa html
o Yang kedua <head>…</head> pada penulisan html, akan terbagi bagian
head dan bagian body.Penggunaan tag <head> biasanya untuk menuliskan
bagian awal halaman, sedangkan bagian isi biasanya dengan tag <body>
o Karena <body> sudah dijelaskan, jadi sudah selesai deh penjelasannya,
tapi untuk sedikit tambahan, anda bisa menggunakan penulisan seperti
<!—-perhatian-perhatian baca ini dulu--!>
Untuk membuat komentar-komentar mengenai kode yang anda tulis,
karena mungkin ada yang melihat kode dari webpage anda terbantu
dengan komentar anda tentang kode tersebut.
Yah… segini dulu ya tulisan saya tentang belajar html, mungkin beberapa hari lagi akan
saya lanjutkan, tungguin aja dijamin deh gak nyesel!!
Terima kasih untuk yang membaca, semoga dapat mencerna tulisan saya dengan mudah,
bila ada kesulitan, bisa kasih komentarnya kok lewat blog ini.

Pengaturan Bandwidth dan IP Address

1. Pembagian bandwidth akan dilaksanakan oleh PenanggungJawab Pengelola TIK Satker
2. Penggunaan IP dan penamaan domain adalah sebagai berikut:
a. Pustekkom menetapkan alamat IP di masing-masing Satker;
b. Pengaturan alamat IP dilakukan oleh Koordinator atas persetujuan Penanggung
Jawab;
c. Pengaturan alamat IP tersebut dilakukan melalui PC Router, dengan pembagian
satu IP untuk komputer server dan satu IP untuk komputer client yang dapat
digandakan (NAT, Network Address Translation);
d. Jika IP ingin dijadikan sebagai domain, maka diletakan di server DNS (Domain
Name Server) Jardiknas sesuai dengan peraturan penamaan domain;
e. Domain di setiap unit kerja diatur dengan format: satker.kota.depdiknas.go.id.
3. Penjadwalan koneksi pelaporan dari server masing-masing Satker ke server Pusat ditentukan
sebagai berikut:
a. Unit Kerja Indonesia bagian Barat adalah hari Senin-Selasa
b. Unit Kerja Indonesia bagian Tengah adalah hari Rabu-Kamis
c. Unit Kerja Indonesia bagian Timur adalah hari Jumat-Sabtu

Secara umum tugas dan kewajiban Penanggung Jawab, koordinator, teknisi dan helpdeskdi
masing-masing Satker adalah sebagai berikut:

1. Penanggung Jawab
a. Menentukan strategi kegiatan dan anggaran pengelolaan LAN di masing-masing
satker;
b. Memberikan arahan kepada semua anggota tim pengelola LAN di masing-masing
satker;
c. Bertanggung jawab atas web server LAN di masing-masing satker;
d. Memberikan laporan secara berkala kepada Penanggung Jawab Pengelola TIK.
2. Koordinator
a. Menentukan strategi kegiatan pengelolaan LAN di masingmasing Satker;
b. Mengkoordinasikan pengelolaan jaringan, komputer server dan komputer client di
masing-masing Satker Provinsi / Kabupaten/Kota;
c. Mengkoordinasikan pengembangan SDM;
d. Memberikan laporan secara berkala kepada Penanggung Jawab Pengelola TIK di
masing-masing Satker;
e. Bertanggung jawab atas keandalan, integrasi data, jembatan informasi dan koordinasi
pemanfaatan server data pendidikan, data keuangan dan data perencanaan serta data
lainnya;
f. Bertanggung jawab atas kelancaran pengiriman laporan (komunikasi data).
3. Teknisi
a. Melakukan instalasi perangkat keras dan perangkat lunak;
b. Melakukan penanganan masalah (troubleshooting) jaringan (LAN);
c. Melakukan pemeliharaan jaringan (koneksi komputer client dengan server-server di
masing-masing Satker);
d. Memonitor bandwidth Jardiknas dan LAN;
e. Mengatur, mengelola dan memonitor bandwidth LAN;
f. Memberikan laporan secara periodik kepada Koordinator Pengelola TIK Satker;
g. Bertanggung jawab atas koneksi LAN di masing-masing Satker dan koneksi ke
Jardiknas.
4. Helpdesk
a. Memberikan informasi jaringan LAN kepada masing-masing satuan kerja;
b. Menerima dan mecatat masukan, saran dan keluhan dari masing-masing satuan kerja
tentang jaringan LAN;
c. Membantu memberikan arahan penyelesaian masalah jaringan LAN pada tahap awal;
d. Berkomunikasi dengan teknisi untuk menyelesaikan msalah yang belum dapat
diselesaikan di butir c;
e. Memberikan laporan berkala ke penanggung jawab Jardiknas di masing-masing satuan
kerja.

INSTALASI PERANGKAT KERAS DAN PERANGKAT LUNAK

B. Instalasi Perangkat Lunak
1. Persiapkan blok IP yang akan dipakai dan juga dapatkan informasi IP yang diberikan
oleh Jardiknas ke kantor yang bersangkutan. Blok IP yang dipakai adalah IP Private
dengan awalan 192.168.1.xxx dimana xxx adalah 1 sampai 254.
2. Jika komputer lebih dari 254 unit, maka kita harus menambahkan routing agar blok IP
lainnya dapat di kenal, dan untuk itumembutuhkan ethernet card tambahan di PC Router.
3. Dalam penentuan konfigurasi, sebaiknya PC Server berada di angka rendah, misalnya
192.168.1.2 dan kelompok komputer client dibuat mulai dari satu angka tertentu,
tergantung jumlah komputer yang tersambung ke jaringan LAN Kantor Kota tersebut.
4. Kalau memungkinkan, dibuat gambar konfigurasi computer berikut nomor IP disetiap
titiknya, misalnya dibuat seperti gambar di bawah ini:
5. Perangkat Lunak yang harus dimengerti dan dijalankan dengansebaik-baiknya yaitu
IPCOP Router, dimana tanpa menggunakan perangkat lunak ini, kita hanya dapat
memakai satu IP Address saja. Sebetulnya, kita dapat menggunakan perangkat yang
dikenal dengan nama ROUTER yang fungsinya sama dengan PC yang dipasang
perangkat lunak IPCOP.
6. Untuk memperketat keamanan jaringan, maka di satuan kerja yang mempunyai data
kritis dipasang fungsi VPN Server, sehingga harus diakses dengan VPN Client yang
tersedia di Microsoft Windows dengan user name dan password tertentu.
7. Di dalam Microsoft Windows, selain protokol TCP/IP untuk ke internet dan intranet kita
dapat juga menggunakan NetBEUI, yaitu protokol peer to peer yang memungkinkan kita
mengakses computer lain di dalam jaringan dengan hanya menulis IP Address-nya,
misalnya untuk mengakses komputer yang di IP Address 192.168.1.12, kita cukup tulis
//192.168.1.12 di prompt Start - Run.
C. Troubleshooting
1. Untuk memeriksa apakah jaringan sudah tersambung seperti yang diharapkan, kita dapat
menggunakan perintah PING yang dijalankan dari prompt DOS di Microsoft Windows
(Start - Run, lalu ketik CMD dan akan terlihat layar tampilan baru yang berlatar belakang
hitam). PING dipakai untuk mengirim data kemudian dipantulkan dan dikembalikan ke
komputer pengirim dalam bentuk satuan delay detik.Jika perintah PING tidak
menampilkan angka, maka kita dapatpastikan belum terjadi satu sambungan pada
jaringan tersebut.
2. Selain PING, perintah di DOS Prompt yang juga bermanfaat adalah TRACE ROUTE,
yang fungsinya adalah melakukan penelusuran paket dari IP Address yang kita pakai ke
server tujuan.
3. Dengan menggunakan IPCOP, sekaligus kita dapat mengaktifkan fungsi yang dikenal
dengan nama MRTG (Multi Router Traffic Grapher) yaitu grafik pemantauan penggunaan
bandwidth dari satu jaringan komputer yang tersambung ke internet atau intranet. Fungsi
MRTG ini sangat berguna sekali untuk dapat melakukan pemantauan sampai dimana
kita menggunakan bandwidth yang tersedia.
4. Untuk troubleshooting kabel dan penyambungan, kita dapat menggunakan perangkat
yang disebut cable testers, yang terdiri dari dua bagian, satu unit yang besar diletakan di
kabel yang menyambung ke server, dan unit lain yang kecil yang disambung ke konektor
komputer client.
5. Help desk adalah satu layanan untuk mendapatkan bantuan informasi lanjutan yang
berhubungan dengan Jardiknas dan Pustekkom. Help Desk dapat diakses melalui telepo
021-500.005 selama jam kerja.

INSTALASI PERANGKAT KERAS DAN PERANGKAT LUNAK

Dalam melakukan instalasi terdiri dari tiga katagori:
1. Instalasi Perangkat Keras
2. Instalasi Perangkat Lunak
3. Troubleshooting
INSTALASI
A. Instalasi Perangkat Keras
1. Pastikan kita memiliki ground yang baik, tegangan antara minus dan ground harus tidak
lebih dari 1 Volt dan tahanan antara minus dan ground sekitar 1 Ohm (dihitung dengan
alat Merger). Ground yang baik akan menjamin kelangsungan peralatan.Lakukan
penarikan kabel UTP Cat 5 ke setiap bagian yang memerlukan sambungan akses
intranet dan internet.
2. Sebaiknya, kabel UTP Cat 5 dipasang di dalam tempat yang terlindung dari panas dan
hujan, dan jika harus keluar ruangan, sebaiknya gunakan pipa paralon untuk melindungi
kabel tersebut.Sebetulnya, untuk peletakan kabel diluar, kita dapat mengggunakan jenis
STP yaitu Shielded Twisted Pair yang bagian luarnya dilindung oleh bahan yang tahan
terhadap cuaca. Harga STP sekitar dua kali lipat UTP, jadi lebih murah jika kita
menggunakan pipa paralon untuk menahan dari panas dan hujan.
3. Berdasarkan standar internasional, bentangan kabel UTP Cat 5 yang diperkenankan,
maksimum adalah 100 meter, jadi jika lebih dari 100 meter, kita harus meletakan satu
switch sebagai repeater.
4. Penarikan kabel dilakukan dengan mengikuti topologi star, yaitu seluruh kabel menuju ke
satu titik.
5. Pastikan kita memberikan tanda atau kode yang sama pada kedua titik kabel yang kita
tarik, supaya dapat memasang konfigurasi dengan baik.
6. Letakan Switch, Server, PC Router dan peralatan utama lainnya di satu tempat yang
tidak berjauhan, supaya mudah di pelihara dengan baik. Di titik pusat distribusi jaringan
(biasanya disebut NOC - Network Operation Centre) dipasang UPS, sebagai perangkat
yang akan menyuplai listrik kalau aliran PLN terputus.
7. Kabel UTP Cat 5 yang sudah ditarik ke ruang NOC dapat segera dipasang konektornya
dengan menggunakan Crimping Tool.
8. Pastikan pemasangan konektor mengikuti kaidah-kaidah yang betul, yaitu kabel harus
masuk ke badan konektor dengan baik, berikut kabel pelindungnya, lalu kita harus
mendorong secara paksa kabelnya, agar kontak dengan pin konektor sempurna, dan kita
harus menjepit konektor dengan sekuatnya, supaya kabelnya tidak lepas. Kwalitas
bandwidth yang dialirkan kabel akan tergantung pekerjaan yang kita lakukan disamping
kwalitas konektor.
9. Pemasangan konektor ke kabel mengikuti konfigurasi kabel straight-thru.
10. Setelah semua kabel UTP Cat 5 siap untuk dipasang, maka mulai pemasangan dari sisi
client-nya, terus berurutan sampai ke switch-nya.
11. Setelah seluruh jaringan tersambung secara perangkat keras, ikuti langkah di bagian
Perangkat Lunak untuk melakukan penomoran IP Address, sekaligus penentuan
bandwidth di setiap komputer nantinya.
12. PC Router dipasang diantara Manageable Switch dan Kabel UTP Cat 5 yang dari
operator (sambungan dari Jardiknas Pusat).
13. PC Router berisi CD ROM program router IPCOP, fungsinya adalah melakukan routing,
sehingga IP Address yang dikirim hanya satu dari Jakarta, dapat dilipat gandakan
menjadi 254 dan memungkinkan kita memasang 254 komputer dalam jaringan tersebut.
Selain menggandakan IP Address melalui fungsi yang disebut NAT (Network Address
Translation), fungsi PC Router adalah untuk membatasi pemakaian bandwidth dari setiap
komputer, supaya teratur dan tidak saling menerobos jaringan yang ada.
14. PC Router dijalankan dengan menggunakan metode web base, jadi dapat diakses oleh
Internet Explorer atau Mozilla, dan dilakukan pengaturan-pengaturan yang diinginkan
melalui fungsi dan folder-folder yang sudah disediakan. Dengan adanya PC Router ini,
maka bandwidth yang datang dari Jakarta yang besarnya 512Kbps misalnya, dapat
dibagi secara merata ke semua komputer, termasuk server yang dapat diakses dari luar
dengan menggunakan fungsi DMZ (D-Militerization Zone).
15. Pada komputer client sebaiknya dipasang dan di set IP Addressnya secara tetap, jangan
menggunakan fungsi DHCP (Dynamic Host Control Program) yang nantinya akan sulit
untuk melakukan pemantauan dan troubleshooting.
16. Setelah selesai melakukan pemasangan jaringan, ada baiknya membuat dokumentasi
agar dalam penelusuran perbaikan nantinya kita tidak mengalami kesulitan.

MANUAL_LAN

C. Perangkat Lunak/Software yang dibutuhkan
Perangkat Lunak/Software yang dibutuhkan adalah software Open Source Router (IPCOP)
yang memiliki realibilitas tinggi dan dapat di unduh dari internet secara gratis. Di bawah ini
adalah alamat website untuk meng-unduh software tersebut : Download:
http://sourceforge.net/project/showfiles.php?group_id=40604
Interfaces
􀂃 4 interfaces with typical behavior (dianjurkan untuk menggunakan 4 port Ethernet, tapi
kalau tidak ada, dua ethernet sudah cukup - GREEN dan RED)
􀂃 GREEN: inside network
􀂃 RED: outside network (internet)
􀂃 ORANGE: DMZ (accessible from in and outside)
􀂃 BLUE: inside network for wifi (connect an Access point to this nterface)
􀂃 VLAN Available
􀂃 alias available on RED interface
Installation
􀂃 boot from floppy / usb flopp floppy allow only install from cdrom)
􀂃 boot / installation from IDE / CSI cdrom
􀂃 boot / installation from
􀂃 boot from PXE enabled network card (need avdhcp and tftp server)
􀂃 installation from http/ftp server
Backup / restore supported media
􀂃 floppy (restore on new install only)
􀂃 web interface
􀂃 usb key
Core services
􀂃 DHCP client / server
􀂃 Dynamic DNS
􀂃 Host list settable from web interface
􀂃 HTTP / FTP proxy (squid)
􀂃 IDS (snort) on all interfaces
􀂃 Log local or remote
􀂃 NTP client / server
􀂃 SSH server (PSK or password)
􀂃 Traffic shaping (red interface)
Firewall features
􀂃 statefull firewall
􀂃 nat helper for h323, irc, mms, pptp, proto-gre, quake3
􀂃 programmable port forwarding to ORANGE address
􀂃 pin-hole on GREEN or BLUE net
􀂃 ping answer configurable on all interfaces
IPSEC VPN
􀂃 roadwarrior and net to net
􀂃 certificate or PSK

MANUAL_LAN

Perangkat LAN terdiri dari perangkat keras (Hardware) dan perangkat lunak (Software). Berikut
rinciannya :

A. Perangkat Keras yang dibutuhkan
1. PC Router
2. Switch, 24 port - manageable (untuk Kantor Dinas Propinsi)
3. Switch, 24 port (untuk Kantor Dinas Kota/Kabupaten)
4. Kabel UTP dan konektor RJ 45
5. Crimping Tools
6. Uninteruptable power supply (UPS)
7. Komputer Server
8. Komputer Client
B. Spesifikasi Perangkat Keras yang dibutuhkan
Spesifikasi yang dibuat di bawah ini adalah spesifikasi minimal. Khusus untuk software PC
Router, contoh yang diberikan merupakan salah satu yang dapat dipakai dengan sebaikbaiknya
dan memenuhi spesifikasi Jeknis dari Jardiknas.
1. PC sebagai Router
􀂃 Microprocessor i386 (Pentium dengan kecepatan minimal 800 MHz)
􀂃 RAM 12 MB sampai 4 GB
􀂃 CD atau DVD ROM
􀂃 IDE, SCSI, SATA disk controller dengan hard disk minimal 250 MB
􀂃 2 buah (minimal) Card Network yang dikenal oleh Kernel Linux-2.4( ISA / PCI), jika akan
menggunakan fungsi DMZ (fungsi untuk membuat server intranet dapat diakses dari
internet) maka dibutuhkan 4 buah Ethernet port dalam satu card PCI.
􀂃 (SMP Kernel untuk i386 CPU
􀂃 Instalasi tidak langsung melalui USB Flash Disk
􀂃 Keyboard dan Mouse
􀂃 Monitor minimal 14"
2. Switch 24 port Manageable
􀂃 Device Type Switch
􀂃 Form Factor External - 1U
􀂃 Dimensions (WxDxH) 17.4 in x 12.7 in x 1.7 in
􀂃 Processor 1 x MIPS 264 MHz
􀂃 RAM 64 MB SDRAM
􀂃 Flash Memory 16 MB
􀂃 Ports Qty 24 x Ethernet 10Base-T, Ethernet 100Base-TX, Ethernet 1000Base-T
􀂃 Data Link Protocol Ethernet, Fast Ethernet
􀂃 Remote Management Protocol SNMP 1, SNMP 3, SNMP 2c, HTTP, SSH, SSH-2
􀂃 Communication Mode Half-duplex, full-duplex
􀂃 Features Flow control, layer 2 switching, VLAN support, autouplink (auto MDI/MDI-X),
manageable
􀂃 Compliant Standards IEEE 802.3, IEEE 802.3u, IEEE 802.1Q, IEEE 802.3ab, IEEE
802.1p, IEEE 802.3x, IEEE 802.3ad (LACP), IEEE 802.1x, IEEE 802.1s, IEEE
802.1ab (LLDP)
􀂃 Power AC 120/230 V ( 50/60 Hz )
3. Standar Switch 24 port
􀂃 Standards: IEEE 802.3 10BASE-T, IEEE 802.3u 100BASE-TX
􀂃 No. of Ports: 24*10/100 Mbps RJ-45 ports
􀂃 Transmission Mode: 10/100Mbps, full/half-duplex (Auto sensing)
􀂃 Flow Control: IEEE 802.3x flow control for full-duplex - Back pres sure in half-duplex
operation mode
􀂃 Switching Method: Store & forward
􀂃 LEDs: Power, Link/Act, Speed, PoE activity
􀂃 Temperature / Humidity: 0°to 50°C / 5% to 90%
􀂃 Voltage / Frequency: AC 90-264V / 47-63Hz
􀂃 Power Consumption: 40-65W, - 48VD, 1.35A
􀂃 Physical Dimension: 44(H) X 220(W) X 130.5(D) mm
􀂃 Safety: FCC Part 15 Class A & CE Mark Approval
4. Kabel UTP dan Konektor RJ-45
􀂃 Untuk menyambung kabel dan switch atau komputer, dipakai konektor RJ-45 -
disarankan untuk membeli konektor dengan kwalitas tinggi.
􀂃 Dipilih konektor yang bermerk internasional dan buatan Amerika atau Eropa.
􀂃 Kabel Unshielded Twisted Pair (UTP) RJ-45
􀂃 Category 5
􀂃 Biasanya, yang dipakai adalah sambungan secara Straight Thru
5. Crimping Tool
Alat untuk memotong dan memasang kabel di konektor RJ-45. Dalam proses pencarian
perangkat ini, dianjurkan dengan kwalitas yang bagus karena mutu dan besarnya
bandwidth yang dapat dilewatkan oleh kabel ditentukan oleh cara pemasangan yang baik
dari konektornya.
Karena koneksi kabel ke pin tidak dengan sambungan yang kuat, maka diharuskan kita
menekan kabel secara keras ke ujung konektor dan menjepit kabel dengan sekuat tenaga
supaya tidak mudah lepas dan menyebabkan tidak dapat tersambungnya aliran data.
6. UPS (Uninterruptible Power Supply)
Perangkat yang dipakai untuk memberikan suplai listrik pada saat listrik PLN mati.
Perangkat ini dilengkapi dengan batere kering (dalam beberapa keadaan, pada jenis UPS
yang berdaya besar, digunakan batere basah).
Satuan perangkat UPS adalah WATT atau VA, dan perbedaan satuan ini adalah sekitar
20% yang merupakan parameter Cos Phi, yaitu kehilangan daya yang disebabkan oleh
tidak effisiennya daya.
7. Komputer Server
􀂃 Processor Intel Core 2 Duo E7200 2,53GHz
􀂃 Mother yang mendukung mikroprosessornya
􀂃 Memory 2GB
􀂃 Hard disk 500GB
􀂃 Ethernet Card di dalam motherboard
􀂃 Casing Tower
􀂃 Keyboard dan Mouse
􀂃 CD atau DVD RW
􀂃 Monitor LCD atau CRT minimal 14"
􀂃 Dapat jalan di sistem operasi Linux (tersedia driver-drivernya)
8. Komputer Client
Terdiri dari dua atau lebih komputer untuk dipakai
􀂃 Processor Intel minimal Pentium IV dengan kecepatan di atas 2GHz
􀂃 Mother yang mendukung mikroprosessornya
􀂃 Memory 1GB
􀂃 Hard disk 200GB
􀂃 Ethernet Card di dalam motherboard
􀂃 Casing Tower
􀂃 Keyboard dan Mouse
􀂃 CD atau DVD RW
􀂃 Monitor LCD atau CRT minimal 14"
􀂃 Dapat jalan di sistem operasi Linux (tersedia driver-drivernya) atau Microsoft Windows
dengan lisensi resmi.