Selasa, 22 Maret 2016

Membuat Table dengan HTML


Cara membuat table di HTML, kita membutuhkan setidaknya 3 tag yaitu : tag <table> definisi </table>, tag <tr> definisi </tr>, dan tag <td> definisi </td>.

  • Tag <table> digunakan untuk memulai table.
  • Tag <td> adalah singkatan dari table data,  tag untuk penanda kolom. Dignakan untuk menginput data ke table.
  • Tag <tr> adalah singkatan dari table row, tag untuk penanda baris. Digunakan untuk membuat baris dari table.
Ada beberapa atribut yang bisa kita gunakan dalam tag table yaitu :
  1. Colspan => digunakan untuk menggabungkan cell dalam 1 baris.
  2. Rowspan => digunakan untuk menggabungkan cell dalam 1 kolom.
  3. Border => digunakan untuk menentukan ukuran ketebalan garis pada bingkai table.
  4. Width => digunakan untuk menentukan lebarnyanya table.
  5. Align => digunakan untuk menentukan posisi paragraf/definisi. misalnya align="center" berarti paragrafnya akan berada di tengah.
  6. Tag <b> definisi </b> => digunakan untuk membuat huruf tebal.
  7. Font size => digunakan untuk menentukan besarnya huruf, misal font size="6" berarti ukuran fontnya akan sesuai yang ditulis (semakin kecil ukuran levelnya semakin kecil juga ukuran hurufnya).
  8. Tag Heading <h1> => digunakan untuk membuat judul dari paragraf, atau bagian dari text yang merupakan judul.
Contoh membuat table dengan HTML

<h1><font size="5">Data NIlai Mahasiswa</font></h1>
<table border="2" width="400px">
<tr align="center">
  <td rowspan="2"><b>NO</b></td>
  <td rowspan="2"><b>Nama Mahasiswa</b></td>
  <td colspan="2"><b>Nilai Tugas</b></td>
</tr>
<tr align="center">
  <td><b>1</b></td>
  <td><b>2</b></td>
</tr>
<tr>
  <td align="center">1</td>
  <td>Bonaventura</td>
  <td align="center">70</td>
  <td align="center">80</td>
</tr>
<tr>
  <td align="center">2</td>
  <td>Romagnoli</td>
  <td align="center">70</td>
  <td align="center">90</td>
</tr>
<tr>
  <td align="center">3</td>
  <td>Bartolaci</td>
  <td align="center">90</td>
  <td align="center">50</td>
</tr>
<tr>
  <td align="center">4</td>
  <td>Antoneli</td>
  <td align="center">90</td>
  <td align="center">60</td>
</tr>
<tr>
 <td colspan="2"><b>Rata - rata</b></td>
 <td align="center"><b>80</b></td>
 <td align="center"><b>70</b></td>
</tr>
</table>

Print Outputnya :

Senin, 14 Maret 2016

Pemrograman Web

   A.    Pengertian Web, Situs Web, dan Pemrograman Web

   1.      Pengertian Web
Web adalah suatu aplikasi yang di dalamnya berisikan dokumen-dokumen text, gambar, animasi dan video atau aplikasi yang berisikan dokumen multimedia yang ditransfer menggunakan protokol HTTP (HyperText Transfer Protocol) dan diakses menggunakan browser seperti mozilla firefox, google chrome, opera dll.

   2.      Pengertian Situs Web
Sebagaimana yang kita ketahui bahwa situs web adalah kumpulan dari halaman web yang sudah dipublikasikan dan memiliki domain/URL atau alamat dari halaman-halaman web yang sudah tercantum di internet dan memiliki domain/URL. Sehingga dengan adanya situs ini orang dengan mudah mencari halaman web kita.

   3.      Pengertian Pemrograman Web
Pemrogman web adalah salah satu cara membuat web dengan implementasi kode-kode bahasa pemrograman yang dapat berjalan di server. Bahasa pemrograman yang mendukung pemrograman web ini antara lain PHP, JSP, ASP, dll. Atau lebih singkatnya Pemrograman web adalah sekumpulan instruksi untuk membuat dan mengelola web.
   B.     Istilah – istilah Dalam Web

ü  WWW (World Wide Web)

WWW adalah halaman-halaman website yang dapat saling terhubung antara halaman website satu dengan halaman website lainnya (hyperlink) sehingga membentuk samudra belantara informasi dan menyediakan informasi yang begitu banyak. WWW berjalan dengan protokol HTTP untuk mentransfer semua dokumen.

ü  Halaman Web

Merupakan file teks murni (plain text) yang berisi sintaks-sintaks HTML yang dapat dibuka/ dilihat/ diterjemahkan dengan Internet Browser.

ü  Web browser

Adalah perangkat lunak yang berfungsi menampilkan dan melakukan interaksi dengan dokumen-dokumen yang disediakan oleh server .

ü  Web Server

adalah perangkat lunak yang berfungsi penerima request kemudian mengirimkan response ke browser dalam bentuk HTML

ü   Hypertext
Adalah teks singkat yang menghubungkan antar dokumen

ü  URL (Uniform Resource Locator)

URL adalah rangkaian karakter dengan suatu format standar tertentu untuk menunjukkan alamat suatu sumber atau menunjukkan sumber suatu dokumen dari mana dokumen itu di dapatkan dan dimana tempat dokumen itu berada.

ü  URI (Uniform Resource Identifier)

URI adalah sebuah untaian karakter untuk mengidentifikasikan nama, sumber atau layanan di internet. URI dituliskan dalam satu baris teks juga untuk menunjukkan suatu halaman web termasuk lokasi cade fragment dan scheme.

 

  C.    Bahasa Pemrograman Web
Bahasa pemrograman merupakan suatu teknik instruksi standar untuk memerintah komputer. Berikut adalah penjelasan tentang bahasa pemrograman yang biasa digunakan untuk membuat suatu website:
a)      HTML (HyperText Markup Language)
Merupakan bahasa standar yang digunakan untuk membuat suatu dokumen atau halaman web, terdiri dari kode-kode singkat tertentu yang akan ditampilkan oleh web browser.
HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C). HTML berupa kode-kode tag yang menginstruksikan browser untuk menghasilkan tampilan sesuai dengan yang diinginkan. Sebuah file yang merupakan file HTML dapat dibuka dengan menggunakan browser web seperti Mozilla Firefox, Microsoft Internet Explorer dll.

b)      PHP (Hypertext Preprocessor)
PHP adalah bahasa pemrograman yang digunakan secara luas untuk penggunaan, pembuatan, dan pengembangan sebuah situs web dan bisa digunakan bersamaan dengan HTML.

c)      ASP (Active Server Pages)
ASP merupakan script yang bersifat server-side yang ditambahkan pada HTML untuk membuat situs web menjadi lebih menarik, dinamis dan efektif sehingga isi dari sebuah website dapat diprogram untuk mendapatkan hasil yang berbeda.

d)     XML (Extensible Markup Language)
XML adalah bahasa markup untuk keperluan umum yang disarankan oleh W3C, untuk membuat dokumen markup keperluan pertukaran data antar sistem yang beraneka ragam. XML didesain untuk menyimpan data secara ringkas sehingga menjadi lebih efisien dan mudah diatur.

e)      WML ( Wireless Markup Language)
WML adalah bahasa markup yang digunakan untuk mengimplementasikan WAP dokumen WML berbasis XML, dimana versinya mempunyai DPD dokumen type devinition. WML merupakan analog dari HTML yang berjalan pada protocol nirkabel.
f)       PERL
Perl adalah bahasa pemrograman untuk mesin dengan sistem operasi Unix (SunOS, Linux, BSD, HP-UX), juga tersedia untuk sistem operasi seperti DOS, Windows, BeOS, VMS, EBCDIC, dan PocketPC.
PERL merupakan bahasa pemograman yang mirip bahasa pemograman C.

g)      CFM
CFM dibuat menggunakan tag ColdFusion dengan software Adobe ColdFusion / BlueDragon / Coldfusion Studio.
Syntax coldfusion berbasis html.

h)      Javascript
JavaScript adalah bahasa script yang dapat bekerja di sebagian besar browser. JavaScript dapat disisipkan dalam halaman web menggunakan tag SCRIPT.  JavaScript pertama kali dikembangkan oleh  Brendan Eich. Walaupun namanya JavaScript namun bahasa pemrograman ini tidak ada hubungannya dengan bahasa pemrograman java. JavaScript dapat digunakan untuk membuat efek rollover baik gambar maupun teks dan yang paling utama untuk membuat AJAX.

i)        CSS (Cascading Style Sheet)
CSS merupakan aturan untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. CSS bukan merupakan bahasa pemrograman. Sama halnya Microsfot Word yang dapat mengatur beberapa style, misalnya heading, subbab, bodytext, footer, images, dan style lainnya untuk dapat digunakan bersama-sama dalam beberapa berkas (file).

j)      AJAX (Asynchronous JavaScript And XML)
AJAX adalah bahasa pemrograman yang membuat web lebih interaktif. Salah satu contoh web yang banyak menggunakan AJAX adalah Facebook. Dengan menggunakan AJAX web terlihat lebih dinamis karena tidak semua page terload.

  D.    Cara Kerja Web
Sederhananya tugas web server adalah untuk menerima permintaan dari client dan mengirimkan kembali berkas yang diminta oleh client tersebut.

Penjelasan untuk gambar cara kerja web diatas adalah:
1. USER/pengguna yang akan mengakses suatu website berupa URL melalui WEB BROWSER (yaitu media untuk menuju URL yang diakses),
2. kemudian WEB BROWSER tersebut mengirimkan permintaan/ request berupa HTTP REQUEST kepada WEB SERVER melalui layer-layer TCP/IP,
3. Lalu WEB SERVER memberikan WEB FILES yang di-request jika ada.
4. WEB FILES yang telah diberikan tadi tidak langsung ditampilkan/di-display  begitu saja, namun WEB SERVER memberikan respon kembali ke WEB BROWSER melalui HTTP RESPONSE yang juga melalui layer-layer TCP/IP, yang kemudian baru di terima oleh WEB BROWSER,
5. Dan kemudian dikirimkan kepada USER berupa DISPLAY.
  E.     Pembagian Pemograman Web Berdasarkan Pengolahan Data

-          Client side programming 
      Merupakan program komputer pada web yang dijalankan pada sisi client, oleh web browser. Script programnya dapat dilihat hanya dengan menggunakan view source. Script tergantung pada browser, bila browser tidak mendukung script, maka hasil tidak akan terlihat.

-         
      Server-side programming
      Memiliki arti operasi yang dilakukan oleh server didalam sebuah client-server relationship. Lebih jelasnya psrose dilakukan pada sisi server, tidak tergantung pada browser, script programnya tidak dapat dilihat sehingga lebih aman dan dapt melakukan konektifitas dengan database, dapat juga memanipulasi.

  F.     Pembagian Pemrograman Web berdasarkan Teknologi

1. Web Statis

Web statis adalah website yang mana penggunanya tidak bisa merubah kontent dari web tersebut secara langsung menggunakan browser. Dengan pengertian lain web statis adalah website yang kontennya tidak bisa dirubah oleh penggunanya secara langsung menggunakan browser.
Dari pengertian di atas sudah jelas bahwa pengguna (client) tidak bisa merubah konten secara langsung dan interaksi antara pengguna (client) dan server hanyalah seputar pemrosesan link saja. Ini dikarenakan karena script yang digunakan untuk membut web statis tidak mendukung untuk mengubah isi dokumen

Ciri-cirinya :

  • Hanya menggunakan HTML dan bisa dilengkapi dengan CSS.
  • Tidak memiliki datasbase.
  •  Kontennya hanya diberikan oleh pemilik web.
  • Jarang di-update.

2. Web Dinamis
Web dinamis adalah website yang mana penggunanya bisa merubah kontent dari halaman tertentu menggunakan browser dan interaksi yang terjadi antara pengguna dan server sangat kompleks.
Permintaan dari pengguna dapat diproses oleh server yang kemudian ditampilkan dengan isi yang berbeda-berbeda menurut alur programnya.

Ciri-cirinya :
  • Menggunakan bahasa pemrograman web seperti PHP, ASP dan lain-lain.
  • Memiliki database.
  • Konten di dalamnya bisa dari pengunjung dan bisa juga dari database.
  • Lebih sering di-update.