Minggu, 26 November 2017

OBJEK MULTIMEDIA

OBJEK MULTIMEDIA


Objek multimedia
A.      Objek Multimedia
Multimedia pada halaman web memiliki pengertian penggunaan external file yang berisi data dengan format tertetu pada web. Agar penggunaan objek-objek multimedia dapat dilihat hasilnya, maka aplikasi web browser yang digunakan pada computer klien harus mendukung. Terdapat beberapa fungsi dalam pemrograman web yang harus didukung web browser, yaitu:
1.       Fungsi dukungan terhadap scripting, agar web browser mampu menjalankan dan menerjemahkan kode yang dituliskan dalam badan program HTML, seperti JavaScript dan VBScript.
2.       Applet
Merupakan program aplikasi yang dijalankan pada broser untuk mengeksekusi objek multimedia yang disertakan pada halaman web agar berfungsi dan bekerja semestinya. Syarat utama sebuah web browser dapat menjalankan kode applet pada halaman web adalah harus memilki Java Virtual Machine (JVM) yang berfungsi menerjemahkan kode program Java (interpreter java).
Kode program applet menggunakan tag <applet>…</applet>Contoh pada penggunaan web:
<applet code=”sound.class” width=”200”Height=”150”><param name=”suara” value=”welcome.au”></applet>Kode program penulisan rogram untuk memasukkan fungsi standar applet harus digunakan pada web browser model lama yang belum menerapkan standar HTML 4.01. Pada generasi terbaru, tag <apple> tidak digunakan dan diganti dengan <object>, seperti di bawah ini:
<object code=”namaclassapplet.class”><param name=”namaparam” value=”nilaiparam”></object>3.       Plug In
program tambahan untuk menjalankan berbagai file multimedia yang disertakan pada halaman web , seperti membuka file audio, radio online, dll. Untuk mendapatkan plug in secaara berkala harus meng-update plug in pada web browser server tertentu secara online.
4.       ActiveX
Mendukung fungsi di dalam web browser khususnya Internet explorer seperti teknik menampilkan kalender. Namun tidak semua kode program ActiveX dapat dieksekusi oleh web browser.
B.      Objek Gambar
1.       JPG/JPEG
JPG ( Joint Photographic Group) dan JPEG (Joint Photographic Expert Group) merupakan jenis gambar dengan resolusi tinggi.
2.       GIF(Graphic Interchange Format)
Hanya mampu menyimpan gambar dalam format 8 bit. Format GIF biasanya digunakan untuk menampilkan animasi dua dimensi hasil kompilasi Flash.
3.       PNG (Portable Network Graphic)
Menggabungkan teknik JPG  dan GIF yang mampu menyimpan file dengan bit depth hingga 24 bit.
4.       BMP (Bitmap Image)
Jenis format file yang mampu menyimpan gambar dengan tingkat kualitas 1-24 bit.
Untuk dapat menampilkan gambar dengan ekstensi di atas adalah menggunakan tag <img src=”lokasi_file> pada halaman web.
Contoh dengan tag <img>
Penjelasan :
1.       src=”logo smkn 2.jpg”  meruju lokasi file gambar "logo smkn 2.jpg" dengan file yang berada satu folder dengan file html.
2.       width=”350”  mengatur dimensi lebar gamba sebesar 350 pixel.
3.       weight=”500” mengatur dimensi tinggi gambar sebesar 500 pixel.
Contoh dengan tag <object>

Penjelasan:
1.       data=”logo smkn 2.jpg” menunjukkan file gambar yang dipanggil.
2.       type=”image/jpg” menunjukkan jenis objek yang dipanggil.
3.       width=”600” menentukan dimensi lebar gambar.
4.       height=”400” menetukan dimensi tinggi gambar.
C.      Objek Suara
Terdapat tiga kategori format file audio:
1.       File audio tanpa kompresi, yaitu file ekstensi AIFF, AU, WAV, dan raw header-less PCM
2.       File audio dengan kompresi lossy, seperti vorbis, AAC, ATRAC, MP3, Mousepack, dan lossy Windows Media Audio(WMA)
3.       File audio dengan kompresi lossless, seperti MPEG-4 SLS, MPEG-4 ALS, MPEG-4 DST, TTA, Windows Media Audio Lossless (WMA Lossless), FLAC, dan WavPack (filename extension WV)
Tipe -tipe file audio:
1.       MPEG Player (Mp3)
Moving Picture Experts Group merupakan format file dengan ekstensi mp3 yang bekerja pada layer tiga dimensi dengan kompresi audio mencapai kualitas suara setara CD stereo, yaitu 16 bit.
2.       WAV
Waveform Audio format adalah standar file yang tidak melakukan kompresi terhadap isi audionya.
3.       AAC (Advanced Audio Coding)
File audio dengan format berbasis MPEG2 dan MPEG4 sebagai pengemban file mp3.
4.       AIFF (Audio Interchange File Format)
Format standar tanpa kompresi untuk system operasi Macintosh.
5.       Audio CD
Memiliki ekstensi file cda dan merupakan mode audio yang dapat diputar secara langsung dari CD-Drive computer tetapi ketika disalin ke dalam hardisk, file Audio CD tidak dapat dijalankan.
6.       MIDI (Music Instrument Digital Interface)
Format audio berbagai software dan  hardware
7.       WMA (Windows Media Audio)
8.       OGG
Format file audio sekaligus video dengan lisensi bebas atau open source.
Syarat untuk menjalankan audio file dengan script pemrograman HTML:
§  Web browser yang digunakan harus versi terbaru,dengan plug in dan extension sudah ter-update.
§  Pada beberapa kondisi, diperlukan koneksi internet untuk menjalankan program tersebut.
§  Sediakan file audio dengan beberapa format tertentu, sebagai contoh .mp3, .wma, .ogg, .aiff, atau format lainnya.
§  Buatlah folder yang menampung file hasil pemrograman HTML tersebut, kemudian pindahkan file audio tersebut ke dalam satu folder dengan file HTML.
Teknik memasukkan file audio ke dalam halaman web menggunakan pemrograman HTML:
1.       Menggunakan Yahoo Media Player harus konek ke internet
Contoh:

2.       Menggunakan Plug In elemen <object>
Dengan menggunakan ini, kita juga dapat memutar audio file pada halaman web, langkahnya:
a.       Persiapkan file audio yang akan disisipkan, seperti mp3
b.      Salin file tersebut ke dalam folder yang sama dengan file HTML yang akan dibuat nanti.
c.       Ubah nama file tersebut menjadi 1.mp3 (terserah) untuk memudahkan proses pemanggilannya
d.      Selanjutnya buat sript seperti berikut:


3.       Menggunakan elemen <audio>, harus menambahkan kode <!DOCTYPE HTML>Contoh:

4.       Menggunakan elemen <embed>
Jika menggunakan elemen <embed> secara otomatis file audio akan memutar tanpa control bar.
Contoh:

5.       Inline sound
Contoh:

6.       Hyperlink Sound
Untuk membuat link ke sebuah file audio, dapat menggunakan tag <a href=”namafile”>. Dengan mengeklik link tersebut, maka secara otomatis file audio akan dijalankan dengan aplikasi media player yang terdapat pada computer pengguna.
Contoh:

D.      Objek Video
Jenis format standar video yang disisipkan pada halaman web:
1.       MPEG
2.       AVI
3.       WMV
4.       MP4
5.       Real Video
6.       QuickTime
7.       3GP
8.       Flash
Teknik yang digunakan:
1.       Menggunakan Elemen <img>Untuk menjalankan file video dapat digunakan tag <img dynsrc=”namavideo”>. Namun fungsi <img> hanya dapat berjalan pada web browser Internet Explore.
Contoh:

2.       Menggunakan Elemen <embed>Contoh:

3.       Menggunakan Elemen <video>Merupakan standar baru pemrograman HTML5
Contoh:

4.       Menggunakan Hyperlink
Contoh:

5.       Menggunakan Elemen <object>
Kodenya:

6.       Menjalankan Animasi Flash
Terdapat beberapa format video animasi yang dihasilkan Macromedia Flash, untuk menjalankannya perlu aplikasi pemutar video standar seperti Windows Media Player, selama codec yang diperlukan sudah ter-install, atau dengan aplikasi khusus produk Macromedia yaitu Macromedia Flash Player.
Contoh:
<!--file animasiflash.html--><html><head><title>Memutar animasi swf flash</title></head><body><object classid=”clsid:D27CDB6E-AE6D-11cf-96B8-44553540000” codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0” width=”170” height=”140”>
                <param name=”movie” value=”kabel.swf”>                <param name=”quality” value=”high”>                <param src=”kabel.swf” quality=”high”                <embed src=”kabel.swf” quality=”high”Pluginspage=”http://www.macrmedia.com/go/getflashplayer” type=”application/x-shockwave-flash” width=”170” height=”140”>
                </embed></object></body></html>Penjelasan:
§  <object classid=”clsid:D27CDB6E-AE6D-11cf-96B8-44553540000”codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0” width=”170” height=”140”>
Untuk menampilkan file video dalam standar flash berekstensi .swf dideskripsikan dengan atribut =”clsid:D27CDB6E-AE6D-11cf-96B8-44553540000”, jika plug in untuk menjalankan file .swf belum ter-install pada web browser, akan ditambahkan secara otomatis dengan merujuk pada nnilai yang terdapat pada codebase dengan catatan, computer harus terkoneksi internet.
§  <param name=”movie” value=”kabel.swf”>Atribut name digunakan untuk memberikan nama parameter, sedangkan atribut value untuk memanggil file .swf yang akan ditambahkan ke dalam web.
§  <param name=”quality” value=”high”>Untuk menentukan kualitas tampilan dengan pengaturan high
§  <embed src=”kabel.swf” quality=”high”
Pluginspage=”http://www.macrmedia.com/go/getflashplayer” type=”application/x-shockwave-flash” width=”170” height=”140”>
Tag <embed> untuk pengguna browser Netscape
Atribut src untuk merujuk lokasi dan nama file .swf
Atribut pluginspage berisi alamat plug in atau ActiveX ketika web browser belum di-update sehingga memerlukan komponen tambahan x-shockwave


Senin, 28 Agustus 2017

Mempelajari Tentang HTML

Mempelajari Tentang HTML

A. Struktur Dasar Text HTML

1) Elemen Halaman
Elemen HTML adalah bagian-bagian pembentuk halaman web yang meliputi head, body, title, link, text, paragraph, list, dsb. Elemen html ditandai dg simbol “tag”. Tag merupakan bentuk simbol berbentuk “<”  sebagai tanda awal penulisan elemen dan diakhiri “>” sebagai tanda akhir penulisan sebuah elemen.
2) Bagian Head 
bagian head memiliki fungsi untuk memberikan informasi tentang halaman web itu sendiri, baik judul halaman, konten, jenis halaman, dan jenis karakter penulisan. Bagian head selalu diawali dengan tag awal <head> dan diakhiri dengan tag akhir </head>.
contoh :
<head>
                <totle>ini halaman we baru</title>
</head>
penjelasan :
·         <head>
Digunakan sebagi awal penanda script bagian head HTML.
·         <title>
sebagai awal tanda judul sebuah halaman web
·         Ini halaman web baru
judul halaman yang akan ditampilkan pada web browser
·         </title>
tag akhir title
·         </head>
tag akhir head
3) Bagian body 
pada bagian body, semua script html akan diterjemahkan menjadi bentuk informasi pada halaman web, baik berupa teks, audio, video, gambar, dan animasi. Bagian body sebuah halam web html selalu diawali tag <body> dan diakhiri tag </body>.
4) Mengganti baris
script program html yang ditulis pada bagian body akan dicetak memanjang dalam satu baris ketika ditampilkan dalam satu baris oleh karenea itu diperlukan script tamabahan untuk mencetak pada baris selanjutnya dengan tag <br>
5) Membentuk paragraf
dengan memberikan tanda tag awal paragraf <p> diikuti teks yang akan ditampilkan pada web browser dan diakhiri tag akhir paragraf </p>, maka informasi teks akan disusun menyerupai model paragraf.
6) Garis horizontal
untuk membuat garis horizontal dapat menggunakan tag <hr>.
contoh :
<!—file apasaja.html-->
<html>
<head>
<title>garis horizontal</title>
</head>
<body>
terserah apa saja diatas. <hr> terserah apa saja dibawah.
</body>
</html>
7) Membuat komentar
untuk menambahkan komentar diawali dengan tanda “<!—“ diikuiti komentar kemudian diakhiri dengan tanda “-->”
contoh :
<!—file apasaja.html-->
<html>
<head>
<title>garis horizontal</title> <!—judul halaman web-->
</head>
<body>
terserah apa saja diatas. <hr> terserah apa saja dibawah. <!—konten halaman web-->
</body>
</html>


B. FORMAT TEXT HTML

teks adalah informasi yang ditampilkan dalam halaman web yang terdiri atas gabungan karakter alfabet, numerik dan simbol-simbol khusus yang terdapat dalam kode ASCII
1) Memanipulasi tampilan teks pada halaman web
·         Mencetak tebal teks
format: <b>teks dicetak tebal</b>
·         Mencetak tebal teks dengan tag strong
format: <strong>teks dicetak tebal strong</strong>
·         Mecetak miring teks
format: <i>teks dicetak miring</i>
·         Mencetak teks bergaris bawah
format: <u>teks dicetak dengan garis bawah</u>
·         Memberi tekanan teks
format: <em>teks tekanan</em>
·         Membesarkan huruf
format: <big>hsjgshakj</big>
·         Mengecilkan huruf
<small>hakjgkhdgkha</small>
·         Mencetak superscript teks
format: <sup>hgsiafif</sup>
·         Mencetak subscript teks
format: <sub>jajhdkhfkj</sub>
·         Mencetak teks berkedip
format: <blink>jhwougfougwg</blink>
·         Mencetak teks berjalan
format: <marquee>jjewgvgohwoho</marquee>
·         Mencetak teks dengan coretan
format: <s>jwhkeg3wgih</s>
2) Format Heading
fungsi utama heading adalah untuk mengatur besar ukuran teks dalam halaman web yang biasanya diterapkan pada sebuah judul atau tema informasi yang terdapat pada halaman web. Penulisan  heading diawali dengan tag <h1> dan diakhiri dengan tag </h1> dengan formasi heading sampai dengan 6 ukuran.
contoh :
<!—file apasaja.html-->
<html>
<head>
<title>heading</title>
</head>
<body>
<h1>teks dengan heading berkuran1</h1>
<h2>teks dengan heading berkuran2</h2>
<h3>teks dengan heading berkuran3</h3>
<h4>teks dengan heading berkuran4</h4>
<h5>teks dengan heading berkuran5</h5>
<h6>teks dengan heading berkuran6</h6>
</body>
</html>
3) Bentuk preformat teks
dalam html terdapat fungsi preformat teks yang berguna untuk mencetak teks dalam web browser sesuai jarak, ukuran, dan lebar teks dengan penulisan kode program html bagian body dengan menambahkan tag awal <pre> dan tag akhir <pre>
4) Format Address
tag <address> merupakan standar kode html yang digunakan untuk penulisan sebuah alamat intuisi yang berfungsi sebagai informasi kontak sebuah intuisi. Hasil output yang ditampilkan akan dicetak miring dan ketika penulisan alamat lebih dari satu baris maka harus disertakan tag ganti baris.
5) Format keluaran program komputer
beberapa script html yang dapat digunakan untuk mendefinisikan proses secara komputerisasi :
·         <code>.....</code>
digunakan untuk mendefinisikan kode program tertentu yang ditampilkan pada web page.
·         <var>.....</var>
digunakan untuk mendefinisikan variabel dalam program
·         <samp>.....</samp>
digunakan untuk mendefinisikan contoh keluaran program
·         <tt>.....</tt>
untuk mendefinisikan teletype text
6) Format Abbr dan Acronym
tag <abbr> dan <acronym> digunakan untuk menampilkan informasi yang berisi kepanjangan sebuah teks.
contoh penggunaan Abbr dan Acronym :
<!—file apasaja.html-->
<html>
<head>
<title>mempersingkat istilah</title>
</head>
<body>
<abbr title=”palang merah indonesia”>PMI</abbr><br>
<acronym title=”SMK Negeri 2 Kediri”>smekda</acronym>
</body>
</html>
7) Mengubah Arah Tampilan Teks
Bdo merupakan singkatan dari budirectional override yang berguna untuk mengubah arah penulisan teks pada halaman web. 
contoh :
<!—file apasaja.html-->
<html>
<head>
<title>membalikkan arah teks</title>
</head>
<body>
<bdo dir=”rtl”>pemrograman web dengan hypertext markup language</bdo><br>
<bdo dir=”ltr”>teknologi informasi dan komunikasi</bdo>
</body>
</html>
8) Membuat Kutipan Teks
Tag <q> untuk membuat kutipan pendek
Tag <blockquote>, untuk menyatakan kutipan panjang
Contoh :
<!—file apasaja.html-->
<html>
<head>
<title>kutipan teks</title>
</head>
<body>
dibawah ini adalah cara mengutip kalimat yang panjang.
<blockquote>
baris kalimat ke 1 dalam blockquote<br>
baris kalimat ke 2 dalam blockquote<br>
baris kalimat ke 3 dalam blockquote<br>
baris kalimat ke 4 dalam blockquote<br>
baris kalimat ke 5 dalam blockquote<br>
</blockquote>
sementara itu, dibawah ini adalah kutioan pendek.<br><q>
baris kalimat ke 1 dengan kutipan pendek<br>
baris kalimat ke 2 dengan kutipan pendek<br>
</q>
</body>
</html>

9) Penyisipan dan penghapusan teks
                Untuk melakukan koreksi informasi yang salah pada web, dapat digunakan tag <ins>                           yang memiliki efek tulisan bergaris bawah seperti efek tulisan dengan tag 
                <a href>=” “>
                contoh :
                <!—file apasaja.html-->
                <html>
                <head>
                <title>hapus dan sisip teks</title>
                </head>
                <body>
                nilai grosir 1 kodi adalah sama dengan ....<br>
                jawaban :<br>
                a.<del>12 pcs</del> jawaban yang salah<br>
                b.<ins>20 pcs</ins> jawaban yang sudah dikoreksi
                </body>
                </html>


C. LIST PADA HTML
List merupakan bentuk struktur dalam HTML yang digunakan untuk menampilkan daftar tertentu dalam halaman web.
1) List Bernomor Urut (ordered list)
Teknik menampilkan daftar tertentu dalam halaman web menggunakan otem penomoran. Untuk menggunakan list bernomor, digunakan tag <ol> dan diakhiri dengan tag </ol>
contoh :
<!—file apasaja.html-->
<html>
<head>
<title>list bernomor</title>
</head>
<body>
menu restoran 
<ol>
  <li>ayam bakar</li>
  <li>ayam goreng</li>
  <li>ayam penyet</li>
</ol>
</body>
</html>
Adapun untuk menampilakn nomor urut dengan model tertentu, dapat digunakan argumen berikut:

Argumen Dan Fungsinya
l     = Untuk menampilkan nomor urut dengan angka dalam romawi besar (I, II, III dan seterusnya).
i     = Untuk menampilkan nomor urut dengan angka dalam romawi kecil (i, ii, iii dan seterusnya).
a     = Untuk menampilkan nomor urut dengan menggunakan abjad kecil (a, b, c, d dan seterusnya)
A     = Untuk menampilkan nomor urut dengan menggunakan abjad besar (A, B, C, D dan seterusnya)

2) List tanpa urutan nomor (unordered list)
untuk membuat daftar tertentu tanpa mempergunakan sebuah urutan penomoran, anda dapat menggunakan tag <ul> dan diakhiri dengan </ul>. Ada beberapa macam jenis tanda unordered list seperti berikut. 

Argument dan Fungsinya
Disc       = Untuk menampilkan pengurutan dengan tanda lingkaran (bullet) tanpa warna pada sisi tengahnya.
Square  = Untuk menampilkan pengurutan dengan tanda kotak hitam penuh.
Circle    = Untuk menampilkan pengurutan dengan tanda lingkaran (bullet) hitam penuh.

3) List Bersarang
suatu subdaftar baru didalam sebuah daftar.
contoh :
<!—file apasaja.html-->
<html>
<head>
<title>hapus dan sisip teks</title>
</head>
<body>
menu bersarang
<ol>
<li>Daging</li>
                <ul>menu ayam
                <li>ayam bakar</li>
                <li>bebek panggang</li>
                </ul>
<li>sayur</li>
                <ol>menu sayur
                <li>sayur sup</li>
                <li>sayur sup</li>
                </ol>
</ol>
</body>
</html>
4) List Terdefinisi
adalah sebuah daftar yang menggunakan tag <dl> dan diakhiri dengan </dl>. 
contoh :
<!—file apasaja.html-->
<html>
<head>
<title>list terdefinisi</title>
</head>
<body>
contoh list yang terdefinisi
<dl>
<dt>PMI</dt>
<dd>palang merah indonesia</dd>
<dt>PMR</dt>
<dd>palang merah remaja</dd>
</dl>
</body>
</html>






SEKIAN

Kamis, 24 Agustus 2017

TEKNOLOGI WEB INTERNET


Belajar HTML,ASP dan PHP


Internet Sebenarnya Merupakan Sambungan Jaringan komputer Bersekala luas Atau WAN (wide Area Network), yang setiap peralatan komputer di seluruh Dunia dapat saling Berhubungan satu sama lainnya.

WEB Merupakan layanan Informasi berupa Rangkaian tulissan (HYPERTEXT) dalam sebuah document yang dapat dibaca, dilihat, dan dioperasikan oleh pengguna (USER) Menggunakan aplikasi Web Browser .

Tecnologi bermula Pada 1993 di European Particle Physics Lab(Consei European pour la Recherce Nucleaire ) atau CERN yang membangun aplikasi HYPERTEXT Untuk bertukar informasi Pada jaringan Komputer

KONSEP KERJA WEB

HTML atau Hypertext Markup Language Adalah Sebuah dokumen text yang Berisi susunan basis kode menurut Aturan Standard tertentu dengan ekstensi file .htm atau .html.

Aplikasi Web Browser Adalah Aplikasi yang digunakan untuk Mengambil isi Document HTML dari Server dan menerjemahkan nya ke dalam bentuk Informasi yang dapat mengandung Tulisan, gambar, Suara, Vidio dan Animasi.


WEB SERVER adalah sebuah mesin Komputer dengan layanan HTTP (HyperText Transfer Protokol) yang menyimpan documen-dokumen HTML pada media penyimpanan dan Bertugas untuk Melayani setiap permintaan Halaman Web  dari Web Client.

PROTOKOL Adalah suatu Standard pemrosesan data informasi yang dapat dijalankan oleh beragam Mesin dan Operasi Sistem.

URL atau Uniform Resource Locator adalah teknik Pemanggil sebuah nama documen HTML pada sebuah mesin Web Server ,sebagai contoh: https://melakukanperawatanpctkj.blogspot.co.id/  .
jenis-jenis Pemanggil nama URL:

1. URL Ghoper Merupakan suatu Metode pemanggilan system ghoper server pada port 70 dengan sistem keamanan yang agak ketat
2. URL News Cara Pemanggilannya, yaitu dengan menulis alamat URL menggunakan Format news://contohgaul.com
3. URL file Merupakan metode pemanggil sebuah Dokumen pada lokasi tertentu
4. URL HTTP Protokol biasanya digunakan Untuk melayani sistem transfer Dokumen

HALAMAN WEB BERBASIS HTML

HTML Merupakan susunan kode pemrograman yang diawali dengan tag < > dan diakiri dengan tag </>  dalam sebuah file yang Memiliki eksistensi .htm atau .html. Berikut adalah Strukturnya dasar untuk HTML

<html> =Untuk Awalan Memulai HTML
<head> =Untuk bagian Head
    <tittle>My Web Page</tittle> =Digunakan untuk Menaruh Judul
</head> =Sebagai Penutup Head
<body> =Untuk Memulai bagian Body
   SELAMAT DATANG DI WEB SAYA
</body> =Untuk Penutup Body
< /html> =Bagian untuk Penutup HTML

HALAMAN WEB BERBASIS ASP

WEB Basis ASP adalah sebuah file yang Mengandung Baris kode tertentu dengan ekstensi .asp .
file tersebut disimpan pada direktori kerja tertentu pada server web IIS untuk dapat dieksekusi ketika ada permintaan dari pengguna pada jaringan.

Konsep Kerja ASP:
1. Ketika ada permintaan dari Web Browser Client untuk Membuka sebuah halaman ASP, request tersebut dikirimkan Ke server
2. Oleh Server, request tersebut diterjemahkan menjadi sebuah perintah untuk Mencari dan memanggil sebuah file ASP
3. File ASP tersebut Oleh server , dibaca dan di eksekusi script -nya
4. Setelah berhasil, server akan Mengirimkan hasilnya kepada web browser client berupa file HTML murni.

Keuntungan ASP :

1. Dapat melakukan Pemrograman web secara Dinamis, yaitu dengan mengubah, Menambah, dan Menghapus isi Informasi sebuah WEB
2. Dapat melakukan pengelolaan database, dapat menampilakan  hasil pada Browser
3. ASP memiliki Kecepatan yang lebih tinggi dibandingkan Server CGI dan PERL

<html> = Pembukaan srcipt HTML
<body> = Tag Awal Pada body HTML
<% = Tag yang digunakan untuk Pembuka Script ASP
Response.write("ini adalah web ASP") = ini adalah script yang Outputnya "ini adalah web ASP"
%> = Tag Penutup Script ASP
</body> = sebagai script penutup body
</html> = sebagai script Penutup bagian Web

HALAMAN WEB BERBASIS PHP

PHP Merupakan (Personal Home Page) yang Memiliki Kelebihan dalam kebebasan penggunanya atau free licence dibawah lisensi GNU.
Berikut perkembangan PHP:
1. PHP/FI
2. PHP Versi 2.0
3. PHP Versi 3.0
4. PHP Versi 4.0
5. PHP Versi 5.0

Contoh Script PHP

 <?php
 echo "Latihan Pertama dengan PHP <br>";
 echo "NIS = 123456789 <br>";
 echo "Nama = Hendrawan Wahyu Purbaya";
 ?>

Keterangan:

<? = yaitu tanda Pembuka Ketika Kode Program PHP akan ditulis
echo "Latihan Pertama dengan PHP <br>"; yaitu syntax untuk Menampilkan "Latihan Pertama dengan PHP" jadi yang bawah Itu juga sama
echo "Nama = Hendrawan Wahyu Purbaya"; Ini akan muncul "Nama = Hendrawan Wahyu Purbaya"
?> Digunakan sebagai penutup program PHP


WEB SERVER
  Adalah sebuah piranti lunak pada mesin server yang menyediakan layanan request HTTP atau HTTPS pada port 80, 8080, maupun 443 dari klien dan mengembalikannya dalam bentuk halaman WEB
Beberapa Jenis Web yang sering digunakan
1. apache
2. nginx
3. ISS
4. LiteSpeed Web Server
5. Google Web Server
6. LIGHTTPD

WEB BROWSER
   Adalah aplikasi yang dipasang pada mesin komputer klien dengan tujuan untuk meminta Menampilkan Halaman web baik dari mesin lokal maupun dari alamat sebuah web server

Berikut adalah Urutan Peringkat penggunaan web Browser yang ditampilkan pada situs http:webbrowserreviewtoptenviews.com

1. Mozilla Firefox
2. Google Chrome
3. Opera
4. Sefari
5. Internet Exploler

WEB PROGRAMMING
   Adalah suatu kegiatan merancang dan menulis halaman web dengan standar kode bahasa pemrograman tertenti.
Halaman Web Dibagi Menjadi Dua yaitu:

1. Web Statis  (Konten Tidak dappat Di Ubah)
2. Web Dinamis (Konten Dapat Di Ubah)

Berikut Perbedaan Web Dinamis :
1. Berbasis Database
2. Interface yang Lebih Interaktif
3. Bahasa Pemrograman

Berdasarkan Proses pemrogramannya, web dibedakan menjadi 2 :

1. Client Side Programming
  contoh:
A. HTML
B. CSS
C. JavaScript
D. XML

2. Server Side Programming
  contoh:
A. PHP
B. ASP, ASP dot net
C. Java Server Page


TERIMA KASIH TUK KUNJUNGANMU