CHEAT GTA TERKOMPLIT

Selamat datang kembali di blog saya kawan. Saya akan memberitahukan beberapa cheat GTA San Andreas.

Kiamat
L2, kanan, L1, segitiga, kanan, kanan, R1, L1, kanan, L1, L1, L1

Manusia 1/2 dewa
bawah, X, kanan, kiri, kanan, R1, kanan, bawah, atas, segitiga

Uang, darah, tameng
R1, R2, L1, X, kiri, bawah, kanan, atas, kiri, bawah, kanan, atas

Lompat tinggi
atas, atas, segitiga, segitiga, atas, atas, kiri, kanan, kotak, R2, R2

Pukulan maut
atas, kiri, X, segitiga, R1, bulat, bulat, bulat, L2

Bernafas dalam air
bawah, kiri, L1, bawah, bawah, R2, bawah, L2, bawah

Senjata 1
R1, R2, L1, R2, kiri, bawah, kanan, atas, kiri, bawah, kanan, atas

Senjata 2

R1, R2, L1, R2, kiri, bawah, kanan, atas, kiri, bawah, bawah, kiri

Senjata 3
R1, R2, L1, R2, kiri, bawah, kanan, atas, kiri , bawah, bawah, bawah

Dua senjata
bawah, kotak, X, kiri, R1, R2, kiri, bawah, bawah, L1, L1, L1

Peluru tak terbatas
L1, R1, kotak, R1, kiri, R2, R1, kiri, kotak, bawah, L1, L1

Rekrut
bawah, kotak, atas, R2, R2, atas, kanan, kanan, atas

Bunuh diri
kanan, L2, bawah, R1, kiri, kiri, R1, L1, L2, L1

Kurus
segitiga, atas ,atas, kiri, kanan, kotak, bulat, kanan

Gendut
segitiga, atas ,atas, kiri, kanan, kotak, bulat, bawah

Kekar
segitiga, atas, atas, kiri, kanan, kotak, bulat, kiri

Dikelilingi pel@cur
kotak, kanan, kotak, kotak, L2, X, segitiga, X, segitiga

Suasana pantai
atas, atas, bawah, bawah, kotak, bulat, L1, R1, segitiga, bawah

Badut
segitiga, segitiga, L1, kotak, kotak, bulat, kotak, bawah, bulat

Elvis
L1, bulat, segitiga, L1, L1, kotak, L2, atas, bawah, kiri

Yakuza
X, X, bawah, R2, L2, bulat, R1, bulat, kotak

Nascar 1
bawah, R1, bulat, L2, L2, X, R1, L1, kiri, kiri

Nascar 2
R1, bulat, R2, kanan, L1, L2, X, X, kotak, R1

Nascar 3
R2, L1, bulat, kanan, L1, R1, kanan, atas, bulat, R2

Mobil golf
bulat, L1, atas, R1, L2, X, R1, L1, bulat, X

Buldoser
R2, L1, L1, kanan, kanan, atas, atas, X, L1, kiri

Mobil sherif
atas, kanan, kanan, L1, kanan, atas, kotak, L2

Mobil orang kaya
R2, atas, L2, kiri, kiri, R1, L1, bulat, kanan

Tanker
R1, atas, kiri, kanan, R2, atas, kanan, kotak, kanan, L2, L1, L1

Mobil romero
bawah, R2, bawah, R1, L2, kiri, R1, L1, kiri, kanan

Truk sampah
bulat, R1, bulat, R1, kiri, kiri, R1, L1, bulat, kanan

Motor roda empat
kiri, kiri, bawah, bawah, atas, atas, kotak, bulat, segitiga, R1, R2

Boat amphibi
segitiga, segitiga, kotak, bulat, X, L1, L2, bawah, bawah

Mobil monster
kanan, atas, R1, R1, R1, bawah, segitiga, segitiga, X, bulat, L1, L1

Tank
bulat, bulat, L1, bulat, bulat, bulat, L1, L2, R1, segitiga, bulat, segitiga

Helikopter tempur
bulat, X, L1, bulat, bulat, L1, bulat, R1, R2, L2, L1, L1

Pesawat jet
segitiga, segitiga, kotak, bulat, X, L1, L1, bawah, atas

Pesawat stunt
bulat, atas, L1, L2, bawah, R1, L1, L1, kiri, kiri, X, segitiga

Parasut
kiri, kanan, L1, L2, R1, R2, R2, atas, bawah, kanan, L1

Jetpack
kiri, kanan, L1, L2, R1, R2, atas, bawah, kiri, kanan

Semua mobil berwarna hitam
bulat, L2, atas, R1, kiri, X, R1, L1, kiri, bulat

Semua mobil berwarna pink
bulat, L1, bawah, L2, kiri, X, R1, L1, kanan, bulat

Semua mobil jadi jelek
L2, kanan, L1, atas, X, L1, L2, R2, R1, L1, L1, L1

Semua mobil jadi mewah
kanan, R1, atas, L2, L2, kiri, R1, L1, R1, R1

Semua mobil desa
L1, L1, R1, R1, L2, L1, R2, bawah, kiri, atas

Semua mobil transparan
segitiga, L1, segitiga, R2, kotak, L1, L1

Semua kendaraan hancur
R2, L2, R1, L1, L2, R2, kotak, segitiga, bulat, segitiga, L2, L1

Nos
kiri, segitiga, R1, L1, atas, kotak, segitiga, bawah, bulat, L2, L1, L1

Mobil kebal
L1, L2, L2, atas, bawah, bawah, atas, R1, R2, R2

Mobil melambung
kotak, R2, bawah, bawah, kiri, bawah, kiri, kiri, L2, X

Mobil terbang
kotak, bawah, L2, atas, L1, bulat, atas, x, kiri

Mobil berjalan di atas air
kanan, R2, bulat, R1, L2, kotak, R1, R2

Boat terbang
R2, bulat, atas, L1, kanan, R1, kanan, atas, kotak, segitiga

Sepeda lompat tinggi
segitiga, kotak, bulat, bulat, kotak, bulat, bulat, L1, L2, L2, R1, R2

Bintang enam
bulat, kanan, bulat, kanan, kiri, kotak, X bawah

Mengurangi wanted level
R1, R1, bulat, R2, atas, bawah, atas, bawah, atas, bawah

Menaikkan wanted level
R1, R1, bulat, R2, kanan, kiri, kanan, kiri, kanan, kiri

Kunci polisi
bulat, kanan, bulat, kanan, kiri, kotak, segitiga, atas

Pengemudi agresif
kanan, R2, atas, atas, R2, bulat, kotak, R2, L1, kanan, bawah, L1

Trafik agresif
R2, bulat, R1, L2, kiri R1, L1, R2, L2

Rambu lalu lintas hijau
kanan, R1, atas, L2, L2, kiri, R1, L1, R1, R1

Waktu berjalan cepat
bulat, bulat, L1, kotak, L1, kotak, kotak, kotak, L1, segitiga, bulat, segitiga

Gerakan cepat
segitiga, atas, kanan, bawah, L2, L1, kotak

Gerakan lambat
segitiga, atas, kanan, bawah, kotak, R2, R1

Membidik sambil mengemudi
atas, atas, kotak, L2, kanan, x, R1, bawah, R2, bulat

Skill mengemudi maksimum
kotak, L2, X, R1, L2, L2, kiri, R1, kanan, L1, L1, L1

Respek maksimum
L1, R1, segitiga, bawah, R2, X, L1, atas, L2, L2, L1, L1

Pagi
R2, X, L1, L1, L2, L2, L2, kotak

Malam
R2, X, L1, L1, L2, L2, L2, segitiga

Selalu tengah malam
kotak, L1, R1, kanan, X, atas, L1, kiri, kiri

Geng berkuasa
L2, atas, R1, R1, kiri, R1, R1, R2, kanan, bawah

Nyepi
X, bawah, atas, R2, bawah, segitiga, L1, segitiga, kiri

Penduduk menyerang
bawah, atas, atas, atas, X, R2, R1, L2, L2

Penduduk bersenjata
R2, R1, X, segitiga, X, segitiga, atas, bawah

Badai pasir
atas, bawah, L1, L1, L2, L2, L1, L2, R1, R2

Kabut
R2, X, L1, L1, L2, L2, L2, X

Cuaca cerah
R2, x, L1, L1, L2, L2, L2, kotak

Hujan badai
R2, X, L1, L1, L2, L2, L2, bulat

CJ berkepala buntung

Ini dilakukan dengan bermain multiplayer. Jangan mengaktifkan CJ dengan cheat "kebal serangan"(manusia 1/2 dewa). Suruh player 2 mengayunkan pedang samurai(katana) ke arah CJ sampai kepalanya terpenggal hingga tewas. Sejak itu kepala CJ akan tetap buntung, tapi masih hidup.

CJ meleleh

Naikilah sepeda gunung lalu tahan KOTAK sambil menekan X terus-menerus secepat mungkin.

Mode widescreen

Naikilah pesawat komersial di bandara. Sewaktu pesawatnya lepas landas, aktifkan cheat "Destroy all vehicles".

Semoga bermanfaat kawan. 

Read More

contoh syntag marquee

cara memberi efek tulisan berjalanb di blog memanglah sangat mudah hanya tinggal menambahkan sedikit syntag di sebuah blog. Perlu anda ketahui bahwa kode dasar Marquee adalah.. blog saya TEKS INI AKAN TURUN Kode diatas menjadi seperti ini TEKS INI AKAN TURUN Jadi setelah kalian mengerti kode diatas sangatlah mudah Cara pemasangan kode Marquee pada artikel Di bagian edit entri atau entri baru, silahkan ubah dari Mode Compose ke mode HTML Silahkan masukkan kode Marquee di mode HTML Cek posisi teks di mode Compose Untuk melihat apakah kode berjalan, silahkan klik Pratinjau. Cara pemasangan kode Marquee pada widget Login ke akun blogger anda Masuk ke menu Tata Letak, Klik tambahkan gadget Silahkan pilih HTML/Java Script Masukkan kode Marquee yang anda pilih Silahkan klik Simpan Kemudian silahkan cek apakah kode sudah bekerja. Supaya lebih jelas dan tidak bingung, kita bahas terlebih dahulu cara mengubah warna , huruf, dan ukuran pada teks. Ikuti langkah-lenglah berikut.. Kode dasarnya adalah style="font-family: Arial; font-size:20px; color:#800C0C;" Arial adalah jenis huruf 20px adalah ukuran huruf #f2f2f2 adalah warna huruf Silahkan ubah sesuai dengan keinginan anda Contoh kode nya seperti ini.. CONTOH BACKGROUND AREA TEKS Hasilnya akan terlihat seperti ini.. CONTOH BACKGROUND AREA TEKS Jadi, mari kita bahas saja variasi kode Marquee ini. Berikut ini adalah varias-variasi kode Marquee nya.. Kode Marquee untuk mengatur pengulangan Rotasi kode loop="angka|-1|infinite" digunakan untuk pengulangan berotasi pada Marquee.. Setelah berotasi sesuai angka yang ditentukan, maka teks tersebut akan hilang. Contoh kodenya seperti ini: TEKS BEROTASI 6 KALI Hasilnya akan terlihat seperti ini.. TEKS BEROTASI 6 KALI Kode Marquee untuk mengatur lebar teks Kode width="angka lebar" berguna untuk mengatur lebar dari kode teks yang yang akan berjalan. Bisa anda atur 50% untuk setengah bidang saja, atau bisa 25% untuk seperempat bidang teks berjalan saja. Contoh kodenya seperti ini: LEBAR TEKS BERJALAN HANYA SETENGAH BIDANG Keterangan: Angka 50% bisa anda ganti sesuai lebar bidang yang anda inginkan. Hasilnya akan terlihat seperti ini LEBAR TEKS BERJALAN HANYA SETENGAH BIDANG Kode Marquee untuk memberi link pada teks Kode dasar seperti ini.. onmouseover="this.stop()" onmouseout="this.start()" Contoh kodenya seperti ini: CARA MEMBUAT TULISAN BERJALAN Hasilnya akan terlihat seperti ini.. CARA MEMBUAT TULISAN BERJALAN Kode Marquee untuk mengatur background pada jalur teks Kode bgcolor="warna" berguna untuk memberikan warna background pada area teks berjalan. Contoh kodenya seperti ini: CONTOH BACKGROUND AREA TEKS Keterangan: pink bisa anda ganti sesuai warna yang anda inginkan. Misalnya blue, yellow, red, dan lain-lain. Hasilnya akan terlihat seperti ini CONTOH BACKGROUND AREA TEKS Kode Marquee untuk mengatur kecepatan jeda Kode scrolldelay="angka jeda" berfungi untuk mengatur kecepatan jeda dalam milidetik. Contoh kodenya seperti ini: TEKS BERJALAN DALAM JEDA 0,75 DETIK Keterangan: Angka 750 itu untuk jeda dalam 0,75 detik. Jadi silahkan ganti 1000 untuk 1 detik, 2000 untuk 2 detik, dan seterusnya.. Hasilnya akan terlihat seperti ini.. TEKS BERJALAN DALAM JEDA 0,75 DETIK Kode Marquee untuk memberi Alt Title pada area teks berjalan Kode title="pesan" berfungsi untuk memberi pesan pada saat kursor diarahkan ke area teks berjalan. Atau nama lainnya yaitu Alt Title. Contoh kodenya seperti ini: TEKS YANG BERJALAN DENGAN PESAN Hasilnya seperti ini.. TEKS YANG BERJALAN DENGAN PESAN Kode Marquee untuk mengatur kecepatan teks berjalan Kode scrollamount="angka" berguna untuk mengatur kecepatan laju teks yang berjalan. Contoh kodenya seperti ini: KECEPATAN TEKS YANG BERJALAN 12 Keterangan: angka 12 bisa anda ganti sesuai kecepatan yang anda sukai. Semakin besar angka maka akan semakin cepat. Hasilnya akan terlihat seperti ini.. KECEPATAN TEKS YANG BERJALAN 12 Kode Marquee untuk mengatur arah teks bergerak Kode direction="left/right/up/down" berguna untuk mengatur arah pergerakan teks. Contoh kode nya seperti ini: TEKS AKAN BERGERAK KE KIRI Keterangan: left bisa anda ganti sesuai arah teks berjalan yang anda inginkan. Hasilnya akan terlihat seperti ini.. TEKS AKAN BERGERAK KE KIRI Kode Marquee untuk mengatur teks berhenti jika dilintasi mouse Kode dasar untuk mengatur teks agar berhenti jika dilintasi mouse adalah onmouseover="this.stop()" onmouseout="this.start()" Contoh kodenya seperti ini: TEKS BERGERAK KE KIRI DAN AKAN BERHENTI JIKA DILINTASI MOUSE Hasilnya akan terlihat seperti ini.. TEKS BERGERAK KE KIRI DAN AKAN BERHENTI JIKA DILINTASI MOUSE Jadi itulah, beberapa macam variasi kode Marquee. Semoga bermanfaat untuk anda. Dan terima kasih sudah mau berkunjung ke blog ini.

Read More

ANATOMI DOKUMEN WEB DAN PEMFORMATAN TEKS DAN PARAGRAF

ANATOMI DOKUMEN WEB

          1.      Dasar-Dasar HTML

HTTP (Hypertext transfer protocol) merupakan protokol yang digunakan untuk mentransfer data antara web server ke web browser. Protocol ini mentransfer dokumen-dokumen web yang ditulis atau berformat HTML. HTML ini digunakan untuk memperindah tampilan pada program web.

Fitur-Fitur dalam HTML:

1.Canvas: digunakan untuk membuat gambar dalam gambar, yang hasilnya kita tidak perlu diambil secara utuh melainkan dapat disusun sendiri menggunakan program tertentu

2.Header :Digunakan sebagai tempat diletakkannya judul, yang bias diisi dengan elemen logo atau nama suatu instansi

3.Footer : Sebagai temmpat untuk menaruh informasi di bagian bawah halaman sebuah web.

4.Time  : Berguna untuk menyajikan informasi tentang waktu.

5.Audio : Memungkinkan untuk melakukan pememutar suara atau lagu.

6.Video :Memungkinkan untuk memainkan atau memutar video atau film.

     Secara prinsif, fitur-fitur dalam dokumen HTML dapat dikelompokkan menjadi 5, yaitu:

1.      Struktur halaman

2.      Presentasi visual

3.      Peranti penyaji gambar

4.      Pendukung media

5.      Peningkatan koneksi dengan JavaScript

            Tag HTML biasanya berupa tag-tag yang berpasangan dan ditandai dengan symbol lebih besar (<) dan symbol lebih kecil  (>). Pasangan dari sebuah tag ditandai dengan symbol garis miring (/). Misalnya pasangan dari tag <html > adalah</html>. Dalam hal ini <html> kita sebut sebagai elemen dan biasanya dalam suatu elemen terdapat atribut-atribut untuk mengatur elemen itu.

2.      Struktur Dasar Dokumen HTML

Dokumen HTML memiliki struktur dasar atau susunan file sebagai berikut :

Struktur file HTML diawali dengan sebuah tag<html> dan ditutup dengan tag </html>. Di dalam tag ini terdapat dua buah bagian besar, yaitu yang diapit oleh tag<head>…</head> dan tag <body>…</body>.

·  HEAD: Merupakan header dari halaman HTML dan tidak ditampilkan pada browser. Bagian ini berisi tag-tag header seperti <tittle>… </tittle> yang  berpungsi untuk mengeluarkan judul pada tittle bar window web browser.

·      BODY: Merupakan bagian yang akan ditampilkan pada halaman web browser nantinya.

3.      Pengaturan Properti Dokumen

              Properti document adalah pengaturan tampilan web  melalui atribut-atribut yang terdapat dalam elemen <body>.

      Kode Warna

Warna	Hexadesimal	Warna	Hexadesimal
White	#FFFFFF	Black	#B87333
Red	#FF0000	Green	#00FF00
Blue	#0000FF	Magenta	#FF00FF
Cyan	#00FFFF	Yellow	#FFFF00
Aquamarine	#70DB93	Chocolate	#5C3317
Violet	#9F5F9F	Brass	#B5A642
Coper	#B87333	Pink	#FF6EC7

      Atribut Elemen <body>

a.BACKGROUND       = Latar belakng dokumen image dokumen

b.BGCOLOR                = Warna latar belakng dokumen, biasanya putih

c.TEXT                         = Warna teks dokumen, biasanya hitam

d.LINK                         = Warna link dokumen, biasanya biru

e.VLINK                       = Warna visited link dokumen, biasanya ungu

f.A LINK                      = Warna aktif link dokumen, biasanya merah

      Elemen Heading <h1>… <h6>

Heading berfungsi untuk memformat judul dari suatu halam web. Heading ini akan memperbesar ukuran huruf untuk setiap jenis heading. Ada 7 buah heading yang dikenal di HTML, yaitu dari <h1> sampai <h6>.

4.Format Teks

Semacam bentuk teks dan model tulisan

<b> : bold

<i> : Italic

<em> : teks menekankan

<small> : Teks kecil

<Strong> : Teks penting

<Sub> : Teks  dibawah garis

<Sup> : Teks diatas garis

<ins> : Teks Sisipan

<del> : teks dicoret

<Mark> : Teks ditandai

5.Format Paragrap

Tag HTML untuk Paragrap adalah <p>.

Contoh :

<HTML>

<Head>

<title> Paragraf center </title>

<body>

<p><h1 align="center">Belajar Paragraf Bersama Bu Atik</h1></p>

<p align="center">Sekali lagi belajar HTML dengan Bu Atik

Pada hari jumat tanggal 2 september tahun 2016 di pelajaran Pemrogaman Web

tepatnya pada materi pemformatan paragraf.Kami dari kelas X.RC

yang berjumlah 35 siswa sangat suka belajar Pemrogaman WEB</p>

</body>

</HTML>

6.List Minimal Dan Kombinasi

Oke kita lanjutkan, list dalam kode html menggunakan tag :

1. <ol> </ol> = Ordered List (Membuat list dengan urutan contoh 1,2,3,.., a,b,c,... dll)

Attribut tag ol : type
Value tag ol : 1, i, I, a, dan A
Contoh : <ol type='i'><li> Ade Putra Blo</li><ol>

2. <ul> </ul> = Unordered list (membuat list tanpa orutan lihat screenshot pada gambar.

Attribut tag ul : type
Value tag ul : disc, circle, dan square
contoh : <ul type='square'><li> Ade Putra Blo</li><ul>

3. <li></li> = Tag li berfungsi untuk menampilkan kalimat yang ingin kita buat.Tag li disisipkan    diantara tag ol ataupun tag ul
contoh :

<ol>
<li>teks  </li>
 li>teks 2 </li>
li>teks dsb. </li>
</ol>

Cara Membuat List Minimal

<html>
<head>
<title>Membuat list minimal</title>
</head>
<body>
<ol>
<li>teks  </li>
<li>teks 2 </li>
<li>teks dsb. </li>
</ol>
</body>
</html>

Cara Membuat List Kombinasi.
Membuat list kombinasi saya rasa tidak cukup sulit, hanya saja kita harus meletakkan kodenya dengan teliti agar list yang kita buat tidak kacau. Kita akan membuat list kombinasi sesuai seperti contoh dibawah.

<html>
<head>
<title>INI LIST KOMBINASI</title>
</head>
<body>
Daftar Makanan
<ol>

<li>Ayam
<ul>
<li type='circle'>PERSIJA</li>
<li type='disc'>JAYARAYA</li>
<li type='square'>HIDUP MACAN KEMAYORAN</li>
</ul>
</li>

<li>PERSIJA
<ol type='a'>
<li>PERSIJA</li>
<li>JAYARAYA</li>

</ol>
</li>

</ol>

</body>
</html>

Read More

FORMAT TEKS

                                       FORMAT TEKS 

Untuk format teks tentang bagaimana membuat paragraf dan baris baru anda bisa membacanya di Belajar HTML tentang Format text HTML.

Disana juga telah dibuat beberapa contoh tag untuk memanipulasi tampilan teks, namun sebagian dari tag-tag tersebut merupakan Deprecated Tags dimana saat ini sudah dihindari pemakaiannya karena dapat digantikan dengan atribut style atau CSS dengan lebih baik.

Sebagai contoh tag <b> alternatifnya bisa menggunakan tag <strong> atau atribut style dengan properti font-weight.

<p><strong>Tulisan ini tebal</strong></p> <p style="font-weight:bold">Tulisan ini juga tebal</p>

Hasil:

Tulisan ini tebal

Tulisan ini juga tebal

Untuk tag <strike> (teks tercoret) dan tag <u> (underline) dapat diganti dengan properti text-decoration.

<p style="text-decoration:line-through;">Contoh teks tercoret</p> <p style="text-decoration:underline;">Contoh teks dengan garis bawah</p>

Hasil:

Contoh teks tercoret

Contoh teks dengan garis bawah

Berikut adalah contoh text-decoration yang lainnya.

<p style="text-decoration:overline;">Contoh teks dengan garis atas</p> <p style="text-decoration:blink;">Contoh teks berkedip</p>

Hasil:

Contoh teks dengan garis atas

Contoh teks berkedip

Untuk mengubah teks dari huruf besar ke huruf kecil dan sebaliknya digunakan properti text-transform.

<p style="text-transform:uppercase">tulisan ini aslinya adalah huruf kecil dengan text-transform:uppercase semuanya menjadi huruf besar.</p>

Hasil:

TULISAN INI ASLINYA ADALAH HURUF KECIL DENGAN TEXT-TRANSFORM:UPPERCASE SEMUANYA MENJADI HURUF BESAR.

<p style="text-transform:lowercase">TULISAN INI ASLINYA ADALAH HURUF BESAR DENGAN TEXT-TRANSFORM:LOWERCASE SEMUANYA MENJADI HURUF KECIL.</p>

Hasil:

tulisan ini aslinya adalah huruf besar dengan text-transform:lowercase semuanya menjadi huruf kecil.

<p style="text-transform:capitalize">text-transform:capitalize akan membuat setiap huruf di awal kata menjadi huruf besar.</p>

Hasil:

Text-Transform: Capitalize Akan Membuat Setiap Huruf Di Awal Kata Menjadi Huruf Besar.

Kemudian untuk memposisikan teks digunaka properti text-align

<p style="text-align:left">Membuat teks ke kiri</p> <p style="text-align:center">Membuat teks di tengah</p> <p style="text-align:right">Membuat teks ke kanan</p>

Hasil:

Membuat teks ke kiri

Membuat teks di tengah

Membuat teks ke kanan

Read More

TEKNOLOGI APLIKASI WEB

WEB?  pasti kalian pernah berpikir apa itu web daripada kalian berpikir lama mari baca blog saya ini tentang web.

Teknologi Web

Aplikasi web adalah suatu aplikasi yang berbentuk klien/server yang dapat membentuk halaman-halaman web berdasarkan permintaan pemakai. Klien adalah pemakai yang meminta halaman web, sedangkan server adalah penyedia layanan yang melayani permintaan dari pemakai. Klien dan server berhubungan dalam suatu jaringan Internet atau Intranet. Web dapat diakses oleh berbaga iplatform dengan menggunakan browser, misalnya Internet Explorer,Mozilla,Opera, dan lain-lain. Model dari aplikasi web dapat kita lihat seperti pada gambar di bawah :

Proses pengaksesan suatu web yaitu klien melakukan permintaan suatu halaman web kepada server, kemudian server akan mencari halaman yang diminta dan mengembalikannya dalam bentuk kode kode HTML. Kode-kode HTML ini akan didownload oleh komputer klien dan kemudian akan diterjemahkan oleh browser menjadi suatu tampilan halaman web.

Kemudian saya akan memberitahukan sedikit tentang profesi WEB.

Web Designer

 

Seorang designer web adalah orang yang bertanggung jawab untuk menentukan tampilan sebuah website. Tugasnya adalah mendesain tampilan situs (web) mulai dari pengolahan gambar, tata letak, warna, dan semua aspek visual situs. Fokus utama mereka adalah tampilan/layout dari web. Mereka lebih konsen dengan bagaimana halaman terlihat dan apakah berfungsi sempurna ketika sudah diberikan bahasa pemograman. Dalam pendandanan suatu situs seorang Web Designer harus menguasai :
- HTML, DHTML
- Pengolah gambar
- Animasi, Movie (Film)

Web Programmer

Web programmer bertugas dalam melakukan pengcodingan atau pemograman sebuah website agar dinamis, dimana agar sebuah web tersebut dapat terlihat mudah bagi seorang web admin.
Jika situs yang akan dibuat mempunyai fasilitas interaksi antara pengunjung dan situs misalnya menyangkut dengan transaksi, input output data dan database maka seorang Web Progammer yang akan mengerjakannya dengan membuat aplikasi-aplikasi yang bekerja diatas situ (web). Penguasaan yang biasanya harus dikuasai pada umumnya oleh Web Programmer :
- CGI Perl, PHP, MySQL (Unix base)
- ASP (NT base)
- Java Script dan Applet

Web Administrator 

 Tugasnya adalah untuk memaintenance suatu server, mengerti akan sistem operasi server, baik itu mulai dari instalasi sampai kepada masalah (troubleshooting), biasanya seorang Web Administrator harus menguasai :
- OS Unix (Linux, FreeBSD, dll)
- OS NT
- Jaringan (LAN, WAN, Intranet)
- Keamanan server

Web Master

Seorang web master adalah seorang yang mengerti akan kesemua hal mulai dari desain, program dan keamanan server namun tidak terlalu turut mencampuri ke masing-masing divisi, cukup dengan mempertanggung jawabkan atas jalannya suatu situs (web). Penguasaan yang harus dimiliki :
- HTML, DHTML
- CGI Perl, PHP, MySQL, ASP, Java
- Penguasaan bermacam OS (Operating System)
- Keamanan server
- Jaringan (LAN, WAN, Intranet)

Web Developer

Kegiatan diatas secara keseluruhan dinamakan suatu team yang dinamakan Web Developer. Web Developer memberi bantuan seperti konsultasi web, konsep web yang akan dibuat, membangun sebuah website.

Sejarah Tentang Web

Website berupa halaman informasi yang disediakan melalui jalur internet sehingga dapat diakses diseluruh dunia selama terkoneksi dengan jaringan internet, yang terdiri dari teks, gambar, suara dan animasi.

Secara terminologi, website adalah kumpulan dari halaman-halaman situs, yang terangkum dalam sebuah domain atau subdomain, yang tempatnya berada di dalam World Wide Web (WWW) di dalam internet.

Tahun  1991, Sir Timothy John dari Tim Berners-Lee dan peneliti lain di European particile physics Lab (Consei Eouropeen Poor La Pecherche Nucleaire atau CERN) di Genewa, Swiss mengembangkan suatu cara untuk men-share data antarkoleganya dengan mengunakan yang disebut hypertext. Jalan pintas CERN di gunakan sebagai dasar dari yang  di sebut WWW dan berikut serever dan browser webnya (sekarang pemeliharaan oleh W3C (World wide web consoertium).

Tujuan dari dibuatnya website pada saat itu yakni untuk mempermudah tukar menukar dan memperbaharuiu informasi kepada sesama peneliti di tempat mereka bekerja. Dengan demikian pengertian website saat itu masih sebatas tukar menukar informasi, bukan pengertian website secara terminologi.

Website pertama kali dipublikasikan setelah adanya pengumuman dari CERN pada tanggal 30 April 1993. CERN manyatakan bahwa website sudah masuk ke dalam ranah publik karena sudah bisa digunakan oleh semua orang dimanapun dan kapanpun.

Ø  Cara Kerja Web

berikut adalah langkah-langkah cara kerja website :

1) Pengungjung website mengertikan alamat yang akan dituju ,misalnya http://facebook.com

2) Melalui jaringan internet , pengunjung bisa melakukan request alamat , http://facebook.com ke rigistar

3)Kemudian registar memrintahkan DNS Server mencari alamat yang di-request

4) Setelah DNS Server menemukan alamat http://facebook.com dan memerintahkan hosting server untuk memberikan file-file yang ada pada halaman website tersebut kepada pengunjung.

5)File-file yang di berikan oleh Hosting Server ini akan di tampilkan dalam bentuk halaman website melalui web browser.misalnya : mozila,google chorme.

Alur Pengembangan Aplikasi Web

Berdasarkan  persepsi dari beberapa pengembang perangkat lunak dan ahli-ahli dalam  bidang  rekayasa  perangkat  lunak  (software  engineering  professional), Pengembangan  Aplikasi Web  tidaklah  sama  dengan  rekayasa  perangkat  lunak walaupun  keduanya  melibatkan  pemrograman  dan  pengembangan  perangkat lunak.

Walaupun  banyak  mengadopsi  prinsip-prinsip  rekayasa  perangkat  lunak, Pengembangan Aplikasi Web memiliki banyak pendekatan, metoda, alat bantu, teknik  dan  panduan  yang  memenuhi  persyaratan  pembuatan  sistem  berbasis web.

Pengembangan sistem berbasis web berbeda dengan pengembangan perangkat lunak  konvensional, dimana  pengembangan  sistem  berbasis  web  lebih  banyak menghadapi tantangan. Pengembangan Aplikasi Web adalah gabungan dari print publishing  dan  pengambangan  perangkat  lunak,  diantara  marketing  dan perhitungan dan diantara seni dan teknologi.

Alternatif model dari Pengembangan Aplikasi Web adalah sebagai berikut :

Formulasi (formulation)

Kegiatan  yang  berfungsi  untuk  merumuskan  tujuan  dan  ukuran  dari  aplikasi berbasis web serta menentukan batasannya sistem.

Tujuan  yang  ingin  dicapai  bisa  dibedakan  menjadi  dua  kategori,  yaitu  :

Tujuan yang bersifat informatif

Menyediakan  suatu  informasi  tertentu  kepada  pengguna,  berupa  teks,  grafik, audio, dan video.

Tujuan yang bersifat fungsional
Kemampuan  untuk  melakukan  suatu  fungsi  yang  dibutuhkan  pengguna,  misal dengan  menggunakan  aplikasi  tersebut  seorang  guru  dapat  memperoleh  nilai akhir  dan  statistik  nilai  guru  dari  data-data  ujian,  tugas,  kuis  yang  ia  input  ke dalam aplikasi.

Perencanaan (planning) 

Kegiatan  yang  digunakan  untuk  menghitung  estimasi  biaya  proyek  pembuatan aplikasi  berbasis  web ini,  estimasi  jumlah  pengembang,  estimasi  waktu pengembangan,  evaluasi  resiko  pengembangan proyek,  dan  mendefinisikan jadwal pengembangan untuk versi selanjutnya (jika diperlukan).

Analisis (analysis)

Kegiatan untuk menentukan persyaratan-persyaratan teknik dan mengidentifikasi informasi  yang  akan  ditampilkan  pada  aplikasi  berbasis  web.  Analisis  yang digunakan pada rekayasa web dilakukan dari empat sisi, yaitu :

Analisis isi informasi

Mengidentifikasi  isi  yang  akan  ditampilkan  pada  aplikasi  berbasis  web  ini.  Isi informasi dapat berupa teks, grafik, audio, maupun video.

Analisis interaksi

Analisis yang menunjukkan hubungan antara web dengan pengguna.

Analisis fungsional

Analisis tentang proses bagaimana aplikasi berbasis web ini akan menampilkan informasi kepada pengguna.

Analisis konfigurasi

Konfigurasi yang digunakan pada aplikasi berbasis web, internet, intranet, atau extranet.  Selain  itu,  analisis  ini  juga  meliputi  relasi  database  dengan  web  jika diperlukan.

Rekayasa (engineering)

Terdapat dua pekerjaan yang dilakukan secara paralel, yaitu desain isi informasi dan desain arsitektur web.

Pada saat tahap desain, ada beberapa hal yang perlu dilakukan : 

Pembuatan  Diagram  Wireframe  (Gambar  Rangka),  tujuan  dari  diagram gambar  rangka  adalah  untuk menunjukkan  bagaimana  lay  out  halaman web  dan menunjukkan di mana fungsi dan konten seperti navigasi, kotak pencarian, elemen bentuk dan sebagainya, tanpa desain grafis. Berikut ini contohnya :

Gambar. Diagram Wireframe sebuah halaman web.

Diagram Situs,  Sebuah diagram situs menunjukkan struktur situs secara keseluruhan dan bagaimana halaman individual  berhubungan satu sama lain. Gambar dibawah menunjukkan diagram situs yang sangat sederhana 

Gambar. Diagram Situs

Storyboard  dan  diagram  alir  pengguna,  Storyboard  ini  bertujuan  untuk menunjukkan  langkah-langkah  yang  diperlukan  untuk  menyelesaikan tugas-tugas,  opsi  yang  mungkin,  dan  juga  memperkenalkan  beberapa standar jenis halaman. Gambar 1-3 menunjukkan storyboard sederhana

Untuk perangkat pengembang aplikasi web dapat dikelompokan menjadi perangkat keras dan perangkat lunak:

1. Perangkat keras
2. Perangkat lunak
• Web Page Authoring
• HTML Editor
• Aplikasi Editing Gambar dan Menggambar
• Aplikasi internet
• Aplikasi transfer file atau FTP (File Tranfer Protokol)

Perangkat Keras

Untuk lingkungan pengembangan web yang nyaman,berikut ini perangkat keras yang sebaiknya disediakan:
Komputer utama,dengan operating system Macintosh,Windows, ataupun Linux. Perusahaan pengembang web profesional cenderung berbasis Macintosh.

• Memori tambahan. Sebaiknya computer memiliki memori yang besar, karena dalam pengembangan web cenderung kita akan membuka beberapa aplikasi sekaligus.
• Sebuah monitor besar. Meskipun bukan keharusan, monitor besar memudahkan untuk desainer visual. Semakin besar monitor , semakin banyak jendela dan panel kontrol dapat terbuka pada waktu yang sama.
• Sebuah scanner dan/atau kamera digital.Jika mengantisipasi membuat gambar dan tekstur sendiri, akan memerlukan beberapa alat untuk membuat gambar.
• Sebuah komputer kedua.Banyak web designer merasa berguna memiliki komputer penguji yang menjalankan platfrom yang berbeda dari komputer utama yang mereka gunakan untuk pengembangan. Karena browser kerja yang berbeda pada mac dan pada mesin windows, itu penting untuk menguji halaman web dalam sebanyak mungkin system operasi berbeda.
• Perangkat mobile/smartphone. Saat ini banyak orang mengakses web melalui smartphone/tablet, sehingga kita perlu menguji penampilan dan kinerja situs web yang kita buat pada mobile browser pada smartphone atau perangkat tablet. Namun saat ini banyak web emulator yang dapat digunakan sebagai penguji web kita
• Sebuah Scanner dan/atau kamera digital. Jika mengantipasi membuat gambar dan tekstur sendiri, akan memerlukan beberapa alat untuk membuat gambar.
• Sebuah komputer kedua. Banyak web designer merasa berguna memiliki komputer penguji yang menjalankan platform yang berada dari komputer utama yang mereka gunakan untuk pengembangan. Karena browser kerja yang berada pada Mac dan pada mesin Windows, itu penting untuk menguji halaman web dalam sebanyak mungkin system operasi berbeda.
• Perangkat mobile/smartphone. Saat ini banyak orang mengakses web melalui smartphone/tablet, sehingga kira perlu menguji penampilan dan kinerja situs web yang kita buat pada mobile browser pada smartphone atau perangkat tablet. Namun saat ini banyak web emulator yang dapat digunakan sebagai penguji web kita

Untuk perangkat lunak pengembang web dapat Web page authoring
Ini adalah kelompok perangkat lunak seperti desktop publishing tetapi format yang dihasilkan adalah halaman web. Aplikasi ini biasanya bersifat "WYSIWYG" (What You See Is Wahat You Get, dibaca "whizzy-wig") yaitu apa yang kamu lihat , itulah yang kamu dapat. Jadi aplikasi inibiasanya ketika membuat tampilannya seperti yang akan dihasilkan. Contohnya : Adobe Dreamweaver, Microsoft Expression web, Nvu.
HTML Editor
Ini adalah kelompok perangkat lunak yang kebalikan dari Adobe Dreamweaver dan Micrsoft Expression web. Aplikasi ini tidak lagi "WYSIWYG" ("What You See Is Wahat You Get") tetapi lebih ke kode HTML. Beberapa contoh aplikasi yang termasuk dalam kelompok ini : Notepad (Windows), text sublime (Windows dan Linux), Coda (Machintosh), BBEdit, all.
Aplikasi editing gambar dan menggambar
Untuk menambahkan gambar ke galaman web, akan perlu program editing gambar. Berikut ini beberapa aplikasi yang cukup populer :

• adobe Photoshop. Photoshop dapat dikatakan sebagai standar industri untuk penciptaan gambar baik dalam cetak maupun dunia web.
• Adobe Photoshop Elements. Versi ini lebih ringan dari Photoshop dirancang untuk mengedit foto dan manajemen, tetapi beberapa penggemar menemukan bahwa ia memiliki semua alat yang diperlukan untuk menempatkan gambar pada halaman web.
• Adobe Illustrator. karena desainer perlu membuat logo, ikon, dan ilustrasi di berbagai ukuran dan resolusi, untuk itu semua aplikasi ini sangat membantu. Aplikasi ini juga dapat dipadukan dengan Photoshop
• Adobe Fireworks. Program grafis web ini menggabungkan editor foto dengan alat untuk membuat illustrasi berbasis vektor. Ia juga memiliki alat-alat canggih untuk grafis web.
• Corel Paint Shop Photo Pro (Windows saja). Editor gambar yang penuh fitur ini populer dipengguna Windows, terutama karena harga yang rendah.

Aplikasi Internet
Karena hasil akhir dari pengembangan halaman web digunakan di Internet, maka diperlukan beberapa aplikasi untuk membuka halaman web , biasa disebut "browser". Berikut ini beberapa aplikasi browser yang cukup populer :

1. Windows
• Internet Explorer
• Google Crome
• Mozila Firefox
• Safari
• Opera
2. Macinthosh OS X :
• Google Crome
• Mozila Firefox
• Safari
• Opera
3. Browser perangkat bergerak (mobile)
• Mobile Safari (iOS)
• Adroid Browser (Android)
• BlackBerry Browser (RIM)
• Nokia Series 40 and Nokia Browser for Symbian
• Opera Mobile and Mini (installed on any device)
• Internet Explorer Mobile (Windows Phone)
• Silk (kindle Fire)

Read More