Nur Hermantono: TEKNOLOGI DALAM WEB

Pengenalan Website

Pada zaman serba modern ini teknologi informasi semakin tumbuh pesat dengan dibarengi dengan manusia yang berkembang dari masa ke masa. mengenai teknologi informasi tentunya tidak asing dengan istilah "Website", Website sendiri menurut wikipedia "halaman web yang saling berhubungan yang berisikan informasi dan disediakan secara perorangan, kelompok atau organisasi". Saya penasaran dengan sebuah Website bagaimana membuat Website dari nol hingga menjadi kumpulan informasi dengan tampilan yang sangat menarik. Untuk membuat Website diperlukan tools untuk mendesign diperlukan kesabaran serta terintegrasi, berikut macam-macam tools untuk membuat sebuah website.

HTML

Apa yang dimaksud dengan HTML ? "Hyper Text Markup Language merupakan sebuah file html sebuah 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 HTML

Dalam penulisan, tag HTML diapit oleh dua karakter kurung siku "<" dan ">".

Tag HTML secara normal selalu berpasangan, <div> dan </div>.

Tag HTML pertama dalam suatu pasangan adalah tag awal, dan tag kedua merupakan tag akhir, <index> dan </index>.

Tag HTML tidak case sensitive dengan tag huruf kecil maupun besar.

Penulisan script HTML selalu diawali dengan <html> dan diakhiri dengan </html>.

Kegunaan 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.

Dokumen HTML sederhana


 <!DOCTYPE html>

<html>

 <head bgcolor=black text=white>

 <title>'''Selamat Datang''' HTML</title>

 </head>

 <body>

 <p>Halo dunia!</p>

 </body>

</html>

Bagian Struktur HTML

<html>

<head>

....informasi dokumen....</head>

<body>
....konten yang di tampilkan

pada halaman browser.....</body>
</html>

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.

Body

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

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.

Atribut

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

PHP

PHP 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 dalam Pemrograman

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.

Contoh Dokumen PHP

<!DOCTYPE html>

<html>

   <head>

      <title>Contoh list dengan PHP</title>

   </head>

<body>

<h2>Daftar Absensi Mahasiswa</h2>

   <ol>

      <?php

      for ($i= 1; $i <= 1000; $i++) 

         {

            echo "<li>Nama Mahasiswa ke-$i</li>";

         }

      ?>

   </ol

</body>

</html>

JAVASCRIPT

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.

Skrip di Head

<html>

<head>

...

</script>

</head>

</html>

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

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

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.

ASP

Active Server Pages atau disingkat ASP adalah salah satu bahasa pemrograman web untuk menciptakan halaman web yang dinamis.

ASP merupakan salah satu produk teknologi yang disediakan oleh Microsoft. 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 :

Wikipedia. 2013. "HTML". 30 Januari 2015.
http://id.wikipedia.org/wiki/HTML

Wikipedia. 2012. "PHP". 30 Januari 2015.

http://id.wikipedia.org/wiki/PHP

Wikipedia. 2013. "JAVASCRIPT". 30 Januari 2015.

http://id.wikipedia.org/wiki/JavaScript

Wikipedia. 2012. "CSS". 30 Januari 2015.
http://id.wikipedia.org/wiki/Cascading_Style_Sheets

Duniailkom. 2015. "PHP, HTML, CSS". 30 Januari 2015.
http://www.duniailkom.com/

wikibuku. 2013. "CSS". 30 Januari 2015.
http://id.wikibooks.org/wiki/Halaman_Utama

Prohtelon. 2013. "PHP, CSS, HTML, JAVASCRIPT". 30 Januari 2015.
http://prothelon.com/belajar/

Aryoramangan. 2013. "PHP, CSS, HTML, JAVASCRIPT". 30 Januari 2015.
http://aryoramangan.blogspot.com/

Senin, 30 Maret 2015

TEKNOLOGI DALAM WEB

1 komentar: