Disusun oleh:
SEKOLAH VOKASI
UNIVERSITAS DIPONEGORO
SEMARANG
2017
DAFTAR ISI
BAB I Pendahuluan
Latar Belakang ................................................................................................. 1
Rumusan Masalah ............................................................................................ 1
Maksud dan Tujuan .......................................................................................... 2
ii
BAB I
PENDAHULUAN
1.1 Latar Belakang
Teknologi semakin hari semakin berkembang. Salah satunya teknologi
informasi, banyak sekali bidang yang memanfaatkan teknologi Informasi.
Tuntutan kebutuhan akan informasi dan penggunaan komputer yang semakin
banyak mendorong terbentuknya sebuah jaringan komputer yang mampu
melayani berbagai kebutuhan tertentu.
Jaringan komputer kita kenal dengan nama internet. Internet bisa diakses
dan dimanfaatkan untuk berbagai keperluan, oleh siapa saja dan dimana saja,
kapanpun kita mau menggunakannya.Salah satunya adalah web, yang mampu
menyediakan informasi dalam bentuk teks, gambar, suara maupun gambar
bergerak. Dengan kemampuan sepeti ini, web menjadi sangat terkenal dan
perkembangannya sangatlah pesat.
Dengan terus berkembangnya roda perkembangan teknologi, web
berkembang menjadi alat bantu yang tidak hanya mampu menyediakan informasi,
namun juga mampu untuk mengolah informasi. Proses pengolahan informasi
dengan memanfaatkan teknologi web menyebabkan web menjadi media yang
dinamis. Hal ini membutuhkan sarana teknis yang yang menentukan. Sarana
tersebut banyak bergantung pada penggunaan perangkat lunak yang kuat, aman,
terpercaya, dan cepat.
Pada kesempatan ini penulis akan membahas tentang bahasa pemrograman
HTML sebagai salah satu perangkat lunak yang turut menentukan dapat
digunakannya media web sebagai media pengolah informasi.
1
1.3 Maksud dan Tujuan
Maksud dari penyusunan tugas ini adalah untuk memenuhi dan melengkapi
salah satu tugas mata kuliah Pemrograman Terstruktur di Bina Sarana
Informatika. Sedangkan tujuan dari penulisan tugas ini adalah:
1. Menerapkan teori yang didapat selama belajar di Bina Sarana Informatika.
2. Mengembangkan kreativitas dan wawasan penulis.
3. Memberikan uraian tentang pemrograman HTML secara lebih terperinci.
2
BAB II
PEMBAHASAN
3
2.2 Web Programming ASP
ASP diperkenalkan ke dunia pertama kali oleh Microsoft pada tanggal 16 Juli
1996, dan diberi nama kode Denali. Beta version dirilis pada bulan November
1996, dan akhirnya ASP Version 1.0 secara resmi dipasarkan ke publik pada
tanggal 12 Desember 1996. Microsoft terus mengembangkan ASP.
Kita dapat menggunakan program notepad untuk menuliskan kode-kodenya
dan nanti akan dieksekusi oleh browser, namun saat ini ada banyak program untuk
editor web seperti dreamweaver yang sangat disukai penulis karena perfomanya.
Agar supaya ASP dapat dijalankan dikomputer local maka dibutuhkan suatu
webserver localhost seperti IIS (internet information server) atau PWS (Personal
web server) yang ada pada cd Windowsnya.
Seperti telah disinggung diawal bahwa pemrograman ASP akan kita
sisipkan pada kode HTML biasa. ASP merupakan penerjemah VBScript dan
Jscript pada web server, sampai saat ini terdapat teknologi terayar Microsoft yaitu
ASP.NET yang terintegrasi dalam Microsoft.Net.
Bila VBScript kita gunakan untuk dieksekusi pada server, kita
menamakannya ASP dan jika dieksekusi pada klien (browser) maka kita namakan
VBScript.
Contoh penulisan pertama ASP
Tag html
<%
Script ASP
%>
Tag html
<script language=VBScript)
Script VBScript
4
</script>
Tag html
b. Variabel
Untuk mendeklarasikan variable, kita menggunakan statemen DIM seperti
dibawah ini;
Dim nama_variabel, contohnya :
Dim ilkom
Dim raihan
5
dibawah ini untuk catatan tentang jangkauan, harus berupa 255 karakter atau
kurang.
b. Input Output
Pastilah kita pernah mengunjungi situs tertentu dan melihat beberapa kotak
dialog seperti input nilai, inputkan nama, dan lain-lain seperti di VB. Mekanisme
ini digunakan untuk berkomunikasi dengan pengujung dengan menggunakan
MsgBox dan InputBox, MsgBox digunakan untuk menampilkan sejumlah pesan
kepada pengunjung sedangkan Input Box digunakan untuk memperoleh masukan
dari pengunjung
c. Objek Form
Sebelum kita membicarakan objek pada form, ada beberapa control HTML
yang nantinya akan kita gunakan untuk membangun aplikasi dengan ASP.
Penggunaan pada tag ini dimulai dengan <input> dan dikuti dengan tag yang akan
kita masukan pada sebuah form.
6
Objek form digunakan untuk keterangan
berkomunikasi dengan form pada
dokumen HTML. Objek ini memiliki
suatu metode submit, yang berfungsi
untuk mengirimkan form, eventnya
yaitu onSubmit. Ada beberapa property
dari objek form, yaitu ; Property
Form.asp
<Html>
7
<Head>
<Title>Daftar Mahasiswa</Title>
</Head>
<Body>
<Form Method="POST" name="form" Action="proses.asp"
Name="FrmMahasiswa">
Nama depan <input type="text" name="nama"> <br>
Nama keluarga <input type="text" name="keluarga"> <br>
Umur <input type="text" name="umur"> <br>
<Input Type="hidden" Value="new" Name="status">
<Input Type="submit" Value="Batal" Name="CmdBatal"></TD>
</Form>
</Body>
</Html>
Proses.asp
<Html>
<Head>
<Title>Daftar Mahasiswa</Title>
</Head>
<Body>
hallo, <%=Request.FORM("nama")%>
<%=Request.FORM("keluarga")%><br>
anda saat ini berusia <%=Request.FORM("umur")%> tahun. <br>
<%
if Request.FORM("status") = "new" then
response.write" ini adalah kunjungan pertama anda !"
end if
%>
</body>
<html>
8
2.5 ActiveX Data Object (ADO)
a. ADO Objek Model
Dalam membuat suatu halaman web belum lengkap rasanya jika kita tidak
dapat berinteraksi secara dinamis dengan web yang kita kunjungi, salah satu nilai
tambah dari ASP adalah kita dapat membuat script yang kita buat diintegrasikan
dengan suatu Database, misalnya Microsoft Access.Visual Foxpro, atau Microsoft
SQL Server.
ActiveX Data Object (ADO) adalah komponen yang memungkinkan aplikasi
client untuk mengakses dan memanipulasi data pada web server. Identitas
program ADO adalah ADODB.
Seperti objek-objek laiinya ADO juga memiliki koleksi, properti dan metode,
diantaranya adalah ADO objek Model, Objek Command, Objek Connection,
Objek Error, Objek Field, Objek Parameter, Objek Property, Objek Recordset,
Metode AddNew, Append, metode delete, metode execute, Properti
AbsolutePage, Absoluteposition, dll.
b. ODBC
Untuk dapat mengakses sumber daya OLE DB, langkah pertama yang harus
dilakukan adalah memberitahukan kepada ADO dimana diletakan file sumber
database tersebut.
Conection string yang digunakan berbeda-beda tergantung pada sumber data
Database yang kita buat.
Sumber data Microsoft Access menggunakan OLE Dbnya =
Provider=Microsoft.Jet.OLEDB.4.4;Data Source= letak file.mdb
Microsoft SQL Server = Provider = SQLOLEDB.1;Data Source = letak
database server
Oracle = Provider = MSDAORA.1;Data Source = letak database pada server
Microsoft Indexing service = Provider=MSIDXS.1;Data Source = letak file
Contohnya ;
<%
9
Set cnn = Server.CreateObject(ADODB.Connection)
Cnn.open Provider=Microsoft.Jet.OLEDB.4.0;Data
Source=C:\Documents\data.mdb
%>
note : penulisan connection string harus dilakukan dalam satu baris.
b. Web Portal
Web portal adalah situs yang mengumpulkan dan menyediakan indormasi
dari berbagai sumber untuk ditampilkan kepada user, jika user tertarik untuk
mengetahui informasi yang ada dengan lebih lengkap, user akan diarahkan
kesumber yang aslinya. Namun pada umumnya web portal tidak hanya
10
menampilkan informasi dari sumber luar, kadang mereka juga menampilkan
informasi-informasi dalam website mereka sendiri. Beberapa contoh web portal
adalah yahoo, msn, msnbc.
c. Wiki
Website wiki yang paling terkenal saat ini wikipedia. Website wiki adalah
website wiki yang mengizinkan pengunjung untuk ikut menulis dan mengedit
artikel yang ada dalam website dengan mengacu pada peraturan-peraturan
tertentu. Masing-masing website wiki memilki aturan yang berbeda-beda.
Biasanya, meskipun pengunjung bebas untuk menulis dan mngedit artikel di
website ini, namun ada sekelompok orang yang bertugas untuk memeriksa konten
yang dimuat apakah layak atau tidak untuk website tersebut. Meskipun website ini
sering menjadi sumber referensi namun tidak semua informasi yang ada dapat
dipercaya 100%.
d. Archiveve site
Archieve site atau situs arsip adalah website yang dibuat mengumpulkan dan
menyimpan materi-materi elektronik berupa konten-konten dan halaman-halaman
website agar tidak hilang/punah. Contohnya archieve.org.
f. Forum
11
Forum termasuk salah satu jenis website yang pernah menjamur diindonesia.
Apalagi sejak fenomena KasKus sebagai forum no 1 dan juga website dengan
pengunjung terbanyak diindinesia. Ada yang spesifik ada juga ayng bersifat
umum, dan dalam forum ini terdapat sub-sub forum berdasarkan kategori-kategori
tertentu yang ditetapkan oleh admin. Untuk membangun sebuah forum yang
lengkap memnutuhkan waktu yang sangat banyak. Untungnya sudah tersedia
software-software pembuat forum yang siap pakai, baik ayng gratis maupun yang
berbayar. Software pembuat forum yang terkenal adalah vBulletin, yang
digunakan oleh kaskus dan banyak forum-forum internet lainnya.
h. Social bookmarking
Social bookmarking adalah situs yang mengijinkan user untuk memasukkan
informasi atau sumber informasi artikel-artikel untuk dibaca atau di-rating dan
dikomentari oleh user lainnya. Situs jenis ini sering digunakan oleh pemilik situs
berita, blog dan situs-situs lainnya untuk mempromosikan konten situs mereka.
Beberapa situs social bookmarking yang terkenal adalah Lintas berita, Digg dan
stumbleupon
i. Media sharing
Situs ini khusus disediakan bagi user untuk mengupload media-media
elektronik seperti gambar, musik dan video agar dapat dilihat dan didownload
oleh pengunjung lain. Contohnya yaitu Youtube, Flickr, Imageshack.
j. Cloud
12
Situs jenis cloud ini adalah pengembangan dari situs media sharing dimana
situs ini memberikan fasilitas penyimpanan file sekaligus berbagi file bagi
anggotanya dengan fitur canggih sinkronisasi file, dimana pengguna dapat
melakukan sinkronisasi otomatis file-file tertentu dikomputer atau gadget mereka
dengan cloud server tanpa perlu melakukan upload file manual. Beberapa contoh
website cloud adalah Dropbox, SkyDrive dan GoogleDrive.
13
Dari pola diatas dapat digambarkan adanya sebuah dokumen HTML mulai
dari tag pembuka <html> sampai tag penutup </html>, sedangkan isi dari
dokumen html tersebut adalah dua buah elemen atau section yaitu:
1) HEAD yang dimulai dari tag pembukanya <head> sampai tag penutup head
</head>, Pada elemen ini biasanya berisikan:
Title, merupakan judul dokumen
Meta tag, informasi yang akan diberikan oleh pengunjung tentang isi halaman
web. Dalam Meta Tag dapat kita isikan beberapa atribut penjelasan antara lain,
Content, Name, URL. Sedangkan dalam atribut tersebut terdapat sebuah value,
adapun beberapa value yang dapat kita isikan antara lain abstract, author,
copyright, description, distribution, expires, keywords, revist, refresh maupun
language
2) Script java, CSS dan beberapa perintah lain yang nantinya akan diesekusi
browser tanpa ditampilkan oleh browser untuk sebagian besar, dengan kata lain
pada elemen ini kebanyakan hanya mengatur informasi dan visualisasi web
tersebut, untuk elemen keduanya adalah:
BODY mulai dari tag pembuka <body> sampai tag penutupnya </body>
pada elemen ini berisikan informasi dan pengaturannya yang akan ditampilkan
dalam browser.
Atribut HTML, adapun contoh atributh dan kegunaannya sebagai berikut:
<DFN> untuk menandai sebuah subdefinisi dari daftar ataupun table definisi
<STRONG>, Untuk menandai bagian text ataupun kata dari penting dari sebuah
kalimat, paragraph ataupun dokumen
<VAR> untuk menampilkan nama variable
<CITE> Menandai kutipan
<CODE> Menampilakan sebuah kode pemrograman
<EM> Penekanan sebuah kalimat
<SAMP> untuk membuat contoh ataupun sample didalam sebuah dokumen
<KBD> menandai suatu text dimana text tersebut harus dimasukan oleh user
melalui keyboard
<B> Bold membuat tampilan tebal huruf, kata ataupun kalimat
<I> Italic membuat tampilan miring
14
<U> Underline membuat tampilan garis bawah
<TT> Membuat tampilan jenis huruf menyerupai huruf mesin ketik
<STRIKE> membuat garis tengah pada sebuah kalimat
<BIG> memperbesar ukuran huruf
<SMALL> memperkecil ukuran huruf
<SUP> menampilkan superscript
<SUB> menampilkan subscript
<FONT> merupakan sebuah pengaturan huruf, kata ataupun kalimat bahkan
paragraph di mana dalam atribut ini terdapat value yang mengatur tampilan huruf
tersebut seperti color.
Size, style dan lainnya
<P> Paragrah untuk membuat sebuah paragraph
<BR> Line break berfungsi untuk mengganti baris
<H1>,<H2>,<H3>,<H4>,<H5>,<H6> merupakan sebuah header dimana dari
keenam jenis tersebut mempunyai perbedaan ketebalan dan ukuran huruf
<PRE> Preformatted Text berfungsi menampilkan text apa adanya
<CENTER> membuat sebuah text berada di posisi tengah
<LEFT> membuat sebuah text berada di posisi kiri
<RIGHT> membuat sebuah text berada di posisi kanan
<Basefont size=pixel> mengubah ukuran sebuah huruf
<HR> Horizontal rule berfungsi untuk membuat garis bawah
<OL> membuat penomoran pada daftar
<UL> Membuat sebuah tanda pada daftarA. Sejarah HTML5
15
Meskipun HTML5 telah dikenal luas oleh para pengembang web sejak lama,
HTML5 baru mencuat pada April 2010 setelah CEO Apple Inc., Steve Jobs,
mengatakan bahwa dengan pengembangan HTML5, "Adobe Flash sudah tidak
dibutuhkan lagi untuk menyaksikan video atau menyaksikan konten apapun di
web."
Kelompok kerja untuk teknologi aplikasi web hypertext (WHATWG) mulai
menspesifikasikan HTML5 pada bulan juni 2004 dengan nama Web Applications
1.0. , hingga pada bulan maret 2010 spesifikasi ini masuk ke bagian draft standar
di WHATWG, dan ke dalam bagian pengurusan draft di W3C. Ian Hickson
mewakili Google ,Inc menjadi editor HTML5.
Pada tahun 2007 Spesifikasi HTML5 diadopsi sebagai pekerjaan permulaan
untuk grup baru yang mengurus HTML di World Wide Web Consorsium (W3C).
Grup ini pertama kali mempublikasikan hasil draft pekerjaan pertama mereka
pada tanggal 22 januari 2008. Spesifikasi ini berstatus dalam tahap pengerjaan,
dan diperkirakan akan tetap demikian selama bertahun-tahun, meskipun sebagian
dari HTML5 sudah dalam tahap penyelesaian dan diimplementasikan pada
penjelajah web sebelum keseluruhan spesifikasinya mencapai status rekomendasi
final.
Berdasarkan pada jadwal kerja W3C, HTML5 diperkirakan menjadi kandidat
rekomendasi pada akhir tahun 2010. Namun, publikasi pertama draft HTML 5
meleset selama 8 bulan. Permintaan dokumen terakhir dan tahap kandidat
rekomendasi diharapkan dapat dicapai pada tahun 2008, tetapi hingga bulan Juli
2010 HTML 5 masih dalam tahapan draft pengerjaan di W3C. WHATWG telah
meminta penyelesaian terakhir untuk HTML5 sejak bulan oktober tahun 2009.
Editor HTML5, Ian Hickson, berharap spesifikasi HTML5 dapat mencapai tahap
kandidat rekomendasi pada tahun 2012. Kriteria di W3C agar sebuah spesifikasi
dapat berstatus - Direkomendasikan - adalah "yang kedua: 100% selesai dan
penerapannya dapat dilakukan pada dua atau lebih sistem yang berbeda". Pada
wawancaranya dengan TechRepublic, Hickson memperkirakan hal ini baru akan
terjadi pada tahun 2022 atau setelahnya.
Pada HTML 5 diperkenalkan beberapa elemen baru dan atribut yang
merefleksikan tipikal penggunaan website modern. Beberapa diantaranya adalah
16
pergantian yang bersifat semantik pada blok yang umum digunakan: yaitu elemen
(<div>) dan inline (<span>), sebagai contoh (<span>) (sebagai blok navigasi
website) dan <footer> (biasanya dikaitkan pada bagian bawah suatu website atau
baris terakhir dari kode html). Banyak elemen lain yang memberikan kegunaan
baru melalui antar muka yang telah distandarkan, seperti elemen multimedia
<audio> dan <video>. Beberapa elemen yang telah ditinggalkan juga ditiadakan,
termasuk elemen presentasi semata seperti <font> dan <center>, yang sebenarnya
dapat dikerjakan menggunakan Cascading Style Sheet (CSS).
Untuk menambah keluwesan pemformatan, pada HTML5 telah
dispesifikasikan pengkodean application programming interfaces (APIs).
Antarmuka document object model (DOM) yang ada dikembangkan dan fitur de
facto didokumentasikan. Beberapa APIs terbaru pada HTML5 antara lain :
Elemen canvas, sebagai mode untuk menggambar object dua dimensi (2D).
Lihat spesifikasi 1.0 untuk canvas 2D.
Timed media playback
Media penyimpanan luring (aplikasi web luring). Lihat Web Storage
Penyuntingan dokumen
Drag and Drop
Cross-document messaging
Manajemen sejarah kunjungan penjelajah web
Tipe MIME dan penanggung jawab protokol registrasi.
Beberapa teknologi yang juga terkait namun tidak dijadikan bagian dalam
spesifikasi HTML5 W3C dan WHATWG HTML5 adalah :
Geolocation
Web SQL Database, media penyimpanan database lokal.
API Database terindeks, mode penyimpanan hierarkis key-value
(WebSimpleDB).
Web Speech API
17
BAB III
PENUTUP
3.1 Kesimpulan
ASP diperkenalkan ke dunia pertama kali oleh Microsoft pada tanggal 16 Juli
1996, dan diberi nama kode Denali. ActiveX Data Object (ADO) adalah
komponen yang memungkinkan aplikasi client untuk mengakses dan
memanipulasi data pada web server. Identitas program ADO adalah ADODB.
Web dokumen terdiri dari menjadi dua elemen ataupun section yaitu head dan
body. HTML5 telah dispesifikasikan pengkodean application programming
interfaces (APIs).
18