Dasar- Dasar Pemrograman Web: Juni 2013

PEMROGRAMAN WEB

Web merupakan fasilitas hypertext untuk menampilkan data berupa teks,gambar,suara,animasi,dan data multimedia lainnya jika anda ingin meguasai web maka anda perlu mengenal itu bahasa HTML dan PHP.HTML merupakan bahasa pemrogrman web yang merupakan pada kategori script client side sedangkan PHP merupakan salah satu script(perintah-perintah program) server side yang sangat populer diterapkan dalam sebuah web.web dapat menjadi alat untuk mempromosikan suatu produk maupun diri kita sendiri jika ingin terkenal lewat web.web mengalami perkembangan yang sangat pesat dewasa ini.mulai dari situs web e-commerce sampai web non-profit.Situs/web dapat dikategorikan menjadi dua yaitu :

- web statis dan
- web dinamis

1 Pemrograman Web

Ada 2 kategori dalam pemrograman web,yaitu pemrograman server side dan client side.pada pemrograman server-side.perintah-perintah program (script) dijalankan di server web.kemudian hasil dikirimkan dalam bentuk HTML biasa.Adapun pada client side,program
Dijalankan pada browser web sehingga ketika klien meminta dokumen script maka script
Dapat didownload dari server kemudian dijalankan pada browser bersangkutan.

Mengenal script client side

Program web yang tergolong dalam client side seperti Javascript,Vbscript,HTML,dan lain-lain.hasil parsing script pemrograman client side (misal javascript dan Vbscript) yang berupa HTML dari server web dapat dilihat dengan memilih menu view >Source Code.Anda dapat melihat bahwa script program yang ditulis ditampilkan pada halaman source code.

Javascript

Javascript diperkenalkan pertama kali oleh Netscape pada tahun 1995.pada awalnya bahasa ini dinamakan “Livescript” dan berfungsi sebagai bahasa sederhana utnuk browser Netscape

Navigator 2.Pada masa awal dirilis,bahasa ini banyak dikritik karena kurang aman.tidak ada pesan kesalahan yang ditampilkan saat kita membuat kesalahan program. kemudian sejalan dengan kerjasama antara Netscape dengan Sun(pengembang bahasa pemrograman Java) pada masa itu,maka netscape memberi nama “Javascript” kepada bahasa tersebut pada tanggal 4 Desember 1995.Javascript adalah bahasa pemrograman sederhana karena bahasa ini tidak dapat digunakan untuk membuat aplikasi ataupun applet.dengan Javascript kita dapat dengan mudah sebuah halaman web yang interaktif.program Java script dituliskan pada file HTML.dengan kata lain anda tidak perlu menuliskan program Javascript pada file terpisah (walaupun anda juga bisa melakukannya).Bahasa ini adalah bahasa pemrograman untukn memberikan kemampuan tambahan terhadap bahasa HTML.dengan mengizinkan

Pengeksekusian perintah di sisi klien, yang artinya disisi browser bukan disisi server web.Javascript bergantung kepada browser yang memanggiol halaman web berisi script.Javascript tidak memerlukan kompilator atau penerjemah khusus untuk menjalankannya.Pada Javascript kita tidak mungkin menyembunyikan kode script yang kita tulis.kode langsung ditulis dalam dokumen HTML dan sangat mudah terlihat.Javascript adalah bahasa yang “case-sensitive”.artinya,membedakan penamaan variabel dan fungsi

Yang menggunakan huruf besar dan huruf kecil.contoh Variabel atau fungsi dengan nama “KICKADY” berbeda dengan variabel nama” kickady”(tanpa tanda petik).

Javascript terletak di dalam dokumen HTML. Script dari Javascript mempunyai bentuk seperti berikut :

<SCRIPT LANGUAGE=”JAVASCRIPT”>
Letakkan script anda disini
</SCRIPT>

                                                      Pertemuan 1
Materi :
Web adalah teknologi internet yang menyediakan informasi dalam bentuk Teks, Grafik, Video dan Audio

Teknologi di Internet :
1. WEB
2. FTP (File Transfer Protocol)
    Contoh : Upload dan Download
3. Search Engine
   Contoh : Google.com dan Ask.com
4. el-mail
5. Chatting
6.Mosaic = Informasi

Jenis-jenis web browser :
Mozila Firefox, Opera,Google Chrome, Internet explorer, Netscape,
Bahasa standart dalam membuat web adalah HTML (Hyper Text Markup Leaguage)

a.   Struktur HTML
      <html>
          <head>
<title></title>
          </head>
        <body>
        </body>
     <html>

b. Fornat Text
c. Format Gambar
d. Format Table
e. Format Form
f. Format Tag
g. Dinamisasi web

Bagian-bagian web :

1. Web Statis
Web statis adalah web yang berisi/menampilkan informasi –informasi yang sifatnya statis(tetap).disebut statis karena pengguna tidak dapat berinteraksi dengan web tersebut.singkatnya,untuk mengetahui suatu web bersifat statis atau dinamis dapat dilihat
Dari tampilannya.jika suatu web hanya berhubungan dengan halaman web lain dan berisi informasi yang tetap maka web tersebut disebut dengan web statis.pada web statis,pengguna hanya dapat melihat isi dokumen pada halaman web dan apabila diklik akan berpindah ke halaman web yang lain.interaksi pengguna hanya terbatas dapat melihat informasi yang ditampilkan .tetapi tidak dapat mengolah informasi yang dihasilkan.web statis biasanya merupakan HTML yang ditulis pada editor teks dan disimpan dalam bentuk .Html atau .htm

2. Web Dinamis
Web dinamis adlah web yang menampilkan informasi serta dapat berinteraksi dengan pengguna.web yang dinamis memungkinkan pengguna untuk berinteraksi menggunakan form sehingga dapat mengolah informasi yang ditampilkan.web dinamis bersifat interaktif,tidak kaku,dan terlihat lebih indah.

Pertemuan 2

Materi :
1. Mendalami tag-tag dasar
2. Format Table

    SGML
    HTML
    XML

Tag-tag dasar HTML :

<HTML>
Tag ini adalah yang paling utama dan dokumen HTML anda harus punyai.
<HTML> tag.
<HTML> harus muncul pada bagian paling awal dari kode halaman anda, dan </HTML> sebagai yang paling akhir.

<HEAD>
Tepat di bawah tag HTML adalah tag <HEAD>. Tag HEAD ini mengandung obyek yang akan di load lebih dahulu oleh browser pengunjung halaman anda sebelum menampilkan bagian lain dalam halaman yang sama.

<TITLE>
Tag Title ini diletakkan di antara tag HEAD.
<TITLE>Selamat Datang di Rileks – The Leading B2C Portal</TITLE>
String yang berada di antara tag TITLE akan ditampilkan sebagai judul pada window browser.

<BODY>
Di bawah tag HEAD, namun masih di dalam (di antara) tag HTML.
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
Tag BODY ini mengandung informasi yang berhubungan dengan property dasar pada keseluruhan isi dokumen HTML. Text, Link, Link yang telah dikunjungi, Link yang aktif dan warna latar belakang (background) dokumen serta image yang akan menjadi background didefinisikan pada bagian ini.
<BODY TEXT="white" LINK="red" VLINK="orange" ALINK="gray" BGCOLOR="black" BACKGROUND="white-tile.gif"></BODY>
Tag BODY ini mengandung informasi yang berhubungan dengan property dasar pada keseluruhan isi dokumen HTML. Text, Link, Link yang telah dikunjungi, Link yang aktif dan warna latar belakang (background) dokumen serta image yang akan menjadi background didefinisikan pada bagian ini.
<BODY TEXT="white" LINK="red" VLINK="orange" ALINK="gray" BGCOLOR="black" BACKGROUND="white-tile.gif"></BODY>

Contoh penerapan Tag-tag dasar HTML diatas

   - Buka Notepad
   - Ketik Kode berikut
     <html>
         <head>
                 <title>Ini Judul Web</title>
       </head>
          <body>
              <h1>Ini tulisan dengan h1</h1>Halloo, gue lagi belajar HTML gan<br>
              <strong>HTML ternyata gampang masbro</strong>
            </body>
         </html>
- Simpan dengan nama ("terserah anda.html")
- Buka file terserah anda.html tersebut (File-Open With) dengan browser (Firefox, IE,dll)

Pertemuan 3
Materi :
- Belajar Table

Contoh: rancanglah table berikut :

Pertemuan 4

Materi :

1. Antar muka web

2. Merancang Formulir

Pendahuluan

Web di akses banyak pengguna, dengan demikian antar muka web, diusahakan dengan kebutuhan pengguna Tren antar muka web (Web User Interface) Kearah Multimedia

Contoh antar muka web :

Atau

Contoh :
Buatlah kode HTML untuk rancangan Tebel berikut

<table>

<tr>

</tr>

<tr>

</tr>

</table>

Pertemuan 5
Meteri:
1. Frame

a. Frame

Menu

Content

Programnya :

<html>

<head>

<title> </title>

</head>

<frameset > cols = 25%,75%

<frame src = menu.html>

<frame src = content.html>

</frameset>

<body>

</body

</html>

Pertemuan 6
Materi :

1. Elemen-elemen Javascript :

1. Struktur

2. Variable

3. Operator
4. Pernyataan bersyarat

5 . Pernyataan berulang

6. Larik/ array

7. Fungsi

8. Objek

9. Grafik

1. Struktur

</script>

Contoh: Kode javascript mencetak string “Pemrograman WEB”

Objek <script>

Document.write(“Pemrograman WEB”)

</script>

2. Variable

- Pengenal (identifier) yang nilainya bias di ubah-ubah selama eksekusi program

- Deklarasi variable menggunakan kata kunci (key words ) var

Contoh : <script>

Var a ,

a = 5

a = “ WEB”

a = lot 5/7;

a = a + 7 ;

a = “ip”

</script>

Pertemuan 7

Materi :

- Memahami pernyataan For

- Memahami pernyataan While

- Memahami pernyataan do While

Contoh:

Membuat kode javascript untuk mencetak angka 1 s/d 100 di web browser

Var i,

For (i=1: i<=100; i++)

{

Document.write(i);

}

</script>

                                                               Pertemuan 8
Materi :
1. Review Pernyataan Berulang
- For
    - While
    - DoWhile

PERNYATAAN FOR	PERNYATAAN WHILE	PERNYATAAN DO WHILE
Banyaknya pernyataan yang di ulang sudah pasti Ø Bisa saja pernyataan tidak dikerjakan	Banyaknya pernyataan yang di ulang tergantung syarat / kondisi Ø Bisa saja pernytaan tidak dikerjakan	Banyaknya perulangan tergantung pada kondisi Ø Minimal perulangan satu kali dikerjakan

Contoh For dalam For :

For (i=1, 1<=5 i++)

{

For ( i=1, j<=i, i++)

}

document.write (“belajar”)

}

i	j	output
1	1	Belajar
2	1	Belajar
2	2	Belajar
3	2	Belajar
3	1	Belajar

LARIK / ARRAY
     Adalah variabel yang dapat mempunyai banyak nilai

Variabel Biasa                                     Variabel Array
   IP1=2,7 ;                                             IP(1)=2,7 ;
   IP2=3,2 ;                                             IP(2)=3,2 ;
   IP3=3,0 ;                                             IP(3)=3,0 ;

Tiap nilai array ditampung dalam index yang berbeda variabelnya.
Array IP(1) maksudnya variabel array ke-1. Data yang telah disimpan dalam array dapat diolah dengan lebih cepat, misalnya dalam : - Pengurutan,
- Pencarian,
- Penjumlahan, dsb.

TI_2011
Selengkapnya di : http://reslistus.blogspot.com/

Dasar- Dasar Pemrograman Web

=_=_=_=_=_=_= SELAMAT DATANG DI BlOG DL =_=_=_=_=_=_=

Sabtu, 15 Juni 2013

PEMROGRAMAN WEB

Selasa, 11 Juni 2013

Selengkapnya

Arsip Blog