A. manfaat program lembar kerja
Microsoft Corporation sudah mengeluarkan beberapa versi program aplikasi Microsoft Office, seperti Microsoft Office 2000/2002/2003 dan Microsoft Office XP. Pada semua program aplikasi Microsoft Office terdapat program aplikasi spreadsheet, yaitu Microsoft Excel. Microsoft Excel dapat digunakan untuk membantu dalam melakukan pengolahan angka-angka untuk membantu menyelesaikan pekerjaan-pekerjaan pada berbagai bidang, seperti administrasi, akuntansi, perbankan, statistik, bisnis, dan bidang lainnya.
Sebagai program aplikasi untuk mengolah angka, Microsoft Excel juga dilengkapi dengan kemampuan untuk mengbitung dengan menggunakan rumus dan membuat grafik. Selain itu, Microsoft Excel juga dilengkapi fasilitas hyperlink yang dapat digunakan untuk membuka dan mengaktifkan data atau informasi yang terdapat pada lembar kerja ma.upunftle yang berbeda, bahkan yang terdapat pada web tertentu.
Microsoft Excel XP mempunyai 'fasilitas yang hampir sama dengan program spreadsheet versi sebelumnya. Akan tetapi, Microsoft Excel XP lebih optimal dalam penggunaannya yang bertujuan untuk memudahkan pengguna program aplikasi ini. Hal baru yang terdapat dalam Microsoft Excel XP, yaitu sebagai berikut:
1.Pemberian warna pada tab sheet bertujuan agar pengguna dapat mengklasifikasikan jenis data dengan
warna yang berbeda.
2.Adanya fasilitas mengirim sebuah range yang dapat dilakukan dengan memanfaatkan jaringan Internet.
B. mengaktifkan program
Untuk mengaktifkan program aplikasi Microsoft Excel, terdapat beberapa cara yang dapat digunakan, misalnya melalui menu start pada. taskbar, ikon pada desktop, ikon file dengan format .xls, atau mengetik EXCEL pada kotak dialog Run. Cara untuk mengaktifkan Microsoft Excel melalui tombol start pada taksbar dilakukan dengan mengklik tombol start pada taksbar kemudian pilih All Programs dan Microsoft Excel.
Gambar: mengaktifkan microsoft excel
Gambar: lembar kerja microsoft excel
C. menggunakan menu pada microsoft excel
Menu standar dari Microsoft Excel yang terdiri atas menu Eile, Edit, Yiew, Insert, Format, Tools, Data, Window, dan Help.
Menu pada Microsoft Office dapat bertambah sesuai dengan kebutuhan pengguna. Untuk menggunakan fungsi-fungsi yang terdapat pada menu, dapat kamu lakukan dengan mengarahkan mouse pointer ke menu yang dituju kemudian mengklik menu tersebut. Pada menu yang dituju akan terbuka beberapa submenu, kemudian untuk menggunakan fungsi dari setiap submenu dilakukan dengan mengklik submenu tersebut. Cara lain untuk membuka menu, yaitu dengan menekan tombol Alt + karakter kunci pada keyboard. Karakter kunci merupakan huruf dengan garis bawah pada menu. Sebagai contoh, untuk membuka menu Insert dapat dilakukan dengan menekan tombol Alt + I pada keyboard. Selain itu, untuk menggunakan perintah yang terdapat pada bans menu dapat dilakukan dengan menggunakan tombol shortcut (jalan pintas), tombol Ctrl + karakter pada keyboard sesuai dengan yang tertulis di sebelah kanan perintah. Sebagai contoh, untuk membuka dokumen baru dapat dilakukan dengan menekan tombol Ctrl + N pada keyboard.
1. Menu File
Menu Eile merupakan menu yang berisi perintah-perintah untuk mengolah buku kerja {workbook) Microsoft Excel. Perintah-perintah yang terdapat pada menu File di antaranya untuk membuat dokumen atau lembar kerja baru dengan perintah New, membuka dokumen dengan perintah Open, menutup dokumen atau lembar kerja dengan perintah Close. Untuk melakukan penyimpanan dokumen dapat dilakukan dengan perintah Save atau Save As. Pengaturan halaman pada Microsoft Excel dapat dilakukan dengan perintah Page Setup, mengatur dan mencetak dokumen dengan perintah Print, menutup Microsoft Excel dengan perintah Exit, dan perintah lainnya.
2. menu edit
Menu Edit merupakan menu yang digunakan untuk melakukan beberapa perubahan pada dokumen atau Iembar kerja yang sedang aktif. Perintah yang terdapat pada menu Edit di antaranya, yaitu pembatalan perintah terakhir yang telah dilakukan dengan menggunakan perintah Undo atau dengan menekan tombol Ctrl + Z pada keyboard. Jika pada saat menggunakan Undo terdapat kesalahan maka dapat dikembalikan dengan pengulangan perintah terakhir melalui perintah Repeat atau dengan menekan tombol Ctrl + Y pada keyboard.
Pada menu ini juga terdapat perintah untuk melakukan pemotongan data dengan menggunakan perintah Cut. Untuk melakukan penyalinan data dapat dilakukan dengan perintah Copy dan untuk memindahkan hasil penyalinan dapat dilakukan dengan perintah Paste. Apabila terdapat kesalahan pada data dapat dihapus dengan menggunakan perintah Delete. Untuk melakukan penyalinan sheet pada Iembar kerja digunakan perintah Move or Copy Sheet, sedangkan untuk menghapus sheet pada Iembar kerja menggunakan perintah Delete Sheet. Selain itu, terdapat juga beberapa perintah lain yang sama pentingnya dengan perintah sebelumnya.
3. menu view
Menu View merupakan menu yang berisi perintah-perintah yang berhubungan dengan pengaturan lingkungan dan Iembar kerja pada Microsoft Excel. Perintah-perintah yang terdapat pada menu Yiew di antaranya, yaitu pengaturan tampilan Iembar kerja, task pane, toolbar, formula bar dan status bar, pembuatan header fan. footer, pengaturan ukuran tampilan Iembar kerja, dan pengaturan lainnya.
4. menu insert
Menu Insert merupakan suatu menu yang berisi perintah-perintah yang diperlukan untuk melakukan penyisipan pada lembar kerja Microsoft Excel, baik berasal dari dalam maupun dari luar Ungkungan Microsoft Excel Perintah-perintah yang terdapat pada menu Insert di antaranya digunakan untuk menyisipkan atau menambah sel, bans, kolom, lembar kerja {worksheet), grafik, dan simbol. Selain itu, dapat dilakukan penyisipan rumus yang digunakan untuk melakukan berbagai macam penghitungan secara otomatis menggunakan perintah Function. Jika pada lembar kerja diperlukan penyisipan gambar maka dapat dilakukan menggunakan perintah Picture. Pada menu Insert juga dapat dilakukan penyisipan hyperlink, di mana dengan perintah tersebut maka pada lembar kerja akan terdapat link atau shortcut yang dapat membuka atau mengakses data, informasi, lembar kerja, maupun file lain yang tersimpan pada suatu media penyimpanan data yang terdapat pada suatu komputer maupun komputer lain.
5. menu format
Menu Eormat merupakan suatu menu yang berisi kumpulan perintah yang digunakan untuk mengatur format dasar dari lembar kerja. Perintah pada menu Eormat meliputi perintah untuk mengatur ukuran dan jenis huruf, format angka, warna, garis pembatas sel, baris, kolom, dan pengaturan lainnya.
6. menu tools
menu tools berisi perintah yang digunakan untuk melakukan pengecekan ejaan, pengaturan workbook dapat digunakan oleh pengguna komputer lain dalam satu jaringan secara bersama-sama, dan pengaturan setting program microsoft excel.
7. menu data
Menu Qata terdiri atas perintah-perintah yang digunakan untuk pengolahan data yang terdapat pada lembar kerja. Perintah-perintah pada menu ini di antaranya dapat digunakan untuk mengurutkan data mulai dari yang terkecil sampai yang terbesar, menyaring data yang akan ditampilkan, menghitung nilai subtotal dan total sejumlah data pada satu kolom, membuat tabel, dan beberapa perintah lain yang berhubungan dengan pengolahan data.
8. menu windows
Menu Window digunakan untuk mengatur jendela kerja dari Microsoft Excel yang sedang aktif. Pada menu ini dapat ditampilkan lembar kerja dalam workbook yang sama pada sebuah jendela baru (new window) dengan perintah New Window. Untuk melakukan pengaturan letak workbook yang sedang aktif, kamu dapat menggunakan perintah Arrange. Selain itu, terdapat beberapa perintah lain seperti Hide yang digunakan untuk menyembunyikan jendela workbook yang sedang aktif dan untuk menampilkannya kembali dapat menggunakan perintah Unhide.
9. menu help
Menu help merupakan menu yang digunakan sebagai menu bantuan untuk mencari informasi yang diperlukan pada saat bekerja dengan Microsoft Excel. Selain itu, terdapat perintah yang dapat digunakan untuk mendeteksi dan memperbaiki kesalahan yang terjadi pada Microsoft Excel. Untuk menampilkan panduan penggunaan Microsoft Excel, gunakan perintah Microsoft Excel Help atau dengan menekan tombol Fl pada keyboard. Biasanya, setelah memilih perintah Microsoft Excel Help akan ditampilkan Office Assshtant yang berupa animasi kartun yang akan memandu dalam mencari informasi. Selain itu, untuk memudahkan pengguna komputer dalam memahami fungsi-fungsi pada Microsoft Excel dapat digunakan perintah What's This! yang digunakan dengan mengarahkan pointer ke fungsi yang ingin diketahui.
D. ikon pada microsoft excel
Ikon-ikon diwakili dengan simbol atau gambar yang merupakan gambaran dari suatu perintah.. Sebagai contoh, ikon Print digambarkan dengan gambar printer. Ikon-ikon pada Microsoft Excel dikelompokkan dalam toolbar, di mana secara default toolbar yang ditampilkan oleh Microsoft Excel, yaitu toolbar Standard dan toolbar Formatting yang terletak di bawah menu bar.
Toolbar Standardterdiri atas ikon-ikon yang digunakan untuk membuka dokumen baru, membuka dokumen yang pernah dibuat sebelumnya, menyimpan dokumen, mencetak dokumen, dan perintah lainnya.
Toolbar Formatting terdiri atas ikon-ikon yang berfungsi untuk menjalankan perintah-perintah untuk mengatur format dasar dari dokumen atau lembar kerja. Perintah-perintah tersebut di antaranya, yaitu untuk pengaturan huruf (font), menentukan perataan teks, pengaturan garis, dan pengaturan lainnya.
Kelebihan Microsoft Office adalah adanya dukungan terhadap aplikasi atau program lain. Toolbar PDFMaker 6.0 dan Visual Basic merupakan contoh penambahan toolbar dari aplikasi atau program lain di ruar Microsoft Office. Toolbar yang tidak ditampilkan pada Microsoft Excel dapat dipilih melalui menu View -> Toolbars kemudian memilih jenis toolbar yang ingin ditampilkan. Untuk mengelola toolbar, dapat dilakukan melalui menu View -> Toolbars -> Customize atau melalui menu Tools -> Customize. Selanjutnya, Microsoft Excel XP akan menampilkan kotak dialog Customize yang mempunyai tiga tab, yaitu Toolbars, Commands, dan Options.
BAB 6 : MEMBUAT HOMEPAGE INTERAKTIF
1. Persiapan Software
Untuk membuat homepage dinamis atau interaktif sangatlah sederhana. Cukup dengan menggunakan beberapa software atau tools yang sudah kita kenal sebelumnya. Software yang dibutuhkan seperti sistem operasi, Internet Information Services (US), Microsoft Access, Microsoft FrontPage, Microsoft Internet Explorer, dan komponen Open DataBase Connectivity (ODBC).
a. Sistem Operasi
Microsoft juga telah menambahkan kemampuan untuk melakukan pengembangan dan pengetesan dalam pembuatan homepage interaktif pada sistem operasi Windows XP. Selain Windows XP, keluarga Windows Iainnya yang dapat digunakan untuk menjalankan Internet Information Service (IIS) adalah Windows NT, Windows 2000, dan Windows 2003.
b. Komponen Internet Information Services (IIS) pada Windows XP
Jika belum terdapat Internet Information Services (IIS) pada Windows XP dalam komputermu, kamu harus meng-instal-nya. menggunakan CD installer Windows XP Professional. Fungsi IIS adalah sebagai web server. Terdapat beberapa web server yang terkenal di dunia, seperti Apache dan IIS. Akan tetapi, dengan menggunakan IIS kita tidak perlu melakukan konfigurasi atau pemasangansecara manual. Cara kerja webserver dapat dideskripsikan.
Langkah-langkah untuk menginstal komponen IIS dalam komputermu, yaitu sebagai berikut.
1. Masukkan CD installer Windows XP Professional ke dalam CD-ROM pada komputermu.
2. Aktifkan Control Panel dalam melalui tombol start -> Control Panel. Pilih Add or Remove Programs.
3. Pada jendela Add or Remove Programs, pilih Add'/Remove Windows Components yang terdapat di sebelah kiri jendela Add or Remove Programs.
4. Selanjutnya, akan ditampilkan kotak dialog Windows Components Wizard perta.ma. Pilih Internet Information Services (IIS). Kamu dapat melihat komponen-komponen IIS yang dapat dipilih melalui tombol Details. Pilih semua komponen yang tersedia kemudian tekan tombol OK. Selanjutnya, tekan tombol Next.
5. Proses instalasi akan dilakukan secara otomatis. Sistem akan meminta lokasi beberapa file yang terdapat dalam CD installer Windows XP Professional. Untuk mencari lokasi file yang sesuai, kamu dapat menekan tombol Browse. Selanjutnya, tekan tombol OK. Tekan tombol Finish setelah proses instalasi selesai dilakukan.
6. Sistem akan menampilkan kotak dialog untuk melakukan proses restart komputer. Lakukan proses restart pada komputermu.
7. Untuk melihat apakah komponen IIS telah ter-instal dalam komputermu, aktifkan Control Panel kemudian pilih Performance and Maintenance, Administrative Tools dengan cara klik dua kali pada pilihan tersebut. Pada jendela Administrative Tools, terlihat komponen Internet Information Services. Klik dua kali pada pilihan tersebut.
8. Selanjutnya, akan ditampilkan jendela Internet Information Services dengan berbagai komponen di dalamnya.
Cara kerjanya, yaitu sebagai berikut :
Terdapat permintaan untuk mengakses halaman tertentu dari browser client atau komputer di suatu lokasi. Permintaan tersebut dapat berupa pengaksesan alamat http://[alamatdomain]/index.asp pada browser Internet Explorer, Netscape, atau browser lainnya. Web server menerima permintaan tersebut dan mengembalikannya sebagai sebuah respon. Respon tersebut akan ditampilkan berupa halaman HTML pada browser dari pengakses.
c. Microsoft FrontPage
Microsoft FrontPage digunakan untuk merancang homepage, di mana kita juga telah menggunakan software ini untuk mengembangkan homepage sederhana pada pembahasan sebelumnya.
d. Microsoft Access
Microsoft Access digunakan untuk membuat database sebagai penyimpan data yang akan kita masukkan ke dalam database. Kamu telah mempelajari penggunaan Microsoft Access sebelumnya, sehingga dalam pembahasan ini kita tidak akan mempelajari Microsoft Access dari awal.
e. Microsoft Internet Explorer
Microsoft Internet Explorer digunakan untuk melakukan pengujian dan pengaksesan homepage interaktif yang telah dibuat. Selain Microsoft Internet Explorer, kamu dapat menggunakan web fcrows^lainnya, seperti Mozilla Firefox, Netscape, atau Opera.
f. Komponen Open DataBase Connectivity (ODBC)
Komponen ODBC digunakan untuk melakukan koneksi dari program komputer ke database. Komponen ini biasanya sudah tersedia dalam Windows XP. Untuk mengaksesnya, dapat kita lakukan dengan cara menekan tombol start; Control Panel; Administrative Tools; Data Sources (ODBC).
Salah satu keluhan utama pengguna produk Microsoft adalah penggunaan database yang membingungkan. awalnya, kita hanya dapat menggunakan Open DataBase Connectivity (ODBC) Application Programming Interface (API)tidak mudah untuk diimplementasikan terutama dalam lingkungan Visual Basic. ODBC, merupakan suatu spesifikasi untuk database API. API merupakan standar yang didukung oleh berbagai vendor termasuk Oracle, Informix, Sybase, dan Microsoft. Driver untuk database ini disediakan baik oleh vendor ataupun perusahaan pihak ketiga seperti Intersolv.
2. Persiapan Direktori Kerja
Seperti langkah awal pada saat kita akan membuat homepage sederhana, kita harus mendefinisikan tempat kerja dalam komputer yang akan digunakan sebagai webserver. Langkah-langkah yang harus dilakukan, yaitu sebagai berikut :
1. Aktifkan Windows Explorer dalam komputermu.
2. Buat satu direktori dalam drive C dengan nama SMUKU-INT.
3. Buat subdirektori image, ess, dan database dalam direktori SMUKU-INT.
3. Persiapan Skenario User Interface
Skenario/>rm harus dibuat untuk memberikan gambaran apa yang akan dikerjakan. Terdapat dua form yang akan dibuat dengan fungsi sebagai form untuk memasukkan dan menampilkan data siswa dari database.
Tipe data digunakan untuk merepresentasikan penyimpanan data dalam database. Terdapat beberapa tipe data yang disediakan oleh Microsoft Access, yaitu sebagai berikut :
a. Text, merepresentasikan data yang berbentuk gabungan huruf, angka, dan karakter khusus.
b. Number, merepresentasikan data yang berbentuk angka.
c. Date, merepresentasikan data yang berbentuk tanggal.
d. Memo, merepresentasikan data yang berbentuk teks dan jumlahnya sangat banyak,
e. Currency, merepresentasikan data yang memiliki format currency atau mata uang.
f. AutoNutnber, merepresentasikan data yang akan ditangani oleh sistem berupa angka.
g. OLE Object, merepresentasikan data yang berupa gabungan dari objek-objek yang dibuat oleh Microsoft.
h. Hyperlink, mereprentasikan data yang berupa link atau hubungan ke website atau tempat lain.
- Ikon pada toolbar Form Microsoft FrontPage
Form
Membuat form dalam satu halaman.
TextBox
Merepresentasikan input berupa teks, numerik, atau date.
Scrolling Textbox
Merepresentasikan input berupa teks yang panjang.
Check Box
Merepresentasikan sebuah pilihan ya atau tidak.
Radio Button
Merepresentasikan sebuah pilihan ya atau tidak.
Combo Box
Merepresentasikan data yang berupa pilihan terbatas.
Push Button
Merepresentasikan sebuah tindakan yang akan dilakukan jika tombol ditekan.
Picture
Merepresentasikan sebuah gambar dalam homepage.
Label
Merepresentasikan rulisan.
4. Persiapan Komponen IIS
Untuk menjadikan sebuah komputer sebagai web server, dalam komputer tersebut harus terinstal Internet Information Services (IIS). Web server yang akan digunakan adalah komputer lokal tempat kita bekerja dengan tambahan fasilitas IIS.
Seperti yang telah dijelaskan sebelumnya, cara pengaksesan IIS, yaitu sebagai berikut :
1. Pilih tombol start -> Control Panel.
2. Pilih Administrative Tools pada jendela Control Panel kemudian pilih Internet Information Services.
3. Klik nama komputer kemudian pilih Web Sites dan klik Default Web Site.
Ada dua cara menampilkan informasi homepage melalui IIS, yaitu sebagai berikut :
a. Menggunakan port (hanya dapat digunakan pada IIS dalam Windows NT, Windows 2000, dan Windows 2003).
b. Menggunakan direktori virtual.
a. Pengaksesan menggunakan port
Langkah-langkah untuk menampilkan informasi homepage melalui IIS dengan menggunakan port, yaitu sebagai berikut :
1. Klik kanan Web Sites, klik New Website, pilih port.
2. Gunakan port sembarang antara 2000-65500, karena port 1-1000 sudah reserved atau software yang terdapat pada server seperti web server SQL Server, Oracle database, dan software lainnya.
3. Jangan menggunakan port 80, karena port tersebut merupakan default website atau web server, kecuali kita akan menggunakan website tersebut sebagai tampilan utama.
4. Pengaksesan dengan menggunakan port 8080, yaitu sebagai berikut.
- Standalone computer-> http://localhost:8080/namafile.htm.
- Intranet -> http://NamaKomputer:8080/namafile.htm.
- Internet -> http://www.namadomain.com:8080/namafile.htm.
b. Pengaksesan menggunakan direktori virtual
Untuk menampilkan informasi homepage melalui IIS dengan menggunakan direktori virtual, yaitu sebagai berikut :
1. Klik kanan Default Web Site, pilih. New -> Virtual Directory.
2. Selanjutnya, akan ditampilkan Virtual Directory Creation Wizard pertama. Tekan tombol Next untuk melanjutkan ke wizard berikutnya.
3. Pada Virtual Directory Creation Wizard kedua, akan diminta untuk mengisi alias direktori, ketikkan SMUKU-INT. Selanjutnya, tekan tombol Next.
4. Selanjutnya, akan ditampilkan wizard untuk memasukkan direktori yang akan digunakan. Tekan tombol Browse atau masukkan C:\ SMUKU-INT kemudian tekan tombol Next.
5. Pada wizardyang menampilkan access permission, tekan tombol Next.
6. Selanjutnya, tekan tombol Finish dan kita dapat mencoba apakah direktori virtual tersebut sudah bekerja dengan baik atau belum.
7. Pada jendela Internet Information Services, akan terlihat bahwa direktori virtual sudah berhasil dibuat
8. Pengaksesan dengan menggunakan direktori virtual SMUKU-INT, yaitu sebagai berikut.
- komputer lokal -> http://localhost/SMUKU-INT/datasiswa.htm.
- Intranet -> http://namakomputer/SMUKU-INT/datasiswa.htm.
- Internet -> http://www.namadoraain.com/SMUKU-INT/datasiswa.htm.
9. Cara buka Internet Explorer, tulis http://localhost/SMUKU-INT/datasiswa.htm pada kotak Address. Selanjutnya, jalankan dengan menekan tombol Go.
5. Pemilihan Bahasa Pemrograman
Microsoft Active Server Pages (ASP) merupakan bahasa pemrograman yang secara otomatis disediakan oleh Microsoft jika kita menggunakan IIS. Dengan kata lain, kita tidak perlu kesulitan untuk mempelajari bahasa pemrograman yang lain jika akan memprogram web dengan menggunakan Windows, seperti Windows Server 2003, Windows XP, Windows NT, dan Windows 2000.
ASP merupakan suatu skrip yang bersifat server side yang ditambahkan pada halaman HTML untuk membuat sebuah web menjadi lebih menarik, dinamis, dan interaktif. Server sftfeberarti bahwa proses pengerjaan skrip berlangsung di serverbukan di browser atau client.
Bahasa skrip standar yang digunakan oleh ASP adalah Microsoft VBScript dan Microsoft /script. Jika tidak dinyatakan sendiri maka secara default skrip yang digunakan adalah Microsoft VBScript. Kamu dapat mengubah default tersebut dengan menambahkan perintah <% LANGUAGE=bahasa skrip %>.
Alasan utama penggunaan bahasa pemrograman ASP, yaitu sebagai berikut :
1. Sudah tersedia secara gratis jika kita menggunakan IIS pada sistem operasi Windows.
2. Struktur bahasanya sangat mudah untuk dipelajari karena ASP mengadopsi sintaks dari bahasa pemrograman Visual Basic yang sudah sangat familiar di kalangan programmer maupun pemula.
3. Mampu berkomunikasi dengan objek komponen (COM/DCOM) yang dibuat dengan berbagai bahasa pemrograman yang lain.
4. Mempunyai respons request data dengan cepat.
5. Untuk menggunakannya, kita hanya tinggal meletakkan kode pemrograman pada halaman homepage yang akan kita program.
Sebuah file ASP merupakan file text only yang di dalamnya berisi teks, tag HTML, dan skrip ASP. Jadi, dapat dikatakan bahv/z. file ASP sebenarnya merupakan/zfeHTML biasa yang ke dalamnya ditambahkan skrip ASP. Jika^fe HTML mempunyai ekstensi .htm atau .html maka jika sudah diberi skrip ASP, ekstensi tersebut tinggal diubah menjasi .asp.
Skrip ASP dapat diletakkan di mana saja sebagaimana kita meletakkan tag HTML. Untuk membedakan antara teks, tag HTML, dan skrip ASP maka digunakan suatu tanda yang disebut delimiter. Delimiter adalah suatu karakter atau kumpulan karakter yang mengawali dan mengakhiri suatu tag atau skrip. Untuk tag HTML, sudah kita ketahui bahwa delimiter yang digunakan adalah karakter < dan >. Untuk skrip ASP, delimiter yang digunakan adalah kumpulan karakter <% dan %>.
a. Deklarasi Variabel
VBScript mempunyai beberapa pernyataan yang digunakan untuk pendeklarasian variabel, yaitu dim, private, dan public. Perbedaannya, yaitu pada ruang lingkup yang digunakan. Jika menggunakan dim atau private maka variabelnya bersifat lokal, sedangkan jika menggunakan public maka variabelnya bersifat global. VBScript mempunyai kemampuan untuk mengenal variabel walaupun tidak dideklarasikan.
b. Blok kode ASP
ASP selalu diawali dengan blok <% dan diakhiri dengan blok %>. Di dalam kedua blok tersebut, sintaks, atau kode ASP dituliskan.
Contoh :
Untuk menuliskankata HALLO DUNIA, kita cukup mengetikkan blok ASP berikut di atas sebuah file HTML dan mengubah nama ekstensi file tersebut menjadi ASP.
<% response.write("HALLO DUNIA") %>
HALLO DUNIA
c. Statement input
Sintaks 1 -> Request.Form()
Sintaks 2 -> Request.QueryString()
Request.Form digunakan untuk mengambil nilai dari elemen-elemen form HTML, sedangkan Request. QueryString digunakan untuk mengambil nilai variabel HTTP query string. Variabel HTTP query string ditandai dengan karakter tanda tanya (?) dan biasanya terletak di belakang penulisan sebuah alamat URL.
Contoh.
mengambil sebuah nilai dari textbox dengan id txtNama dilakukan dengan menambahkan kode berikut :
<% dim nama nama=request.Form("txtNama") %>
d. Statement output
Statement atau pernyataan output digunakan untuk mengatur output yang akan dikirim ke browser. Contoh metode yang digunakan yaitu metode write dan redirect. Metode write digunakan untuk menulis output berupa variabel sebagai sebuah string. Metode redirect digunakan untuk mengirimkan pesan ke browser yang mengarahkan browser untuk menuju ke URL tertentu.
Sintaks 1 -> Response.write()
Sintaks 2 -> Response.redirect()
Contoh.
Untuk menuliskan nilai dari textbox dengan id txtNama dilakukan dengan menambahkan kode berikut :
<% dim nama nama=request.form("txtNama") response.write(nama) %>
e. Statement logika
Sintaks logika untuk ASP sama dengan sintaks logika bahasa pemrograman Visual Basic.
f. Statement looping
Sintaks looping untuk ASP juga sama dengan sintaks looping atau perulangan pada bahasa pemrograman Visual Basic.
g. Operasi pengaksesan data
Sintaks pengaksesan data juga sama dengan Visual Basic.
B. Memprogram Database Web Interaktif
1. Pembuatan Database
Langkah-langkah dalam pembuatan database tersebut, yaitu sebagai berikut :
1. Aktifkan Microsoft Access. Buat database datasiswa dan simpan dalam C:\SMUKU-INT\database yang sudah kamu buat sebelumnya.
2. Buat satu tabel dengan nama DataSiswa.
2. Pembuatan Data Source Name (DSN)
Setelah database dibuat,langkah selanjutnya adalah membuat Data Source Name (DSN). DSN ini mempermudah pengaksesan data dari program ke database. Untuk melakukannya, ikuti langkah-langkah berikut :
1. Tekan tombol start -> Control Panel -> Performance and Maintenance -> Administrative Tools -> Data Sources (ODBC).
2. Selanjutnya, akan ditampilkan kotak dialog ODBC Data Source Administrator. Pilih tab System DSN.
3. Klik tombol Add yang akan menampilkan menu untuk memilih driver database yang akan digunakan. Pilih Microsoft Access Driver (*.mdb) kemudian tekan tombol Finish.
4. Pada kotak dialog ODBC Microsoft Access Setup, isi kotak Data Source Hame dengan DataSiswa dan kotak description dengan data siswa. Tekan tombol Select untuk memasukkan database dengan lokasi C:\SMUKU-INT\database\datasiswa.mdb. Lalu, tekan tombol OK.
5. Hasil akhir dari pembuatan data source name ditunjukkan pada Gambar. Lalu, tekan tombol OK.
3. Pemrograman
Pemrograman dilakukan setelah kita menyelesaikan pembuatan DSN. Untuk pemrograman ini akan ditampilkan halaman HTML dan halaman modifikasi menjadi ASP. Dari kedua halaman tersebut, kamu dapat membandingkan perubahan yang diperlukan untuk membuat halaman homepage yang interaktif.
1. Programming halaman pertama yaitu pembuatan halaman datasiswa.htm yang telah kamu lakukan sebelumnya. Buka kembali halaman datasiswa.htm pada Microsoft FrontPage.
2. Lakukan modifikasi terhadap halaman datasiswa.htm tersebut dengan memasukkan kode ASP di bawah ini pada bagian awal halaman sebelum tag .
<%@ Language=VBScript %>
<% dim conn dim rs dim Nomorlnduk dim Nama dim TanggalLahir dim Kelas dim Jurusan dim TahunMasuk dim strSQL if request. Form O*cmdSimpan")="Simpan" then NomorInduk=Request.Form("txtNomorlnduk") Nama=Request.Form("txtNama") TanggalLahir=Request.Form("txtTanggalLahir"} Kelas=Request.Form("cboKelas") Jurusan=Request. Form ('"'cboJurusan") TahunMasuk=Request.Form("txtTahunMasuk") strSQL="Insert into DataSiswa(Nomorlnduk,Nama,TanggalLahir,Kelas,Jurusan,T ahunMasuk) values (A<* & _Nomorlnduk & "','" & Nama & «/r'« & TanggalLahir & "','" & Kelas & "-','" & jurusan & "','" & __ TahunMasuk & "') " Set conn = Server.CreateObject("ADODB.Connection") Set rs = Server.CreateObject("ADODB.Recordset") conn.Open "DSN=DataSiswa" rs.open strsql, conn, 2, 2 Set rs = Nothing Set conn = Nothing end if %>
3. Ganti action="--WEBB OT-SELF--" yang terdapat dalam tag form datasiswa.asp dengan action="datasiswa.asp". Hal ini bertujuan agar pada saat tombol Simpan ditekan, halaman data siswa akan dievaluasi oleh sistem. Jika kamu lupa menggantinya maka akan muncul error.
4. Ubahlah baris kode menjadi . Kode javascript ini akan menampilkan jendela baru dan membuka_#/e lihatdatasiswa.asp secara Iangsung yang akan menampilkan isi dari database.
5. Simpan file dengan nama datasiswa.asp.
6. Programming halaman kedua yaitu pembuatan halaman lihatdatasiswa.htm yang telah kamu lakukan sebelumnya. Buka kembali halaman lihatdatasiswa.htm pada Microsoft FrontPage.
7. Selanjutnya, akan dilakukan modifikasi terhadap halaman lihatdatasiswa.htm dengan memasukkan kode ASP di bawah ini pada bagian awal halaman sebelum tag .
<%@ Language=VBScript %>
<% dim conn dim rs dim strSQL dim ccount strSQL="SELECT count(*) as CCount FROM DataSiswa" Set conn = Server.CreateObject("ADODB.Connection") Set rs = Server.CreateObject("ADODB.Recordset") conn.Open "DSN=DataSiswa" rs.open strsql, conn, 2, 2 ccount=rs("CCount") rs.close strSQL="SELECT * FROM DataSiswa" rs.open strSQL, conn, 2, 2 %>
8. Ubahlah kode di antara tag
menjadi kode di bawah ini :
9. Ganti dengan untuk menutup jendela baru yang dibuka dengan cara menekan tombol Lihat pada halaman datasiswa.asp.
10. Simpan file dengan nama lihatdatasiswa.asp.
4. Pengujian (Testing)
Langkah terakhir adalahpengetesan hasil pemrograman. Testing ini akan memberitahu kepada kita apabila terdapat kesalahan dalam coding yang kita lakukan. Kesalahan tersebut akan langsung ditampilkan dalam browser yang kita akses. Akan tetapi, jika tidak terdapat kesalahan maka kita dapat mengetahui bahwa data tersebut sudah tersimpan dalam database bukan dalam halaman lihatdatasiswa.asp.
Untuk membuat homepage dinamis atau interaktif sangatlah sederhana. Cukup dengan menggunakan beberapa software atau tools yang sudah kita kenal sebelumnya. Software yang dibutuhkan seperti sistem operasi, Internet Information Services (US), Microsoft Access, Microsoft FrontPage, Microsoft Internet Explorer, dan komponen Open DataBase Connectivity (ODBC).
a. Sistem Operasi
Microsoft juga telah menambahkan kemampuan untuk melakukan pengembangan dan pengetesan dalam pembuatan homepage interaktif pada sistem operasi Windows XP. Selain Windows XP, keluarga Windows Iainnya yang dapat digunakan untuk menjalankan Internet Information Service (IIS) adalah Windows NT, Windows 2000, dan Windows 2003.
b. Komponen Internet Information Services (IIS) pada Windows XP
Jika belum terdapat Internet Information Services (IIS) pada Windows XP dalam komputermu, kamu harus meng-instal-nya. menggunakan CD installer Windows XP Professional. Fungsi IIS adalah sebagai web server. Terdapat beberapa web server yang terkenal di dunia, seperti Apache dan IIS. Akan tetapi, dengan menggunakan IIS kita tidak perlu melakukan konfigurasi atau pemasangansecara manual. Cara kerja webserver dapat dideskripsikan.
Langkah-langkah untuk menginstal komponen IIS dalam komputermu, yaitu sebagai berikut.
1. Masukkan CD installer Windows XP Professional ke dalam CD-ROM pada komputermu.
2. Aktifkan Control Panel dalam melalui tombol start -> Control Panel. Pilih Add or Remove Programs.
3. Pada jendela Add or Remove Programs, pilih Add'/Remove Windows Components yang terdapat di sebelah kiri jendela Add or Remove Programs.
4. Selanjutnya, akan ditampilkan kotak dialog Windows Components Wizard perta.ma. Pilih Internet Information Services (IIS). Kamu dapat melihat komponen-komponen IIS yang dapat dipilih melalui tombol Details. Pilih semua komponen yang tersedia kemudian tekan tombol OK. Selanjutnya, tekan tombol Next.
5. Proses instalasi akan dilakukan secara otomatis. Sistem akan meminta lokasi beberapa file yang terdapat dalam CD installer Windows XP Professional. Untuk mencari lokasi file yang sesuai, kamu dapat menekan tombol Browse. Selanjutnya, tekan tombol OK. Tekan tombol Finish setelah proses instalasi selesai dilakukan.
6. Sistem akan menampilkan kotak dialog untuk melakukan proses restart komputer. Lakukan proses restart pada komputermu.
7. Untuk melihat apakah komponen IIS telah ter-instal dalam komputermu, aktifkan Control Panel kemudian pilih Performance and Maintenance, Administrative Tools dengan cara klik dua kali pada pilihan tersebut. Pada jendela Administrative Tools, terlihat komponen Internet Information Services. Klik dua kali pada pilihan tersebut.
8. Selanjutnya, akan ditampilkan jendela Internet Information Services dengan berbagai komponen di dalamnya.
Cara kerjanya, yaitu sebagai berikut :
Terdapat permintaan untuk mengakses halaman tertentu dari browser client atau komputer di suatu lokasi. Permintaan tersebut dapat berupa pengaksesan alamat http://[alamatdomain]/index.asp pada browser Internet Explorer, Netscape, atau browser lainnya. Web server menerima permintaan tersebut dan mengembalikannya sebagai sebuah respon. Respon tersebut akan ditampilkan berupa halaman HTML pada browser dari pengakses.
c. Microsoft FrontPage
Microsoft FrontPage digunakan untuk merancang homepage, di mana kita juga telah menggunakan software ini untuk mengembangkan homepage sederhana pada pembahasan sebelumnya.
d. Microsoft Access
Microsoft Access digunakan untuk membuat database sebagai penyimpan data yang akan kita masukkan ke dalam database. Kamu telah mempelajari penggunaan Microsoft Access sebelumnya, sehingga dalam pembahasan ini kita tidak akan mempelajari Microsoft Access dari awal.
e. Microsoft Internet Explorer
Microsoft Internet Explorer digunakan untuk melakukan pengujian dan pengaksesan homepage interaktif yang telah dibuat. Selain Microsoft Internet Explorer, kamu dapat menggunakan web fcrows^lainnya, seperti Mozilla Firefox, Netscape, atau Opera.
f. Komponen Open DataBase Connectivity (ODBC)
Komponen ODBC digunakan untuk melakukan koneksi dari program komputer ke database. Komponen ini biasanya sudah tersedia dalam Windows XP. Untuk mengaksesnya, dapat kita lakukan dengan cara menekan tombol start; Control Panel; Administrative Tools; Data Sources (ODBC).
Salah satu keluhan utama pengguna produk Microsoft adalah penggunaan database yang membingungkan. awalnya, kita hanya dapat menggunakan Open DataBase Connectivity (ODBC) Application Programming Interface (API)tidak mudah untuk diimplementasikan terutama dalam lingkungan Visual Basic. ODBC, merupakan suatu spesifikasi untuk database API. API merupakan standar yang didukung oleh berbagai vendor termasuk Oracle, Informix, Sybase, dan Microsoft. Driver untuk database ini disediakan baik oleh vendor ataupun perusahaan pihak ketiga seperti Intersolv.
2. Persiapan Direktori Kerja
Seperti langkah awal pada saat kita akan membuat homepage sederhana, kita harus mendefinisikan tempat kerja dalam komputer yang akan digunakan sebagai webserver. Langkah-langkah yang harus dilakukan, yaitu sebagai berikut :
1. Aktifkan Windows Explorer dalam komputermu.
2. Buat satu direktori dalam drive C dengan nama SMUKU-INT.
3. Buat subdirektori image, ess, dan database dalam direktori SMUKU-INT.
3. Persiapan Skenario User Interface
Skenario/>rm harus dibuat untuk memberikan gambaran apa yang akan dikerjakan. Terdapat dua form yang akan dibuat dengan fungsi sebagai form untuk memasukkan dan menampilkan data siswa dari database.
Tipe data digunakan untuk merepresentasikan penyimpanan data dalam database. Terdapat beberapa tipe data yang disediakan oleh Microsoft Access, yaitu sebagai berikut :
a. Text, merepresentasikan data yang berbentuk gabungan huruf, angka, dan karakter khusus.
b. Number, merepresentasikan data yang berbentuk angka.
c. Date, merepresentasikan data yang berbentuk tanggal.
d. Memo, merepresentasikan data yang berbentuk teks dan jumlahnya sangat banyak,
e. Currency, merepresentasikan data yang memiliki format currency atau mata uang.
f. AutoNutnber, merepresentasikan data yang akan ditangani oleh sistem berupa angka.
g. OLE Object, merepresentasikan data yang berupa gabungan dari objek-objek yang dibuat oleh Microsoft.
h. Hyperlink, mereprentasikan data yang berupa link atau hubungan ke website atau tempat lain.
- Ikon pada toolbar Form Microsoft FrontPage
Form
Membuat form dalam satu halaman.
TextBox
Merepresentasikan input berupa teks, numerik, atau date.
Scrolling Textbox
Merepresentasikan input berupa teks yang panjang.
Check Box
Merepresentasikan sebuah pilihan ya atau tidak.
Radio Button
Merepresentasikan sebuah pilihan ya atau tidak.
Combo Box
Merepresentasikan data yang berupa pilihan terbatas.
Push Button
Merepresentasikan sebuah tindakan yang akan dilakukan jika tombol ditekan.
Picture
Merepresentasikan sebuah gambar dalam homepage.
Label
Merepresentasikan rulisan.
4. Persiapan Komponen IIS
Untuk menjadikan sebuah komputer sebagai web server, dalam komputer tersebut harus terinstal Internet Information Services (IIS). Web server yang akan digunakan adalah komputer lokal tempat kita bekerja dengan tambahan fasilitas IIS.
Seperti yang telah dijelaskan sebelumnya, cara pengaksesan IIS, yaitu sebagai berikut :
1. Pilih tombol start -> Control Panel.
2. Pilih Administrative Tools pada jendela Control Panel kemudian pilih Internet Information Services.
3. Klik nama komputer kemudian pilih Web Sites dan klik Default Web Site.
Ada dua cara menampilkan informasi homepage melalui IIS, yaitu sebagai berikut :
a. Menggunakan port (hanya dapat digunakan pada IIS dalam Windows NT, Windows 2000, dan Windows 2003).
b. Menggunakan direktori virtual.
a. Pengaksesan menggunakan port
Langkah-langkah untuk menampilkan informasi homepage melalui IIS dengan menggunakan port, yaitu sebagai berikut :
1. Klik kanan Web Sites, klik New Website, pilih port.
2. Gunakan port sembarang antara 2000-65500, karena port 1-1000 sudah reserved atau software yang terdapat pada server seperti web server SQL Server, Oracle database, dan software lainnya.
3. Jangan menggunakan port 80, karena port tersebut merupakan default website atau web server, kecuali kita akan menggunakan website tersebut sebagai tampilan utama.
4. Pengaksesan dengan menggunakan port 8080, yaitu sebagai berikut.
- Standalone computer-> http://localhost:8080/namafile.htm.
- Intranet -> http://NamaKomputer:8080/namafile.htm.
- Internet -> http://www.namadomain.com:8080/namafile.htm.
b. Pengaksesan menggunakan direktori virtual
Untuk menampilkan informasi homepage melalui IIS dengan menggunakan direktori virtual, yaitu sebagai berikut :
1. Klik kanan Default Web Site, pilih. New -> Virtual Directory.
2. Selanjutnya, akan ditampilkan Virtual Directory Creation Wizard pertama. Tekan tombol Next untuk melanjutkan ke wizard berikutnya.
3. Pada Virtual Directory Creation Wizard kedua, akan diminta untuk mengisi alias direktori, ketikkan SMUKU-INT. Selanjutnya, tekan tombol Next.
4. Selanjutnya, akan ditampilkan wizard untuk memasukkan direktori yang akan digunakan. Tekan tombol Browse atau masukkan C:\ SMUKU-INT kemudian tekan tombol Next.
5. Pada wizardyang menampilkan access permission, tekan tombol Next.
6. Selanjutnya, tekan tombol Finish dan kita dapat mencoba apakah direktori virtual tersebut sudah bekerja dengan baik atau belum.
7. Pada jendela Internet Information Services, akan terlihat bahwa direktori virtual sudah berhasil dibuat
8. Pengaksesan dengan menggunakan direktori virtual SMUKU-INT, yaitu sebagai berikut.
- komputer lokal -> http://localhost/SMUKU-INT/datasiswa.htm.
- Intranet -> http://namakomputer/SMUKU-INT/datasiswa.htm.
- Internet -> http://www.namadoraain.com/SMUKU-INT/datasiswa.htm.
9. Cara buka Internet Explorer, tulis http://localhost/SMUKU-INT/datasiswa.htm pada kotak Address. Selanjutnya, jalankan dengan menekan tombol Go.
5. Pemilihan Bahasa Pemrograman
Microsoft Active Server Pages (ASP) merupakan bahasa pemrograman yang secara otomatis disediakan oleh Microsoft jika kita menggunakan IIS. Dengan kata lain, kita tidak perlu kesulitan untuk mempelajari bahasa pemrograman yang lain jika akan memprogram web dengan menggunakan Windows, seperti Windows Server 2003, Windows XP, Windows NT, dan Windows 2000.
ASP merupakan suatu skrip yang bersifat server side yang ditambahkan pada halaman HTML untuk membuat sebuah web menjadi lebih menarik, dinamis, dan interaktif. Server sftfeberarti bahwa proses pengerjaan skrip berlangsung di serverbukan di browser atau client.
Bahasa skrip standar yang digunakan oleh ASP adalah Microsoft VBScript dan Microsoft /script. Jika tidak dinyatakan sendiri maka secara default skrip yang digunakan adalah Microsoft VBScript. Kamu dapat mengubah default tersebut dengan menambahkan perintah <% LANGUAGE=bahasa skrip %>.
Alasan utama penggunaan bahasa pemrograman ASP, yaitu sebagai berikut :
1. Sudah tersedia secara gratis jika kita menggunakan IIS pada sistem operasi Windows.
2. Struktur bahasanya sangat mudah untuk dipelajari karena ASP mengadopsi sintaks dari bahasa pemrograman Visual Basic yang sudah sangat familiar di kalangan programmer maupun pemula.
3. Mampu berkomunikasi dengan objek komponen (COM/DCOM) yang dibuat dengan berbagai bahasa pemrograman yang lain.
4. Mempunyai respons request data dengan cepat.
5. Untuk menggunakannya, kita hanya tinggal meletakkan kode pemrograman pada halaman homepage yang akan kita program.
Sebuah file ASP merupakan file text only yang di dalamnya berisi teks, tag HTML, dan skrip ASP. Jadi, dapat dikatakan bahv/z. file ASP sebenarnya merupakan/zfeHTML biasa yang ke dalamnya ditambahkan skrip ASP. Jika^fe HTML mempunyai ekstensi .htm atau .html maka jika sudah diberi skrip ASP, ekstensi tersebut tinggal diubah menjasi .asp.
Skrip ASP dapat diletakkan di mana saja sebagaimana kita meletakkan tag HTML. Untuk membedakan antara teks, tag HTML, dan skrip ASP maka digunakan suatu tanda yang disebut delimiter. Delimiter adalah suatu karakter atau kumpulan karakter yang mengawali dan mengakhiri suatu tag atau skrip. Untuk tag HTML, sudah kita ketahui bahwa delimiter yang digunakan adalah karakter < dan >. Untuk skrip ASP, delimiter yang digunakan adalah kumpulan karakter <% dan %>.
a. Deklarasi Variabel
VBScript mempunyai beberapa pernyataan yang digunakan untuk pendeklarasian variabel, yaitu dim, private, dan public. Perbedaannya, yaitu pada ruang lingkup yang digunakan. Jika menggunakan dim atau private maka variabelnya bersifat lokal, sedangkan jika menggunakan public maka variabelnya bersifat global. VBScript mempunyai kemampuan untuk mengenal variabel walaupun tidak dideklarasikan.
b. Blok kode ASP
ASP selalu diawali dengan blok <% dan diakhiri dengan blok %>. Di dalam kedua blok tersebut, sintaks, atau kode ASP dituliskan.
Contoh :
Untuk menuliskankata HALLO DUNIA, kita cukup mengetikkan blok ASP berikut di atas sebuah file HTML dan mengubah nama ekstensi file tersebut menjadi ASP.
<% response.write("HALLO DUNIA") %>
c. Statement input
Sintaks 1 -> Request.Form(
Sintaks 2 -> Request.QueryString(
Request.Form digunakan untuk mengambil nilai dari elemen-elemen form HTML, sedangkan Request. QueryString digunakan untuk mengambil nilai variabel HTTP query string. Variabel HTTP query string ditandai dengan karakter tanda tanya (?) dan biasanya terletak di belakang penulisan sebuah alamat URL.
Contoh.
mengambil sebuah nilai dari textbox dengan id txtNama dilakukan dengan menambahkan kode berikut :
<% dim nama nama=request.Form("txtNama") %>
d. Statement output
Statement atau pernyataan output digunakan untuk mengatur output yang akan dikirim ke browser. Contoh metode yang digunakan yaitu metode write dan redirect. Metode write digunakan untuk menulis output berupa variabel sebagai sebuah string. Metode redirect digunakan untuk mengirimkan pesan ke browser yang mengarahkan browser untuk menuju ke URL tertentu.
Sintaks 1 -> Response.write(
Sintaks 2 -> Response.redirect(
Contoh.
Untuk menuliskan nilai dari textbox dengan id txtNama dilakukan dengan menambahkan kode berikut :
<% dim nama nama=request.form("txtNama") response.write(nama) %>
e. Statement logika
Sintaks logika untuk ASP sama dengan sintaks logika bahasa pemrograman Visual Basic.
f. Statement looping
Sintaks looping untuk ASP juga sama dengan sintaks looping atau perulangan pada bahasa pemrograman Visual Basic.
g. Operasi pengaksesan data
Sintaks pengaksesan data juga sama dengan Visual Basic.
B. Memprogram Database Web Interaktif
1. Pembuatan Database
Langkah-langkah dalam pembuatan database tersebut, yaitu sebagai berikut :
1. Aktifkan Microsoft Access. Buat database datasiswa dan simpan dalam C:\SMUKU-INT\database yang sudah kamu buat sebelumnya.
2. Buat satu tabel dengan nama DataSiswa.
2. Pembuatan Data Source Name (DSN)
Setelah database dibuat,langkah selanjutnya adalah membuat Data Source Name (DSN). DSN ini mempermudah pengaksesan data dari program ke database. Untuk melakukannya, ikuti langkah-langkah berikut :
1. Tekan tombol start -> Control Panel -> Performance and Maintenance -> Administrative Tools -> Data Sources (ODBC).
2. Selanjutnya, akan ditampilkan kotak dialog ODBC Data Source Administrator. Pilih tab System DSN.
3. Klik tombol Add yang akan menampilkan menu untuk memilih driver database yang akan digunakan. Pilih Microsoft Access Driver (*.mdb) kemudian tekan tombol Finish.
4. Pada kotak dialog ODBC Microsoft Access Setup, isi kotak Data Source Hame dengan DataSiswa dan kotak description dengan data siswa. Tekan tombol Select untuk memasukkan database dengan lokasi C:\SMUKU-INT\database\datasiswa.mdb. Lalu, tekan tombol OK.
5. Hasil akhir dari pembuatan data source name ditunjukkan pada Gambar. Lalu, tekan tombol OK.
3. Pemrograman
Pemrograman dilakukan setelah kita menyelesaikan pembuatan DSN. Untuk pemrograman ini akan ditampilkan halaman HTML dan halaman modifikasi menjadi ASP. Dari kedua halaman tersebut, kamu dapat membandingkan perubahan yang diperlukan untuk membuat halaman homepage yang interaktif.
1. Programming halaman pertama yaitu pembuatan halaman datasiswa.htm yang telah kamu lakukan sebelumnya. Buka kembali halaman datasiswa.htm pada Microsoft FrontPage.
2. Lakukan modifikasi terhadap halaman datasiswa.htm tersebut dengan memasukkan kode ASP di bawah ini pada bagian awal halaman sebelum tag .
<%@ Language=VBScript %>
<% dim conn dim rs dim Nomorlnduk dim Nama dim TanggalLahir dim Kelas dim Jurusan dim TahunMasuk dim strSQL if request. Form O*cmdSimpan")="Simpan" then NomorInduk=Request.Form("txtNomorlnduk") Nama=Request.Form("txtNama") TanggalLahir=Request.Form("txtTanggalLahir"} Kelas=Request.Form("cboKelas") Jurusan=Request. Form ('"'cboJurusan") TahunMasuk=Request.Form("txtTahunMasuk") strSQL="Insert into DataSiswa(Nomorlnduk,Nama,TanggalLahir,Kelas,Jurusan,T ahunMasuk) values (A<* & _Nomorlnduk & "','" & Nama & «/r'« & TanggalLahir & "','" & Kelas & "-','" & jurusan & "','" & __ TahunMasuk & "') " Set conn = Server.CreateObject("ADODB.Connection") Set rs = Server.CreateObject("ADODB.Recordset") conn.Open "DSN=DataSiswa" rs.open strsql, conn, 2, 2 Set rs = Nothing Set conn = Nothing end if %>
3. Ganti action="--WEBB OT-SELF--" yang terdapat dalam tag form datasiswa.asp dengan action="datasiswa.asp". Hal ini bertujuan agar pada saat tombol Simpan ditekan, halaman data siswa akan dievaluasi oleh sistem. Jika kamu lupa menggantinya maka akan muncul error.
4. Ubahlah baris kode menjadi . Kode javascript ini akan menampilkan jendela baru dan membuka_#/e lihatdatasiswa.asp secara Iangsung yang akan menampilkan isi dari database.
5. Simpan file dengan nama datasiswa.asp.
6. Programming halaman kedua yaitu pembuatan halaman lihatdatasiswa.htm yang telah kamu lakukan sebelumnya. Buka kembali halaman lihatdatasiswa.htm pada Microsoft FrontPage.
7. Selanjutnya, akan dilakukan modifikasi terhadap halaman lihatdatasiswa.htm dengan memasukkan kode ASP di bawah ini pada bagian awal halaman sebelum tag .
<%@ Language=VBScript %>
<% dim conn dim rs dim strSQL dim ccount strSQL="SELECT count(*) as CCount FROM DataSiswa" Set conn = Server.CreateObject("ADODB.Connection") Set rs = Server.CreateObject("ADODB.Recordset") conn.Open "DSN=DataSiswa" rs.open strsql, conn, 2, 2 ccount=rs("CCount") rs.close strSQL="SELECT * FROM DataSiswa" rs.open strSQL, conn, 2, 2 %>
8. Ubahlah kode di antara tag
No | Nomor Induk | Nama | Tanggal Lahir | Kelas | Jurusan | Tahun Masuk |
<%=i%> | <%=rs("Nomorlnduk")%> | <%=rs("TanggalLahir")%> | <%=rs("Jurusan")%> | <%=rs("TahunMasuk")%> |
9. Ganti dengan untuk menutup jendela baru yang dibuka dengan cara menekan tombol Lihat pada halaman datasiswa.asp.
10. Simpan file dengan nama lihatdatasiswa.asp.
4. Pengujian (Testing)
Langkah terakhir adalahpengetesan hasil pemrograman. Testing ini akan memberitahu kepada kita apabila terdapat kesalahan dalam coding yang kita lakukan. Kesalahan tersebut akan langsung ditampilkan dalam browser yang kita akses. Akan tetapi, jika tidak terdapat kesalahan maka kita dapat mengetahui bahwa data tersebut sudah tersimpan dalam database bukan dalam halaman lihatdatasiswa.asp.
BAB 5 : MEMBUAT HOMEPAGE SEDERHANA
A. Menentukan Perangkat Lunak Untuk Membuat Homepage.
Beberapa hal yang harus diperhatikan, yaitu sebagai berikut :
l. Tujuan dibuatnya homepage, sebenarnya yang menjadi tujuan utama dari pembuatan homepage harus jelas.
2. Siapa (anak-anak/remaja/orang dewasa) yang menjadi target untuk melihat homepage yang kita buat. Misalnya, yang menjadi target utama untuk melihat dan mengakses adalah teman-teman di SMUKU dari kelas 1 sampai 3.
3. Klasifikasikan informasi yang akan ditampilkan dalam homepage. Misalnya, informasi pelajaran, data siswa, link bermanfaat, dan informasi lainnya.
4. Hasil klasiflkasi tersebut akan mewakili satu halaman homepage, sedangkan hasil klasifikasi yang lain akan ditampilkan sebagai hyperlink yang akan ditampilkan pada saat pengguna mengakses link tersebut.
5. Buat sebuah skenario dari setiap hasil klasifikasi tersebut agar informasi yang akan ditampilkan benar-benar jelas atau tidak "mengambang".
Terdapat tiga kriteria tools atau alat bantu yang dapat digunakan untuk membantu pengembangan homepage, yaitu editor HTML, graphics, dan multimedia animasi dan suara.
1. Editor HTML.
Editor HTML digunakan untuk mendesain homepage dan komponen-komponennya. Selain itu, editor HTML juga digunakan untuk menggabungkan gambar, suara, dan animasi yang telah dibuat dalam suatu halaman homepage. Editor HTML yang bersifat graphical user interface, akan mengurangi waktu kita dalam proses penulisan sintaks. Demikian juga untuk pengembangan homepage, kita akan menggunakan salah satu produk Microsoft sebagai editor HTML, yaitu Microsoft FrontPage XP.
2. Editor Graphics.
Editor grafis digunakan untuk mengedit gambar yang akan ditampilkan pada homepage. Kita dapat memodifikasi warna, memotong gambar, memperbesar atau memperkecil gambar, menggabungkan beberapa gambar, memberi efek pada gambar, dan siap untuk ditampilkan pada homepage. Terdapat beberapa editor grafik yang sering digunakan dan populer yaitu CorelDRAW dan Adobe Photoshop. Untuk pembuatan logo gambar dari homepage yang akan dikembangkan, kita dapat menggunakan Adobe Photoshop 7.0.
3. Editor Multimedia Animasi dan Suara.
Editor multimedia digunakan untuk membuat animasi gambar dan suara. Terdapat suatu editor animasi yang paling populer, yaitu Macromedia Flash. Macromedia Flash tidak hanya digunakan untuk membuat animasi gambar dan suara, tetapi juga untuk membuat suatu homepage multimedia. Dengan menggunakan editor Macromedia Flash, animasi yang rumit dapat dikerjakan dan hasilnya sangat baik.
B. Membuat Layout Homepage yang Diinginkan.
Layout atau frame merupakan bentuk format navigasi dari homepage yang akan ditampilkan. Penggunaan layout untuk navigasi ini tergantung pada jenis navigasi dan informasi yang akan ditampilkan dalam homepage. Untuk melihat dan memilih jenis layout yang tersedia dalam Microsoft FrontPage XP, dapat kita lakukan pada saat akan membuat halaman atau website baru. Langkah untuk melakukannya, yaitu sebagai berikut :
1. Pilih tombol start -> All Programs -> Microsoft FrontPage. Lalu,akan ditampilkan dokumen baru pada Microsoft FrontPage.
2. Pilih menu File -> New -> Page or Web.
3. Pilih Page Templates pada bagian New from template dari taskpane New Page or Web.
4. Selanjutnya, akan ditampilkan kotak dialog Page Templates yang terdiri atas tiga tab, yaitu General, Frames Pages, dan Style Sheets.
5. Pilih jenis frame yang kamu inginkan kemudian tekan tombol OK.
Jenis-]enis frame pada Microsoft FrontPage XP, yaitu :
- Banners and Contents
Membuat frame banner di atas, frame isi di bagian bawah kiri, dan frame utama di bagian bawah kanan. Hyperlink pada frame banner akan mengubah frame isi.
- Contents
Frame di sebelah kiri merupakan link yang akan mengubah frame utama di sebelah kanan.
- Footers
Frame utama di atas, frame bawah adalah footer. Hyperlink di footer akan mengubah tampilan di frame utama.
- Footnotes
Sama dengan Footers, tetapi hyperlink di frame utama akan mengubah footnes.
- Header
Membuatyrame header navigasi dan sebuah frame utama di bawahnya. Hyperlink di header akan mengubah frame utama.
- Header, Footer and Contents
Membuat frame header dan footer runtuk navigasi. Hyperlink di header dan footer akan mengubah frame isi.
- Horizontal Split
Frame atas dan bawah yang independent atau tidak saling berhubungan.
- Nested Hierarchy
Hyperlink di sebelah kiri akan mengubah frame sebelah kanan atas. Hyperlink di frame kanan atas akan mengubah isi frame utama.
- Top-Down' Hierarchy
Frame paling atas atau pertama akan mengubah frame di bawahnya, frame kedua akan mengubah isi frame ketiga.
- Vertical Split
Frame kanan dan kiri yang independent atau tidak saling terhubung.
C. Menerapkan Hyperlink
Hyperlink digunakan sebagai alat navigasi halaman pada homepage. Langkah-langkah membuat hyperlink menggunakan Microsoft FrontPage XP, yaitu sebagai berikut ;
1. Aktifkan aplikasi Microsoft FrontPage XP.
2. Buat tulisan "Link ke halaman lain" pada dokumen baru yang ditampilkan pertama kali.
3. Blok tulisan "Link ke halaman lain" dengan cara men-drag tombol kiri mouse.
4. Tekan torabol Ctrl + K pada keyboard sehingga akan ditampilkan kotak dialog Insert Hyperlink. Kotak, Text to display menampilkan teks yang akan dijadikan link. Kolom Link to digunakan untuk memilih link tujuan. Kotak Look in digunakan untuk memilih lokasi tujuan link. Setelah selesai melakukan pengaturan terhadap link yang dibuat, tekan tombol OK.
5. Setelah file disimpan dan dijalankan, ketika kita klik "Link ke halaman Iain" maka akan membuka halaman tujuan link tersebut.
Langkah-langkah untuk membuat hyperlink dengan tag HTML, yaitu sebagai berikut :
1. Aktifkan aplikasi Microsoft FrontPage XP.
2. Buat tulisan "Link ke halaman lain" pada dokumen bam yang ditampilkan pertama.
3. Klik tab HTML di bagian bawah dokumen.
4. Selanjutnya, akan ditampilkan sintaks HTML.
5. Letakkan kursor di depan kata "Link" dan di belakang tag
pada sintaks HTML yang ditampilkan.
6. Sebagai contoh, link tujuan kita adalah filejadwalpelajaran.htm. Ketikkan tag di depan kata "Link" dan di belakang tag.
7. Letakkan kursor di belakang kata "lain" dan di depan tag.
Ketikkan tag.
8. Klik tab Normal di bagian bawah dokumen untuk melihat hasil akhir. Hasilnya akan berbentuk tampilan.
D. Menerapkan Cascading Style Sheet.
Microsoft FrontPage sudah menyediakan Cascading Style Sheet (CSS) yang dapat kita gunakan. Fungsi utama dari CSS adalah untuk melakukan pengaturan beberapa format, yaitu :
1. bentuk huruf.
2. ukuran huruf.
3. format huruf.
4. warna huruf.
5. warna background.
6. warna hyperlink.
7. format textbox.
Beberapa CSS yang telah tersedia dalam Microsoft FrontPage XP, dapat diakses dengan menggunakan langkah-langkah di bawah ini.
1. Aktifkan Microsoft FrontPage XP dalam komputermu.
2. Pilih menu File -> New -> Page or Web.
3. Pilih Page Templates pada bagian New from template dari taskpane New Page or Web.
4. Selanjutnya, akan ditampilkan kotak dialog Page Templates yang terdiri atas tiga tab, yaitu General, Frames Pages, dan Style Sheets. Pilih tab Style Sheets yang menampilkan berbagai jenis style sheet yang disediakan oleh Microsoft FrontPage XP.
5. Pilih jenis style sheet yang kamu inginkan kemudian tekan tombol OK.
Jenis-jenis CSS pada Microsoft FrontPage XP
- Normal Style Sheet
-> CSS kosong
- Arcs
-> - Teks menggunakan jenis huruf Verdana berwarna coklat.
- Headers menggunakan jenis huruf Times New Roman berwarna coklat.
- Background berwarna kuning.
- Bars
-> - Teks menggunakan jenis huruf Arial.
- Headers menggunakan jenis huruf Times New Roman.
- Background berwarna light silver.
- Blocks
-> - Teks dan headers menggunakan jenis huruf Bookman Old Style.
- Hyperlinks berwarna merah.
- Background berwarna light silver.
- Blueprint
-> - Teks dan headers menggunakan jenis huruf Century Gothic.
- Hyperlinks berwarna purple.
- Background berwarna bright yellow.
- Capsules
-> - Teks dan headers menggunakan jenis huruf Arial.
- Hyperlinks berwarna red orange.
- Background berwarna light green.
- Downtown
-> - Teks menggunakan jenis huruf Garamond berwarna kuning.
- Headers menggunakan jenis huruf Verdana.
- Hyperlinks berwarna orange.
- Background'berwarna royal blue.
- Expedition
-> - Teks dan headers menggunakan jenis huruf Book Antiqua.
- Background berwarna peach.
- Highway
-> - Teks menggunakan jenis huruf Verdana berwarna putih.
- Headers menggunakan jenis huruf Verdana.
- Hyperlinks berwarna orange.
- Background berwarna black.
- Neon
-> - Teks dan headers menggunakan jenis huruf Verdana berwarna hijau.
- Hyperlinks berwarna chartreuse.
- Background berwarna black.
- Poetic
-> - Teks menggunakan jenis huruf Book Antiqua berwarna purple.
- Headers menggunakan jenis huruf Book Antiqua.
- Background berwarna white.
- Street
-> - Teks menggunakan jenis huruf Verdana berwarna navy.
- Headers menggunakan jenis huruf Comic Sans MS.
- Background berwarna light cyan.
- Sweets
-> - Teks menggunakan jenis huruf Arial berwarna dark blue.
- Headers menggunakan j enis huruf Arial Rounded MT Bold.
- Background berwarna pale yellow.
E. Membuat Aplikasi dalam Ssitem yang Terintegrasi.
1. Membuat Aplikasi Terintegrasi dengan Microsoft FrontPage.
Skenario membuat homepage sederhana :
Topik
Membuat homepage untuk kelas 3 A SMUKU.
Fungsi homepage
1. Menampilkan berita kegiatan terbaru dari kelas 3A.
2. Menampilkan jadwal pelajaran untuk kelas 3A.
3. Menampillkan data siswa kelas 3A lengkap dengan foto dan hobi.
4. Menampilkan link ke homepage-homepage yang berguna.
5. Latar belakang homepage berwarna kuning.
Halaman 1
Halaman 1 merupakan halaman kegiatan siswa yang terdiri atas :
1. Logo SMUKU.
2. Berita kegiatan terbaru siswa.
3. Link ke halaman jadwal pelajaran.
4. Link ke halaman data siswa kelas 3A.
5. Link ke halaman homepage yang berguna.
Halaman 2
Halaman 2 merupakan halaman jadwal pelajaran yang terdiri atas :
1, Logo SMUKU.
2. Jadwal pelajaran siswa kelas 3A.
3. Link ke halaman berita kegiatan siswa.
4. Link ke halaman data siswa kelas 3A.
5. Link ke halaman homepage yang berguna.
Halaman 3
Halaman 3 merupakan halaman data siswa yang terdiri atas :
1. Logo SMUKU.
2. Data siswa kelas 3 A.
3. Link ke halaman berita kegiatan siswa.
4. Link ke halaman jadwal pelajaran siswa kelas 3A.
5. Link ke halaman homepage yang berguna.
Halaman 4
Halaman 4 merupakan halaman yang berisi link ke homepage-homepage yang berguna, terdiri atas :
1. Logo SMUKU.
2. Homepage dan link yang berguna.
3. Link ke halaman berita kegiatan siswa.
4. Link ke halaman jadwal pelajaran siswa kelas 3A.
5. Linkke halaman data siswa kelas 3A.
2. Menentukan Directory Lokasi Kerja.
Directory tempat kita menyimpan file hasil kerja juga harus dipersiapkan dengan baik dan terorganisir. Pada satu directory, sebaiknya tidak terdapat beberapa pekerjaan yang berbeda fungsinya. Pengorganisasian ini untuk mempermudah pencarian file hasil kerja pada saat diperlukan. Lakukan langkah-langkah di bawah ini :
1. Buat directory SMUKU pada drive C:\.
2. Dalam directory C:\ SMUKU, buat directory/folder Image yang digunakan untuk menyimpan gambar-gambar yang akan digunakan dalam homepage SMUKU. Selanjutnya, buat directory /folder CSS yang akan digunakan untuk menyimpan CSS.
3. Pada Windows Explorer akan terlihat struktur file.
3. Membuat Halaman pada Homepage.
Homepage yang kita buat terdiri atas empat halaman. Setiap halaman memperlihatkan tampilan yang berbeda sesuai dengan fungsinya masing-masing.
a. Membuat halaman 1
Dengan menggunakan skenario yang telah dibuat sebelumnya, kita akan mulai membuat halaman 1, yaitu halaman Kegiatan Siswa. Langkah-langkahnya, yaitu sebagai berikut :
1. Aktifkan Microsoft FrontPage XP.
2. Pilih menu File -> Hew -> Page or Web.
3. Pilih Page Templates pada bagian New from template dari task pane New Page or Web.
4. Selanjutnya, akan ditampilkan kotak dialog Page Templates yang terdiri atas tiga tab, yaitu General, Frar, Pages, dan Style Sheets. Pilih tab General yang menampilkan berbagai jenis tampilan homepage yang disediakan oleh Microsoft FrontPage XP.
5. Pilih One-column Body with Contents on Left kemudian tekan tombol OK.
6. Pada page frame sebelah kiri, hapus SECTION 2 sampai 4.
7. Pada page frame utama yang diperoleh, hapus semua tulisan di bawah "Fish Photo Caption". Hasilnya, akan diperoleh satu page.
8. Ganti tulisan "Your Heading Goes Here" dengan "KEGIATAN SISWA".
9. Ganti "SECTION 1" dengan "Kegiatan Siswa", "Title 1" dengan "Jadwal Pelajaran", "Title 2" dengan "Data Siswa", dan "Title 3" dengan "Link Bermanfaat".
10. Hapus tulisan "Fish Photo Caption" kemudian tekan tombol Enter pada keyboard. Tulis "Kegiatan Siswa" kemudian tekan tombol £«rerpada keyboard. Tulis "Kembali" dan naikkan kursor di atas tulisan "Kembali".
11. Pilih Menu Table -> Insert -> Table. Selanjutnya, akan ditampilkan kotak dialog Insert Table. Masukkan 5 pada kotak Rows dan 4 pada kotak Columns kemudian tekan tombol OK.
12. Ketikkan data di bawah ini dalam tabel yang disisipkan.
Navigasi & Hyperlink
Jadwal Pelajaran -> jadwalpelajaran. htm
Data Siswa -> datasiswa.htm
Link Bermanfaat -> linkbermanfaat.htm
Kembali -> kegiatansiswa.htm
13. Simpan halaman kegiatan siswa pada lokasi C:\SMUKU dengan nama file "kegiatansiswa.htm".
14. Selanjutnya, kita akan membuat link dari navigasi yang terdapat pada frame kiri. Blok "Kegiatan Siswa" kemudian pilih menu Insert -> Hyperlink atau tekan tombol Ctrl + K pada keyboard. Selanjutnya, akan ditampilkan kotak dialog Insert Hyperlink. Tentukan tujuan linkyang dituju yaitn file "kegiatansiswa.htm" kemudian tekan tombol OK.
b. Membuat halaman 2.
Untuk membuat halaman 2, yaitu halaman jadwai pelajaran kita tidak perlu membuat halaman tersebut dari awal, tetapi cxikup melakukan modifikasi terhadap halaman 1 dengan cara melakukan penyimpanan kembali menggunakan menu File -> save As.
1. Pastikan halaman "kegiatansiswa.htm" masih terbuka.
2. Pilih menu File -> Save As. Beri nama file "jadwalpelajaran.htm".
3. Tekan tombol Change title untuk mengganti paga title dari DATA SISWA menjadi JADWAL PELAJARAN. Selanjutnya, tekan tombol Save.
4. Kita hanya akan memodifikasi frame isi dan header dari halaman kegiatan siswa.
5. Ganti "KEGIATAN SISWA" di frame header dengan "JADWAL PELAJARAN" dan "Jadwal Pelajaran" pada b&gian frame isi.
6. Ubah isi tabel di bawah "Jadwal Pelajaran" seperti tabel pada Gambar 5.35. Simpan kembali hasil perubahan yang dilakukan.
c. Membuat halaman 3.
Untuk membuat halaman 3 atau data siswa, lakukan langkah-langkah yang sama dengan langkah-langkah yang dilakukan pada saat membuat halaman 2.
1. Pilih menu File -> Save As. Beri nama file "datasiswa.htm".
2. Tekan tombol Qhange title untuk mengganti page title menjadi DATA SISWA. Selanjutnya, tekan tombol Save.
3. Ubah isi tabel. Simpan kembali hasil perubahanyang dilakukan.
d. Membuat halaman 4.
Untuk membuat halaman 4 atau link bermanfaat, lakukan langkah-langkah yang sama dengan langkah-langkah yang dilakukan pada saat membuat halaman 2 dan 3.
1. Pilih menu File -> Save As. Beri nama file "linkbermanfaat.htm".
2. Tekan tombol Qhange title untuk mengganti page title menjadi LINK BERMANFAAT. Selanjutnya, tekan tombol Save.
3. Ubah isi tabel. Simpan kembali hasil perubahan yang dilakukan.
4. Mengaplikasikan Cascading Style Sheet.
1. Copy file yang telah dibuat sebelumnya yaitu file SMUKU.css ke dalam directory C:\SMUKU\CSS.
2. Masukkan di antara tag dan dalam setiap halaman HTML yang telah dibuat.
3. Simpan halaman tersebut.
4. Melalui Windows Explorer, kamu dapat melihat tampilan akhir dengan cara klik dua kali file "kegiatansiswa.htm", pastikan semua link ke halaman lain seperti jadwal pelajaran, data siswa, dan link bermanfaat berfungsi dengan benar.
F. Membuat Grafis Sesuai dengan Homepage yang Diinginkan.
Langkah membuat membuat logo grafis SMUKU dengan menggunakan editor Adobe Photoshop 7.0, yaitu sebagai berikut :
1. Aktifkan Adobe Photoshop 7.0 dengan cara klik tombol start -> All Programs -> Adobe Photoshop 7.0.
2. Pilih menu File -> New.
3. Selanjutnya, akan ditampilkan kotak dialog New. Lakukan pengaturan pada kotak dialog tersebut. Selanjutnya, tekan tombol OK.
4. Setelah dilakukan pengaturan lembar baru pada Adobe Photoshop, akan ditampilkan lembar baru tersebut.
5. Selanjutnya, pilih Rectangle Tool pada toolbox di sebelah kiri halaman kerja untuk memblok halaman kerja. Sebelumnya, pilih warna di bagian Set foreground color dengan warna kuning atau sesuai dengan keinginanmu. Blok kotak yang menutupi seluruh halaman sehingga berubah warna sesuai dengan warna yang kamu pilih.
6. Berikan efek texturizer dengan cara pilih menu Filter -> Texture -> Texturizer. Selanjutnya, akan ditampilkan kotak dialog Texturizer. Untuk Texture, pilih Brick, Scaling 55, dan Relief 4
7. Ganti warna dengan biru tua dengan cara mengklik tool Set foreground color yang akan menampilkan kotak dialog Color Picker. Pilih warna biru kemudian tekan tombol OK.
8. Klik Horizontal Type Tool pada toolbox untuk membuat tulisan pada halaman kerja. Buat tulisan SMUKU KELAS 3A ANGKATAN 2005 pada halaman kerja. Selanjutnya, klik Move Tool pada toolbox sehingga akan ditampilkan 8 titik. Jika 8 titik tersebut belum dapat ditampilkan, aktifkan Show Bounding Box pada bagian atas halaman kerja. Geser (drag) tulisan tersebut untuk menyesuaikan ukurannya dengan halaman kerja.
9. Langkah terakhir yaitu menyimpan gambar dengan namalogosmuku dengan format GIF dalam subfolder lmage dalam folder C:\SMUKU kemudian tekan tombol Save. Jika muncul prompt atau kotak dialog lain setelah menekan tombol Save, tekan tombol OK pada kotak dialog tersebut.
G. Mendaftarkan Alamat Domain ke Provider Web Hosting.
Untuk mendapatkan nama yang sama, kita harus mempunyai extension domain yang berbeda. Misalnya, jika SMUKU.com sudah ada pemiliknya maka kita tidak dapat menggunakannya atau kita harus memilih extension yang lain, misalnya SMUKU.co.id.
Untuk pencarian nama domain, saat ini sudah banyak web hosting atau domain hosting yang mempunyai kemampuan untuk itu, baik hosting lokal maupun internasional. Yang paling lengkap,yaitu http://www.internic.com dan http://www.register.com.
Lakukan langkah-langkah di bawah ini untuk mendaftarkan alamat domain ke provider web hosting :
1. Untuk melakukan akses Internet, aktifkan Internet Explorer dan pastikan komputer sudah terhubung dengan Internet melalui modem atau jaringan sekolah atau warnet. Ketikkan http://www.register.com pada kotak URL pada web browser komputermu yang akan menampilkan halaman web.
2. Selanjutnya, cari kotak pencarian domain. Selanjutnya, ketikkan nama domain yang akan kita cari, misalnya sekolah.com kemudian tekan tombol Go.
3. Pada halaman tersebut terlihat bahwa domain sekolah. com sudah ada dan yang tersedia yaitu sekolah.tv dan sekolah.cc.
4. Sekarang, kita mencari domain lain yaitu sekolahsmuku.com. Ketikkan sekolahsmuku pada kotak TRY A NEW SEARCH kemudian tekan tombol Search. Kamu dapat menggunakan nama domain yang lain yang kamu inginkan.
5. Hasil menunjukkan bahwa nama domain tersebut masih tersedia. Kita dapat membelinya jika kita mempunyai kartu kredit, tetapi jika kita ingin melakukan pembelian kita harus mencari yang paling murah dan yang paling dekat atau berada dalam saru negara dengan kita. Misalnya, dari Indosat, Telkom, atau beberapa perusahaan hosting lain yang sudah mulai menyediakan layanan tersebut di Indonesia dengan tarif yang relatif terjangkau. Hal yang paling penting, yaitu pembayaran yang fleksibel (dengan rupiah) dan tanpa kartu kredit.
H. Melakukan Upload
Untuk lebih mudah memahami cara melakukan upload dan perbaikan data homepage, kita gunakan fasilitas gratis dari Yahoo dengan alamat http://www.yahoo.com. kita akan meng-upload homepage yang kita buat sebelumnya ke Yahoo Geocities agar mudah diakses. Langkah-langkahnya, yaitu :
1. Daftarkan nama sekolahsmuku sebagai user atau pengguna Yahoo Geodties. Caranya, tekan tombol Sign Up Now. Selanjutnya, akan ditampilkan halaman yang menyediakan fasilitas log in. Klik link Sign Up dibawah kotak log in.
2. Untuk pengguna baru, akan ditampilkan halaman untuk melakukan registrasi. Lengkapi form, Setelah selesai melengkapi form registrasi yang tersedia, tekan tombol I Agree.
3. Lakukan proses registrasi secara lengkap. Setelah selesai melakukan proses registrasi, selanjutnya akan ditampilkan halaman. Klik link Build your websites now! untuk berpindah ke halaman berikutnya.
4. Selanjutnya, akan ditampilkan halaman Geocities Control Panel, Pilih menu Manage kemudian klik link File Manager.
5. Pada halaman File Manager, klik link Open File Manager.
6. Pada halaman berikutnya akan ditampilkan fasilitas untuk melakukan upload file. Tekan tombol Upload Files yang terdapat di sebelah kanan atas.Selanjutnya, masukkan file-file HTML yang sudah dibi sebelumnya. Caranya, tekan tombol Browse di sebelah kanan setiap kotak untuk mengisi lokasi nama file dimaksud. Setelah selesai memasukkan semua file yang dibutuhkan, tekan tombol Upload File Kamu dapat menekan tombol Add more files untuk menambah jumlah file yang akan dimasukkan.
7. Setelah memasukkan file yang dibutuhkan, selanjutnya akan ditampilkan pesan bahwa proses upload file telah berhasil dilakukan.
8. Lalu, tekan link File Manager yang terdapat dibagian bawah halaman.
9. Untuk memasukkan folder gambar yang sudah dibuat, kita perlu membuat subdirectory untuk folder gambar tersebut. Caranya, tekan tombol New di bawah Subdirectories yang ditampilkan. Beri nama subdirectory dengan nama Image kemudian tekan tombol Create Subdirectory.
10. Selanjutnya, buat subdirectory untuk menyimpan/fe CSS dengan cara yang sama. Beri nama subdirectory dengan nama CSS kemudian tekan tombol Create Subdirectory
11. Edit file index.htm yang sudah disediakan oleh Geocities dengan meiakukan modifikasi terhadap isinya. Tandai file index.htm kemudian tekan tombol Edit.
12. Lakukan proses pengeditan melalui editor HTML yang tersedia. Setelah selesai, tekan tombol Save untuk menyimpan hasil pengeditan.
13. Untuk memasukkan file gambar Fish.jpg dan file CSS SMUKU.css ke dalam subdirectory Image dan CSS, klik dua kali subdirectory CSS pada halaman yang ditampilkan, kemudian lakukan upload file SMUKU.css melalui tombol Upload Files.
14. Untuk menampilkan tampilan homepage yang telah kamu upload, klik link View My Site yang terdapat di halaman sebelah kanan atas.
I. Memperbaiki dan Merevisi Data Yang Sudah Ada
Cara memperbaiki homepage yang telah kita buat pada Yahoo! Geocities, mudah diakses. Langkah-langkahnya, yaitu sebagai berikut:
1. Aktifkan Yahoo! Geocities, lakukan login dengan nama sekolahsmuku dan password yang sesuai.
2. Aktifkan Geocities Control Panel yang akan menampilkan halaman. Pilih menu
Manage kemudian klik link File Manager. Pada halaman File Manager, klik link Open File Manager kemudian klik link Open File Manager.
3. Upload file logosmuku.gif dengan cara menekan tombol Browse di sebelah kanan kotak upload file.
4. Ubah gambar fish.jpg yang terdapat dalam setiap halaman, yaitu datasiswa.htm, jadwalpelajaran.htm, kegiatansiswa.htm, dan linkbermanfaat.htm dengan gambar logosmuku.gif.
5. Ubah link dengan . Selanjutnya, tekan tombol Save untuk menyimpan hasil pengeditan
halaman.
6. Untuk menampilkan halaman yang sudah diubah gambarnya, klik link View My Site di bagian kanan atas halaman.
Beberapa hal yang harus diperhatikan, yaitu sebagai berikut :
l. Tujuan dibuatnya homepage, sebenarnya yang menjadi tujuan utama dari pembuatan homepage harus jelas.
2. Siapa (anak-anak/remaja/orang dewasa) yang menjadi target untuk melihat homepage yang kita buat. Misalnya, yang menjadi target utama untuk melihat dan mengakses adalah teman-teman di SMUKU dari kelas 1 sampai 3.
3. Klasifikasikan informasi yang akan ditampilkan dalam homepage. Misalnya, informasi pelajaran, data siswa, link bermanfaat, dan informasi lainnya.
4. Hasil klasiflkasi tersebut akan mewakili satu halaman homepage, sedangkan hasil klasifikasi yang lain akan ditampilkan sebagai hyperlink yang akan ditampilkan pada saat pengguna mengakses link tersebut.
5. Buat sebuah skenario dari setiap hasil klasifikasi tersebut agar informasi yang akan ditampilkan benar-benar jelas atau tidak "mengambang".
Terdapat tiga kriteria tools atau alat bantu yang dapat digunakan untuk membantu pengembangan homepage, yaitu editor HTML, graphics, dan multimedia animasi dan suara.
1. Editor HTML.
Editor HTML digunakan untuk mendesain homepage dan komponen-komponennya. Selain itu, editor HTML juga digunakan untuk menggabungkan gambar, suara, dan animasi yang telah dibuat dalam suatu halaman homepage. Editor HTML yang bersifat graphical user interface, akan mengurangi waktu kita dalam proses penulisan sintaks. Demikian juga untuk pengembangan homepage, kita akan menggunakan salah satu produk Microsoft sebagai editor HTML, yaitu Microsoft FrontPage XP.
2. Editor Graphics.
Editor grafis digunakan untuk mengedit gambar yang akan ditampilkan pada homepage. Kita dapat memodifikasi warna, memotong gambar, memperbesar atau memperkecil gambar, menggabungkan beberapa gambar, memberi efek pada gambar, dan siap untuk ditampilkan pada homepage. Terdapat beberapa editor grafik yang sering digunakan dan populer yaitu CorelDRAW dan Adobe Photoshop. Untuk pembuatan logo gambar dari homepage yang akan dikembangkan, kita dapat menggunakan Adobe Photoshop 7.0.
3. Editor Multimedia Animasi dan Suara.
Editor multimedia digunakan untuk membuat animasi gambar dan suara. Terdapat suatu editor animasi yang paling populer, yaitu Macromedia Flash. Macromedia Flash tidak hanya digunakan untuk membuat animasi gambar dan suara, tetapi juga untuk membuat suatu homepage multimedia. Dengan menggunakan editor Macromedia Flash, animasi yang rumit dapat dikerjakan dan hasilnya sangat baik.
B. Membuat Layout Homepage yang Diinginkan.
Layout atau frame merupakan bentuk format navigasi dari homepage yang akan ditampilkan. Penggunaan layout untuk navigasi ini tergantung pada jenis navigasi dan informasi yang akan ditampilkan dalam homepage. Untuk melihat dan memilih jenis layout yang tersedia dalam Microsoft FrontPage XP, dapat kita lakukan pada saat akan membuat halaman atau website baru. Langkah untuk melakukannya, yaitu sebagai berikut :
1. Pilih tombol start -> All Programs -> Microsoft FrontPage. Lalu,akan ditampilkan dokumen baru pada Microsoft FrontPage.
2. Pilih menu File -> New -> Page or Web.
3. Pilih Page Templates pada bagian New from template dari taskpane New Page or Web.
4. Selanjutnya, akan ditampilkan kotak dialog Page Templates yang terdiri atas tiga tab, yaitu General, Frames Pages, dan Style Sheets.
5. Pilih jenis frame yang kamu inginkan kemudian tekan tombol OK.
Jenis-]enis frame pada Microsoft FrontPage XP, yaitu :
- Banners and Contents
Membuat frame banner di atas, frame isi di bagian bawah kiri, dan frame utama di bagian bawah kanan. Hyperlink pada frame banner akan mengubah frame isi.
- Contents
Frame di sebelah kiri merupakan link yang akan mengubah frame utama di sebelah kanan.
- Footers
Frame utama di atas, frame bawah adalah footer. Hyperlink di footer akan mengubah tampilan di frame utama.
- Footnotes
Sama dengan Footers, tetapi hyperlink di frame utama akan mengubah footnes.
- Header
Membuatyrame header navigasi dan sebuah frame utama di bawahnya. Hyperlink di header akan mengubah frame utama.
- Header, Footer and Contents
Membuat frame header dan footer runtuk navigasi. Hyperlink di header dan footer akan mengubah frame isi.
- Horizontal Split
Frame atas dan bawah yang independent atau tidak saling berhubungan.
- Nested Hierarchy
Hyperlink di sebelah kiri akan mengubah frame sebelah kanan atas. Hyperlink di frame kanan atas akan mengubah isi frame utama.
- Top-Down' Hierarchy
Frame paling atas atau pertama akan mengubah frame di bawahnya, frame kedua akan mengubah isi frame ketiga.
- Vertical Split
Frame kanan dan kiri yang independent atau tidak saling terhubung.
C. Menerapkan Hyperlink
Hyperlink digunakan sebagai alat navigasi halaman pada homepage. Langkah-langkah membuat hyperlink menggunakan Microsoft FrontPage XP, yaitu sebagai berikut ;
1. Aktifkan aplikasi Microsoft FrontPage XP.
2. Buat tulisan "Link ke halaman lain" pada dokumen baru yang ditampilkan pertama kali.
3. Blok tulisan "Link ke halaman lain" dengan cara men-drag tombol kiri mouse.
4. Tekan torabol Ctrl + K pada keyboard sehingga akan ditampilkan kotak dialog Insert Hyperlink. Kotak, Text to display menampilkan teks yang akan dijadikan link. Kolom Link to digunakan untuk memilih link tujuan. Kotak Look in digunakan untuk memilih lokasi tujuan link. Setelah selesai melakukan pengaturan terhadap link yang dibuat, tekan tombol OK.
5. Setelah file disimpan dan dijalankan, ketika kita klik "Link ke halaman Iain" maka akan membuka halaman tujuan link tersebut.
Langkah-langkah untuk membuat hyperlink dengan tag HTML, yaitu sebagai berikut :
1. Aktifkan aplikasi Microsoft FrontPage XP.
2. Buat tulisan "Link ke halaman lain" pada dokumen bam yang ditampilkan pertama.
3. Klik tab HTML di bagian bawah dokumen.
4. Selanjutnya, akan ditampilkan sintaks HTML.
5. Letakkan kursor di depan kata "Link" dan di belakang tag
pada sintaks HTML yang ditampilkan.
6. Sebagai contoh, link tujuan kita adalah filejadwalpelajaran.htm. Ketikkan tag
7. Letakkan kursor di belakang kata "lain" dan di depan tag.
Ketikkan tag.
8. Klik tab Normal di bagian bawah dokumen untuk melihat hasil akhir. Hasilnya akan berbentuk tampilan.
D. Menerapkan Cascading Style Sheet.
Microsoft FrontPage sudah menyediakan Cascading Style Sheet (CSS) yang dapat kita gunakan. Fungsi utama dari CSS adalah untuk melakukan pengaturan beberapa format, yaitu :
1. bentuk huruf.
2. ukuran huruf.
3. format huruf.
4. warna huruf.
5. warna background.
6. warna hyperlink.
7. format textbox.
Beberapa CSS yang telah tersedia dalam Microsoft FrontPage XP, dapat diakses dengan menggunakan langkah-langkah di bawah ini.
1. Aktifkan Microsoft FrontPage XP dalam komputermu.
2. Pilih menu File -> New -> Page or Web.
3. Pilih Page Templates pada bagian New from template dari taskpane New Page or Web.
4. Selanjutnya, akan ditampilkan kotak dialog Page Templates yang terdiri atas tiga tab, yaitu General, Frames Pages, dan Style Sheets. Pilih tab Style Sheets yang menampilkan berbagai jenis style sheet yang disediakan oleh Microsoft FrontPage XP.
5. Pilih jenis style sheet yang kamu inginkan kemudian tekan tombol OK.
Jenis-jenis CSS pada Microsoft FrontPage XP
- Normal Style Sheet
-> CSS kosong
- Arcs
-> - Teks menggunakan jenis huruf Verdana berwarna coklat.
- Headers menggunakan jenis huruf Times New Roman berwarna coklat.
- Background berwarna kuning.
- Bars
-> - Teks menggunakan jenis huruf Arial.
- Headers menggunakan jenis huruf Times New Roman.
- Background berwarna light silver.
- Blocks
-> - Teks dan headers menggunakan jenis huruf Bookman Old Style.
- Hyperlinks berwarna merah.
- Background berwarna light silver.
- Blueprint
-> - Teks dan headers menggunakan jenis huruf Century Gothic.
- Hyperlinks berwarna purple.
- Background berwarna bright yellow.
- Capsules
-> - Teks dan headers menggunakan jenis huruf Arial.
- Hyperlinks berwarna red orange.
- Background berwarna light green.
- Downtown
-> - Teks menggunakan jenis huruf Garamond berwarna kuning.
- Headers menggunakan jenis huruf Verdana.
- Hyperlinks berwarna orange.
- Background'berwarna royal blue.
- Expedition
-> - Teks dan headers menggunakan jenis huruf Book Antiqua.
- Background berwarna peach.
- Highway
-> - Teks menggunakan jenis huruf Verdana berwarna putih.
- Headers menggunakan jenis huruf Verdana.
- Hyperlinks berwarna orange.
- Background berwarna black.
- Neon
-> - Teks dan headers menggunakan jenis huruf Verdana berwarna hijau.
- Hyperlinks berwarna chartreuse.
- Background berwarna black.
- Poetic
-> - Teks menggunakan jenis huruf Book Antiqua berwarna purple.
- Headers menggunakan jenis huruf Book Antiqua.
- Background berwarna white.
- Street
-> - Teks menggunakan jenis huruf Verdana berwarna navy.
- Headers menggunakan jenis huruf Comic Sans MS.
- Background berwarna light cyan.
- Sweets
-> - Teks menggunakan jenis huruf Arial berwarna dark blue.
- Headers menggunakan j enis huruf Arial Rounded MT Bold.
- Background berwarna pale yellow.
E. Membuat Aplikasi dalam Ssitem yang Terintegrasi.
1. Membuat Aplikasi Terintegrasi dengan Microsoft FrontPage.
Skenario membuat homepage sederhana :
Topik
Membuat homepage untuk kelas 3 A SMUKU.
Fungsi homepage
1. Menampilkan berita kegiatan terbaru dari kelas 3A.
2. Menampilkan jadwal pelajaran untuk kelas 3A.
3. Menampillkan data siswa kelas 3A lengkap dengan foto dan hobi.
4. Menampilkan link ke homepage-homepage yang berguna.
5. Latar belakang homepage berwarna kuning.
Halaman 1
Halaman 1 merupakan halaman kegiatan siswa yang terdiri atas :
1. Logo SMUKU.
2. Berita kegiatan terbaru siswa.
3. Link ke halaman jadwal pelajaran.
4. Link ke halaman data siswa kelas 3A.
5. Link ke halaman homepage yang berguna.
Halaman 2
Halaman 2 merupakan halaman jadwal pelajaran yang terdiri atas :
1, Logo SMUKU.
2. Jadwal pelajaran siswa kelas 3A.
3. Link ke halaman berita kegiatan siswa.
4. Link ke halaman data siswa kelas 3A.
5. Link ke halaman homepage yang berguna.
Halaman 3
Halaman 3 merupakan halaman data siswa yang terdiri atas :
1. Logo SMUKU.
2. Data siswa kelas 3 A.
3. Link ke halaman berita kegiatan siswa.
4. Link ke halaman jadwal pelajaran siswa kelas 3A.
5. Link ke halaman homepage yang berguna.
Halaman 4
Halaman 4 merupakan halaman yang berisi link ke homepage-homepage yang berguna, terdiri atas :
1. Logo SMUKU.
2. Homepage dan link yang berguna.
3. Link ke halaman berita kegiatan siswa.
4. Link ke halaman jadwal pelajaran siswa kelas 3A.
5. Linkke halaman data siswa kelas 3A.
2. Menentukan Directory Lokasi Kerja.
Directory tempat kita menyimpan file hasil kerja juga harus dipersiapkan dengan baik dan terorganisir. Pada satu directory, sebaiknya tidak terdapat beberapa pekerjaan yang berbeda fungsinya. Pengorganisasian ini untuk mempermudah pencarian file hasil kerja pada saat diperlukan. Lakukan langkah-langkah di bawah ini :
1. Buat directory SMUKU pada drive C:\.
2. Dalam directory C:\ SMUKU, buat directory/folder Image yang digunakan untuk menyimpan gambar-gambar yang akan digunakan dalam homepage SMUKU. Selanjutnya, buat directory /folder CSS yang akan digunakan untuk menyimpan CSS.
3. Pada Windows Explorer akan terlihat struktur file.
3. Membuat Halaman pada Homepage.
Homepage yang kita buat terdiri atas empat halaman. Setiap halaman memperlihatkan tampilan yang berbeda sesuai dengan fungsinya masing-masing.
a. Membuat halaman 1
Dengan menggunakan skenario yang telah dibuat sebelumnya, kita akan mulai membuat halaman 1, yaitu halaman Kegiatan Siswa. Langkah-langkahnya, yaitu sebagai berikut :
1. Aktifkan Microsoft FrontPage XP.
2. Pilih menu File -> Hew -> Page or Web.
3. Pilih Page Templates pada bagian New from template dari task pane New Page or Web.
4. Selanjutnya, akan ditampilkan kotak dialog Page Templates yang terdiri atas tiga tab, yaitu General, Frar, Pages, dan Style Sheets. Pilih tab General yang menampilkan berbagai jenis tampilan homepage yang disediakan oleh Microsoft FrontPage XP.
5. Pilih One-column Body with Contents on Left kemudian tekan tombol OK.
6. Pada page frame sebelah kiri, hapus SECTION 2 sampai 4.
7. Pada page frame utama yang diperoleh, hapus semua tulisan di bawah "Fish Photo Caption". Hasilnya, akan diperoleh satu page.
8. Ganti tulisan "Your Heading Goes Here" dengan "KEGIATAN SISWA".
9. Ganti "SECTION 1" dengan "Kegiatan Siswa", "Title 1" dengan "Jadwal Pelajaran", "Title 2" dengan "Data Siswa", dan "Title 3" dengan "Link Bermanfaat".
10. Hapus tulisan "Fish Photo Caption" kemudian tekan tombol Enter pada keyboard. Tulis "Kegiatan Siswa" kemudian tekan tombol £«rerpada keyboard. Tulis "Kembali" dan naikkan kursor di atas tulisan "Kembali".
11. Pilih Menu Table -> Insert -> Table. Selanjutnya, akan ditampilkan kotak dialog Insert Table. Masukkan 5 pada kotak Rows dan 4 pada kotak Columns kemudian tekan tombol OK.
12. Ketikkan data di bawah ini dalam tabel yang disisipkan.
Navigasi & Hyperlink
Jadwal Pelajaran -> jadwalpelajaran. htm
Data Siswa -> datasiswa.htm
Link Bermanfaat -> linkbermanfaat.htm
Kembali -> kegiatansiswa.htm
13. Simpan halaman kegiatan siswa pada lokasi C:\SMUKU dengan nama file "kegiatansiswa.htm".
14. Selanjutnya, kita akan membuat link dari navigasi yang terdapat pada frame kiri. Blok "Kegiatan Siswa" kemudian pilih menu Insert -> Hyperlink atau tekan tombol Ctrl + K pada keyboard. Selanjutnya, akan ditampilkan kotak dialog Insert Hyperlink. Tentukan tujuan linkyang dituju yaitn file "kegiatansiswa.htm" kemudian tekan tombol OK.
b. Membuat halaman 2.
Untuk membuat halaman 2, yaitu halaman jadwai pelajaran kita tidak perlu membuat halaman tersebut dari awal, tetapi cxikup melakukan modifikasi terhadap halaman 1 dengan cara melakukan penyimpanan kembali menggunakan menu File -> save As.
1. Pastikan halaman "kegiatansiswa.htm" masih terbuka.
2. Pilih menu File -> Save As. Beri nama file "jadwalpelajaran.htm".
3. Tekan tombol Change title untuk mengganti paga title dari DATA SISWA menjadi JADWAL PELAJARAN. Selanjutnya, tekan tombol Save.
4. Kita hanya akan memodifikasi frame isi dan header dari halaman kegiatan siswa.
5. Ganti "KEGIATAN SISWA" di frame header dengan "JADWAL PELAJARAN" dan "Jadwal Pelajaran" pada b&gian frame isi.
6. Ubah isi tabel di bawah "Jadwal Pelajaran" seperti tabel pada Gambar 5.35. Simpan kembali hasil perubahan yang dilakukan.
c. Membuat halaman 3.
Untuk membuat halaman 3 atau data siswa, lakukan langkah-langkah yang sama dengan langkah-langkah yang dilakukan pada saat membuat halaman 2.
1. Pilih menu File -> Save As. Beri nama file "datasiswa.htm".
2. Tekan tombol Qhange title untuk mengganti page title menjadi DATA SISWA. Selanjutnya, tekan tombol Save.
3. Ubah isi tabel. Simpan kembali hasil perubahanyang dilakukan.
d. Membuat halaman 4.
Untuk membuat halaman 4 atau link bermanfaat, lakukan langkah-langkah yang sama dengan langkah-langkah yang dilakukan pada saat membuat halaman 2 dan 3.
1. Pilih menu File -> Save As. Beri nama file "linkbermanfaat.htm".
2. Tekan tombol Qhange title untuk mengganti page title menjadi LINK BERMANFAAT. Selanjutnya, tekan tombol Save.
3. Ubah isi tabel. Simpan kembali hasil perubahan yang dilakukan.
4. Mengaplikasikan Cascading Style Sheet.
1. Copy file yang telah dibuat sebelumnya yaitu file SMUKU.css ke dalam directory C:\SMUKU\CSS.
2. Masukkan di antara tag dan
3. Simpan halaman tersebut.
4. Melalui Windows Explorer, kamu dapat melihat tampilan akhir dengan cara klik dua kali file "kegiatansiswa.htm", pastikan semua link ke halaman lain seperti jadwal pelajaran, data siswa, dan link bermanfaat berfungsi dengan benar.
F. Membuat Grafis Sesuai dengan Homepage yang Diinginkan.
Langkah membuat membuat logo grafis SMUKU dengan menggunakan editor Adobe Photoshop 7.0, yaitu sebagai berikut :
1. Aktifkan Adobe Photoshop 7.0 dengan cara klik tombol start -> All Programs -> Adobe Photoshop 7.0.
2. Pilih menu File -> New.
3. Selanjutnya, akan ditampilkan kotak dialog New. Lakukan pengaturan pada kotak dialog tersebut. Selanjutnya, tekan tombol OK.
4. Setelah dilakukan pengaturan lembar baru pada Adobe Photoshop, akan ditampilkan lembar baru tersebut.
5. Selanjutnya, pilih Rectangle Tool pada toolbox di sebelah kiri halaman kerja untuk memblok halaman kerja. Sebelumnya, pilih warna di bagian Set foreground color dengan warna kuning atau sesuai dengan keinginanmu. Blok kotak yang menutupi seluruh halaman sehingga berubah warna sesuai dengan warna yang kamu pilih.
6. Berikan efek texturizer dengan cara pilih menu Filter -> Texture -> Texturizer. Selanjutnya, akan ditampilkan kotak dialog Texturizer. Untuk Texture, pilih Brick, Scaling 55, dan Relief 4
7. Ganti warna dengan biru tua dengan cara mengklik tool Set foreground color yang akan menampilkan kotak dialog Color Picker. Pilih warna biru kemudian tekan tombol OK.
8. Klik Horizontal Type Tool pada toolbox untuk membuat tulisan pada halaman kerja. Buat tulisan SMUKU KELAS 3A ANGKATAN 2005 pada halaman kerja. Selanjutnya, klik Move Tool pada toolbox sehingga akan ditampilkan 8 titik. Jika 8 titik tersebut belum dapat ditampilkan, aktifkan Show Bounding Box pada bagian atas halaman kerja. Geser (drag) tulisan tersebut untuk menyesuaikan ukurannya dengan halaman kerja.
9. Langkah terakhir yaitu menyimpan gambar dengan namalogosmuku dengan format GIF dalam subfolder lmage dalam folder C:\SMUKU kemudian tekan tombol Save. Jika muncul prompt atau kotak dialog lain setelah menekan tombol Save, tekan tombol OK pada kotak dialog tersebut.
G. Mendaftarkan Alamat Domain ke Provider Web Hosting.
Untuk mendapatkan nama yang sama, kita harus mempunyai extension domain yang berbeda. Misalnya, jika SMUKU.com sudah ada pemiliknya maka kita tidak dapat menggunakannya atau kita harus memilih extension yang lain, misalnya SMUKU.co.id.
Untuk pencarian nama domain, saat ini sudah banyak web hosting atau domain hosting yang mempunyai kemampuan untuk itu, baik hosting lokal maupun internasional. Yang paling lengkap,yaitu http://www.internic.com dan http://www.register.com.
Lakukan langkah-langkah di bawah ini untuk mendaftarkan alamat domain ke provider web hosting :
1. Untuk melakukan akses Internet, aktifkan Internet Explorer dan pastikan komputer sudah terhubung dengan Internet melalui modem atau jaringan sekolah atau warnet. Ketikkan http://www.register.com pada kotak URL pada web browser komputermu yang akan menampilkan halaman web.
2. Selanjutnya, cari kotak pencarian domain. Selanjutnya, ketikkan nama domain yang akan kita cari, misalnya sekolah.com kemudian tekan tombol Go.
3. Pada halaman tersebut terlihat bahwa domain sekolah. com sudah ada dan yang tersedia yaitu sekolah.tv dan sekolah.cc.
4. Sekarang, kita mencari domain lain yaitu sekolahsmuku.com. Ketikkan sekolahsmuku pada kotak TRY A NEW SEARCH kemudian tekan tombol Search. Kamu dapat menggunakan nama domain yang lain yang kamu inginkan.
5. Hasil menunjukkan bahwa nama domain tersebut masih tersedia. Kita dapat membelinya jika kita mempunyai kartu kredit, tetapi jika kita ingin melakukan pembelian kita harus mencari yang paling murah dan yang paling dekat atau berada dalam saru negara dengan kita. Misalnya, dari Indosat, Telkom, atau beberapa perusahaan hosting lain yang sudah mulai menyediakan layanan tersebut di Indonesia dengan tarif yang relatif terjangkau. Hal yang paling penting, yaitu pembayaran yang fleksibel (dengan rupiah) dan tanpa kartu kredit.
H. Melakukan Upload
Untuk lebih mudah memahami cara melakukan upload dan perbaikan data homepage, kita gunakan fasilitas gratis dari Yahoo dengan alamat http://www.yahoo.com. kita akan meng-upload homepage yang kita buat sebelumnya ke Yahoo Geocities agar mudah diakses. Langkah-langkahnya, yaitu :
1. Daftarkan nama sekolahsmuku sebagai user atau pengguna Yahoo Geodties. Caranya, tekan tombol Sign Up Now. Selanjutnya, akan ditampilkan halaman yang menyediakan fasilitas log in. Klik link Sign Up dibawah kotak log in.
2. Untuk pengguna baru, akan ditampilkan halaman untuk melakukan registrasi. Lengkapi form, Setelah selesai melengkapi form registrasi yang tersedia, tekan tombol I Agree.
3. Lakukan proses registrasi secara lengkap. Setelah selesai melakukan proses registrasi, selanjutnya akan ditampilkan halaman. Klik link Build your websites now! untuk berpindah ke halaman berikutnya.
4. Selanjutnya, akan ditampilkan halaman Geocities Control Panel, Pilih menu Manage kemudian klik link File Manager.
5. Pada halaman File Manager, klik link Open File Manager.
6. Pada halaman berikutnya akan ditampilkan fasilitas untuk melakukan upload file. Tekan tombol Upload Files yang terdapat di sebelah kanan atas.Selanjutnya, masukkan file-file HTML yang sudah dibi sebelumnya. Caranya, tekan tombol Browse di sebelah kanan setiap kotak untuk mengisi lokasi nama file dimaksud. Setelah selesai memasukkan semua file yang dibutuhkan, tekan tombol Upload File Kamu dapat menekan tombol Add more files untuk menambah jumlah file yang akan dimasukkan.
7. Setelah memasukkan file yang dibutuhkan, selanjutnya akan ditampilkan pesan bahwa proses upload file telah berhasil dilakukan.
8. Lalu, tekan link File Manager yang terdapat dibagian bawah halaman.
9. Untuk memasukkan folder gambar yang sudah dibuat, kita perlu membuat subdirectory untuk folder gambar tersebut. Caranya, tekan tombol New di bawah Subdirectories yang ditampilkan. Beri nama subdirectory dengan nama Image kemudian tekan tombol Create Subdirectory.
10. Selanjutnya, buat subdirectory untuk menyimpan/fe CSS dengan cara yang sama. Beri nama subdirectory dengan nama CSS kemudian tekan tombol Create Subdirectory
11. Edit file index.htm yang sudah disediakan oleh Geocities dengan meiakukan modifikasi terhadap isinya. Tandai file index.htm kemudian tekan tombol Edit.
12. Lakukan proses pengeditan melalui editor HTML yang tersedia. Setelah selesai, tekan tombol Save untuk menyimpan hasil pengeditan.
13. Untuk memasukkan file gambar Fish.jpg dan file CSS SMUKU.css ke dalam subdirectory Image dan CSS, klik dua kali subdirectory CSS pada halaman yang ditampilkan, kemudian lakukan upload file SMUKU.css melalui tombol Upload Files.
14. Untuk menampilkan tampilan homepage yang telah kamu upload, klik link View My Site yang terdapat di halaman sebelah kanan atas.
I. Memperbaiki dan Merevisi Data Yang Sudah Ada
Cara memperbaiki homepage yang telah kita buat pada Yahoo! Geocities, mudah diakses. Langkah-langkahnya, yaitu sebagai berikut:
1. Aktifkan Yahoo! Geocities, lakukan login dengan nama sekolahsmuku dan password yang sesuai.
2. Aktifkan Geocities Control Panel yang akan menampilkan halaman. Pilih menu
Manage kemudian klik link File Manager. Pada halaman File Manager, klik link Open File Manager kemudian klik link Open File Manager.
3. Upload file logosmuku.gif dengan cara menekan tombol Browse di sebelah kanan kotak upload file.
4. Ubah gambar fish.jpg yang terdapat dalam setiap halaman, yaitu datasiswa.htm, jadwalpelajaran.htm, kegiatansiswa.htm, dan linkbermanfaat.htm dengan gambar logosmuku.gif.
5. Ubah link dengan . Selanjutnya, tekan tombol Save untuk menyimpan hasil pengeditan
halaman.
6. Untuk menampilkan halaman yang sudah diubah gambarnya, klik link View My Site di bagian kanan atas halaman.
BAB 4 : MENCARI INFORMASI DAN BERKOMUNIKASI MELALUI INTERNET
A. Menggunakan Pelayanan Internet dalam akses Informasi dan Komunikasi untuk Menyelesaikan Tugas yang Diberikan oleh Guru.
Kamu mendapatkan tugas mengenai matematika maka kamu dapat langsung mencari informasi tersebut dengan mesin pencari {search engine), seperti Google, Yahoo, atau mesin pencari yang lain.
1. Melakukan Pencarian Informasi Menggunakan Situs sesuai dengan Mata Pelajaran
Tugas-tugas dari guru biasanya disesuaikan dengan mata pelajarannya masing-masing. Terdapat beberapa situs yang khusus membahas satu topik mata pelajaran atau masalah, antara lain sebagai berikut.
1. www.chem-is-try.org, membahas mengenai ilmu kimia.
2. www.ilmukomputer.com, membahas mengenai ilmu komputer.
3. www.fisika.lipi.go.id, membahas mengenai ilmu pengetahuan.
4. www.invir.com, berisi contoh soal ujian atau ebtanas.
2. Melakukan Pencarian Informasi Menggunakan Mesin Pencari (Search Engine).
Selain menggunakan situs-situs yang sesuai dengan mata pelajaran tertentu, kamu juga dapat melakukan pencarian informasi melalui Internet dengan menggunakan mesin pencari atau lebih dikenal dengan istilah search engine. Search engine yang dapat kamu gunakan, antara lain Google, Yahoo, Aha Vista, Alltheweb, Lycos, Excite, Web crawler, dan search engine lainnya. Untuk menjalankan Google, ikuti langkah-langkah berikut:
1. Jalankan browser kamu.
2. Ketikkan www.google.co.id pada Address bar, kemudian tekan tombol Enter pada keyboard, maka akan muncul tampilan halaman depan Google.
Untuk melakukan pencarian dengan menggunakan Google, ikuti langkah-Iangkah berikut:
1. Setelah halaman depan Google terbuka, masukkan kata kunci pencarian pada kotak isian yang tersedia. Misalnya, kamu ingin mencari halaman web yang mengandung informasi mengenai majalah komputer, maka ketikkan kata itu pada kotak isian yang disediakan.
2. Tekan tombol Enter pada keyboard. Google akan melakukan pencarian dan segera menampilkan hasilnya.
3. Klik salah satu hyperlink hasil pencarian untuk menuju ke halaman web yang kamu maksud.
3. Fasilitas Khusus pada Google.
langkah-langkah untuk melakukan pencarian dengan menggunakan yaitu :
1. Jalankan browser kamu, lalu ketikkan www.google.co.id pada Address bar. Lalu, tekan tombol Enter pada keyboard.
2. Klik hyperlink bertuliskan Pencarian Khusus di samping kotak isian kata kunci pencarian, maka akan muncul tampilan halaman Pencarian Khusus.
4. Trik Pencarian Melalui Google
Agar pencarian yang kamu lakukan melalui Google lebih efektif dan relevan, Google memfasilitasi diri dengan bantuan filterisasi atau penyaringan simbol matematika, tanda kutip, tanda (~), dan simbol Boolean.
a. Simbol Matematika (Tanda Plus (+))
Tanda plus (+) bekerja apabila kamu ingin mencari berbagai dokumen yang mempunyai lebih dari satu kata kunci. Misalnya, kamu ingin mengetahui nama-nama pemain bola negara Italia pada Piala Dunia 2006. Kamu dapat mengetikkan kata kunci sebagai berikut.
+italia+football+player+name+world+cup+2006
Jika menemui format seperti ini, Google akan mencari seluruh dokumen atau halaman yang di dalamnya terdapat kata-kata "italia", "football", "player", "name", "world", "cup", dan "2006". Jika terdapat kurang dari tujuh kata tersebut, maka dokumen yang bersangkutan tidak akan ditampilkan. Cara ini tentunya lebih efektif dibandingkan memasukkan kata kunci "italia football player" atau "italia football name". semakin banyak tanda plus (+) yang kamu gunakan maka semakin spesifik sebuah pencarian.
b. Simbol Matematika (Tanda Minus (-)).
Simbol ini dapat diartikan "kecuali", yang bekerja jika kamu tidak ingin menampilkan dokumen atau file yang berisi kata yang terdapat di belakang tanda minus (-). Misalnya, jika kamu ingin mencari informasi mengenai buku pelajaran tetapi tidak ingin mengetahui informasi tentang fisika, kamu dapat menggunakan kata kunci berikut.
+buku+pelajaran-komputer
c. Tanda Kutip (").
Jika kamu hanya ingin memperoleh halaman web yang mengandung kata majalah komputer, di mana kedua kata tersebut terletak tidak terpisah dan serangkai, maka ikuti langkah-langkah berikut :
1. Buka browser kamu, ketikkan www.google.co.id pada Address bar, kemudian tekan tombol Enter pada keyboard.
2. Ketika muncul tampilan seperti pada tampilan awal Google, ketikkan kata kunci pencarian pada kotak isian yang tersedia. Tambahkan tanda petik di awal dan di akhir kata kunci pencarian.
3. Tekan tombol Enter pada keyboard, maka Google akan melakukan pencarian serta menampilkan hasilnya.
d. Tanda (~).
Google juga. mengembangkan teknik pencarian dengan sinonim dalam bahasa Indonesia. Penggunaan sinonim ini adalah denganmenambahkan tanda (~) di depan istilah yang akan kamu cari. Secara otomatis Google akan menyertakan sinonimnya dalam pencarian. Tanda (~) ini akan memudahkan kamu yang kesulitan mencari padanan kata untuk sebuah pencarian yang kamu maksud.
Misalnya, kamu menggunakan tanda (~) di depan kata kunci penerbit widya utama, maka selain menampilkan dokumen yang mengandung kata "penerbit widya utama", Google juga akan menampilkan dokumen atau file yang juga mengandung kata-kata seperti "utama" atau "penerbit".
e. Operasi Boolean (OR).
Operasi OR biasa diartikan "atau", bekerja dengan cara yang sama dengan karakter spasi dalam simbol matematika. Dengan mengetikkan kata yang kamu hubungkan dengan kata OR, hasil pencarian Google akan menampilkan dokumen atau informasi yang berisi salah satu dari kata^yang kamu masukkan. Contoh penggunaan operasi OR, misalnya kamu mengetikkan kata kunci berikut :
"komputer OR matematika"
Selanjutnya, Google akan menampilkan seluruh dokumen atau informasi yang mengandung kata "komputer", atau, "matematika", atau mengandung kedua kata tersebut.
B. Penggunaan Layanan Chatting untuk berkomunikasi.
CHAT merupakan kependekan dari Conversational Hypertext Access Technology, yaitu suatu sistem yang dapat digunakan untuk berkomunikasi dengan pengguna Internet di seluruh dunia secara real-time dan online. Chatting merupakan salah satu aktivitas yang cukup populer di Internet, mereka berkumpul dari berbagai suku, bangsa, benua, ras, umur, dan jenis kelamin. Terdapat banyak jenis program untuk chatting, salah satunya adalah mlRC. mlRC adalah salah satu program untuk chatting yang populer. mlRC menyediakan antarmuka yang mudah digunakan untuk dapat berhubungan dengan jaringan IRC (Internet Relay Chat). Jaringan IRC adalah sebuah tempat pertemuan maya (virtual) di mana setiap orang dari seluruh penjuru dunia dapat saling berkomunikasi.
Kamu dapat memperoleh program di http://www.mirc.co.uk atauhttp://www.mirc.com. mlRC memberikan fasilitas penggunanya untuk mengatur konfigurasi sistem yang diinginkan. Kamu harus meng-/tt,sta//terlebih dahulu program mlRC jika kamu belum memilikinya. Program mlRC yang terbaru sudah mencapai versi 6.17. Program tersebut dapat kamu peroleh (download) secara gratis melalui Internet dengan cara berikut :
1. Jalankan browser kamu, lalu buka halaman web http://www.mirc.com/get.html.
2. Ketika muncul halaman web, pilih lokasi server terdekat.
3. Secara otomatis akan muncul konfirmasi untuk melakukan download terhadap file instalasi mlRC, kemudian simpan di folder yang kamu inginkan.
4. Install file mirc617.exe dengan mengklik g&nda. file tersebut. Ikuti langkah-langkah untuk meng-install mIRC sampai program mIRC benar-benar telah ter-instalt di komputermu.
Untuk melakukan chatting dengan menggunakan mIRC, ikuti langkah berikut:
1. Jalankan program mIRC dari desktop atau start menu komputer.
2. Ketika muncul jendela berikut, klik tombol Continue.
3. Secara otomatis akan muncul jendela mIRC Options.
4. Masukkan nama dan alamat e-mailkamu. Masukkan juga nama samaran kamu dalam kotak isian Nickname.
5. Klik tombol Connect To Serverpada kotak dialog mIRC Options. Ketika proses koneksi berhasil maka akan muncul jendela mIRC Favorites.
6. Selanjutnya, pilih salah satu channelyang ingin kamu masuki. Kamu juga dapat menuliskan nama channel tersebut dalam kotak isian Enter a channel name and click join. Misalnya channel #Bawel, lalu klik tombol join.
7. Jendela sebuah channel muncul setelah kamu berhasil terhubung dengan sebuah channel.
8. Pada kotak bagian kanan, klik ganda pada salah satu daftar alias yang ingin kamu ajak mengobrol
9. Sekarang, silakan mengobrol dengan teman kamu. Ketikkan sebuah kalimat,lalu tekan tombol Enter.
10.Untuk menutup atau mengakhiri percakapan, kamu dapat mengklik tombol Close pada jendela bagian kanan atas.
C. Penggunaan Mailing List di Yahoogroups untuk Berkomunikasi.
Untuk dapat saling berkomunikasi dengan teman satu hobi dan satu profesi, seperti yang telah dipaparkan di atas, biasanya mereka menggunakan suatu sarana yang disebut dengan mailing list. Mailing list atau disingkat Milis merupakan suatu kelompok diskusi di mana setiap orang dapat berlangganan dan berpartisipasi di dalamnya. Kamu dapat membaca e-mail orang lain dan kemudian mengirimkan balasannya. Dengan kata lain, mailing list adalah sebuah daftar alamat-alamat e-mail yang mempunyai kesukaan atau kepentingan yang sama.
Jika seseorang mengirimkan e-mail yang kemudian dikirimkan ke semua orang yang terdapat di dalam daftar, kamu dapat me-replay e-mail pengirim tersebut, mengirim e-mail baru, atau hanya membacanya saja. Setiap kali kamu atau orang lain me-reply sebuah e-mail, e-mail tersebut akan didistribusikan ke setiap mailbox setiap orang yang terdapat dalam daftar anggota. Hal ini diatur oleh sebuah program yang dinamakan Mailing List Manager atau Mail Server. Salah satu contoh mailing list yang terkenal adalah Yahoo!Groups.
Yahoo!Groups merupakan Iayanan mailing list yang disediakan oleh Yahoo! dan dapat kamu gunakan untuk saling berkomunikasi, baik melalui halaman web maupun dengan menggunakan e-mail client, seperti Outlook Express. Dengan mailing list, member (anggota) yang tergabung dapat mengirimkan pesan ke semua anggota dengan sekali kirim, begitu juga dengan anggota lainnya. Kamu juga dapat menggunakannya untuk menyimpan file untuk di-sharing atau di-download oleh anggota lain.
1. Membuat Mailing List di Yahoo!Groups.
Kamu dapat melihat apakah sebuah e-mail berasal dari Yahoo! Groups atau bukan, dengan melihat nama domain-nya, yaitu "@yahoogroups.com". Berikut langkah untuk membuat mailing list di Yahoogroups :
1. Jalankan browser kamu.
2. Buka situs Yahoo! Groups di http://groups.yahoo.com.
3. Klik Sign in untuk melakukan pendaftaran. Lakukan login dengan menggunakan account Yahoo ID yang telah kamu miliki
4. Klik create a group, maka akan muncul halaman Start a Group. Selanjutnya, klik salah satu kategori yang merupakan deskripsi mailing list kamu. Misalnya, kamu klik Computers & Internet.
5. Ketika muncul halaman web berikutnya, klik link Internet.
6. Ketika muncul halaman web berikutnya, klik tomboi (places my group here).
7. ketikkan nama mailing list atau nama group pada kotak Group Name, ketikkan alamat e-mail mailing list kamu pada kotak isian Enter your Group e-mail address. Jika kamu mengisi bagian ini dengan nama pintugeser, maka alamat e-mail mailing list kamu adalah pintugeser@yahoogroups. com. Selanjutnya, berikan deskripsi singkat tentang mailing list kamu, kemudian klik tombol Continue.
8. Pada halaman tersebut, tentukan profil mailing list kamu. Ketikkan huruf yang terdapat dalam gambar ke dalam kotak isian Word Verification, lalu klik tombol Continue.
9. Selanjutnya, akan ditampilkaii halaman verifikasi atau konfirmasi bahwa kamu telah berhasil membuat mailing list.
10. Klik Customize Your Group untuk mengatur keanggotaan kelompok milis.
11. Klik Invite People to Join untuk mengajak orang lain ikut bergabung dalam milis.
12. Kamu dapat mengklik tulisan Sign Out untuk menutup mailing list kamu.
2. Berkirim E-mail menggunakan Mailing List.
Jika kamu mengirim e-mail ke alamat e-mi/zs, maka e-mail tersebut akan diteruskan ke seluruh anggota mailing list. Untuk melakukan kegiatan tersebut, ikuti langkah berikut ini :
1. Buka account e-mail kamu.
2. Klik tombol Compose untuk membuat pesan yang akan di kirim melalui mailing list.
3. Pada kotak isian To, ketikkan alamat mailing list yang kamu tuju, misalnya kirim ke pintugeser@yahoogroups.com. Klik tombol Send untuk mengirim e-mail tersebut.
4. Setiap anggota mailing list akan menerima kiximan e-mail tersebut. Karena kamu termasuk anggota mailing list, maka kamu juga akan menerima e-mail yang kamu kirimkan.
Kamu mendapatkan tugas mengenai matematika maka kamu dapat langsung mencari informasi tersebut dengan mesin pencari {search engine), seperti Google, Yahoo, atau mesin pencari yang lain.
1. Melakukan Pencarian Informasi Menggunakan Situs sesuai dengan Mata Pelajaran
Tugas-tugas dari guru biasanya disesuaikan dengan mata pelajarannya masing-masing. Terdapat beberapa situs yang khusus membahas satu topik mata pelajaran atau masalah, antara lain sebagai berikut.
1. www.chem-is-try.org, membahas mengenai ilmu kimia.
2. www.ilmukomputer.com, membahas mengenai ilmu komputer.
3. www.fisika.lipi.go.id, membahas mengenai ilmu pengetahuan.
4. www.invir.com, berisi contoh soal ujian atau ebtanas.
2. Melakukan Pencarian Informasi Menggunakan Mesin Pencari (Search Engine).
Selain menggunakan situs-situs yang sesuai dengan mata pelajaran tertentu, kamu juga dapat melakukan pencarian informasi melalui Internet dengan menggunakan mesin pencari atau lebih dikenal dengan istilah search engine. Search engine yang dapat kamu gunakan, antara lain Google, Yahoo, Aha Vista, Alltheweb, Lycos, Excite, Web crawler, dan search engine lainnya. Untuk menjalankan Google, ikuti langkah-langkah berikut:
1. Jalankan browser kamu.
2. Ketikkan www.google.co.id pada Address bar, kemudian tekan tombol Enter pada keyboard, maka akan muncul tampilan halaman depan Google.
Untuk melakukan pencarian dengan menggunakan Google, ikuti langkah-Iangkah berikut:
1. Setelah halaman depan Google terbuka, masukkan kata kunci pencarian pada kotak isian yang tersedia. Misalnya, kamu ingin mencari halaman web yang mengandung informasi mengenai majalah komputer, maka ketikkan kata itu pada kotak isian yang disediakan.
2. Tekan tombol Enter pada keyboard. Google akan melakukan pencarian dan segera menampilkan hasilnya.
3. Klik salah satu hyperlink hasil pencarian untuk menuju ke halaman web yang kamu maksud.
3. Fasilitas Khusus pada Google.
langkah-langkah untuk melakukan pencarian dengan menggunakan yaitu :
1. Jalankan browser kamu, lalu ketikkan www.google.co.id pada Address bar. Lalu, tekan tombol Enter pada keyboard.
2. Klik hyperlink bertuliskan Pencarian Khusus di samping kotak isian kata kunci pencarian, maka akan muncul tampilan halaman Pencarian Khusus.
4. Trik Pencarian Melalui Google
Agar pencarian yang kamu lakukan melalui Google lebih efektif dan relevan, Google memfasilitasi diri dengan bantuan filterisasi atau penyaringan simbol matematika, tanda kutip, tanda (~), dan simbol Boolean.
a. Simbol Matematika (Tanda Plus (+))
Tanda plus (+) bekerja apabila kamu ingin mencari berbagai dokumen yang mempunyai lebih dari satu kata kunci. Misalnya, kamu ingin mengetahui nama-nama pemain bola negara Italia pada Piala Dunia 2006. Kamu dapat mengetikkan kata kunci sebagai berikut.
+italia+football+player+name+world+cup+2006
Jika menemui format seperti ini, Google akan mencari seluruh dokumen atau halaman yang di dalamnya terdapat kata-kata "italia", "football", "player", "name", "world", "cup", dan "2006". Jika terdapat kurang dari tujuh kata tersebut, maka dokumen yang bersangkutan tidak akan ditampilkan. Cara ini tentunya lebih efektif dibandingkan memasukkan kata kunci "italia football player" atau "italia football name". semakin banyak tanda plus (+) yang kamu gunakan maka semakin spesifik sebuah pencarian.
b. Simbol Matematika (Tanda Minus (-)).
Simbol ini dapat diartikan "kecuali", yang bekerja jika kamu tidak ingin menampilkan dokumen atau file yang berisi kata yang terdapat di belakang tanda minus (-). Misalnya, jika kamu ingin mencari informasi mengenai buku pelajaran tetapi tidak ingin mengetahui informasi tentang fisika, kamu dapat menggunakan kata kunci berikut.
+buku+pelajaran-komputer
c. Tanda Kutip (").
Jika kamu hanya ingin memperoleh halaman web yang mengandung kata majalah komputer, di mana kedua kata tersebut terletak tidak terpisah dan serangkai, maka ikuti langkah-langkah berikut :
1. Buka browser kamu, ketikkan www.google.co.id pada Address bar, kemudian tekan tombol Enter pada keyboard.
2. Ketika muncul tampilan seperti pada tampilan awal Google, ketikkan kata kunci pencarian pada kotak isian yang tersedia. Tambahkan tanda petik di awal dan di akhir kata kunci pencarian.
3. Tekan tombol Enter pada keyboard, maka Google akan melakukan pencarian serta menampilkan hasilnya.
d. Tanda (~).
Google juga. mengembangkan teknik pencarian dengan sinonim dalam bahasa Indonesia. Penggunaan sinonim ini adalah denganmenambahkan tanda (~) di depan istilah yang akan kamu cari. Secara otomatis Google akan menyertakan sinonimnya dalam pencarian. Tanda (~) ini akan memudahkan kamu yang kesulitan mencari padanan kata untuk sebuah pencarian yang kamu maksud.
Misalnya, kamu menggunakan tanda (~) di depan kata kunci penerbit widya utama, maka selain menampilkan dokumen yang mengandung kata "penerbit widya utama", Google juga akan menampilkan dokumen atau file yang juga mengandung kata-kata seperti "utama" atau "penerbit".
e. Operasi Boolean (OR).
Operasi OR biasa diartikan "atau", bekerja dengan cara yang sama dengan karakter spasi dalam simbol matematika. Dengan mengetikkan kata yang kamu hubungkan dengan kata OR, hasil pencarian Google akan menampilkan dokumen atau informasi yang berisi salah satu dari kata^yang kamu masukkan. Contoh penggunaan operasi OR, misalnya kamu mengetikkan kata kunci berikut :
"komputer OR matematika"
Selanjutnya, Google akan menampilkan seluruh dokumen atau informasi yang mengandung kata "komputer", atau, "matematika", atau mengandung kedua kata tersebut.
B. Penggunaan Layanan Chatting untuk berkomunikasi.
CHAT merupakan kependekan dari Conversational Hypertext Access Technology, yaitu suatu sistem yang dapat digunakan untuk berkomunikasi dengan pengguna Internet di seluruh dunia secara real-time dan online. Chatting merupakan salah satu aktivitas yang cukup populer di Internet, mereka berkumpul dari berbagai suku, bangsa, benua, ras, umur, dan jenis kelamin. Terdapat banyak jenis program untuk chatting, salah satunya adalah mlRC. mlRC adalah salah satu program untuk chatting yang populer. mlRC menyediakan antarmuka yang mudah digunakan untuk dapat berhubungan dengan jaringan IRC (Internet Relay Chat). Jaringan IRC adalah sebuah tempat pertemuan maya (virtual) di mana setiap orang dari seluruh penjuru dunia dapat saling berkomunikasi.
Kamu dapat memperoleh program di http://www.mirc.co.uk atauhttp://www.mirc.com. mlRC memberikan fasilitas penggunanya untuk mengatur konfigurasi sistem yang diinginkan. Kamu harus meng-/tt,sta//terlebih dahulu program mlRC jika kamu belum memilikinya. Program mlRC yang terbaru sudah mencapai versi 6.17. Program tersebut dapat kamu peroleh (download) secara gratis melalui Internet dengan cara berikut :
1. Jalankan browser kamu, lalu buka halaman web http://www.mirc.com/get.html.
2. Ketika muncul halaman web, pilih lokasi server terdekat.
3. Secara otomatis akan muncul konfirmasi untuk melakukan download terhadap file instalasi mlRC, kemudian simpan di folder yang kamu inginkan.
4. Install file mirc617.exe dengan mengklik g&nda. file tersebut. Ikuti langkah-langkah untuk meng-install mIRC sampai program mIRC benar-benar telah ter-instalt di komputermu.
Untuk melakukan chatting dengan menggunakan mIRC, ikuti langkah berikut:
1. Jalankan program mIRC dari desktop atau start menu komputer.
2. Ketika muncul jendela berikut, klik tombol Continue.
3. Secara otomatis akan muncul jendela mIRC Options.
4. Masukkan nama dan alamat e-mailkamu. Masukkan juga nama samaran kamu dalam kotak isian Nickname.
5. Klik tombol Connect To Serverpada kotak dialog mIRC Options. Ketika proses koneksi berhasil maka akan muncul jendela mIRC Favorites.
6. Selanjutnya, pilih salah satu channelyang ingin kamu masuki. Kamu juga dapat menuliskan nama channel tersebut dalam kotak isian Enter a channel name and click join. Misalnya channel #Bawel, lalu klik tombol join.
7. Jendela sebuah channel muncul setelah kamu berhasil terhubung dengan sebuah channel.
8. Pada kotak bagian kanan, klik ganda pada salah satu daftar alias yang ingin kamu ajak mengobrol
9. Sekarang, silakan mengobrol dengan teman kamu. Ketikkan sebuah kalimat,lalu tekan tombol Enter.
10.Untuk menutup atau mengakhiri percakapan, kamu dapat mengklik tombol Close pada jendela bagian kanan atas.
C. Penggunaan Mailing List di Yahoogroups untuk Berkomunikasi.
Untuk dapat saling berkomunikasi dengan teman satu hobi dan satu profesi, seperti yang telah dipaparkan di atas, biasanya mereka menggunakan suatu sarana yang disebut dengan mailing list. Mailing list atau disingkat Milis merupakan suatu kelompok diskusi di mana setiap orang dapat berlangganan dan berpartisipasi di dalamnya. Kamu dapat membaca e-mail orang lain dan kemudian mengirimkan balasannya. Dengan kata lain, mailing list adalah sebuah daftar alamat-alamat e-mail yang mempunyai kesukaan atau kepentingan yang sama.
Jika seseorang mengirimkan e-mail yang kemudian dikirimkan ke semua orang yang terdapat di dalam daftar, kamu dapat me-replay e-mail pengirim tersebut, mengirim e-mail baru, atau hanya membacanya saja. Setiap kali kamu atau orang lain me-reply sebuah e-mail, e-mail tersebut akan didistribusikan ke setiap mailbox setiap orang yang terdapat dalam daftar anggota. Hal ini diatur oleh sebuah program yang dinamakan Mailing List Manager atau Mail Server. Salah satu contoh mailing list yang terkenal adalah Yahoo!Groups.
Yahoo!Groups merupakan Iayanan mailing list yang disediakan oleh Yahoo! dan dapat kamu gunakan untuk saling berkomunikasi, baik melalui halaman web maupun dengan menggunakan e-mail client, seperti Outlook Express. Dengan mailing list, member (anggota) yang tergabung dapat mengirimkan pesan ke semua anggota dengan sekali kirim, begitu juga dengan anggota lainnya. Kamu juga dapat menggunakannya untuk menyimpan file untuk di-sharing atau di-download oleh anggota lain.
1. Membuat Mailing List di Yahoo!Groups.
Kamu dapat melihat apakah sebuah e-mail berasal dari Yahoo! Groups atau bukan, dengan melihat nama domain-nya, yaitu "@yahoogroups.com". Berikut langkah untuk membuat mailing list di Yahoogroups :
1. Jalankan browser kamu.
2. Buka situs Yahoo! Groups di http://groups.yahoo.com.
3. Klik Sign in untuk melakukan pendaftaran. Lakukan login dengan menggunakan account Yahoo ID yang telah kamu miliki
4. Klik create a group, maka akan muncul halaman Start a Group. Selanjutnya, klik salah satu kategori yang merupakan deskripsi mailing list kamu. Misalnya, kamu klik Computers & Internet.
5. Ketika muncul halaman web berikutnya, klik link Internet.
6. Ketika muncul halaman web berikutnya, klik tomboi (places my group here).
7. ketikkan nama mailing list atau nama group pada kotak Group Name, ketikkan alamat e-mail mailing list kamu pada kotak isian Enter your Group e-mail address. Jika kamu mengisi bagian ini dengan nama pintugeser, maka alamat e-mail mailing list kamu adalah pintugeser@yahoogroups. com. Selanjutnya, berikan deskripsi singkat tentang mailing list kamu, kemudian klik tombol Continue.
8. Pada halaman tersebut, tentukan profil mailing list kamu. Ketikkan huruf yang terdapat dalam gambar ke dalam kotak isian Word Verification, lalu klik tombol Continue.
9. Selanjutnya, akan ditampilkaii halaman verifikasi atau konfirmasi bahwa kamu telah berhasil membuat mailing list.
10. Klik Customize Your Group untuk mengatur keanggotaan kelompok milis.
11. Klik Invite People to Join untuk mengajak orang lain ikut bergabung dalam milis.
12. Kamu dapat mengklik tulisan Sign Out untuk menutup mailing list kamu.
2. Berkirim E-mail menggunakan Mailing List.
Jika kamu mengirim e-mail ke alamat e-mi/zs, maka e-mail tersebut akan diteruskan ke seluruh anggota mailing list. Untuk melakukan kegiatan tersebut, ikuti langkah berikut ini :
1. Buka account e-mail kamu.
2. Klik tombol Compose untuk membuat pesan yang akan di kirim melalui mailing list.
3. Pada kotak isian To, ketikkan alamat mailing list yang kamu tuju, misalnya kirim ke pintugeser@yahoogroups.com. Klik tombol Send untuk mengirim e-mail tersebut.
4. Setiap anggota mailing list akan menerima kiximan e-mail tersebut. Karena kamu termasuk anggota mailing list, maka kamu juga akan menerima e-mail yang kamu kirimkan.
BAB 3 : MENGGUNAKAN E-MAIL UNTUK KOMUNIKASI
A. Mendeskripsikan Fungsi E-mail Sebagai Alat Komunikasi
1. Penggunaan Internet untuk Komunikasi (e-mail)
E-mail (Electronic Mail) merupakan salah satu fasilitas tertua dalam penggunaan Internet. E-mail merupakan fasilitas Internet yang paling banyak dimanfaatkan oleh pengguna. Setiap hari hampirjutaan pesan dikirimkan ke segala tujuan. Salah satu alasan disebarluaskannya penggunaan Internet sebagai jaringan komputer internasional adalah karena fleksibilitas dari berbagai jenis komputer yang dapat terhubung dengan Internet. Terdapat dua jenis layanan e-mail, yaitu sebagai berikut.
1.E-mail yang berbasis web
Pada e-mail jenis ini, seluruh aktivitas mengirim atau menerima e-mail dilakukan melalui sebuah situs yang disebut dengan web mail Setiap kali akan menggunakan e-mail, pengguna hams terhubung terlebih dahulu dengan Internet. Beberapa web mail penyedia layanan Internet gratis sudah banyak tersedia di Internet, misalnya TelkomNet Mail, Yahoo Mail, Hotmail.
2.E-mail yang berbasis client
Dibutuhkan sebuah perangkat lunak apabila akan menggunakan e-mail pada e-mail jenis ini, misalnya Eudora atau Microsoft Outlook. Fasilitas yang disediakan perangkat lunak tersebut, antara lain fasilitas untuk menulis dan mengolah e-mail tanpa harus terhubung dengan Internet.
2. Fungsi E-mail sebagai Alat Kbmunikasi
E-mail berasal dari kata electronic mail. E-mail atau surat elektronik adalah suatu cara untuk mengirimkan pesan dalam format data elektronik dari satu komputer ke komputer lainnya. E-mail merupakan alat komunikasi yang mudah, murah, dan cepat.
Penggunaan e-mail memungkinkan data dikirim secara elektronik sehingga sampai di tujuan dengan sangat cepat. Kamu dapat mengirim^berupa program, gambar, grafik, dan file lainnya. Kamu juga dapat mengirim e-mail ke beberapa orang sekaligus pada saat yang bersamaan.
E-mail juga dapat digunakan untuk mengirimkan surat atau ucapan selamat kepada keluarga di kampung halaman atau di luar negeri. Dalam bidang bisnis, e-mail sudah digunakan untuk melakukan kesepakatan bisnis atau mengirimkan dokumen penting.
Selain memberikan banyak manfaat kepada para penggunanya, e-mail juga mempunyai dampak negatif. Misalnya, sebagai alat penyebaran virus komputer dan alat komunikasi orang yang mempunyai tujuan buruk lainnya, seperti para teroris yang menggunakan e-mail untuk menghubungi anggotanya di belahan dunia lain untuk melakukan rencana jahat mereka.
Terdapat banyak cara untuk mendapatkan e-mail, diantaranya adalah sebagai berikut.
1. Melalui penyedia e-mail gratis
Cara ini merupakan cara paling mudah untuk mendapatkan e-mail. Kamu tinggal mengunjungi web penyedia tersebut, mengisi datapribadi lalu kamu pun akan memiliki e-mail secara instan. Contoh penyedia layanan ini adalah Yahoo (mail.yahoo.com), Plasa (www.plasa.com), Telkom (www.telkom.net).
2. Undangan dari teman
Cara kedua ini adalah melalui undangan {invite) dari temanmu yang telah memiliki account pada penyedia layanan e-mail tersebut, Kamu tidak dapat mendaftarkan diri tanpa undangan dari salah seorang yang telah menjadi anggota. Contoh layanan ini adalah layanan e-mail yang disediakan oleh Google (mail. gmail.com).
3. Dari Internet Service Provider (ISP)
ISP adalah perusahaan yang melayani koneksi Internet. Beberapa contoh ISP di Indonesia, antara lain IndosatNET, WasantaraNet, danINDO.NET. Koneksi Internet dilakukanberdasarkanjumlahjam akses atau hak pakai selama 24 jam per hari. Kamu harus mendaftarkan diri kepada penyedia layanan tersebut untuk mendapatkan layanan e-mail.
4. Dari perusahaan
E-mail yang diperoleh dari perusahaan adalah e-mail yang diberikan oleh suatu perusahaan. Ciri khasnya adalah alamat e-mail ini memiliki identitas perusahaan di mana e-mail tersebut terdaftar. Untuk mendapatkan e-mail jenis ini, seseorang harus menjadi karyawan dari perusahaan tersebut.
5. Memesan sendiri
Cara ini bertujuan untuk mendapatkan alamat e-mail khusus yang dapat kamu tentukan sendiri, mulai dari nama domain, identitas kamu, serta fasilitas yang ingin kamu dapatkan dari e-mail tersebut. Untuk mendapatkannya, kamu harus memesan domain terlebih dahulu, kemudian memesan paket hosting untuk server kamu, baru kemudian kamu akan dapat menggunakan e-mail tersebut.
B.Mendeskripsikan Persamaan dan Perbedaan Mailbox di Kantor Pos (Fisik) yang Merniliki Identitas dan Kunci dengan Mailbox E-Mail (Logik) yang Memiliki User ID dan Password
Surat merupakan salah satu alat komunikasi yang sudah lama kita kenal, Mengirim surat dengan menggunakan metode konvensional, selain memerlukan kertas dan perangko, proses pengiriman juga memerlukan waktu yang relatif lama, yaitu mulai dari kamu menulis surat, mengirim surat yang telah kamu tulis ke kantor pos yang terdekat dari rumahmu dengan menyertakan alamat yang kamu tuju. Dari kantor pos tersebut akan dikirimkan ke kantor pos yang terdekat dengan alamat yang dituju dan akhirnya sampai ke alamat tujuan. Selanjutnya, penerima akan membuka kotak pos yang terdapat di depan rumah. Dalam kasus ini, penguim tidak tahu apakah orang yang dituju sudah menerima surat tersebut atau belum, sampai pengirim menerima surat balasan.
Pengiriman surat dengan menggunakan media konvensional akan menghasilkan sesuatu yang jelas dan isinya tidak harus selalu diklarifikasi. Sedangkan melalui e-mail, adakalanya informasi yang terkandung di dalamnya perlu dikonfirmasi ulang kepada si pengirim, terutama untuk sesuatu yang sifatnya penting dan tidak ada hubungannya dengan pembicaraan sebelumnya. Hal ini disebabkan kareha tidak jarang e-mail sampah (spam) yang diterima oleh pemilik e-mail atau kadangkala pengirim e-mail yang mengaku sebagai orang lain (meskipun surat konvensional juga memungkinkan terjadinya hal tersebut).
Pengguna e-mail memiliki sebuah kotak surat yang disebut dengan mailbox yang tersimpan dalam mailserver. Untuk dapat membuka mailbox, pengguna harus memasukkan user ID dan kata kunci (password). Mailbox memiliki sebuah alamat sebagai pengenal agar dapat berhubungan dengan mailbox lainnya, baik dalam penerimaan dan pengiriman pesan. Pesan yang diterima akan disimpan dalam mailbox, selanjutnya pemilik mailbox sewaktu-waktu dapat melakukan pengecekan isi, membaca, menjawab, menghapus, dan mengirim pesan (e-mail).
C. Menggunakan Alamat Tujuan dan Subjek Untuk Membuat E-mail
Hal yang harus diketahui sebelum mengirim e-mail ke seseorang adalah alamat e-mail dari orang tersebut. Jika kamu tidak mempunyai alamat e-mail maka proses pengiriman e-mail tidak akan pernah terjadi. Alamat e-mail bersifat unik sehingga tidak mungkin dua orang yang berbeda memiliki alamat e-mail yang sama. membuat e-mail, kamu harus terlebih dahulu mendaftarkan diri ke penyedia layanan e-mail.Seperti yang telah disebutkan sebelumnya,terdapat banyak penyedia layanan e-mail,antara lain sebagai berikut.
•Yahoo!, layanan dari Yahoo! yang beralamat di mail.yahoo.com
•Gmail, layanan dari Google yang beralamat di mail.gmail.com
•Hotmail, layanan dari Microsoft yang beralamat di www.hotmail.com
•Plasa, layanan dari Telkom yang beralamat di www.plasa.com
Salah satu cara untuk mendapatkan e-mail adalah melalui penyedia layanan e-mail gratis. Penyedia layanan e-mail tersebut pada umumnya mensyaratkan pengguna untuk melakukan registrasi terlebih dahulu. Registrasi ini akan mengumpulkan data-data pengguna, antara lain nama yang digunakan pada saat login {User ID), password, data diri pengguna {user), pekerjaan, kegemaran, pendapatan, siklus pemakaian Internet, serta informasi lain yang dibutuhkan. Setelah mengisi form pendaftaran, maka user akan mendapatkan nama login dan password.
Nama login atau alamat e-mail pada umumnya terdiri atas dua bagian utama, yaitu nama mailbox dan nama komputer di mana mailbox tersebut berada. Mailserver merupakan komputer tempat meletakkan mailbox, sedangkan setiap pengguna e-mail dapat kita sebut sebagai client. Format penulisan alamat e-mail dapat dituliskan sebagai berikut.
namamailbox@namamailserver
Contoh
shamara@yahoo.com
azzam@hotmail.com
puspa@plasa.com
Keterangan
. @ menyatakan at atau di
. "shamara" atau "azzam" atau "puspa" menyatakan nama user
. "yahoo.com" atau "hotmail.com" atau "plasa.com" menyatakan nama server tempat mailbox disimpan
Beberapa pengguna e-mail dapat membentuk kelompok yang diwakili oleh sebuah alamat e-mail, Setiap e-mail yang ditujukan ke alamat e-mail kelompok, secara otomatis akan diteruskan ke alamat e-mail seluruh anggota kelompok. Kelompok semacam ini di sebut dengan milis {mailing list). Tujuan dibuatnya sebuah milis adalah atas dasar kesamaan minat atau kepentingan dan biasanya dimanfaatkan untuk keperluan diskusi atau pertukaran informasi di antara para anggotanya. Salah satu server milis yang cukup banyak digunakan saat ini adalah Yahoogroups(http:/ /mail.yahoogroups.com/).
1. Melakukan Pendaftaran di Yahoo Mail
Dalam pembahasan ini, kita akan melakukan pendaftaran ke Yahoo/ untuk mendapatkan layanan yang disediakan oleh mail.yahoo.com. Yahoo!Mail merupakan salah satu web paling populer di masyarakat. Layanan e-mail, baik secara gratis maupun komersial disediakan oleh Yahoo! Mail. Situs ini menyediakan kapasitas layanan e-mail gratis sampai 1 GigaByte{\ GB).
2. Menggunakan Yahoo!Mail
Setelah kamu memperoleh e-mail, kamu dapat menggunakannya untuk mengirim surat atau kartu ke teman-temanmu. Untuk menggunakan email tersebut,ikuti langkah berikut :
1. Klik tombol start, lalu pilih browser, misalnya Internet Explorer.
2. Buka situs Yahoo! Mail di http://mail.yahoo.com, dtngan cara mengetikkan alamat tersebut di kotak
address. Isi Yahoo ID dan password yang kamu miliki pada bagian Sign In .
3. Jika kamu ingin mengetahui apakah terdapat pesan atau tidak, kamu cukup melihat dan mengklik tulisan
Inbox. Jika terlihat angka satu (1) maka pesan yang kamu terima sebanyak satu buah surat. Dalam tampilan login, selain terdapat kotak surat (Inbox) j uga terdapat draft, surat yang telah dikirim (Sent), surat yang terkena spam (Bulk), dan surat yang telah dihapus (Trash).
4.Klik salah satu subjek e-mail yang akan kamu baca , sehingga halaman e-mail yang akan kamu baca akan terbuka
D. Melakukan Attachment File dalam E-mail
1. M.engirim E-mail
Salah satu fasilitas lain yang disediakan oleh Yahoo! Mail adalah fasilitas untuk mengirim e-mail. Cara yang digunakan untuk mengirim pesan adalah sebagai berikut.
1. Langkah 1 sampai langkah 2 sama dengan cara menggunakan e-mail seperti yang telah dijelaskan sebelumnya.
2. Klik ikon Compose.
3. Selanjutnya, akan munoil halaman Compose.
4. Pada kotak To, ketikkan alamat e-mail penerima dan pada kotak Subject ketikkan dengan perihal atau judul dari e-mail yaxig akan kamu kirimkan. Tulis judul e-mail dengan pendek dan jelas.
5. Pada kotak Cc (Carbon copy), isikan dengan alamat tujuan lain yang mendapat tembusan e-mail. Alamat e-mail ini akan ditampilkan pada e-mail penerima sehingga penerima tahu siapa saja yang menerima e-mail.
6. Pada kotak Bcc (Blind carbon copy), isi dengan alamat tujuan lain yang mendapatkan tembusan e-mail, tetapi alamat ini tidak ditampilkan di sisi penerima sehingga penerima e-mail tidak mengetahui siapa saja yang menerima e-mail'ini. Kolom ini dapat dikosongkan apabila kamu tidak menginginkan orang lain menerimanya. Untuk memunculkan kotak Cc dan Bcc, pada bagian Options -> General Preferences -> pilih Always show as fields.
7. Selanjutnya, ketik isi e-mail yang ingin kamu kirimkan pada kotak editor.
8. Klik tombol Send untuk mengirimkan e-mail.
9. Selanjutnya, akan muncul halaman konfirmasi pengiriman e-mail kamu
10.Klik Back to Inbox untuk kembali ke kotak surat(inbox).
2. Mengirim Attachment File dalam E-mail
Ketika melakukan pengiriman e-mail, selain bentuk teks kamu juga dapat mengirimkan atau menyertakan lampiran lain berupa file atau dokumen melalui e-mail dengan menggunakan fasilitas attachment. Jika kamu ingin mengirimkan^ sekaligus di dalam pesan e-mail yang akan kamu kirimkan, kamu dapat melakukannya menggunakan langkah-langkah berikut.
1. Setelah kamu menuliskan pesan di kotak teks editor, langkah selanjutnya klik tombol Attach Files.
2. Selanjutnya, akan ditampilkan kotak dialog Attach Files. Pilih file yang akan kamu sertakan dengan cara mengklik tombol Browse. Nama file yang kamu pilih akan rrmncul pada File 1 dan File 2.
3. Klik Attach Files.
4. Selanjutnya, akan ditampilkan kotak proses pengambilan file (Attach Files).
5. Jika proses pengambilan^feberhasil maka akan muncul tampilan. Setelah itu, klik
tombol Continue to Message. Selanjutnya, tampilan akan kembali ke halaman e-mail. Pastikan terlebih dahulu nama file yang akan kamu lampirkan muncul di atas tombol Attach Files
6. Klik tombol Send untuk mengirim e-mail beserta lampiran. Tunggu sampai layar menunjukkan bahwa e-mail-mu telah terkirim.
E. Melakukan Reply dan Forward
Jika kamu mendapatkan sebuah e-mail dari temanmu dan setelah kamu membacanya, mungkin kamu ingin membalas e-mail tersebut atau kamu ingin mengirimkannya ke teman kamu yang lain. Kegiatan tersebut disebut dengan istilah Reply dan Forward. Reply dan Forward merupakan dua istilah yang cukup populer dalam mengatur e-mail. Reply adalah fasilitas untuk membalas e-mail ke alamat e-mail si pengirim. Berikut ini langkah-langkah untuk melakukan Reply :
1. Buka surat yang terdapat di kotak surat
2. Klik tombol Replay, kemudian akan tampil halaman editor reply. Pada bagian subjek. Subjek dari balasan e-mail tersebut mendapat tambahan Re: Subjek lama. Tuliskan balasan surat pada kotak editor. Kamu dapat membalas e-mail tersebut dengan menggunakan dua cara, yaitu kamu dapat menghapus isi e-mail yang lama kemudian mengetik balasannya atau kamu dapat langsung mengetik e-mail balasan di atas e-mail yang kamu terima. Ketika kamu menggunakan cara kedua maka e-maillama yang di-reply juga akan tampil pada e-mail baru.
3. Klik tombol Attach Files, jika kamu ingin menyertakan^tfe atau dokumen lain.
4. Klik tombol Send, tunggu sampai muncul halaman pemberitahuan bahwa balasan e-mail(reply) yang kamu lakukan sudah terkir
5. Klik Back to Message untuk kembali ke kotak surat
2. Melakukan Forward E-mail
Forward adalah fasilitas untuk meneruskan e-mail yang kamu terima ke alamat e-mail lain selain alamat si pengirim. Langkah-langkah untuk melakukan Forward adalah sebagai berikut :
1. Buka surat yang terdapat di kotak surat (inbox).
2, Klik tombol Forward, kemudian akan ditampilkan halaman editor forward. Pada bagian subjek yang mendapat tambahan keterangan Fwd: Subjek lama.
3. Tuliskan alamat e-mail tujuan pada kotak isian To.
4. Klik Send, tunggu sampai muncul halaman konfirmasi atau pemberitahuan bahwa forward mail telah terkirim ke alamat tujuan
5. Klik back to Message untuk kembali ke kotak surat.
F. Mengelola E-mail
E-mail yang kamu miliki dapat kamu kelola sendiri. Pengelolaan e-mail berarti kamu dapat menghapus e-mail,mengosongkan folder,atau memindahkan e-mail ke folder khusus yang sesuai dengan kategori yang kamu inginkan.E-mail yang sudah memenuhi inbox dan melewati batas memori yang ditetapkan akan menyulitkan kamu ketika akan menghapus e-mail tersebut. Untuk menghapus e-mail yang sudah tidak kamu perlukan, kamu dapat menggunakan cara berikut.
1. Buka kotak surat kamu (inbox).
2. Pilih e-mail yang ingin kamu hapus.
3. Klik pada bagian sebelah kiri Sender, sampai muncul tanda check list.
4. Klik tombol Delete makefile yang kamu pilih akan terhapus.
Jika terdapat e-mail yang masuk ke folder bulk sebaiknya kamu menghapus e-mail tersebut karena biasanya e-mail tersebut merupakan e-mail sampah {spam). Untuk menghapus e-mail sampah kamu dapat menggunakan cara berikut.
1. Pada bagian Folders -> pilih Bulk.
2. Langkah selanjutnya sama dengan langkah 2 sampai 4 pada saat kamu menghapus e-mail.
1. Penggunaan Internet untuk Komunikasi (e-mail)
E-mail (Electronic Mail) merupakan salah satu fasilitas tertua dalam penggunaan Internet. E-mail merupakan fasilitas Internet yang paling banyak dimanfaatkan oleh pengguna. Setiap hari hampirjutaan pesan dikirimkan ke segala tujuan. Salah satu alasan disebarluaskannya penggunaan Internet sebagai jaringan komputer internasional adalah karena fleksibilitas dari berbagai jenis komputer yang dapat terhubung dengan Internet. Terdapat dua jenis layanan e-mail, yaitu sebagai berikut.
1.E-mail yang berbasis web
Pada e-mail jenis ini, seluruh aktivitas mengirim atau menerima e-mail dilakukan melalui sebuah situs yang disebut dengan web mail Setiap kali akan menggunakan e-mail, pengguna hams terhubung terlebih dahulu dengan Internet. Beberapa web mail penyedia layanan Internet gratis sudah banyak tersedia di Internet, misalnya TelkomNet Mail, Yahoo Mail, Hotmail.
2.E-mail yang berbasis client
Dibutuhkan sebuah perangkat lunak apabila akan menggunakan e-mail pada e-mail jenis ini, misalnya Eudora atau Microsoft Outlook. Fasilitas yang disediakan perangkat lunak tersebut, antara lain fasilitas untuk menulis dan mengolah e-mail tanpa harus terhubung dengan Internet.
2. Fungsi E-mail sebagai Alat Kbmunikasi
E-mail berasal dari kata electronic mail. E-mail atau surat elektronik adalah suatu cara untuk mengirimkan pesan dalam format data elektronik dari satu komputer ke komputer lainnya. E-mail merupakan alat komunikasi yang mudah, murah, dan cepat.
Penggunaan e-mail memungkinkan data dikirim secara elektronik sehingga sampai di tujuan dengan sangat cepat. Kamu dapat mengirim^berupa program, gambar, grafik, dan file lainnya. Kamu juga dapat mengirim e-mail ke beberapa orang sekaligus pada saat yang bersamaan.
E-mail juga dapat digunakan untuk mengirimkan surat atau ucapan selamat kepada keluarga di kampung halaman atau di luar negeri. Dalam bidang bisnis, e-mail sudah digunakan untuk melakukan kesepakatan bisnis atau mengirimkan dokumen penting.
Selain memberikan banyak manfaat kepada para penggunanya, e-mail juga mempunyai dampak negatif. Misalnya, sebagai alat penyebaran virus komputer dan alat komunikasi orang yang mempunyai tujuan buruk lainnya, seperti para teroris yang menggunakan e-mail untuk menghubungi anggotanya di belahan dunia lain untuk melakukan rencana jahat mereka.
Terdapat banyak cara untuk mendapatkan e-mail, diantaranya adalah sebagai berikut.
1. Melalui penyedia e-mail gratis
Cara ini merupakan cara paling mudah untuk mendapatkan e-mail. Kamu tinggal mengunjungi web penyedia tersebut, mengisi datapribadi lalu kamu pun akan memiliki e-mail secara instan. Contoh penyedia layanan ini adalah Yahoo (mail.yahoo.com), Plasa (www.plasa.com), Telkom (www.telkom.net).
2. Undangan dari teman
Cara kedua ini adalah melalui undangan {invite) dari temanmu yang telah memiliki account pada penyedia layanan e-mail tersebut, Kamu tidak dapat mendaftarkan diri tanpa undangan dari salah seorang yang telah menjadi anggota. Contoh layanan ini adalah layanan e-mail yang disediakan oleh Google (mail. gmail.com).
3. Dari Internet Service Provider (ISP)
ISP adalah perusahaan yang melayani koneksi Internet. Beberapa contoh ISP di Indonesia, antara lain IndosatNET, WasantaraNet, danINDO.NET. Koneksi Internet dilakukanberdasarkanjumlahjam akses atau hak pakai selama 24 jam per hari. Kamu harus mendaftarkan diri kepada penyedia layanan tersebut untuk mendapatkan layanan e-mail.
4. Dari perusahaan
E-mail yang diperoleh dari perusahaan adalah e-mail yang diberikan oleh suatu perusahaan. Ciri khasnya adalah alamat e-mail ini memiliki identitas perusahaan di mana e-mail tersebut terdaftar. Untuk mendapatkan e-mail jenis ini, seseorang harus menjadi karyawan dari perusahaan tersebut.
5. Memesan sendiri
Cara ini bertujuan untuk mendapatkan alamat e-mail khusus yang dapat kamu tentukan sendiri, mulai dari nama domain, identitas kamu, serta fasilitas yang ingin kamu dapatkan dari e-mail tersebut. Untuk mendapatkannya, kamu harus memesan domain terlebih dahulu, kemudian memesan paket hosting untuk server kamu, baru kemudian kamu akan dapat menggunakan e-mail tersebut.
B.Mendeskripsikan Persamaan dan Perbedaan Mailbox di Kantor Pos (Fisik) yang Merniliki Identitas dan Kunci dengan Mailbox E-Mail (Logik) yang Memiliki User ID dan Password
Surat merupakan salah satu alat komunikasi yang sudah lama kita kenal, Mengirim surat dengan menggunakan metode konvensional, selain memerlukan kertas dan perangko, proses pengiriman juga memerlukan waktu yang relatif lama, yaitu mulai dari kamu menulis surat, mengirim surat yang telah kamu tulis ke kantor pos yang terdekat dari rumahmu dengan menyertakan alamat yang kamu tuju. Dari kantor pos tersebut akan dikirimkan ke kantor pos yang terdekat dengan alamat yang dituju dan akhirnya sampai ke alamat tujuan. Selanjutnya, penerima akan membuka kotak pos yang terdapat di depan rumah. Dalam kasus ini, penguim tidak tahu apakah orang yang dituju sudah menerima surat tersebut atau belum, sampai pengirim menerima surat balasan.
Pengiriman surat dengan menggunakan media konvensional akan menghasilkan sesuatu yang jelas dan isinya tidak harus selalu diklarifikasi. Sedangkan melalui e-mail, adakalanya informasi yang terkandung di dalamnya perlu dikonfirmasi ulang kepada si pengirim, terutama untuk sesuatu yang sifatnya penting dan tidak ada hubungannya dengan pembicaraan sebelumnya. Hal ini disebabkan kareha tidak jarang e-mail sampah (spam) yang diterima oleh pemilik e-mail atau kadangkala pengirim e-mail yang mengaku sebagai orang lain (meskipun surat konvensional juga memungkinkan terjadinya hal tersebut).
Pengguna e-mail memiliki sebuah kotak surat yang disebut dengan mailbox yang tersimpan dalam mailserver. Untuk dapat membuka mailbox, pengguna harus memasukkan user ID dan kata kunci (password). Mailbox memiliki sebuah alamat sebagai pengenal agar dapat berhubungan dengan mailbox lainnya, baik dalam penerimaan dan pengiriman pesan. Pesan yang diterima akan disimpan dalam mailbox, selanjutnya pemilik mailbox sewaktu-waktu dapat melakukan pengecekan isi, membaca, menjawab, menghapus, dan mengirim pesan (e-mail).
C. Menggunakan Alamat Tujuan dan Subjek Untuk Membuat E-mail
Hal yang harus diketahui sebelum mengirim e-mail ke seseorang adalah alamat e-mail dari orang tersebut. Jika kamu tidak mempunyai alamat e-mail maka proses pengiriman e-mail tidak akan pernah terjadi. Alamat e-mail bersifat unik sehingga tidak mungkin dua orang yang berbeda memiliki alamat e-mail yang sama. membuat e-mail, kamu harus terlebih dahulu mendaftarkan diri ke penyedia layanan e-mail.Seperti yang telah disebutkan sebelumnya,terdapat banyak penyedia layanan e-mail,antara lain sebagai berikut.
•Yahoo!, layanan dari Yahoo! yang beralamat di mail.yahoo.com
•Gmail, layanan dari Google yang beralamat di mail.gmail.com
•Hotmail, layanan dari Microsoft yang beralamat di www.hotmail.com
•Plasa, layanan dari Telkom yang beralamat di www.plasa.com
Salah satu cara untuk mendapatkan e-mail adalah melalui penyedia layanan e-mail gratis. Penyedia layanan e-mail tersebut pada umumnya mensyaratkan pengguna untuk melakukan registrasi terlebih dahulu. Registrasi ini akan mengumpulkan data-data pengguna, antara lain nama yang digunakan pada saat login {User ID), password, data diri pengguna {user), pekerjaan, kegemaran, pendapatan, siklus pemakaian Internet, serta informasi lain yang dibutuhkan. Setelah mengisi form pendaftaran, maka user akan mendapatkan nama login dan password.
Nama login atau alamat e-mail pada umumnya terdiri atas dua bagian utama, yaitu nama mailbox dan nama komputer di mana mailbox tersebut berada. Mailserver merupakan komputer tempat meletakkan mailbox, sedangkan setiap pengguna e-mail dapat kita sebut sebagai client. Format penulisan alamat e-mail dapat dituliskan sebagai berikut.
namamailbox@namamailserver
Contoh
shamara@yahoo.com
azzam@hotmail.com
puspa@plasa.com
Keterangan
. @ menyatakan at atau di
. "shamara" atau "azzam" atau "puspa" menyatakan nama user
. "yahoo.com" atau "hotmail.com" atau "plasa.com" menyatakan nama server tempat mailbox disimpan
Beberapa pengguna e-mail dapat membentuk kelompok yang diwakili oleh sebuah alamat e-mail, Setiap e-mail yang ditujukan ke alamat e-mail kelompok, secara otomatis akan diteruskan ke alamat e-mail seluruh anggota kelompok. Kelompok semacam ini di sebut dengan milis {mailing list). Tujuan dibuatnya sebuah milis adalah atas dasar kesamaan minat atau kepentingan dan biasanya dimanfaatkan untuk keperluan diskusi atau pertukaran informasi di antara para anggotanya. Salah satu server milis yang cukup banyak digunakan saat ini adalah Yahoogroups(http:/ /mail.yahoogroups.com/).
1. Melakukan Pendaftaran di Yahoo Mail
Dalam pembahasan ini, kita akan melakukan pendaftaran ke Yahoo/ untuk mendapatkan layanan yang disediakan oleh mail.yahoo.com. Yahoo!Mail merupakan salah satu web paling populer di masyarakat. Layanan e-mail, baik secara gratis maupun komersial disediakan oleh Yahoo! Mail. Situs ini menyediakan kapasitas layanan e-mail gratis sampai 1 GigaByte{\ GB).
2. Menggunakan Yahoo!Mail
Setelah kamu memperoleh e-mail, kamu dapat menggunakannya untuk mengirim surat atau kartu ke teman-temanmu. Untuk menggunakan email tersebut,ikuti langkah berikut :
1. Klik tombol start, lalu pilih browser, misalnya Internet Explorer.
2. Buka situs Yahoo! Mail di http://mail.yahoo.com, dtngan cara mengetikkan alamat tersebut di kotak
address. Isi Yahoo ID dan password yang kamu miliki pada bagian Sign In .
3. Jika kamu ingin mengetahui apakah terdapat pesan atau tidak, kamu cukup melihat dan mengklik tulisan
Inbox. Jika terlihat angka satu (1) maka pesan yang kamu terima sebanyak satu buah surat. Dalam tampilan login, selain terdapat kotak surat (Inbox) j uga terdapat draft, surat yang telah dikirim (Sent), surat yang terkena spam (Bulk), dan surat yang telah dihapus (Trash).
4.Klik salah satu subjek e-mail yang akan kamu baca , sehingga halaman e-mail yang akan kamu baca akan terbuka
D. Melakukan Attachment File dalam E-mail
1. M.engirim E-mail
Salah satu fasilitas lain yang disediakan oleh Yahoo! Mail adalah fasilitas untuk mengirim e-mail. Cara yang digunakan untuk mengirim pesan adalah sebagai berikut.
1. Langkah 1 sampai langkah 2 sama dengan cara menggunakan e-mail seperti yang telah dijelaskan sebelumnya.
2. Klik ikon Compose.
4. Pada kotak To, ketikkan alamat e-mail penerima dan pada kotak Subject ketikkan dengan perihal atau judul dari e-mail yaxig akan kamu kirimkan. Tulis judul e-mail dengan pendek dan jelas.
5. Pada kotak Cc (Carbon copy), isikan dengan alamat tujuan lain yang mendapat tembusan e-mail. Alamat e-mail ini akan ditampilkan pada e-mail penerima sehingga penerima tahu siapa saja yang menerima e-mail.
6. Pada kotak Bcc (Blind carbon copy), isi dengan alamat tujuan lain yang mendapatkan tembusan e-mail, tetapi alamat ini tidak ditampilkan di sisi penerima sehingga penerima e-mail tidak mengetahui siapa saja yang menerima e-mail'ini. Kolom ini dapat dikosongkan apabila kamu tidak menginginkan orang lain menerimanya. Untuk memunculkan kotak Cc dan Bcc, pada bagian Options -> General Preferences -> pilih Always show as fields.
7. Selanjutnya, ketik isi e-mail yang ingin kamu kirimkan pada kotak editor.
8. Klik tombol Send untuk mengirimkan e-mail.
9. Selanjutnya, akan muncul halaman konfirmasi pengiriman e-mail kamu
10.Klik Back to Inbox untuk kembali ke kotak surat(inbox).
2. Mengirim Attachment File dalam E-mail
Ketika melakukan pengiriman e-mail, selain bentuk teks kamu juga dapat mengirimkan atau menyertakan lampiran lain berupa file atau dokumen melalui e-mail dengan menggunakan fasilitas attachment. Jika kamu ingin mengirimkan^ sekaligus di dalam pesan e-mail yang akan kamu kirimkan, kamu dapat melakukannya menggunakan langkah-langkah berikut.
1. Setelah kamu menuliskan pesan di kotak teks editor, langkah selanjutnya klik tombol Attach Files.
2. Selanjutnya, akan ditampilkan kotak dialog Attach Files. Pilih file yang akan kamu sertakan dengan cara mengklik tombol Browse. Nama file yang kamu pilih akan rrmncul pada File 1 dan File 2.
3. Klik Attach Files.
4. Selanjutnya, akan ditampilkan kotak proses pengambilan file (Attach Files).
5. Jika proses pengambilan^feberhasil maka akan muncul tampilan. Setelah itu, klik
tombol Continue to Message. Selanjutnya, tampilan akan kembali ke halaman e-mail. Pastikan terlebih dahulu nama file yang akan kamu lampirkan muncul di atas tombol Attach Files
6. Klik tombol Send untuk mengirim e-mail beserta lampiran. Tunggu sampai layar menunjukkan bahwa e-mail-mu telah terkirim.
E. Melakukan Reply dan Forward
Jika kamu mendapatkan sebuah e-mail dari temanmu dan setelah kamu membacanya, mungkin kamu ingin membalas e-mail tersebut atau kamu ingin mengirimkannya ke teman kamu yang lain. Kegiatan tersebut disebut dengan istilah Reply dan Forward. Reply dan Forward merupakan dua istilah yang cukup populer dalam mengatur e-mail. Reply adalah fasilitas untuk membalas e-mail ke alamat e-mail si pengirim. Berikut ini langkah-langkah untuk melakukan Reply :
1. Buka surat yang terdapat di kotak surat
2. Klik tombol Replay, kemudian akan tampil halaman editor reply. Pada bagian subjek. Subjek dari balasan e-mail tersebut mendapat tambahan Re: Subjek lama. Tuliskan balasan surat pada kotak editor. Kamu dapat membalas e-mail tersebut dengan menggunakan dua cara, yaitu kamu dapat menghapus isi e-mail yang lama kemudian mengetik balasannya atau kamu dapat langsung mengetik e-mail balasan di atas e-mail yang kamu terima. Ketika kamu menggunakan cara kedua maka e-maillama yang di-reply juga akan tampil pada e-mail baru.
3. Klik tombol Attach Files, jika kamu ingin menyertakan^tfe atau dokumen lain.
4. Klik tombol Send, tunggu sampai muncul halaman pemberitahuan bahwa balasan e-mail(reply) yang kamu lakukan sudah terkir
5. Klik Back to Message untuk kembali ke kotak surat
2. Melakukan Forward E-mail
Forward adalah fasilitas untuk meneruskan e-mail yang kamu terima ke alamat e-mail lain selain alamat si pengirim. Langkah-langkah untuk melakukan Forward adalah sebagai berikut :
1. Buka surat yang terdapat di kotak surat (inbox).
2, Klik tombol Forward, kemudian akan ditampilkan halaman editor forward. Pada bagian subjek yang mendapat tambahan keterangan Fwd: Subjek lama.
3. Tuliskan alamat e-mail tujuan pada kotak isian To.
4. Klik Send, tunggu sampai muncul halaman konfirmasi atau pemberitahuan bahwa forward mail telah terkirim ke alamat tujuan
5. Klik back to Message untuk kembali ke kotak surat.
F. Mengelola E-mail
E-mail yang kamu miliki dapat kamu kelola sendiri. Pengelolaan e-mail berarti kamu dapat menghapus e-mail,mengosongkan folder,atau memindahkan e-mail ke folder khusus yang sesuai dengan kategori yang kamu inginkan.E-mail yang sudah memenuhi inbox dan melewati batas memori yang ditetapkan akan menyulitkan kamu ketika akan menghapus e-mail tersebut. Untuk menghapus e-mail yang sudah tidak kamu perlukan, kamu dapat menggunakan cara berikut.
1. Buka kotak surat kamu (inbox).
2. Pilih e-mail yang ingin kamu hapus.
3. Klik pada bagian sebelah kiri Sender, sampai muncul tanda check list.
4. Klik tombol Delete makefile yang kamu pilih akan terhapus.
Jika terdapat e-mail yang masuk ke folder bulk sebaiknya kamu menghapus e-mail tersebut karena biasanya e-mail tersebut merupakan e-mail sampah {spam). Untuk menghapus e-mail sampah kamu dapat menggunakan cara berikut.
1. Pada bagian Folders -> pilih Bulk.
2. Langkah selanjutnya sama dengan langkah 2 sampai 4 pada saat kamu menghapus e-mail.
Langganan:
Postingan (Atom)