konsep dasar web

konsep dasar pada web

Sebelum belajar

membuat halaman web dengan perin

tah html, sebaiknya perlu

mengetahui terlebih dahulu istilah-istilah yang

berhubungan

dengan

teknologi web. Beberapa

istilah yang sering kita dengar adalah web server, URL, domain, HTTP, HTML, web browser, web

editor, internet,

www, dll.

WEB SERVER:

Sebuah perangkat lunak yang berjalan pada komputer server, bertindak

melayani permintaan-perminta

an client terhadap halaman web tertentu,

yang memungkinkan dokumen-dokumen web di server ditampilkan pada

komputer user.

Web server yang sering digunakan saat ini antara lain adalah Apache,

Personal Web Server (PWS), MS Internet Information Server (IIS), dan Tomcat.

URL:

Uniform Resource Locator

sebuah alamat yang terdiri atas dua bagian, yaitu

pengenal protocol dan pengenal domain.

contoh : http://www.facebook.com

Domain:

Domain adalah

nama dari alamat website seperti

www.google.com, www.facebook.com.

Domain seperti ini disebut Top Level Domain (TLD). Alamat website gratisan

yang peroleh dari Geocities merupakan subdomain.

HTTP:

Hypertext Transfer Protocol.

Adalah protokol atau prosedur yang berfungsi

untuk mendefinisikan dan menjelaskan bagaimana server dan client

berinteraksi dalam mengirim & menerima dokumen web.

HTML:

Hypertext Mark up Language.

Adalah suatu metode untuk

mengimplementasikan konsep

hypertext

dalam suatu naskah atau dokumen.

Tidak termasuk dalam bahasa pemrograman

HTML merupkan standard bahasa yang di gunakan untuk menampilkan

document web, yang bisa anda lakukan dengan HTML yaitu:



Mengontrol tampilan dari web page dan contentnya.



Mempublikasikan document secara online sehingga bisa di akses dari

seluruh dunia.



Membuat online form yang bisa di gunakan untuk menangani



pendaftaran, transaksi secara online.



Menambahkan object-object seperti image, audi, video dan juga java applet dalam document HTML.

WEB BROWSER:

Adalah perangkat lunak yang berjalan pada komputer user yang berfungsi

untuk menampilkan dokumen web.

Web browser yang sering digunakan MS Internet Explorer, Netscape

Navigator, Mozilla, Opera, dll.

WEB EDITOR:

Program yang di gunakan untuk membuat document HTML, ada banyak

HTML editor yang bisa anda gunakan diantaranya: Ms FrontPage,

Dreamweaver, Notepad.

INTERNET:

Merupakan jaringan komputer bersifat global yang menjangkau hampir

keseluruh pelosok dunia.

Semu

a informasi dunia luar dapat kita lihat melalui

layar monitor tanpa harus beranjak menuju tempat yang kita inginkan

WWW:

Merupakan suatu sarana pembagian informasi antara pengguna jaringan

komputer.

Informasi berupa dokumen dalam bentuk teks, gambar, video,

program.

Perbedaan antara klien dan server

Klien adalah pengguna atau user yang ingin mengakses atau membuka halaman web

tertentu dan mencari informasi tertentu dalam bentuk teks, gambar, suara atau video melalui

internet. Informasi atau dokumen

tersebut akan dikirimkan oleh server ke komputer user.

Bandwidth mempengaruhi transmisi data dan gambar pada layar

Semakin besar bandwidth, semakin cepat pula koneksi internet dalam menghubungkan

klien dan server. Dalam permintaan data dan gambar oleh

klien, besarnya bandwidth akan

mempengaruhi kecepatan dalam pengiriman data oleh server dan mempengaruhi kecepatan user

dalam mengakses data tersebut.

Ciri-Ciri dan Fungsi Software Teks Editor yang Tersedia untuk Merancang Web Page

Beberapa software teks

editor yang biasa digunakan untuk merancang halaman web

diantaranya adalah Notepad++, Adobe Dreamweaver dan Frontpage.

Secara umum ciri-cirinya adalah terdapat halaman untuk mengetikkan tag-tag HTML yang

disertai dengan nomor baris. Dapat membuat desain ha

laman web baik melalui icon yang

tersedia atau melalui script.

Fungsi dari software teks editor dalam merancang halaman web adalah untuk mengetikkan tag

HTML dan mendesain halam web.

array 1 & 2 dimensi beserta contoh

ARRAY

ARRAY adalah himpunan elemen (variabel) dengan tipe yang sama dan disimpan secara berurutan didalam memory yang ditandai dengan pemberian indeks pada suatu nama variabel. Contohnya, kita dapat menyimpan 5 nilai dengan tipe data int tanpa harus mendeklarasikan 5 identifier variabel yang berbeda. Perhatikan contoh di bawah ini :

0	1	2	3	4

Nil
Bagian kosong diatasmempresentasekan elemen array, dalam kasus ini adalah nilai integer. Angka 0-4 adalah indeks dan selalu dimulai dengan angka 0. Seperti penggunaan variabel pada umumnya, array harus dideklarasikan terlebih dahulu dengan format sbb:

            tipe data nama [element];

Maka contoh array diatas dideklarasikan sbb:

            int budi [5];

A. Inisialisasi array

Ketika mendeklarasikan variabel lokal (didalam fungsi), jika tidak dibeikan nilai maka isi dari array tidak akan ditentukan (undetermined) sampai nilai diberikan. Jiak pendeklarasian array global (diluar semua fungsi) maka isi dari array akan diinisialisasikan sebagai 0 :

            int budi [5];

Maka setiap elemen array budi akan di-inisialisasikan sebagai 0

0	1	2	3	4
0	0	0	0	0

Nil

Atau dideklarasikan dengan memberikan nilai array yang dituliskan dalm kurung kurawal :

int budi [5] = {16,2, 77, 40, 1207};

Maka elemen array budi berisi :

0	1	2	3	4
0	0	0	0	0

Nil

B. Access to the values of an array

Nilai array dapat diakses secara individual, dengan format :

            nama [indeks];

Maka dari contoh sebelumnyanama yang di gunakan untuk mengakses masing-masing elemen :

(budi) 0	(budi) 1	(budi) 2	(budi) 3	(budi) 4
0	0	0	0	0

Nil

Misalnya akn di simpan nilai 75 pada elemen ketiga, mak intruksinya :

            budi [2] = 75;

Dan jika nilai elemen ketiga tadi akan di berikan ke variabel a, maka dapat di tuliskan :

            a = budi [2];

contoh :

#include<iostream.h>

#include<conio.h>

void main()

{

int budi [5] ;

budi [0]=76;

budi [1]=65;

budi [2]=87;

budi [3]=43;

budi [4]=25;

cout<<budi[3]<<endl<<budi[2];

getch();

}

Tampilannya :

43

87 

C. Array sebagai parameter
Adakalanya array diberikan kedalam fungsi parameter. Dalam c++  tidak memungkinkan untuk pass by value satu blok memory sebagai poarameter satu fungsi. Untuk menggunakan array sebagai parameter maka harus dilakukan saat pendeklarasian fungsi yang  merupakan spesifikasi tipe array pada argumen, contoh :

void fungsi (int arg []);

dalam fungsi ini elemen array dapat diakses seperti biasanya. Sedangkan mengirim array kedalam fungsi tersebut, cukup dituliskan nama array yang akan di kirim kedalam parameter fungsi tersebut.
Array berdimensi banyak dapat dikirimkan kedalam fungsi dengan cara yang mirip dengan array satu dimensi, tetapi besar semua dimensi array kecuali dimensi pertama harus dideklarasikan pada parameter fungsi. Contoh : 

Void  fungsi2 (float matrix [][5]

Atau

Void  fungsi2 (float matrix [6][5] )

D. Array berdimensi satu

Bentuk umum :

Tipe nama_var [ukuran];

            Atau

Float nilai_ujian [5];

Contoh :

#include<stdio.h>

#include<conio.h>

int main()

{

int square[100];

int i; /*loop index*/;

int k; /*the integer*/

/*calculate the squares */

for (i=0; i<10; i++)

{

k= i+1;

square[i]=k*k;

printf("\nPangkat dari %d adalah %d ", k, square[i]);

}

getch();

}

Penjelasan

Dari program diatas anda dapat melihat ada 10 elemen yang masing-masing nilainya dapat dipangkatkan, mulai dari 1 sampai 10. Diman dalam memory sudah di pesam tempat sebanyak 100. Sedangkan apabila array akan dikirimkan kesebuah fungsi caranya adalah hanya dengan mencantumkan nama array tanpa diikuti tanda apapun. 

E. Array berdimensi dua
Struktur array yang dibahas diatas mempunyai satu dimensi sehingga variabelnya disebut variabel array berdimensi satu. Pada bagian ini ditunjukkan array berdimensi lebih dari satu, yang sering disebut array berdimensi dua.

            Contoh :

#include<iostream.h>

#include<conio.h>

main()

{

int matrix[3][3];

int i,j;

for(i=0;i<=2;i++)

{

for(j=0;j<=2;j++)

{

cout<<"Masukkan angka pada baris ke "<<i<<" kolom ke "<<j<<" : ";

cin>>matrix[i][j];

}

cout<<endl;

}

for(i=0;i<=2;i++)

{

for(j=0;j<=2;j++)

{

cout<<matrix[i][j]<<" ";

}

cout<<endl;

}

getch();

}

Tampilan listing di atas....

Masukkan angka pada baris ke 0 kolom ke 0 : 6

Masukkan angka pada baris ke 0 kolom ke 1 : 3

Masukkan angka pada baris ke 0 kolom ke 2 : 8

Masukkan angka pada baris ke 1 kolom ke 0 : 2

Masukkan angka pada baris ke 1 kolom ke 1 : 5

Masukkan angka pada baris ke 1 kolom ke 2 : 8

Masukkan angka pada baris ke 2 kolom ke 0 : 1

Masukkan angka pada baris ke 2 kolom ke 1 : 5

Masukkan angka pada baris ke 2 kolom ke 2 : 8

6 3 8

2 5 8

1 5 8