Tugas Kapita Selekta

| March 9th, 2010

ni tugas yang di posting, yugas kapita selekta, tugas yang di berikan Pak Rudi Syafri, M.Kom,. tetap ngak ada salah nya saya posting tugas saya sendiri di blog,.

I. HTML

STRUKTUR DASAR HTML

HTML adalah singkatan dari HyperText Markup Language adalah salah satu bahasa pemprograman web desaign 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 untukmengeksekusi perintah-perintah yang dispesifikasikan Struktur dasar HTML adalah sebagai berikut:

<html>

<head>

<title>Judul Dokumen HTML</title>

</head>

<body>

penulisan informasi Web

</body>

Dari struktur dasar HTML di atas dapat dijelaskan sebagai berikut:

a. Tag

Adalah teks khusus (markup) berupa dua karakter “<” dan “>”, sebagai

contoh <body> adalah tag dengan nama body.

Tag harus ditulis secara berpasangan, yang terdiri atas tag pembuka dan tag

penutup (ditambahkan karakter “/” setelah karakter “<”),

sebagai contoh <body> ini adalah tag pembuka isi dokumen HTML, dan

</body> ini adalah tag penutup isi dokumen HTML.

b. Element

Element terdiri atas tiga bagian, yaitu tag pembuka, isi, dan tag penutup.

Sebagai contoh untuk menampilkan judul dokumen HTML pada web

browser digunakan element title, dimana:

<title> ini adalah tag pembuka judul dokumen HTML

Judul Dokumen HTML ini adalah isi judul dari dokumen HTML

</title> ini adalah tag penutup judul dokumen HTML

Tag-tag yang ditulis secara berpasangan pada suatu element HTML, tidak

boleh saling tumpang tindih dengan pasangan tag-tag lainnya.

Contoh penulisan tag-tag yang benar

Catatan : Jika penulisan script salah, maka script tidak terbaca sempurna

( Eror ) sehingga dapat mengganggu penampilan dan dinamika web itu sendiri

c. Attribute

Attribute mendefinisikan property dari suatu element HTML, yang terdiri atas

nama dan nilai. Penulisannya adalah sebagai berikut:

<TAG>

nama-attr=”nilai-attr”

</TAG>

Secara umum nilai attribute harus berada dalam tanda petik satu atau dua.

Sebagai contoh, untuk membuat warna teks menjadi kuning dan latarbelakang

halaman web menjadi hitam, penulisannya adalah <body bgcolor=”black”

text=”yellow”>

d. Element HTML

Menyatakan pada browser bahwa dokumen Web yang digunakan adalah

HTML.

Sintaks:

<html>

</html>

e. Element HEAD

Merupakan kepala dari dokumen HTML. Tag <head> dan tag </head> terletak

di antara tag <html> dan tag </html>.

Sintaks:

<head>

</head>

f. Element TITLE

Merupakan judul dari dokumen HTML yang ditampilkan pada judul jendela

browser. Tag <title> dan tag </title> terletak di antara tag <head> dan tag

</head>.

Sintaks:

<title>

</title>

g. Element BODY

Element ini untuk menampilkan isi dokumen HTML. Tag <body> dan tag

</body> terletak di bawah tag <head> dan tag </head>.

Element BODY mempunyai attribute-attribute yang menspesifikasikan

khususnya warna dan latarbelakang dokumen yang akan ditampilkan pada

browser.

Sintaks:

</body>

text :memberikan warna pada teks

bgcolor :memberikan warna pada latarbelakang dokumen HTML

background :memberikan latarbelakang dokumen HTML dalam bentuk

gambar

link :memberikan warna untuk link

alink :memberikan warna untuk link yang sedang aktif

vlink :memberikan warna untuk link yang telah dikunjungi.

Catatan : Jika attribute bgcolor dan background keduanya dispesifikasikan

maka attribute background yang akan digunakan, akan tetapi jika nilai attribute

background (gambar) tidak ditemukan pada dokumen HTML maka attribute bgcolor

yang akan digunakan.

Berikut ini saya akan menyebutkan berbagai macam kode HTML dasar yang perlu

diketahui.

1

Turun satu baris kebawah(enter) / Kursor dan kalimat

dibelakangnya turun 1 baris kebawah

2 <big>isi tulisan</big> Membuat tulisan menjadi sedikit lebih besar

3 <font color=”warna

tulisan“>isi tulisan

Mewarnai tulisan. Ganti warna tulisan dengan salah satu

pilihan yang ada : red, blue, yellow, green, brown, gold,

purple

Menambah 1 spasi karena ada kemungkinan penggunaan 2

spasi tidak akan terbaca pada beberapa engine blog

5 <font size=”ukuran

tulisan“>isi tulisan

Mengganti ukuran tulisan. Bisa digunakan apabila kode

pada no. 2 tidak sesuai dengan keinginan kita

isi

tulisan

atau

isi tulisan

Untuk menebalkan tulisan. Fungsi sama dengan ”’isi

tulisan”’ atau tombol ‘cetak tebal’

7

Kursor dan kalimat dibelakangnya turun satu setengah

baris kebawah

8 isi tulisan Membuat garis bawah tulisan

9 isi tulisan Membuat tulisan menjadi sedikit lebih kecil

10 <s>isi tulisan</s> Membuat garis mencoret pada tulisan

11 <pre>isi tulisan</pre>

Membuat tulisan tetap pada keadaan yang kita inginkan,

misalnya untuk urutan berjejer kebawah

12 <center>isi

tulisan</center>

Membuat tulisan berada di tengah halaman

13 <blink>isi tulisan</blink> Membuat tulisan tampak berkedip

II. PHP

Apakah PHP itu?

PHP (akronim dari PHP: Hypertext Preprocessor) adalah bahasa pemrograman yang berfungsi untuk

membuat website dinamis maupun aplikasi web. Berbeda dengan HTML yang hanya bisa

menampilkan konten statis, PHP bisa berinteraksi dengan database, file dan folder, sehingga

membuat PHP bisa menampilkan konten yang dinamis dari sebuah website. Blog, Toko Online,

CMS, Forum, dan Website Social Networking adalah contoh aplikasi web yang bisa dibuat oleh

PHP. PHP adalah bahasa scripting, bukan bahasa tag-based seperti HTML. PHP termasuk bahasa

yang cross-platform, ini artinya PHP bisa berjalan pada sistem operasi yang berbeda-beda

(Windows, Linux, ataupun Mac). Program PHP ditulis dalam file plain text (teks biasa) dan

mempunyai akhiran “.php”.

Sejarah PHP

PHP ditulis (diciptakan) oleh Rasmus Lerdorf, seorang software engineer asal Greenland sekitar

tahun 1995. Pada awalnya PHP digunakan Rasmus hanya sebagai pencatat jumlah pengunjung

pada website pribadi beliau. Karena itu bahasa tersebut dinamakan Personal Home Page (PHP)

Tools. Tetapi karena perkembangan nya yang cukup disukai oleh komunitas nya, maka beliau pun

merilis bahasa PHP tersebut ke publik dengan lisensi open-source. Saat ini, PHP adalah server-side

scripting yang paling banyak digunakan di website-website di seluruh dunia, dengan versi sudah

mencapai versi 5 dan statistiknya terus bertambah (www.php.net/usage.php).

Syarat untuk Menjalankan PHP

Untuk dapat berjalan, PHP membutuhkan web server, yang bertugas untuk memproses file-file php

dan mengirimkan hasil pemrosesan untuk ditampilkan di browser client. Oleh karena itu, PHP

termasuk server-side scripting (script yang diproses di sisi server). Web server sendiri adalah

software yang diinstall pada komputer lokal ataupun komputer lain yang berada di jaringan

intranet / internet yang berfungsi untuk melayani permintaan-permintaan web dari client. Web

server yang paling banyak digunakan saat ini untuk PHP adalah “Apache” (www.apache.org). Selain

Apache, PHP juga memerlukan PHP binary (www.php.net) yang bisa dikonfigurasikan sebagai

modul Apache atau pun sebagai aplikasi CGI. Untuk media penyimpanan datanya (database server),

PHP biasa menggunakan ”MySQL” (www.mysql.com).

Untuk menginstall dan mengkonfigurasi ketiga software tersebut (Apache, MySQL, PHP) agar dapat

berjalan dan saling terhubung, memang cukup sulit. Maka dari itu dibuatlah paket software LAMP,

XAMPP, MAMP, WAMP, dll yang tinggal kita install dalam satu kali installasi. Dalam satu kali

installasi, sudah mencakup ketiga software tersebut dan sudah dikonfigurasi untuk keperluan

lingkungan pengembangan aplikasi web. Sehingga, programmer web hanya tinggal menulis

program PHP dan langsung menjalankan / mengetest program yang ditulis tersebut melalui web

browser. Untuk mendapatkan paket software web server tersebut silakan download dari website

yang bersangkutan (untuk XAMPP: www.apachefriends.org, dan untuk WampServer:

www.wampserver.com/en/)

<!– /* Font Definitions */ @font-face {font-family:”Cambria Math”; panose-1:2 4 5 3 5 4 6 3 2 4; mso-font-charset:0; mso-generic-font-family:roman; mso-font-pitch:variable; mso-font-signature:-1610611985 1107304683 0 0 415 0;} @font-face {font-family:Calibri; panose-1:2 15 5 2 2 2 4 3 2 4; mso-font-charset:0; mso-generic-font-family:swiss; mso-font-pitch:variable; mso-font-signature:-520092929 1073786111 9 0 415 0;} /* Style Definitions */ p.MsoNormal, li.MsoNormal, div.MsoNormal {mso-style-unhide:no; mso-style-qformat:yes; mso-style-parent:”"; margin-top:0in; margin-right:0in; margin-bottom:10.0pt; margin-left:0in; line-height:115%; mso-pagination:widow-orphan; font-size:11.0pt; font-family:”Calibri”,”sans-serif”; mso-fareast-font-family:Calibri; mso-bidi-font-family:”Times New Roman”;} .MsoChpDefault {mso-style-type:export-only; mso-default-props:yes; font-size:10.0pt; mso-ansi-font-size:10.0pt; mso-bidi-font-size:10.0pt; mso-ascii-font-family:Calibri; mso-fareast-font-family:Calibri; mso-hansi-font-family:Calibri;} @page Section1 {size:8.5in 11.0in; margin:1.0in 1.0in 1.0in 1.0in; mso-header-margin:.5in; mso-footer-margin:.5in; mso-paper-source:0;} div.Section1 {page:Section1;} –>

A. Langkah 1 - Web browser meminta halaman. B. Langkah 2 - Web server mencari halaman yang

diminta, dan setelah ditemukan, memberikan halaman tersebut ke application server. C. Langkah 3

- Application server mem-parse (membaca) halaman untuk memproses program php. D. Langkah 4

- Application server mengirimkan halaman yang telah diproses kembali ke web server E. Langkah 5 -

Web server mengirim halaman yang telh diproses ke browser yang meminta

Contoh Script PHP

Aturan penulisan script PHP adalah:

1. Semua script PHP harus diapit oleh tanda:

o <?php dan ?> , atau

o <script language=’php’> dan </script> , atau

o <? dan ?> , atau

o <% dan %>

2. Tetapi tanda yang resmi dan paling banyak digunakan adalah yang pertama, yaitu <?php

dan ?>

3. Pada setiap akhir perintah, diakhiri dengan tanda titik koma ( ; ).

Contoh:

<?php

echo ‘Apa Kabar Dunia!, ’;

echo ‘nama saya : Belly Bagus Setiawan Aroza, panggilan Abel ’;

echo ‘No Bp : 0610115261496 ’;

echo ‘Lokal : SI-8 ’;

echo ‘Ini Tugas Kapita Selekta pertamaku dengan Pak Rudi Syafri, M.kom’;

Script PHP bisa juga digabung dengan HTML. Script PHP bisa ditempatkan di mana saja pada

dokumen HTML. Contohnya:

<html>

<body>

<?php

echo ‘Apa Kabar Dunia!, ’;

echo ‘nama saya : Belly Bagus Setiawan Aroza, panggilan Abel ’;

echo ‘No Bp : 0610115261496 ’;

echo ‘Lokal : SI-8 ’;

echo ‘Ini Tugas Kapita Selekta pertamaku dengan Pak Rudi Syafri, M.kom ’;

echo ‘Script PHP juga Bisa di Sisipi di HTML ‘;

</body>

</html>

Referensi : www.Ilmukomputer.org

Posted on Tuesday, March 9th, 2010 at 7:46 pm in tugas kuliah | rss feed for comments| Leave a response, or trackback

3 Responses to “Tugas Kapita Selekta”

July 21st, 2010 at 7:37 am WAYNE Says:

MedicamentSpot.com. Canadian Health&Care.Special Internet Prices.Best quality drugs.No prescription online pharmacy. No prescription drugs. Order drugs online…

Buy:Arimidex.Zovirax.Mega Hoodia.Prevacid.Prednisolone.Actos.Valtrex.Retin-A.Synthroid.Human Growth Hormone.Lumigan.100% Pure Okinawan Coral Calcium.Petcam (Metacam) Oral Suspension.Zyban.Nexium.Accutane….
August 30th, 2010 at 5:30 am Filters Says:

Filters http://nfoldingwivl.02JEEPPARTS.US/tag/Filters+Cuisinart+Coffee/ : Coffee…

Coffee…
September 5th, 2010 at 11:02 am CHRISTOPHER Says:

CheapTabletsOnline.Com. Canadian Health&Care.Special Internet Prices.No prescription online pharmacy.Best quality drugs. High quality pills. Order pills online…

Buy:Tramadol.Zithromax.Propecia.Maxaman.Soma.Levitra.Cialis Super Active+.Super Active ED Pack.VPXL.Cialis Professional.Viagra Soft Tabs.Cialis Soft Tabs.Viagra.Viagra Super Force.Viagra Professional.Viagra Super Active+.Cialis….

enjoy in my blog –>> http://abel.web.id