Home > Archives for April 2015

Sunday, 5 April 2015

Teknologi yang digunakan pada Web

Eldrain 00:25:00

Website



Sebelum keinti pembicaraan alangkah baiknya bila kita mengenal terlebih dahulu, apa itu website ?

Website menurut wikipedia bahasa Indonesia adalah suatu halaman web yang saling berhubungan yang umumnya berada pada peladen yang sama berisikan kumpulan informasi yang disediakan secara perorangan, kelompok, atau organisasi. Sebuah website biasanya ditempatkan setidaknya pada sebuah server web yang dapat diakses melalui jaringan seperti Internet, ataupun jaringan wilayah lokal (LAN) melalui alamat Internet yang dikenali sebagai URL. Gabungan atas semua situs yang dapat diakses publik di Internet disebut pula sebagai World Wide Web atau lebih dikenal dengan singkatan WWW.

Dalam membuat website  tentunya akan memerlukan tools / teknologi yang bisa digunakan untuk mendesain web. Teknologi yang digunakan sebernarnya tergantung dari jenis website yang akan dibuat. Masing-masing teknologi pembuatan website tersebut memiliki kelebihan dan kekurangan. Namun, jika semua teknologi itu dimanfaatkan semaksimal mungkin, maka akan sangat mungkin suatu website itu akan menjadi mahakarya. Berikut saya akan membahas tentang beberapa teknologi yang dipakai dalam membuat website.

HTML



Definisi :

HTML (Hyper Text Markup Language) merupakan sebuah file html atau file teks yang berisi tag-tag markup, dengan tag markup memberitahukan bagaimana harus menampilkan sebuah halaman. Dalam HTML mirip dengan dokumen tulisan biasa hanya saja di HTML sebuah tulisan bisa memuat perintah yang ditandai dengan kode / disebut TAG.

Aturan Penulisan :

  1. Dalam penulisan, tag HTML diapit oleh dua karakter kurung siku ">" dan "<".
  2. Tag HTML secara normal selalu berpasangan, <div> dan </div>.
  3. Tag HTML pertama dalam suatu pasangan adalah tag awal, dan tag kedua merupakan tag akhir, <index> dan </index>.
  4. Tag HTML tidak case sensitive dengan tag huruf kecil maupun besar.
  5. Penulisan script HTML selalu diawali dengan <html> dan diakhiri dengan </html>.

Berikut adalah struktur pada HTML :

Struktur HTML : 
<html>
<head>
....informasi dokumen....</head>
<body>
....konten yang di tampilkan
pada halaman browser.....</body>
</html>

Keterangan :
1. Head
Bagian head biasanya diberi tanda dengan <head></head>, didalam head dimuat tag title yang menampilkan judul halaman pada title browsernya, bookmark menggunakan tag tittle untuk memberikan mark suatu website.

2. Body
Body biasanya dinyatakan dengan <body></body> merupakan tubuh / isi dari dokumen HTML untuk meletakan informasi yang akan ditampilkan pada browser.

3. Tag
HTML tidak membedakan pengguna huruf besar ataupun huruf kecil dari suatu elemen, tag elemen HTML terdiri dari tag-tag beserta teks yang ada dalam tag tersebut.

4. Atribut
Atribut menyatakan karakteristik dari tag, dengan contoh <P ALIGN="left"> digunakan sebagai membuat rata kiri suatu pragraf.>

Fungsi HTML :

  • Mengintegerasikan gambar dan tulisan.
  • Mengintegerasikan berkas suara dan rekaman gambar hidup.
  • Membuat Form interaktif.

HTML lebih menekankan pada penggambaran komponen struktur dan format didalam halaman web daripada menentukan penampilannya. Sedangkan penjelajah web digunakan untuk menginterpretasikan susunan halaman menjadi penjelajah web dengan menggunakan jenis tulisan, tab, warna, garis, dan perataan text yang dikehendaki ke komputer untuk menjadi halaman web.

JAVASCRIPT


Definisi :

JavaScript merupakan bahasa skrip yang populer di internet dan dapat bekerja di sebagian besar penjelajah web populer yang sering kita gunakan.Biasanya JavaScript digunakan sebagai peralatan pada halaman pengguna yang fungsinya bermacam-macam seperti peralatan untuk menambah kategori dengan lebih mudah.

Struktur Skrip pada Head :

Skrip di Head : 
<html>
<head>
<script type="text/javascript">
...
</script>
</head>

</html>

Skrip dieksekusi ketika dipanggil berdasarkan trigger pada event tertentu, peletakkan skrip menjaminkan skrip dimuat terlebih dahulu sebelum dipanggil.

Struktur Skrip pada Body :

Skrip di Body : 
<html>
<head>
</head>
<body>
<script type="text/javascript">
...
</script>
</body>
</html>

Skrip ini dieksekusi ketika halaman dimuat sampai di bagian <body>. Ketika menempatkan skrip pada bagian <body> berarti antara isi dan JavaScript dijadikan satu bagian.

CASCANDING STYLE SHEET


Definisi :

CSS merupakan aturan untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. CSS bukan merupakan bahasa pemograman.Sama halnya styles dalam aplikasi pengolahan kata seperti Microsoft Word yang dapat mengatur beberapa style, misalnya heading, subbab, bodytext, footer, images, dan style lainnya untuk dapat digunakan bersama-sama dalam beberapa berkas. Pada umumnya CSS dipakai untuk memformat tampilan halaman web yang dibuat dengan bahasa HTML dan XHTML.

CSS dapat mengendalikan ukuran gambar, warna bagian tubuh pada teks, warna tabel, ukuran border, warna border, warna hyperlink, warna mouse over, spasi antar paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan parameter lainnya.CSS adalah bahasa style sheet yang digunakan untuk mengatur tampilan dokumen. Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda.

PHP


Definisi :

PHP : Hypertext Preprocessor merupakan bahasa pemrograman script server-side yang didesain untuk pengembangan web. Selain itu,PHP digunakan sebagai bahasa pemrograman umum menurut wikipedia. PHP disebut bahasa pemrograman server side karena PHP diproses pada komputer server, ini disebabkan berbeda dibandingkan dengan bahasa pemrograman client-side seperti javascript yang diperoleh pada web browser.

Fungsi PHP :

Website dinamis yang bisa dibuat menggunakan PHP adalah situs web yang bisa menyesuaikan tampilan konten tergantung situasi, kode PHP biasanya disisipkan kedalam dokumen HTML. Karena fitur PHP disebut sebagai scripting language atau bajasa pemrograman script.

ASP


Definisi :

ASP (Active Server Pages) merupakan salah satu produk teknologi yang disediakan oleh Microsoft. adalah salah satu bahasa pemrograman web untuk menciptakan halaman web yang dinamis. ASP diproses melalui web server dan hasil proses ini menghasilkan HTML yang akan dikirimkan melalui penjelajah web (browser).ASP bekerja pada web server dan merupakan server side scripting. Active Server Pages (ASP) ialah pengaturan web yang digunakan untuk membina halaman web yang dinamik dan bersifat interaktif. 

Active server page adalah fasilitas yang diberikan oleh Microsoft untuk memudahkan pembuatan aplikasi-aplikasi Web Server.Hal ini di mungkinkan dengan menggabungkan komponen-komponen Hyper Text Markup Language (HTML) dengan Visual Basic Script (VBScript). Sehingga di dalam sebuah halaman Web dengan Active Server Page terdapat bagian HTML dan kode VBScript. ASP diciptakan oleh Microsoft untuk menjawab tantangan pemrograman web dinamis, di mana isi dari sebuah website dapat diprogram untuk mendapatkan hasil yang berbeda.  Tidak seperti HTML yang hanya menampilkan isi yang statis, ASP mampu menampilkan isi halaman yang berbeda sesuai dengan tujuan pemrogramannya.

ASP telah mencapai versi 3.0 yang berjalan pada platform Windows 2000 Professional atau Server. Versi sebelumnya, yaitu versi 2.0, dapat berjalan pada platform lain seperti Linux, Solaris, OS/2, dan Novell. Bahasa ASP murni Object Oriented Programming (OOP) memiliki struktur bahasa yang sama dengan bahasa Visual Basic yang mudah dimengerti karena sintaksnya menggunakan Bahasa Inggris.Seperti diketahui, bahwa Visual Basic adalah bahasa pemrograman yang paling mudah dimengerti dan dipelajari dibandingkan bahasa pemrograman lainnya. Oleh karena itu ASP sangat mudah dipelajari oleh para pemula sekalipun untuk membuat aplikasi web, disamping kehandalan dan kelengkapan fasilitas yang diberikan.

Referensi : 






    No comments:
    Label: , , , , , , , , , , , , , , , , , , ,
    Subscribe to: Posts (Atom)
    loading...