Dalam program ini memanfaatkan media Internet untuk merancang membuat sebuah situs yang bisa digunakan oleh semua siswa dan dapat digunakan sebagai pembelajaran dalam cakupan masyarakat atau SDM(Sumber Daya Manusia) dalam sebuah bimbingan belajar bahasa inggris X untuk dapat menguji sejauh mana siswa tersebut dalam penguasahaan materi
TOEFL dengan melakukan test TOEFL secara online.
1 Active Server Pages
Active server pages atau ASP merupakan bahasa pemrograman berbasis
server-side yang memungkinkan aplikasi web dapat dijalankan dalam lingkungan
browser manapun. Halaman yang ingin ditampilkan di browser hanya dalam
bentuk format HTML saja. Sedangkan kode ASP yang berisi alur program (script)
tersembunyi di server dan hanya dijalankan didalam server tanpa harus
dikirimkan ke browser milik pengguna (user). Jadi, skrip ASP yang telah kita buat
tidak akan ditampilkan ketika user melihat source code dari halaman web yang
telah kita buat.
ASP merupakan kumpulan kode–kode penghubung antara user dan server.
Untuk membuat aplikasi–aplikasi web, diperlukan bahasa skrip yang berfungsi
sebagai penterjemah aplikasi yang disuguhkan untuk user. Skrip tersebut
diletakkan dan di sisipkan kedalam listing bahasa ASP. Dengan ASP, developer
(pembuat web design) mendapat kebebasan dan kemudahan dalam membuat
aplikasi web. Pilihan skrip pemrograman yang dapat digunakan adalah VBscript
sebagai default dan Javascript pilihan alternatifnya.
Dengan aplikasi web menggunakan ASP, seseorang dapat membuat
aplikasi web yang dapat di simulasikan terlebih dahulu dengan menggunakan
server semu (virtual server) sebelum di kirim ke internet server, sebagai contoh
kita bisa menggunakan PWS (Personal Web Manager), IIS (Internet Service
Server), Aphace, dan sebagainya. Untuk pembuatan web ini penulis menggunakan
PWS (Personal Web Manager) yang berfungsi sebagai internet server bayangan
atau semu. Dengan PWS kita dapat membuat aplikasi web yang hanya digunakan
untuk diri sendiri (tidak terhubung ke internet) atau aplikasi web yang hanya
digunakan untuk lingkungan jaringan komputer kecil di kantor atau rumah dan
tidak perlu mengeluarkan biaya tambaha n untuk online ke internet.?5
1.1 DELIMETER
Delimeter adalah tag yang digunakan untuk menandai bahwa skrip yang
diapit merupakan skrip ASP. Dengan tag ini server tidak akan menganggap
sebagai server-side script. Tag yang digunakan oleh skrip blok ASP adalah <%
dan %> sehingga apabila dituliskan didalam file HTML biasa maka akan dapat
dibedakan antara file HTML dengan file ASP.
1.2 ASP DIRECTIVE
ASP Directtive ini memiliki tempat dibaris pertama dari suatu file .asp yang
berada didalam delimeter <% dan %>, yang berguna untuk memberitahu server
bagaimana menangani sebuah file .asp. Bentuk umumnya adalah ( @ keyword )
antara tanda @ dan keyword harus dipisahkan dengan tanda spasi.
1.2.1 LANGUAGE
Directive language digunakan untuk men-setting bahasa pemograman yang
digunakan di dalam mengintepretasikan perintah-perintah didalam skrip. Bahasa
yang digunakan hendaklah bahasa yang sudah terintalasi didalam PWS. Default
bahasa skrip yang digunakan adalah VBScript. Sintaks penulisannya adalah
sebagai berikut
<%@ LANGUAGE=bahasa %>
1.3 MEMASUKAN KOMENTAR
Komentar digunakan untuk mempermudah pembacaan, pengeditan dan
pemahaman terhadap skrip tersebut. Komentar ini tidak akan ditampilkan pada
browser. Untuk memasukan komentar pada penulisan skrip .asp dengan VBScript
digunakan tanda apostrophe ( ‘ ) sedangkan pada Jscript digunakan tanda dua
garis miring ( // ).
1.4 MENYISIPKAN FILE
Untuk menyisipkan isi file dari file lain kedalam file .asp sebelum server
memprosesnya digunakan pernyataan #include. File include tidak selalu memiliki?6
nama ektensi yang spesial, tetapi untuk membedakan dengan tipe file lain
biasanya diberi ekstensi .inc. namun terkadang disisipkan pula file ASP dengan
ekstensi .asp. Sintaks pernyataan #include adalah sebagai berikut:
Parameter:
- Virtual dan File menandakan tipe path yang akan digunakan untuk
menyisipkan file.
- Filename adalah nama file yang ingin kita masukkan
Selain menggunakan pernyataan #include, kita juiga dapat menggunakan
tag HTML . Namun untuk menggunakn tag ini
diperlukan atribut “SRC”.
Di bawah ini adalah penulisan sintaks pada atribut “SRC” baik untuk virtual
path maupun file path.
Tipe Path Sintaks Contoh
Relatif SRC=”Path\Filename” SRC=”ASP\Filename”
Virtual SRC=”/Path/Filename” SRC=”/ASP/Filename”
Virtual SRC=”\Path\Filename” SRC=”\ASP\Filename”
1.5 MEMASUKKAN VARIABEL
Untuk memasukkan variable kedalam ASP, variable tersebut harus
dideklarasikan sebelumnya. Untuk mendeklarasikannya digunakan pernyataan
option explicit yang diapit oleh delimiter dan dituliskan diantara baris ASP
directive dan tag HTML. Contoh :
<%@ LANGUAGE =”VBScript / Jsript” %>
<% Option explicit %>
…
…
?7
1.6 ACTIVEX DATA OBJECT (ADO)
Komponen yang tidak kalah penting yang dimiliki ASP, ActiveX Data
Object (ADO). ADO merupakan komponen ASP yang berguna untuk berinteraksi
dengan berbagai sumber data. ADO mendukung akses penuh terhadap berbagai
macam jenis database yang mendukung format ODBC (Open Data Base
Connectivity) seperti Microsoft Acces sehingga ADO memungkinkan aplikasi
mengakses dan memanipulasi data dari database server melalui OLE DB
1.6.1 OBJECT COMMAND
Object Command digunakan untuk menjalankan perintah-perintah seperti
menjalankan pernyataan SQL, query database maupun prosedur tersimpan yang
berguna untuk mengeksekusi sumber data.
1.7 Collection Form
Collection ini digunakan untuk mengambil nilai- nilai dari elemen-elemen
form yang dikirim dari atau ke browser dengan metode POST. Sintaknya adalah :
Request.form(elemen)[(indeks)|.Count ]
Parameter :
- Elemen merujuk pada nama elemen form
- Indeks merupakan parameter yang dapat kita ambil satu dari beberapa
nilai variable
2 Server Side dan Client Side
Aplikasi web berbasis client side berarti semua info dan dan diolah langsung
di browser sebelum dikirim ke server. Sedangkan aplikasi web berbasis server
side akan mengirim data dan info yang dikirim oleh user langsung ke server untuk
diolah di server sebelum di tampilkan. Kode–kode proses hanya di keluarkan
ketika data berada di server tidak di browser, sehingga listing program tidak dapat
dilihat oleh User. Tetapi kerugian dari server side adalah semakin besarnya waktu
yang diperlukan untuk memprosesan data karena data harus dikirim terlebih?8
dahulu ke server. Untuk itu seorang web developer harus pintar memilih dan
memilah- milah bagian mana dari sebuah aplikasi web yang perlu di jalankan di
server atau hanya cukup dijalankan di browser.
3 Hypertext Markup Language (HTML)
Hypertext Markup Language (HTML) merupakan suatu skrip dimana kita
bisa menampilkan informasi dan daya kreasi kita lewat internet. HTML sendiri
adalah suatu dokumen teks biasa yang mudah dimengerti dibandingkan bahasa
pemrograman lainnya. Walaupun berbentuk dokumen teks biasa, HTML memiliki
perbedaan dengan dokumen lain seperti dokumen word, misalnya.perbedaan yang
paling mencolok adalah, pada dokumen word, banyaknya karakter akan terbatasi
oleh besarnya kertas sehingga jika teks yang ada didalamnya banyak ia akan
terdiri dari banyak halaman pula. Sedangkan HTML tidak memiliki batas teks,
sehingga tidak ada pemisah halaman 1, 2, dan seterusnya.
HTML merupakan bahasa pemrograman fleksibel di mana kita bisa
meletakkan skrip dari bahasa pemrograman lain seperti JAVA, Visual Basic, dan
lain- lain, jika HTML tersebut tidak dapat mendukung suatu perintah pemograman
tertentu. Browser tidak akan menampilkan kotak dialog ‘syntax error’ jika
terdapat penulisan kode yang keliru pada skrip HTML sepanjang kode-kode yang
dituliskan merupakan kode-kode HTML. Oleh karena itu, jika terjadi syntax error
pada skrip HTML, efek yang paling jelas adalah HTML tersebut tidak akan
ditampilkan pada jendela browser.
Hypertext dalam HTML berarti bahwa kita dapat menuju ke suatu tempat,
misalnya website atau halaman homepage lain, dengan cara memilih suatu link
yang biasanya digarisbawahi atau diwakili oleh suatu gambar. Selain link ke
website atau homepage halaman lain, hypertext ini juga mengizinkan kita menuju
ke salah satu bagian dalam satu teks itu sendiri.
Secara sederhana HTML terdiri dari dua bagian yaitu Header dan Body.
Struktur HTML diapit oleh tag awal dan tag akhir . Tag
digunakan untuk memberi judul dokumen HTML
<br />Standar penulisannya adalah <img src="http://s.wordpress.com/wp-includes/images/smilies/icon_confused.gif" alt=":?" class="wp-smiley" /> 9
<br /><html>
<br /><head>
<br />Deskripsi Dokumen
<br /></head>
<br /><body>
<br />Isi Dokumen
<br /></body>
<br /></html>
<br />2.3.6 Heading
<br />Heading adalah sekumpulan kata yang menjadi judul atau subjudul dalam
<br />suatu dokumen HTML. Heading berbeda dengan tag <title> yang tidak bisa
<br />muncul dalam halaman web. HTML menyediakan enam tingkatan heading.
<br />Heading level 1 biasanya untuk judul utama.
<br />3.7 Paragraf
<br />Untuk membuat paragraf digunakan tag <p>. Setelah tag <p> tulis isi
<br />paragraf dan paragraf tersebut harus diakhiri dengan tag penutup </p>. Posisi
<br />paragraf dapat diatur dengan menggunakan atribut ALIGN. Atribut ALIGN diikut i
<br />dengan posisi yang diinginkan. Left untuk meratakan paragraf di kiri, center untuk
<br />meratakan paragraf di posisi tengah horizontal dan right untuk meratakan paragraf
<br />di kanan.
<br />3.8 Blockquote
<br />Perintah tag <blockquote> digunakan untuk menulis kutipan teks.
<br />Dengan perintah <blockquote> browser akan menampilkan teks menjorok
<br />ke dalam (mengidentasi teks) atau menampilkan teks dalam bentuk huruf miring.
<br />3.9 Preformatted Text
<br />Preformatted text (PRE) digunakan untuk menampilkan teks sama seperti
<br />yang telah diketikkan dalam dokumen HTML. Browser akan menampilkan teks?10
<br />tersebut dalam font monospaced, yaitu seperti terlihat dalam teks yang
<br />ditampilkan oleh aplikasi berbasiskan teks (misalnya telnet).
<br />3.5 BR
<br />Tag line break (BR) digunakan untuk menulis teks pada baris berikutnya.
<br />Tag <br /> akan membuat baris baru tanpa memberi baris kosong.
<br />3.6 Font
<br />Untuk mengatur huruf dokumen HTML digunakan tag <span>. Tag
<br /><span> memiliki beberapa atribut untuk mengatur ukuran huruf, jenis huruf
<br />yang digunakan dan warna huruf.
<br />3.6.1 Ukuran Font
<br />Atribut SIZE digunakan untuk mengatur ukuran font. Nilai font dimulai
<br />dengan nilai 1 untuk ukuran huruf terkecil dan nilai 7 untuk ukuran yang paling
<br />besar.
<br />3.6.2 Jenis Font
<br />Atribut FACE digunakan untuk mengatur jenis huruf yang diinginkan.
<br />Atribut FACE harus diisi dengan string jenis font seperti Arial, Times New
<br />Roman, Verdana dan sebagainya.
<br />2.3.6.3 Warna Font
<br />Atribut COLOR digunakan untuk mengatur warna font yang diinginkan.
<br />Untuk memberi nilai pada atribut COLOR ada dua cara. Cara pertama dengan
<br />menyebutkan nama warna seperti red, green dan blue. Sedangkan cara kedua
<br />adalah dengan menggunakan nilai RGB (Red Green Blue) dari suatu warna,
<br />misalnya FF0000 untuk red, 00FF00 untuk green dan 0000FF untuk blue.
<br />3.7 Link?11
<br />Perintah Anchor (A) digunakan untuk membuat suatu link. Untuk link ke
<br />dokumen HTML lain digunakan perintah <a href =" “nama_dokumen”"> Teks
<br />pada browser </a>.
<br />Link juga bisa dibuat dalam sebuah dokumen HTML. Untuk itu perlu
<br />disediakan nama anchor lokasi tujuan dari link tersebut. Nama anchor dibuat
<br />dengan menambahkan atribut NAME pada tag <a>.
<br />3.8 Textbox
<br />Textbox merupakan salah satu jenis kontrol untuk memasukkan data.HTML
<br />menyediakan tag <input> dengan atribut TYPE = “text” untuk membuat kotak
<br />input. Jika TYPE diberi nilai text, maka masukkan hanya bisa menerima satu baris
<br />data.
<br />Selain atribut TYPE, pada tag <input> juga bisa ditambahkan atribut
<br />NAME untuk memberi nama input tersebut, atribut VALUE untuk memberi nilai
<br />input, atribut SIZE untuk menentukan batas terpanjang sebuah masukkan. Nilai
<br />VALUE juga menjadi tulisan yang tampak pada browser.
<br />3.9 Checkbox atau Radio
<br />Selain atribut TYPE bernilai text dan password, kita bisa memberi nilai
<br />atribut TYPE dengan checkbox yang digunakan untuk memberi pilihan pada
<br />pengguna. Dengan menggunakan checkbox, pengguna bisa memilih salah satu
<br />pilihan, lebih dari satu pilihan, atau tidak memilih semua pilihan. Tetapi dalam
<br />penggunaan TYPE =”radio” pengguna harus memilih salah satu pilihan yang
<br />tersedia. Pengguna tidak bisa memilih kurang atau lebih dari satu pilihan.
<br />4 Software Pembantu
<br />Untuk membantu pengerjaan situs ini, diperlukan beberapa software yang
<br />berfungsi melengkapi dan memperindah bentuk situs. Untuk membuat animasi
<br />gambar yang ada digunakan Macromedia Flash MX. Untuk merancang dan
<br />mendesign halaman situs digunakan Macromedia Dreamweaver MX. Untuk?12
<br />mencoba situs yang kita buat dan menguji jalannya skrip ASP, maka perlu diinstal
<br />sebuah virtual server. Virtual server yang digunakan adalah buatan Microsoft
<br />yaitu PWS (Personal Web Server). Teks editor yang digunakan untuk mengedit
<br />secara manual, memperbaiki dan mengkoreksi serta membuat skrip-skrip ASP
<br />digunakan teks editor Ultraedit.
<br />4.1 Macromedia Dreamweaver MX
<br />Macromedia Dreamweaver adalah editor HTML yang profe sional dan sarat
<br />berisi fungsi- fungsi pembantu untuk membuat sebuah situs dengan hanya
<br />memvisualisasikannya. Dreamweaver secara visual mengatur, membangun, dan
<br />membentuk Websites beserta halaman-halamannya. Dreamweaver bisa juga
<br />digunakan untuk mengedit sebuah halaman HTML dengan manual atau hand code
<br />writing.
<br />4.1.1 Insert Animasi Flash
<br />animasi dalam halaman web sangat berguna sebagai navigasi, untuk
<br />memperindah halaman web, atau dapat digunakan sebagai link. Memasukkan
<br />animasi ke dalam file HTML denga n Dreamweaver bisa dikatakan mudah.</p> <p>4.1.2 Frame
<br />Frame adalah salah satu fasilitas dalam bahasa HTML untuk membagi
<br />jendela browser menjadi beberapa bagian dan masing- masing bagian terdiri dari
<br />dokumen-dokumen HTML tersendiri. Untuk membagi frame, disediakan sebuah?13
<br />file yang khusus menangani pembagian frame dan memanggil file-file dokumen
<br />yang dipakai didalam frame.</p> <p>Pilih bentuk frame yang diinginkan. Simpan (Save) kesemua file tersebut.
<br />4.1.3 Membuat Form
<br />Form merupakan fasilitas untuk mengirim informasi dari client browser ke
<br />server. Data yang dikirim ke server akan diolah lalu digunakan sesuai keperluan.
<br />Umumnya pengolahan form di server menggunakan skrip -skrip yang bersifat
<br />server-side yang tidak dapat dilihat oleh client dengan alasan keamanan informasi.
<br />Untuk mengolah form pada website ini menggunakan bahasa ASP. Skrip ASP
<br />dibuat dan diedit dengan text editor biasa.</p> <p>4.1.4 Table
<br />Table digunakan untuk membuat tampilan daftar atau bisa juga untuk
<br />membentuk halaman web yang teratur dan rapi. Halaman yang menggunakan rapi
<br />bisa dibentuk sesuai selera. Karena pada halaman HTML, kita tidak bisa sesuka
<br />hati meletakkan teks, gambar atau objek. Untuk itu diperlukan tabel.?14
<br />Gambar 2.4 Insert Table
<br />Dari inspector dibawah ini, tabel dapat di ubah dan rancang sesuai keinginan.</p> <p>4.2 Macromedia Flash MX
<br />Macromedia Flash MX adalah program aplikasi yang mampu mengolah
<br />gambar, vector, bitmap, serta animasi. Perangkat lunak buatan Macromedia ini
<br />sudah diakui keberadaannya. Sudah banyak aplikasi animatif, seperti tutorial,
<br />game, presentasi bahkan Dynamic Content Homepage (isi halaman web yang
<br />dinamis) ditemukan yang pembuatannya menggunakan Macromedia Flash dengan
<br />kekuatan interaktifnya, kemudahan dalam penggunaannya, kompatibilitasnya
<br />dengan program lain serta kecilnya ukuran file, membuat banyak praktisi
<br />desainer, web developer dan praktisi multimedia beralih ke Flash.
<br />2.4.2.1 Komponen Macromedia Flash MX
<br />Seperti program aplikasi bersifat GUI (General User Interface) lainnya,
<br />Macromedia merancang interface Flash MX begitu interaktif. Sehingga
<br />memudahkan kita dalam mengoperasikannya.?15
<br />Berikut ini akan dijelaskan komponen-komponen yang ada pada
<br />Macromedia Flash MX, yang antara lain adalah :
<br />4.2.1.1 Menu Bar
<br />Menu Bar berisi perintah-perintah umum yang biasa digunakan oleh
<br />aplikasi-aplikasi berbasis windows lainnya. Pada Macromedia Flash MX menu
<br />yang ditampilkan adalah File, Edit, View, Insert, Modify, Text, Control, Windows,
<br />dan Help. Untuk mengakses menu Bar ini dapat mengklik langsung pada item
<br />Menu Bar yang bersangkutan.
<br />4.2.1.2 Toolbox
<br />Toolbox adalah semacam kotak peralatan seorang tukang. Pada toolbox
<br />Flash MX tersedia berbagai macam peralatan yang akan membantu
<br />menyelesaikan pekerjaan. Toolbox berfungsi sebagai sarana pembentukan objek
<br />animasi pada Kanvas (Stage). Toolbox merupakan komponen penting sehingga
<br />keberadaan tombol ini pasti sangat diperlukan. Dengan Toolbox inilah kita dapat
<br />menggambar, melukis, memberi warna, membuat dan memilih objek, serta
<br />memodifikasi artwork pada stage. Toolbox dibagi menjadi empat kelompok,
<br />antara lain :
<br />1. Kelompok Tools yang berisi alat untuk menggambar, melukis, memberi
<br />warna, membuat dan memilih objek.
<br />2. Kelompok View berisi tool untuk melakukan Panning (menggerakkan
<br />stage dengan Hand tool) dan Zoom (mengubah tingkat pembesaran) di
<br />dalam jendela aplikasi.
<br />3. Kelompok Colors berisi alat untuk mengubah warna pada Stroke(coretan)
<br />dan Fill(isian).
<br />4. Kelompok Options berisi modifier untuk mengubah alat-alat lain yang
<br />sedang dipilih, biasanya berpengaruh pada alat untuk melukis atau
<br />mengedit.?16</p> <p>4.2.1.3 Stage
<br />Kanvas digunakan sebagai tempat pembuatan objek. Semua ide dasar
<br />pembentukan gambar, tulisan, animasi maupun dynamic content web dibuat pada
<br />bidang ini. Untuk tahap selanjutnya ukuran kanvas dapat diubah sesuai dengan
<br />keperluan pemakaian.</p> <p>4.2.1.4 Time Line
<br />Time Line digunakan sebagai pengatur waktu dan pembentukan frame
<br />animasi. Time Line terdiri dari pecahan frame set yang membentuk suatu animasi.
<br />Time Line merupakan komponen Macromedia Flash yang bertugas membuat
<br />pergerakan dari item- item animasi, menggandakan animasi, membuat lapisan?17
<br />(layering) animasi maupun pengaturan waktu animasi. Komponen ini bersama
<br />dengan Tool Box dan Kanvas berperan penting dalam pembentukan animasi. Urat
<br />nadi sebuah flash movie yang sedang dibangun berada pada Time Line, karena
<br />Time Line berfungsi untuk mengorganisasi dan mengendalikan isi sebuah movie.</p> <p>4.2.2 Property Inspector Macromedia Flash MX
<br />Property Inspector merupakan suatu satu kesatuan yang pada versi
<br />sebelumnya adalah panel-panel yang terpisah. Property inspector membantu
<br />dalam menyederhakan pembuatan dokumen Flash dengan cara mempermudah
<br />akses bagi atribut-atiribut yang paling sering dipakai pada pilihan yang sedang
<br />aktif, baik pada Timeline maupun pada Stage. Property Inspector menampilkan
<br />infrormasi dan setting pada hampir semua objek (dokumen, teks, symbol, shape,
<br />video, frame) atau tool sesuai dengan jenisnya masing- masing.</p> <p>4.3 Personal web Server (PWS)
<br />Personal Web Server adalah software penting yang berguna untuk
<br />menjalankan skrip ASP. Tanpa PWS, sebenarnya halaman-halaman HTML dapat
<br />dieksekusi dengan Internet browser. Tetapi skrip-skrip ASP tidak dapat
<br />dieksekusi karena skrip itu bersifat server-side dan memerlukan Server. Untuk itu,
<br />diperlukan software yang bisa digunakan sebagai server semu (virtual server).?18
<br />Software ini menganggap komputer sebagai sebuah client dan servernya
<br />sekaligus. Untuk mengakses server, ketika suatu halaman dipanggil pada internet
<br />browser dicantumkan nama server semu dan virtual pathnya. Virtual path adalah
<br />path yang dicantumkan dan dimasukkan ke dalam daftar server agar server
<br />mengingat bahwa pada halaman tersebut berisi skrip-skrip ASP.
<br />Pada PWS, ada dua buah menu penting yang harus dimengerti sistem
<br />kerjanya. Main menu dan advanced menu. Main menu berisi link untuk
<br />memanggil server, monitor aktifitas server dan berapa banyak server diakses.
<br />Sedangkan Advanced menu berisi daftar folder- folder virtual yang diproses oleh
<br />server.</p> <p>Pada Main menu, terdapat dua bagian. Bagian atas publishing dan bagian bawah
<br />monitoring. Pada publishing, terdapat alamat server yang kita punya beserta na ma
<br />servernya. Pada contoh gambar diatas ‘http://4nd1‘. 4nd1 adalah nama server.
<br />Apabila anda ingin memanggil file yang ada pada direktori tertentu, maka anda
<br />harus sharing direktori tersebut ke server dengan langkah sebagai berikut :
<br />Pada windows explorer klik kanan pada direktori yang berisi skrip dan halaman
<br />HTML. Lalu pilih properties. Pada menu properties pilih tab Web Sharing.?19</p> <p>Lalu aktifkan pilihan ‘Share this folder’. Maka akan tampil box isian
<br />Pada box isi diatas, ada dua buah field text. Yang harus diisi adalah field
<br />yang sebelah bawah. Field harus diisi nama folder virtual yang akan didaftarkan
<br />ke dalam list server. Nama folder ini yang akan dipanggil apabila skrip yang
<br />didalam folder ingin dieksekusi. Misalkan nama path virtual adalah ‘toefl’ dan
<br />nama server adalah ‘4nd1’ maka pada internet explorer untuk memanggil isi toefl
<br />diketikkan ‘http://4nd1/toefl’.
<br />4.4 MICROSOFT ACCESS
<br />Microsoft Acces yang kita gunakan adalah Microsoft Access 2000 yang
<br />terintegrasi didalam Microsoft Office 2000.?20
<br />4.4.1 Field (kolom)
<br />Field Digunakan untuk merancang data apa saja yang akan dan perlu
<br />dimasukkan oleh user. Ada beberapa aturan pemberian nama field yaitu:
<br />- Nama field yang dibuat tidak boleh mengandung tanda hubung atau
<br />spasi. Contoh e- mail, nama barang, dll
<br />- Nama field tidak boleh menggunakan nama yang sama dengan salah
<br />satu function yang dimiliki oleh MS Access dan ASP. Contoh : date,
<br />time, dll.
<br />- Nama field dapat menggunakan tanda hubung bawah / underscores (_)
<br />untuk menghubungkan kata. Contoh : nama_barang, e_mail, dll
<br />4.4.2 Row (baris)
<br />Atau baris berguna untuk menuliskan record-record databaseyang
<br />dimasukkan oleh user
<br />4.4.3 Tabel
<br />Tabel merupakn tempat dari field dan row berada
<br />4.4.4 Primary Key
<br />Primary key merupakan kunci pengenal. Kunci pengenal ini diperlukan agar
<br />record-record yang dimasukkan memiliki perbedaan antara satu dengan yang
<br />lainnya sehingga tidak tumpah tindih. Selain itu primary key juga berfungsi bila
<br />kita ingin mengkoneksikan beberapa tabel sekaligus. Sebaliknya setiap tabel
<br />mempunyai paling tidak satu kunci penggenal.
<br />5 Struktur Navigasi
<br />Struktur navigasi adalah struktur alur cerita dari sebuah program. Sebelum
<br />menyatukan semua elemen-elemen yang digunakan dalam aplikasi multimedia,
<br />diharuskan mendefinisikan objek-objek, dan merancang tampilan agar semua
<br />objek yang berada dalam suatu tampilan tidak menimbulkan kerancuan informasi,
<br />dengan kata lain semua tampilan harus dapat memberikan informasi yang bulat?21
<br />dan utuh sehingga dapat tercapai suatu pembuatan multimedia. Ada empat macam
<br />bentuk dasar dari struktur navigasi yang biasa digunakan di dalam proses
<br />pembuatan aplikasi multimedia, yaitu :
<br />5.1 Navigasi Linier
<br />Linier (satu alur) merupakan struktur yang hanya mempunyai satu rangkaian
<br />cerita yang berurut. Struktur ini menampilkan satu demi satu tampilan layar secara
<br />berurut menurut urutannya. Pada struktur navigasi ini tidak diperkenankan adanya
<br />percabangan. Biasanya struktur ini digunakan untuk membuat Multimedia
<br />Presentasi karena tidak terlalu menuntut keinteraksian, tetapi hanya memerlukan
<br />keindahan dan kemudahan menampilkan data sebagai informasi.</p> <p>5.2 Navigasi Herarchical
<br />Struktur Herarchy (bercabang) merupakan suatu struktur yang
<br />mengandalkan percabangan untuk menampilkan data berdasarkan kriteria tertentu.
<br />Tampilan pada menu pertama akan disebut sebagai Master Page (halaman utama
<br />kesatu), halaman utama ini akan mempunyai halaman percabangan yang
<br />dikatakan Slave Page (halaman pendukung). Jika salah satu halaman pendukung
<br />dipilih atau diaktifkan, maka tampilan tersebut akan bernama Master Page
<br />(halaman utama kedua), dan seterusnya. Pada struktur navigasi ini tidak
<br />diperkenankan adanya tampilan secara linear.</p> <p>5.3 Navigasi Non Linear
<br />Struktur navigasi Non Linear (tidak berurut) merupakan pengembangan dari
<br />struktur navigasi Linear. Pada struktur ini diperkenankan membuat navigasi
<br />bercabang. Percabangan yang dibuat pada struktur Non Linear ini walaupun
<br />terdapat percabangan, tetapi tiap-tiap tampilan mempunyai kedudukan yang sama
<br />tidak ada Master Page dan Slave Pages</p> <p>5.4 Navigasi Composite
<br />Strtuktur navigasi Composite (campuran) merupkan gabungan dari ketiga
<br />struktur sebelumnya yaitu Linear, Non Linear dan Hierarchy. Struktur
<br />navigasi ini juga biasa disebut struktur navigasi bebas. Jika suatu tampilan
<br />membutuhkan percabangan, maka dapat dibuat percabangan. Dan bila dalam
<br />percabangan tersebut terdapat suatu tampilan yang sama kedudukannya maka
<br />dapat dibuat struktur Linear dalam percabangan tersebut. Strruktur navigasi ini
<br />banyak digunakan dalam pembuatan multimedia sebab struktur ini dapat
<br />memberikan keinteraksian yang lebih tinggi.</p> <p>Setiap struktur navigasi seperti yang bari dibahas mempunyai fungsi dan
<br />tujuan tersendiri. Tidak ada yang lebih baik atau lebih buruk. Penggunaan
<br />navigasi tergantung kepada kebutuhan dan tujuan dari aplikasi multimedia yang
<br />hendak dibuat. Semakin kompleks navigasi yang digunakan, maka makin sulit
<br />pula pembuatan aplikasi multimedia dari navigasi tersebut.</p> <div id="geo-post-276" class="geo geo-post" style="display: none;"> <span class="latitude">-56.758143</span> <span class="longitude">-172.337036</span> </div> </p>
<div style='clear: both;'></div>
</div>
<div class='post-footer'>
<p class='post-footer-line post-footer-line-1'>
<span class='post-comment-link'>
</span>
<span class='post-backlinks post-comment-link'>
</span>
<span class='post-icons'>
</span>
</p>
<p class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
Label:
<a href='http://cundil.blogspot.com/search/label/BIMBINGAN' rel='tag'>BIMBINGAN</a>
</span>
</p>
<p class='post-footer-line post-footer-line-3'></p>
</div>
</div>
<div class='comments' id='comments'>
<a name='comments'></a>
<h4>
0
komentar:
</h4>
<dl id='comments-block'>
</dl>
<p class='comment-footer'>
<div class='comment-form'>
<a name='comment-form'></a>
<h4 id='comment-post-message'>Posting Komentar</h4>
<p>
</p>
<a href='https://www.blogger.com/comment/frame/7400017278325868051?po=4252350462766013886&hl=id' id='comment-editor-src'></a>
<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='no' src='' width='100%'></iframe>
<script type="text/javascript" src="https://www.blogger.com/static/v1/jsbin/2279400703-iframe_colorizer.js"></script>
</div>
</p>
<div id='backlinks-container'>
<div id='Blog1_backlinks-container'>
</div>
</div>
</div>
<!--Can't find substitution for tag [adEnd]-->
</div>
<div class='blog-pager' id='blog-pager'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' href='http://cundil.blogspot.com/2010/04/kesehatan-reproduksi-bukan-cuma-masalah.html' id='Blog1_blog-pager-newer-link' title='Posting Lebih Baru'>Posting Lebih Baru</a>
</span>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' href='http://cundil.blogspot.com/2010/04/sma-negeri-68-jakarta-matematika-dapat.html' id='Blog1_blog-pager-older-link' title='Posting Lama'>Posting Lama</a>
</span>
<a class='home-link' href='http://cundil.blogspot.com/'>Beranda</a>
</div>
<div class='clear'></div>
<div class='post-feeds'>
<div class='feed-links'>
Langganan:
<a class='feed-link' href='http://cundil.blogspot.com/feeds/4252350462766013886/comments/default' target='_blank' type='application/atom+xml'>Posting Komentar (Atom)</a>
</div>
</div>
</div></div>
</div>
<div class='clear'></div>
</div>
<!-- end content-wrapper -->
</div><!-- main_table -->
<div class='footer-wrapper'>
<!-- Please don't remove the credits below. We worked many hours to make this beautiful template available free for you. All we ask is to keep the links below intact -->
<div class='footer_txt'>
© 2009 All Rights Reserved |Design by <a href='http://bloggertricks.com' target='_blank'>BloggerTricks.com</a> based on <a href='http://www.toptut.com/' target='_blank'>Lorelei</a></div>
</div>
</div><!-- wrap2 -->
</div>
<!-- end outer-wrapper -->
</div><!-- align center div -->
<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/1807328581-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY7alBcPS_EZdUp456ehDZdCupRxNQ:1714115478316';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d7400017278325868051','//cundil.blogspot.com/2010/04/bimbingan-multimedia-dan-belajar-bahasa.html','7400017278325868051');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '7400017278325868051', 'title': 'baru', 'url': 'http://cundil.blogspot.com/2010/04/bimbingan-multimedia-dan-belajar-bahasa.html', 'canonicalUrl': 'http://cundil.blogspot.com/2010/04/bimbingan-multimedia-dan-belajar-bahasa.html', 'homepageUrl': 'http://cundil.blogspot.com/', 'searchUrl': 'http://cundil.blogspot.com/search', 'canonicalHomepageUrl': 'http://cundil.blogspot.com/', 'blogspotFaviconUrl': 'http://cundil.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'id', 'localeUnderscoreDelimited': 'id', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22baru - Atom\x22 href\x3d\x22http://cundil.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22baru - RSS\x22 href\x3d\x22http://cundil.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22baru - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/7400017278325868051/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22baru - Atom\x22 href\x3d\x22http://cundil.blogspot.com/feeds/4252350462766013886/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/16e657cb9c57b8a2', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Dapatkan link', 'key': 'link', 'shareMessage': 'Dapatkan link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Bagikan ke Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'Twitter', 'key': 'twitter', 'shareMessage': 'Bagikan ke Twitter', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Bagikan ke Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27id\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Baca selengkapnya', 'pageType': 'item', 'postId': '4252350462766013886', 'postImageUrl': 'http://s.wordpress.com/wp-includes/images/smilies/icon_confused.gif', 'pageName': 'BIMBINGAN MULTIMEDIA DAN BELAJAR BAHASA INGGRIS', 'pageTitle': 'baru: BIMBINGAN MULTIMEDIA DAN BELAJAR BAHASA INGGRIS'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Tautan disalin ke papan klip!', 'ok': 'Oke', 'postLink': 'Tautan Pos'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Khusus', 'isResponsive': false, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'BIMBINGAN MULTIMEDIA DAN BELAJAR BAHASA INGGRIS', 'description': 'Dalam program ini memanfaatkan media Internet untuk merancang membuat sebuah situs yang bisa digunakan oleh semua siswa dan dapat digunakan ...', 'featuredImage': 'https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_t89M7yFBBvVRl2nTK2SzCabze1pKd79hWlCB25PD8f5qJ4_x2jrpODv5DAdJXKWVUSRuhL9Jl1KeeNt3MSWo0jmoKSd-LUKEPxQ_qJi7G8WsI43EAc2neI1O2bBtVzzuzFl8YWRw', 'url': 'http://cundil.blogspot.com/2010/04/bimbingan-multimedia-dan-belajar-bahasa.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 4252350462766013886}}]);
_WidgetManager._RegisterWidget('_NavbarView', new _WidgetInfo('Navbar1', 'navbar', document.getElementById('Navbar1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'sidebar1', document.getElementById('HTML3'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'sidebar1', document.getElementById('HTML2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'sidebar1', document.getElementById('HTML1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive1', 'sidebar1', document.getElementById('BlogArchive1'), {'languageDirection': 'ltr', 'loadingMessage': 'Memuat\x26hellip;'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label1', 'sidebar1', document.getElementById('Label1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/1666805145-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/13464135-lightbox_bundle.css'}, 'displayModeFull'));
</script>
</body>
</html> 
