Rabu, 17 April 2013

artikel web



A.  WEBSITE
 web site adalah sejumlah halaman web yang memiliki topik saling terkait, terkadang disertai pula dengan berkas-berkas gambar, video, atau jenis-jenis berkas lainnya.
Penemu situs web adalah Sir Tlmothy Jhon "Tlm" Berners-Lee, sedangkan situs web yang tersambung dengan jaringan pertamakali muncul pada tahun 1991. Maksud dari Tim ketika merancang situs web adalah untuk memudahkan tukar menukar dan memperbarui informasi pada sesama peneliti di tempat ia bekerja. Pada tanggal 30 April 1993,CERN(tempat dimana Tim bekerja) mengumumkan bahwa WWW dapat digunakan secara gratis oleh publik.
Sebuah situs web bisa berupa hasil kerja dari perorangan atau individu, atau menunjukkan kepemilikan dari suatu organisasi, perusahaan. biasanya pembahasan dalam sebuah situs web merujuk pada sebuah ataupun beberapa topik khusus, atau kepentingan tertentu. Sebuah situs web bisa berisi pranala yang menghubungkan ke situs web lain, demkian pula dengan situs web lainnya. Hal ini terkadang membuat perbedaan antara situs web yang dibuat oleh individu ataupun perseorangan dengan situs web yang dibuat oleh organisasi bisnis menjadi tidak begitu jelas.
Situs web biasanya ditempatkan pada server web. Sebuah server web umumnya telah dilengkapi dengan perangkat-perangkat lunak khusus untuk menangani pengaturan nama ranah, serta menangani layanan atas protokol HTTP yang disebut sebagai Server HTTP  

B.   WEB STASIS DAN DINAMIS
Situs web statis merupakan situs web yang memiliki isi tidak dimaksudkan untuk diperbarui secara berkala sehingga pengaturan ataupun pemutakhiran isi atas situs web tersebut dilakukan secara manual
Situs web dinamis merupakan situs web yang secara spesifik didisain agar isi yang terdapat dalam situs tersebut dapat diperbarui secara berkala dengan mudah. Sesuai dengan namanya, isi yang terkadung dalam situs web ini umumnya akan berubah setelah melewati satu periode tertentu. Situs berita adalah salah satu contoh jenis situs yang umumnya mengimplementasikan situs web dinamis.
Tidak seperti halnya situs web statis, pengimplementasian situs web dinamis umumnya membutuhkan keberadaan infrastruktur yang lebih kompleks dibandingkan situs web statis. Hal ini disebabkan karena pada situs web dinamis halaman web umumnya baru akan dibuat saat ada pengguna yang mengaksesnya, berbeda dengan situs web statis yang umumnya telah membentuk sejumlah halaman web saat diunggah di server web sehingga saat pengguna mengaksesnya server web hanya tinggal memberikan halaman tersebut tanpa perlu membuatnya terlebih dulu.
 A.  CONTOH PROGRAM WEB

HTML adalah suatu metode untuk mengimplementasikan konsep hypertext dalam suatu naskah atau dokumen.
INI CONTOH NYA………..
<HTML>
<!-HTML Yang Pertama Aku Buat-->
<HEAD> <TITLE>Contoh Page dengan HTML</TITLE></HEAD>
<BODY>
<CENTER><H1><B><I>Contoh Page</I></B></H1></CENTER>
<IMG SRC="aas.jpg" ALIGN=RIGHT>
<H1>Heading 1</H1>
<H2>Heading 2</H2>
<H3>Heading 3</H3>
<H4>Heading 4</H4>
<H5>Heading 5</H5>
<H6>Heading 6</H6>
<P>Dibawah ini ada garis …</P><HR>
<B>Tebal</B> <I>Miring</I> <U>Garis bawah</U> <HR>
<STRONG>Perhatian !!!</STRONG> <EM>Hati-hati</EM>
<HR>
<TT>ini ada pesan dari Tuan John</TT>
<CODE>MOV AX, 100h</CODE>
<HR>
<P>Paragraf, ini adalah paragraf. Paragraf paragraf
paragraf paragraf paragraf paragraf paragraf paragraf
paragraf paragraf paragraf <B>ada BR
nya</B> <BR>paragraf paragraf
paragraf paragraf paragraf paragraf paragraf paragraf
paragraf paragraf paragraf paragraf paragraf paragraf
paragraf paragraf paragraf</P> <HR>
<H3>
  <P>Perhatikan pesan Dosen:</P>
</H3>
<BLOCKQUOTE>Dalam perkuliahan selalu akan diberikan tugas
baik individu maupun kelompok, selain akan ada quiz, UTS
dan UAS.
Tugas-tugas harap diserahkan  dalam disket</BLOCKQUOTE> <HR>
<H3><P>Contoh List Terurut</P></H3>
<P>Keperluan bermain bulutangkis</P>
<OL>
  <LI>Lapangan</LI>
  <LI>Net</LI>
  <LI>Raket</LI>
  <LI>Shuttlecock</LI>
</OL> <HR>
<H3><P>Contoh List Tidak Terurut</P></H3>
<P>Buah-buahan lezat &amp bergizi</P>
<UL>
  <LI>Apel</LI>
  <LI>Jeruk</LI>
  <LI>Durian</LI>
  <LI>Mangga</LI>
  <LI>Jambu</LI>
</UL> <HR>
<H3><P>Contoh List Definisi</P></H3>
<DL>
  <DT>Pesan</DT>
    <DD><P>Dengar isi nasihat bukan siapa yg menasihati.
    </P></DD>
  <DT>BATIG</DT>
    <DD><P>Belajarlah Apabila Tidak Ingin Gagal</P></DD>
  <DT>HTML</DT>
    <DD><P>HyperText Markup Language</P></DD>
  <DT>Beriman</DT>
    <DD><P>Bersih Indah dan Aman</P></DD>
</DL><HR>
<A HREF="http://www.unpad.ac.id/">Link ke Website
Universitas Padjadjaran</A><BR><HR>
&copy 2001 Siapa Saja
</BODY>
</HTML>
 
PHP adalah bahasa skrip yang dapat ditanamkan atau disisipkan ke dalam html.
INI CONTOHNYA…..
<html>
<head>
<title>::: Operasi Aritmatika :::</title>
</head>
<body>
<form action=operasi.php method=post>
<center><h3>Operasi Aritmatik A dan B</h3></center>
<table align=center bgcolor=#cedadc bordercolor=#cfdbdd>
<tr>
<td>Masukkan Nilai A </td>
<td><input type=text name=a size=10></td>
</tr>
<tr>
<td>Masukkan Nilai B </td>
<td><input type=text name=b size=10></td>
</tr>
<tr>
<td>Operasi</td>
<td>
<select name=operasi>
<option value=1>Penjumlahan [a+b]</option>
<option value=2>Pengurangan [a-b]</option>
<option value=3>
Perkalian [a*b]</option>
<option value=4>
Pembagian   [a/b]</option>
</select>
</td>
</tr>
<tr>
<td colspan=2 align=center>
<input type=submit value=hitung></td>
</tr>
</table>
</form>
</body>
</html>

Javascript adalah bahasa skrip yang popular di internet dan dapat bekerja di sebagian besar penjelajah web popular seperti Internet Explorer, Mozilla Firefox, Netscape dan Opera. Kode java script dapat disisipkan dalam halaman web menggunakan tag SCRIPT.
INI CONTOHNYA……….
<html>
<head>
<title>.....</title>
<script type="text/JavaScript">
<!--
penulisan kode JavaScript disini
//-->
</head>
<body>
</body>
</html>
jQuery adalah pustaka javascript kecil bersumber terbuka yang menekan pada interaksi antara javascript dan html

INI CONTOHNYA………..
 
<!DOCTYPE html>
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  <p><span>Hello</span>, how are you?</p>
<p>Me? I'm <span>good</span>.</p>
<script>
  $("p").find("span").css('color','red');
</script>
 
</body>
</html>

D. Cara kerja web online
Ketika kita mengakses sebuah website ,ketika kita mengetik alamat (URL) website yang dituju  (http://www.abcde.com) pada broser kita
Kemudian browser melalui port mengirimkan permintaan pada data user berwujud paket data yang terdiri dari body dan header dengan format HTTP request ke web server.
Kemudian web server menerima permintaan data, dan merncari kecocokan data yang dicari di database server
Jika ada data yang cocok maka akan di kirimkan kembali melalui browser dan di tampilkan di layar computer user
E.DAFTAR PUSTAKA



artikel web


A.  WEBSITE
 web site adalah sejumlah halaman web yang memiliki topik saling terkait, terkadang disertai pula dengan berkas-berkas gambar, video, atau jenis-jenis berkas lainnya.
Penemu situs web adalah Sir Timothy John ¨Tim¨ Berners-Lee, sedangkan situs web yang tersambung dengan jaringan pertamakali muncul pada tahun 1991. Maksud dari Tim ketika merancang situs web adalah untuk memudahkan tukar menukar dan memperbarui informasi pada sesama peneliti di tempat ia bekerja. Pada tanggal 30 April 1993, CERN(tempat dimana Tim bekerja) mengumumkan bahwa WWW dapat digunakan secara gratis oleh publik.
Sebuah situs web bisa berupa hasil kerja dari perorangan atau individu, atau menunjukkan kepemilikan dari suatu organisasi, perusahaan. biasanya pembahasan dalam sebuah situs web merujuk pada sebuah ataupun beberapa topik khusus, atau kepentingan tertentu. Sebuah situs web bisa berisi pranala yang menghubungkan ke situs web lain, demkian pula dengan situs web lainnya. Hal ini terkadang membuat perbedaan antara situs web yang dibuat oleh individu ataupun perseorangan dengan situs web yang dibuat oleh organisasi bisnis menjadi tidak begitu jelas.
Situs web biasanya ditempatkan pada server web. Sebuah server web umumnya telah dilengkapi dengan perangkat-perangkat lunak khusus untuk menangani pengaturan nama ranah, serta menangani layanan atas protokol HTTP yang disebut sebagai Server HTTP (bahasa Inggris: HTTP Server) seperti Apache HTTP Server, atau Internet Information Services (IIS).

B.   WEB STASIS DAN DINAMIS
Situs web statis merupakan situs web yang memiliki isi tidak dimaksudkan untuk diperbarui secara berkala sehingga pengaturan ataupun pemutakhiran isi atas situs web tersebut dilakukan secara manual
Situs web dinamis merupakan situs web yang secara spesifik didisain agar isi yang terdapat dalam situs tersebut dapat diperbarui secara berkala dengan mudah. Sesuai dengan namanya, isi yang terkadung dalam situs web ini umumnya akan berubah setelah melewati satu periode tertentu. Situs berita adalah salah satu contoh jenis situs yang umumnya mengimplementasikan situs web dinamis.
Tidak seperti halnya situs web statis, pengimplementasian situs web dinamis umumnya membutuhkan keberadaan infrastruktur yang lebih kompleks dibandingkan situs web statis. Hal ini disebabkan karena pada situs web dinamis halaman web umumnya baru akan dibuat saat ada pengguna yang mengaksesnya, berbeda dengan situs web statis yang umumnya telah membentuk sejumlah halaman web saat diunggah di server web sehingga saat pengguna mengaksesnya server web hanya tinggal memberikan halaman tersebut tanpa perlu membuatnya terlebih dulu.

C.   CONTOH PROGRAM WEB

HTML adalah suatu metode untuk mengimplementasikan konsep hypertext dalam suatu naskah atau dokumen.
INI CONTOH NYA………..
<HTML>
<!-HTML Yang Pertama Aku Buat-->
<HEAD> <TITLE>Contoh Page dengan HTML</TITLE></HEAD>
<BODY>
<CENTER><H1><B><I>Contoh Page</I></B></H1></CENTER>
<IMG SRC="aas.jpg" ALIGN=RIGHT>
<H1>Heading 1</H1>
<H2>Heading 2</H2>
<H3>Heading 3</H3>
<H4>Heading 4</H4>
<H5>Heading 5</H5>
<H6>Heading 6</H6>
<P>Dibawah ini ada garis …</P><HR>
<B>Tebal</B> <I>Miring</I> <U>Garis bawah</U> <HR>
<STRONG>Perhatian !!!</STRONG> <EM>Hati-hati</EM>
<HR>
<TT>ini ada pesan dari Tuan John</TT>
<CODE>MOV AX, 100h</CODE>
<HR>
<P>Paragraf, ini adalah paragraf. Paragraf paragraf
paragraf paragraf paragraf paragraf paragraf paragraf
paragraf paragraf paragraf <B>ada BR
nya</B> <BR>paragraf paragraf
paragraf paragraf paragraf paragraf paragraf paragraf
paragraf paragraf paragraf paragraf paragraf paragraf
paragraf paragraf paragraf</P> <HR>
<H3>
  <P>Perhatikan pesan Dosen:</P>
</H3>
<BLOCKQUOTE>Dalam perkuliahan selalu akan diberikan tugas
baik individu maupun kelompok, selain akan ada quiz, UTS
dan UAS.
Tugas-tugas harap diserahkan  dalam disket</BLOCKQUOTE> <HR>
<H3><P>Contoh List Terurut</P></H3>
<P>Keperluan bermain bulutangkis</P>
<OL>
  <LI>Lapangan</LI>
  <LI>Net</LI>
  <LI>Raket</LI>
  <LI>Shuttlecock</LI>
</OL> <HR>
<H3><P>Contoh List Tidak Terurut</P></H3>
<P>Buah-buahan lezat &amp bergizi</P>
<UL>
  <LI>Apel</LI>
  <LI>Jeruk</LI>
  <LI>Durian</LI>
  <LI>Mangga</LI>
  <LI>Jambu</LI>
</UL> <HR>
<H3><P>Contoh List Definisi</P></H3>
<DL>
  <DT>Pesan</DT>
    <DD><P>Dengar isi nasihat bukan siapa yg menasihati.
    </P></DD>
  <DT>BATIG</DT>
    <DD><P>Belajarlah Apabila Tidak Ingin Gagal</P></DD>
  <DT>HTML</DT>
    <DD><P>HyperText Markup Language</P></DD>
  <DT>Beriman</DT>
    <DD><P>Bersih Indah dan Aman</P></DD>
</DL><HR>
<A HREF="http://www.unpad.ac.id/">Link ke Website
Universitas Padjadjaran</A><BR><HR>
&copy 2001 Siapa Saja
</BODY>
</HTML>
 
PHP adalah bahasa skrip yang dapat ditanamkan atau disisipkan ke dalam html.
INI CONTOHNYA…..
<html>
<head>
<title>::: Operasi Aritmatika :::</title>
</head>
<body>
<form action=operasi.php method=post>
<center><h3>Operasi Aritmatik A dan B</h3></center>
<table align=center bgcolor=#cedadc bordercolor=#cfdbdd>
<tr>
<td>Masukkan Nilai A </td>
<td><input type=text name=a size=10></td>
</tr>
<tr>
<td>Masukkan Nilai B </td>
<td><input type=text name=b size=10></td>
</tr>
<tr>
<td>Operasi</td>
<td>
<select name=operasi>
<option value=1>Penjumlahan [a+b]</option>
<option value=2>Pengurangan [a-b]</option>
<option value=3>
Perkalian [a*b]</option>
<option value=4>
Pembagian   [a/b]</option>
</select>
</td>
</tr>
<tr>
<td colspan=2 align=center>
<input type=submit value=hitung></td>
</tr>
</table>
</form>
</body>
</html>

Javascript adalah bahasa skrip yang popular di internet dan dapat bekerja di sebagian besar penjelajah web popular seperti Internet Explorer, Mozilla Firefox, Netscape dan Opera. Kode java script dapat disisipkan dalam halaman web menggunakan tag SCRIPT.
INI CONTOHNYA……….
<html>
<head>
<title>.....</title>
<script type="text/JavaScript">
<!--
penulisan kode JavaScript disini
//-->
</head>
<body>
</body>
</html>
jQuery adalah pustaka javascript kecil bersumber terbuka yang menekan pada interaksi antara javascript dan html

INI CONTOHNYA………..
 
<!DOCTYPE html>
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  <p><span>Hello</span>, how are you?</p>
<p>Me? I'm <span>good</span>.</p>
<script>
  $("p").find("span").css('color','red');
</script>
 
</body>
</html>

D. Cara kerja web online
Ketika kita mengakses sebuah website ,ketika kita mengetik alamat (URL) website yang dituju  (http://www.abcde.com) pada broser kita
Kemudian browser melalui port mengirimkan permintaan pada data user berwujud paket data yang terdiri dari body dan header dengan format HTTP request ke web server.
Kemudian web server menerima permintaan data, dan merncari kecocokan data yang dicari di database server
Jika ada data yang cocok maka akan di kirimkan kembali melalui browser dan di tampilkan di layar computer user

E.DAFTAR PUSTAKA
putraaldy.blogspot.com