Bab 3 : Menggunakan E-mail untuk Komunikasi
A. Mendeskripsikan Fungsi E-Mail Sebagai Alat Komunikasi
1. Penggunaan Internet untuk Komunikasi (E-Mail)
- E-mail adalah suatu cara pengiriman pesan dalam format data elektronik dari satu computer ke computer lainnya. Dampak negative pada e-mail adalah sebagai alat penyebaran virus computer dan alat komunikasi orang yang mempunyai tujuan buruk lainnya, seperti para teroris yang menggunakan e-mail untuk menghubungi anggotanya dibelahan dunia lain untuk melakukan rencana jahat mereka.
Terdapat 2 jenis layanan E-Mail :
- E-Mail yang berbasis web => Seluruh aktivitas mengirim atau menerima e-mail dilakukan dengan situs yang disebut dengan web mail. Contohnya, Telkom Net Mail, Yahoo Mail, Hotmail
- E-mail berbasis client => Dibutuhkan sebuah perangkat lunak apabila akan menggunakan e-mail pada jenis e-mail ini, misalnya Eudora atau Microsoft Outlook
2. Fungsi E-Mail Sebagai Alat komunikasi
- Dampak Positif
a. Untuk mengirim pesan secara elektronik
b. Untuk mengirimkan surat atau ucapan selamat kepada keluarga di kampong halaman atau di luar negeri.
c. Dalam dunia bisnis ,Untuk melakukan kesepakatan bisnis atau mengirim dokumen penting.
- Dampak negative
a. Sebagai alat penyebaran virus computer
b. Sebagai alat komunikasi orang yang memiliki tujuan buruk
- Cara Untuk Mendapatkan E-Mail
- Melalui penyedia E-Mail gratis
- Undangan dari teman
- Dari ISP
- Dari perusahaan
- Memesan sendiri
B. Mendeskripsikan Persamaan dan Perbedaan Mailbox di Kantor Pos (Fisik) yang MEmiliki Identitas dan Kunci dengan Mailbox E-Mail (Logik) yangh Memiliki User ID dan Password
Perbedaan Mail Box e-mail dengan Mail Box Kantor Pos:
Mail Box Kantor Pos:
- Dibuka dengan kunci biasa.
- Diakses pada tempat tertentu.
- Dikirim oleh kantor pos (memakan waktu lama)
Mail Box e-mail:
- Dibuka dengan Id & Passwords.
- Diakses dimana saja selama terkoneksi dengan internet.
- Dikirim oleh penyedia e-mail (memakan waktu cepat).
Persamaan Mail Box e-mail dengan Mail Box Kantor Pos:
- Untuk menyimpan surat.
- Untuk Mengirim Surat.
- Menggunakan media pengolah dalam pengiriman surat.
.
C. Menggunakan Alamat Tujuan dan Subjek Untuk Membuat E-Mail
Terdapat berbagai macam penyedia layanan e-mail, diantaranya :
- 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
Nama login atau alamat pada umumnya terdiri atas 2 bagian utama, yaitu nama mailbox dan nama komputer dimana mailbox tersebut berada. Mailserver merupakan komputer tempat meletakkan mailbox, sedangkan setiap pengguna e-mail dapat kita sebut sebagai client. Format penulisan alamat e-mail dituliskan sebagai berikut :
- namamailbox@namaserver
1. Melakukan Pendaftaran di Yahoo Mail
- Berikut langkah-langkah untuk melakukan pendaftaran di Yahoo! Mail.
- Klik tombol start.
- Klik browser website.
- Buka situs Yahoo Mail.
- Klik sign up, Isikan form pendaftaran tersebut dengan datamu.
- Isikan enter the code shown pada bagian Verify Your Registation.
- Pada bagian Term of Service, jika kamu setuju klik tombol I Agree.
- Jika aplikasi diterima maka akn muncul kotak dialog sukses, kemudian Klik Continue to Yahoo! Mail.
- Kamu akan mendapat inbox yang berisi ucapan selamat bergabung dari Yahoo!
- Klik sign out untuk kembali ke website Yahoo!.
Untuk menghapus e-mail yang tidak diperlukan, dapat dilakukan dengan cara brikut.
- Buka inbox.
- Pilih e-mail yang ingin dihapus.
- Klik pada bagian sebelah kiri sender, sampai muncul muncul tanda check list.
- Klik tombol delete, maka file yang dipilih akan terhapus.
D. Melakukan Attachment File dalam E-Mail
Melakukan Attachment:
Attachment adalah suatu proses penyertaan data lain dalam pengiriman e-mail.
Langkahnya:
- Buka mail box e-mail (yahoo).
- Pilih compose/new.
- Klik to, masukkan alamat yang di tuju.
- Tuliskan Subjectnya.
- Klik Attach Files.
- Pilih data yang ingin disertakan.
- Pilih send.
E. Melakukan Reply dan Forward
Melakukan Reply & Forward:
Reply, langkahnya :
- Buka surat di kotak surat.
- Klik tombol reply.
- Klik tombol attach files (jika ada yang ingin disertakan).
- Klik tombol send.
- Klik back to message untuk kembali kek otak surat.
Forward, langkahnya:
- Buka surat di InBox.
- Klik tombol forward.
- Tulis alamat e-mail yang di tuju pada kotak isian.
- Klik Send.
F. Mengelola e-mail
menghapus e-mail:
- Buka in box.
- Pilih e-mail yang ingin dihapus.
- Klik bagian sebelah kiri, sampai muncul tanda check list.
- Klik Delete.
G. Melakukan Download Attachment dan Memindahkan pada Media Lain
Download Attachment dan Memindahkan pada Media yang Lain.
Membuka/menyimpan attach file:
- Buka e-mail yang mengandung file attach.
- Klik nama file attachment.
- Klik scan and download attachment.
- Klik Download attachment jika file benar-benar terbebas dari virus.
- Akan muncul kotak dialog dengan pilihan:
open, untuk membuka.
save, untuk menyimpan.
cancel, untuk membatalkan.
6. Jika ingin menyimpan file attachment klik save, lalu pilih pada save as direktori yang ingin dijadikan tempat penyimpanan.
H. Kode Etik Penggunaan E-Mail
Kode Etik Penggunaan E-mail:
- Membalas segera surat yang intensitasnya penting.
- Mengefektifkan kata-kata.
Berikut ini beberapa aturan yang perlu diketahui ketika kamu berkomunikasi dalam e-mail.
- Hindari penggunaan huruf capital terhadap seluruh isi pesan.
- Hormati privacy orang lain.
- Ingatlah bahwa tidak semua orang suka menerima segala hal yang dianggap Lucu.
- Jangan teruskan surat berantai.
- Jangan melakukan spam.
- Perhatikan susunan e-mail kamu apabila kamu ingin mengirim.
- Selalu isi bagian subjek.
- Ganti subjek apabila topic pembicaraan berubah.
- Hapuslah pesan “Reply” yang tidak perlu.
- Jangan mudah tersinggung atau menghapus buru-buru menghapus semua e-mail tanpa memikirkannya terlebih dahulu.
- Bersabarlah dalam menunggu balasan.
- Jangan mengirim e-mail dengan lampiran yang terlalu besar, kecuali diminta.
- Hindari kesalahan ejaan.
- Hindari penggunaan kata-kata “pedas”.
- Baca FAQ jika ingin bergabung dalam sebuah kelompok.
Pngguna e-mail memiliki sebuah kotak surat yang disebut dengan mailbox yang tersimpan didalam mailserver. Untuk membuka mailbox, pengguna harus memasukan user ID dan password.
BAB 4 Mencari Informasi dan berkomunikasi melalui internet
A. Menggunakan pelayanan internet dalam akses informasi dan komunikasi untuk menyelesaikan tugas-tugas yang diberikan oleh guru
1. Melakukan pencarian informasi menggunakan situs sesuai dengan mata pelajaran
Tugas-tugas dari guru biasanya di sesuaikan dengan pelajarannya masing-masing. terdapat beberapa situs yang khusus membahas satu topik mata pelajaran atau masalah, antara lain sebagai berikut.
1. www.chem-s-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 pencarian (search engine)
Dalam pembahasan ini kita akan menggunakan Google untuk melakukan pencarian .untuk menjalankan Google, ikuti langkah-langkah berikut.
- Jalankan browser kamu
- Ketik 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-langkah berikut.
- Setelah halaman depan Google terbuka, masukan kata kunci pencarian pada kotak isian yang tersedia.
- Tekan tombol enter pada keyboar.Google akan melakukan pencarian dan segera menampilkan hasilnya.
- Klik salah satu hyperlink pencarian untuk menunjukan ke halaman web yang kamu maksud.
3. Fasilitas khusus pada Google
Kamu ingin melakukan pencarian portable document format(PDF) mengenai majalah komputer. Kamu ingin agar Google melakukan secara tepat serta mencari di halaman web yang berbahasa indonesia. Ikuti langkah-langkah berikut untuk melakukan pencarian dengan menggunakan cara berikut.
- Jalankan browser kamu, lalu ketik www.google.co.id pada address bar lalu tekan tombol enter
- Klik hyperlink bertuliskan pencarian khusus di samping kotak isian kata kunci pencarian
- perhatikan bahwa semua hasil pencarian yang muncul berupa format PDF.
4. Trik mencari melalui Google
Agar pencarian yang kamu lakukan melalui Google lebih efektif dan relevan.
- Simbol matematika(Tanda Plus(+))
Tanda Plus(+) bekerja apbila kamun ingin mencari bebagi dokumenyang mempunyai lebih dari satu kata kunci . tanda plus(
+) dapat kamu gunakansebanyak-banyaknya. Pada dasarnya,semakin banyak tanda plus(+) pencarian yang kamu gunakan semakin sfesifik
- Simbol matematika tanda minus (-)
Simbol matematika lain yang dapat kamu gunakan adalah tanda (-). Simbol ini dapat di artikan kecuali.
- Simbol tanda kutip (“)
Jika kamu hanya ingin memperoleh halaman web yang mengandung kata majalah komputer. Maka ikuti langkah berikut .
- Buka browser
- Ketika muncul tampilan awal Google, lalu isi isian yang tersedia, tambahkan akhiran tanda petik
- Tekan tombol enter pada keyboar
- Bandikan hasil pencariann yang kamu perolah
- Simbol tanda (~)
Penggunaan sinonim ini adalah dengan menambahkan tanda (~) di depan istilah yang akan kamu cari. Secara otomatis Google akan menyertakan sinonimnya dalam pencarian.
- Operasi boolean (OR)
Operasi OR bisa di artikan “atau”, bekerja sama dengan karakter spasi dalam simbol matematika.
B. Penggunaan layanan chatting untuk berkomunikasi
CHAT merupakan kependekan dari conversitional hypertext access technology yaitu suatu sistem yang dapat berkomunikasi dengan pengguna internet di seluruh dunia secara real-time dan oneline . chatting merupakan salah satu aktifitas yanh cukup populer di internet.
mIRC adalah salah satu program untuk chatting yang populer. mIRC menyediakan antar muka yang mudah digunakan untuk dapat berhubungan dengan jaringan IRC( internet relay chat).jaringan IRC adalah sebuah tempat pertemuan maya di mana setiap orang dari seluruh penjuru dapat saling berkomunikasi.
Program IRC yang terbaru sudah mencapai 6.17. kamu dapat memperoleh progaram ini di http://www.mirc.co.uk atau http://www.mirc.com salah satu fasilitas yang menarik dari sekian fasilitas yang terdapat pada Mric
C. Penggunaan Mailing list di Yahoogroups untuk berkomunikasi
Mailing list adalah sebuah daftar alamat-alamat e-mail yang mempunyai kepentingan atau kesukaan yang sama.
Yahoogroups adalah layanan mailing list yang di sediakan oleh yahoo. Yang dapat kamu gunakan untuk saling berkomunikasi.
1.Membuat Mailing list di Yahoo! Groups
- Berikut ini langkah-langkahnya.
- Jalankan browser kamu
- Buka situs Yahoo groups
- Klik sing in untuk melakukan pendaptaran
- Klik create a group
- Ketika muncul halaman web berikutnya, klik link internet
- Ketika muncul halaman web berikutnya,klik tombol
- Ketik nama mailing list atau nama group pada group name
- Tentukan profil mailing list kamu.
- Akan di tampilkan halaman verifikasi atau konfirmasi bahwa kamu telah berhasil membuat mailing list
- Klik customize your group
- Klik invite to join
- Kamu dapat mengklik tulisan singout untuk menutup mailing list .
2. Berkirim e-mail menggunakan mailing list
Langkah-langkahnya sebagai berikut .
- Buka account kamu
- Klik tombol compose
- Ketik alamat mailing list yang kamu tuju
- Setiap anggota mailing list akan menerima kiriman e-mail tersebut.
Bab 5: Membuat Homepage Sederhana
A. Menentukan Perangkat Lunak untuk Membuat Homepage
Hal yang harus diperhatikan dalam membuat homepage:
- Tujuan dibuatnya homepage
- Orang yang menjadi target untuk melihat homepage kita
- Informasi yang akan ditampilkan dalam homepage
- Hasilnya mewakili satu halaman homepage dan dapat ditambah dengan hyperlink
- Buat kerangka homepage yang akan kita buat
3 kriteria tools atau alat bantu dalam pengembangan homepage:
1. Editor HTML
Digunakan untuk mendesain homepage diantaranya menggabungkan gambar, suara dan animasi dalam suatu halaman homepage. Editor HTML yang bersifat Graphical User Interface akan mengurangi waktu kita dalam proses penulisan sintaiks. Contoh produknya Microsoft FrontPage XP
2. Editor Graphics
Digunakan untuk megedit gambar yang akan ditampilkan pada homepage. Kita dapat memodifikasi warna, memotong gambar, memperbesar atau memperkecil gambar, menggabungkan beberapa gambar, memberi efek pada gambar sehingga siap ditampilkan pada homepage. Contohnya CorelDRAW dan Adobe Photoshop. Untuk pembuatan gambar dari homepage yang akan dikembangkan, kita dapat menggunakan Adobe Photoshop 7.0
3. Editor Multimedia Animasi dan Suara
Digunakan untuk membuat animasi gambar dan suara. Macromedia Flash adalah editor animasi yang paling populer. Macromedia Flash tidak hanya digunakan untuk membuat animasi gambar dan suara tetapi juga untuk membuat suatu homepage multimedia. Kita dapat merubah animasi yang rumit sehingga dapat dikerjakan dengan baik.
B. Membuat Layout Homepage yang Diinginkan
Layout atau frame adalah bentuk format navigasi dari homepage yang akan ditampilkan.
Untuk melihat dan memilih jenis layout tersedia dalam Microsoft FrontPage XP, dapat kita lakukan pada saat akan membuat halaman atau website baru. Langkah-langkah untuk melakukannya, yaitu :
- Pilih tombol start. All Programs.Microsof FrontPage XP. Selanjutnya, akan ditampilkan dokumen baru pada Microsoft FrontPage.
- Pilih menu File. New. Page or Web.
- Pilih Page Templates pada bagian New from template dari taskpane New Page or Web.
- Selanjutnya, akan ditampilkan kotak dialog Page Templates yang terdiri atas tiga tab, yaitu General, Frames Pages, dan Style Sheets.
- Pilih jenis frame yang kamu inginkan, kemudian klik tombol OK.
Jenis-jenis frame pada MIcrosoft FrontPage XP
- Banners and Contents
- Contents
- Footers
- Footnotes
- Header
- Header, Footer and Contents
- Horizontal Split
- Nested Hierarchy
- Top Down Hierarchy
- Vertical Split
C. Menerapkan Hyperlink
Hyperlink digunakan sebagai alat navigasi halaman pada homepage. Lnagkah-langkah mermbuat hyperlink menggunakan Microsoft FrontPage XP, yaitu :
- Aktifkan aplikasi Microsoft FrontPage XP.
- Buat tulisan “Link ke halaman lain: pada dokumen baru yang ditampilkan pertama kali.
- Blok tulisan “Link ke halaman lain” dengan cara men-drag tombol kiri mouse.
- Tekan tombol CTRL+K pada keyboard sehingga akan ditampilkan kotak dialog Insert Hyperlink.
- Setelah file disimpan dan dijalankan, ketika kita klik “Link ke halaman lain” maka akan membuka halaman tujuan link tersebut.
Langkah-langkah untuk membuat hyperlink dengan tag HTML, antara lain :
- Aktifkan aplikasi Microsoft FrontPage XP.
- Buat tulisan “Link ke halan lain” pada dokumen baru yang ditampilkan pertama kali.
- Klik tab HTML di bagian bawah dokumen.
- Selanjutnya, akan tampil sintaks HTML.
- Letakkan kursor di depan kata “Link” dan di belakang tag pada sintaks HTML yang ditampilkan.
- Sebagai contoh, link tujuan kita adalah filejadwalpelajaran.htm. Ketikkan tag di depan kata “Link” dan dibelakang tag
- Letakkan kursor di belakang kata “lain” dan di depan tag .Ketikkan tag
- Klik tab normal di bagian bawah dokumen untuk melihat hasil akhir.
Link istilah singkat untuk hyperlink, merupakan serangkaian teks atau gambar yang terhubung dengan file atau halaman lain dalam satu atau beberapa dokumen.
Tag merupakan elemen dalam HTML yang merupakan perintah kepada web browser untuk menampilkan elemen teks, gambar, atau link. Tag dimulai dengan karakter <>. Dalam tanda < > tertulis perintah kepada web browser. Satu perintah terdiri atas dua tag, yaitu tag pembuka < > dan tag penutup . Contoh :
Hello World!
D. Menerapkan Cascading Style Sheet
Fungsi utama dari CSS adalah untuk melakukan pengaturan beberapa format, yaitu :
- bentuk huruf,
- ukuran huruf,
- format huruf,
- warna huruf,
- warna background,
- warna hyperlink,
- format textbox.
Style Sheet merupakan file atau format yang menentukan layout dari sebuah dokumen. Style sheet biasanya disebut juga template.
CSS (Cascading Style Sheets) merupakan sebuah file yang berisi sekumpulan perintah untuk memformat bagaimana sebuah halaman web ditampilkan oleh web browser. Dengan kata lain, CSS merupakan rujukan format tampilkan halaman web. CSS dapat ditulis sendiri dalam satu file yang terpisah dari HTML atau ditulis langsung pada bagian head HTML. Karena sifatnya cascade (seperti air terjun), satu perintah CSS berlaku untuk semua bagian dalam dokumen HTML.
Head merupakan elemen HTML yang berisi informasi umum mengenai dokumen atau disebut juga meta-information. Meta berarti “informasi tentang”. Metadata adalah informasi tentang data, sedangkan meta-information berarti informasi tentang informasi. Web browser tidak menampilkan informasi yang terdapat dalam head kepada pengguna.
Tittle merupakan bagian dari head HTML yang berisi teks, digunakan untuk mendefinisikan judul sebuah halaman wrb yang akan ditampilkan pada tittle bar web browser.
Jenis-jenis CSS pada Microsoft FrontPage:
- Normal Style Sheet
- Arcs
- Bars
- Blocks
- Blueprint
- Capsules
- Downtown
- Expedition
- Highway
- Neon
- Poetic
- Street
- Sweet
- Head merupakan elemen HTML yang berisi informasi umum mengenai dokumen atau disebut juga meta-information. Meta berarti “informasi tentang”. Metadata adalah informasi tentang data, sedangkan meta-information berarti informasi tentang informasi. Web browser tidak menampilkan informasi yang terdapat dalam head kepada pengguna.
- Tittle merupakan bagian dari head HTML yang berisi teks, digunakan untuk mendefinisikan judul sebuah halaman wrb yang akan ditampilkan pada tittle bar web browser.
E. Pengertian Web Browser, Web Server, Offline, dan Online
- Web browser adalah paket software yang membantu pengguna untuk menampilkan dan berinteraksi dengan dokumen yang tersimpan pada web server. Web server yang sering digunakan pada PC diantaranya, yaitu Internet Explorer, Opera dan Firefox.
- Web server merupakan komputer yang bertugas melayani permintaan halaman web.
- Offline merupakan kondisi ketika computer tidak terhubung dengan jaringan atau internet. Hal ini dapat berarti computer dalam status mati (off) atau nyala (on). Kebalikan dari offline adalah online.
- Online merupakan kondisi ketika komputer sedang aktif, siap dioperasikan, dan terhubung ke dalam jaringan atau internet. Dalm status online, computer dapat berkomunikasi dengan komputer lain menggunakan protokol tertentu dari TCP/IP.
F. Membuat Grafis Sesuai dengan Homepage yang Diinginkan
Internet Explorer, disingkat IE atau MSIE, merupakan sebuah web browser yang bersifat gratis dari Microsoft. IE tersedia untuk kebanyakan versi Microsoft Windows, tetapi Microsoft telah berhenti mengeluarkan versi terbaru untuk semua platform, kecuali Windows XP.
Mozilla Firefox, yang aslinya bernama Phoenic dan kemudian untuk beberpa waktu dekinal dengan nama Mozilla Firebird, merupakan penjelajah web antar-platform gratis yang dikembangkan oleh yayasan Mozilla dan ratusan sukarelawan. Sebelum dirilis versi 1.0-nya pada 9 November 2004, Firefox telah mendapatkan sambutan yang sangt baik dari pihak media, termasuk dari Forbes dan Wall Street Journal. Dengan lebih dari 5 juta download dalam 12 hari pertama rilisnya dan 6 juta sampai 24 November 2004. Firefox 1.0 merupakan salah satu perangkat lunak gratis yang paling banyak digunakan diantara pengguna komputer di rumah.
G. Mendaftarkan Alamat Domain ke Provider Web Hosting
Untuk mempublikasikan homepage yang telah dibuat melalui internet, kita perlu mempunyai alamat internet yang disebut domain. Untuk mendapatkan alamat di internet, kita bharus membeli domain tersebut. Nama domain sangat spesifik atau bersifat unik.
Langkah-langkah yang digunakan untuk mendaftarkan alamat domain ke provider hosting, yaitu :
- Aktifkan Internet Explorer. Ketik http://www.register.com pada kotak URL pada web browser.
- Cari kotak pencarian domain. Lalu ketik nama domain yang akan kita cari.
- Jika berhasil maka hasilnya akan terbuka
- Ketik nama domain pada kotak TRY A NEW SEARCH, kemudian tekan tombol search.
World Wide Web Consortium (W3C) mengembangkan teknologi (spesifikasi, petunjuk – guide line, software dan tool) yang dapat dioperasikan pada platform mana pun, membawa web mencapai potensi yang utuh sebagai suatu forum informasi, commerce, komunikasi dan perjanjian bersama (collective understanding).
W3C dibentuk pada Oktober 1994, dengan jumlah anggota lebih dari 400 organisasi anggota dari seluruh dunia dan telah menghasilkan pengakuan internasional untuk konstribusinya pada perkembangan web. W3C saat ini merupakan badan resmi yang membuat standar web. W3C meletakkan gabungan spesifikasi dalam standar web. Berikut ini merupakan hasil dari W3C.
- Standar web yang paling mendasar adalah HTML, CSS dan XML.
- Standar HTML yang terakhir adalah XHTML 1.0
Wesite copier merupakan aplikasi yang digunakan untuk meng-copy sebuah website dari internet ke dalam harddisk.
Website file sharing merupakan website yang menyediakan fasilitas untuk menampung file dari seseorang untuk disebarluaskan dengan cara menyediakan link untuk men-donwload file tersebut kepada orang lain.
HTTP (Hyper Text Protocol) merupakan protocol yang digunakan pada World Wide Web (WWW).
H. Download dan Upload
Download merupakan proses meng-copy file komputer remote ke komputer lokal. Biasanya menggunakan jalur (protokol) HTTP, FTP, dan protokol lainnya.
Upload merupakan proses meng-copy file computer lokal ke komputer remote. Biasanya menggunakan jalur (protokol) HTTP, FTP, dan protokol lainnya. Upload merupakan kebalikan dari download.
I. User ID dan Password
User ID merupakan nama unik yang digunakan untuk mengakses sebuah computer. User ID dan password diperlikan dalam sistem multiuser yang memungkinkan para pengguna memilih user ID dan password-nya sendiri.
Password merupakan kata sandi untuk memverifikasi sebuah user ID sebelum log in ke dalam sistem computer multiuser. Berbeda dengan user ID, password tidak bersifat unik dan biasanya diizinkan menggunakan karakter-karakter khusus yang tidak terdapat pada keyboard.
BAB 6 Membuat Homepage Interaktif
A. Memprogram Web
1. Persiapan Software
Untuk membuat homepage dinamis atau interaktif sangatlah sederhana. Software yang di butuhkan seperti:
- System Operasi,
- Internet Information Services (IIS),
- Microsoft Access
- Microsoft FrontPage
- Microsoft Internet Explorer
- Komponen Open DataBase Connectivity
2. Persiapan Direktori Kerja
Seperti langkah awal pada saat kita akan membuat homepage sederhana, kita harus mendefisinikan tempat kerja dalam computer yang akan digunakan sebagai web server. Langkah-langkah yang harus dilakukan, yaitu:
- Aktifkan Windows Explorer dalam computer.
- Buat sati direktori dalam drive C dengan nama SMUKU-INT
- Buat subdirektori image, css, dan database dalam direktori SMUKU-INT.
3. Persiapan Skenario User Interface
Skenario from 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.
- Input data siswa. Fungsi = untuk memasukkan data siswa dari homepage ke database. Field yang harus ada yaitu Nomor Induk, Nama, Tanggal Lahir Kelas, Jurusan dan Tahun Masuk.
- Output data siswa. Fungsi = Untuk menampilkan data siswa yang terdapat dalam database ke dalam homepage.
4. Persiapan Komponen IIS.
Setelah dua file yang kita akan modifikasi dalam pemograman selesai dibuat, kita harus memersiapkan web server. Untuk menjadikan aebuah computer web server, dalam computer tersebut harus terinstal IIS. Web server yang akan digunakan adalah computer local tempat kita bekerja degan tambahan fasilitas IIS.
Cara pengaksesan IIS, yaitu :
- Pilih tombol start-Control Panel
- Pilih Administrative Tools pada jendela Control Panel lalu pilih Internet Information Services
- Klik nama komputer lalu pilih Web Sites dan klik Default Web Site
- Terdapat 2 cara menampilkan informasi homepage melalui IIS
a. menggunakan port (hanya dapat digunakan pada IIS dalam Windows NT, Windows
2000, Windows 2003
Langkah pengaksesan port :
- Klik kanan Web Sites, klik New Web Sites, pilih port
- Gunakan port sembarang antara 2000-65500
- Jangan menggunakan port 80
- Pengaksesan dengan menggunakan port 8080
- Stand alone computer-http://localhost:8080/namafile.htm
- Intranet-http;//namakomputer:8080/namafile.htm
- Internet-http://www.namadomain.com:8080/naamfile.htm
b. Pengaksesan menggunakan direktori virtual
- Klik kanan Default Web Site, pilih New –Virtual Directory
- Akan ditampilkan Virtual Directory Creation Wizard pertama. Tekan Next
- Pada Virtual Directory Creation Wizard kedua untuk mengisi alias direktori, ketikkan SMUKU-INT. Lalu tekan Next
- Akan ditampilkan wizard untuk memasukkan direktori yang akan digunakan. Tekan tombol Browse untuk masukkan C:\SMUKU-INT lalu tekan Next
- Pada wizard yang menampilkan access permission, tekan Next
- Tekan tombol Finish
- Pada jendela Internet Information Services terlihat bahwa direktori virtual sudah berhasil dibuat
- Pengaksesan dengan menggunakan direktori virtual SMUKU-INT:
-komputer local-http://localhost/SMUKU-INT/datasiswa.htm
-intranet-http://namakomputer/SMUKU-INT/datasiswa.htm
-internet-http://www.namadomain.com/SMUKU-INT/datasiswa.htm
5. Pemilihan Bahasa Pemrograman
Microsoft Active Server Pages (ASP) merupakan bahasa pemrograman yang secara otomatis disediakan oleh Microsoft jika kita menggunakan IIS dengan Windows, seperti Windows Server 2003, Windows XP, Windows NT, dan Windows 2000.
ASP merupakan suatu skrip yang ditambahkan pada halaman HTML untuk membuat web menjadi lebih menarik, dinamis, dan interaktif. Server side berarti proses pengerjaan skrip berlangsung di server bukan di browser atau client.Karena bersifat server side, maka untuk dapat dijalankan pada sebuah PC biasa yang berbasis Windows, PC tersebut perlu disimulasikan menjadi sebuah web server dengan menginstal Microsoft Personal Web Server (PWS) atau Microsoft Internet Information Services (IIS). Bahasa skrip standar yang digunakan ASP adalah Microsoft VBScript dan Microsoft Jscript. 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:
- Tersedia secara gratis
- Struktur bahasanya mudah dipelajari
- Mampu berkomunikasi dengan bahasa pemrograman lain
- Mempunyai respons request data dengan cepat
- 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. File ASP sebenarnya file HTML biasa yang ke dalamnya ditambahkan skrip ASP. Jika file HTML mempunyai eksistensi .htm atau .html maka jika sudah diberi skrip ASP tinggal diubah menjadi .asp. Untuk membedakan antara teks, tag HTML, dan skrip ASP digunakan suatu tanda disebut delimiter(suatu karakter atau kumpulan karakter yang mengawali dan mengakhiri suatu tag atau skrip) <%dan%>
a. Deklarasi Variabel
VBScript mempunyai beberapa pernyataan yang digunakan untuk pendeklarasian variable yaitu dim, private, dan public. Perbedaannya pada ruang lingkup yang digunakan. Jika menggunakan dim atau private maka variabelnya bersifat local, bila public variabelnya bersifat global.
b. Blok Kode ASP
ASP selalu diawali dengan blok <%dan dakhiri%>. Dalam kedua blok tersebut sintaks atau kode ASP dituliskan
c. Statement input
Sintaks 1- Request.Form()
Sintaks 2- Request.queryString(
url>)
Request.Form untuk mengambil nilai dari elemen-elemen form HTML, sedangkan Request.QueryString digunakan untuk mengambil nilai variabel HTTP query string ditandai dengan karakter tanda Tanya (?) dan biasanya terletak di belakang penulisan alamat URL
d. Statement Output
Digunakan untuk mengatur output yang akan dikirimkan ke browser. Metode yang digunakan metode write dan redirect.
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
h. Cara Kerja ASP
Misalnya kita mengakses halaman ASP dari sebuah website http://www.namadomain.com/indeks.asp. halaman tersebut akan diload ke browser internet explorer dalam bentik HTML setelah terlebih dahulu web server menerjemahkan atau mengcompile semua kode yang terdapat dalam blok <%%> pada file indeks.asp. Semua kode ASP yang terdapat dalam file akan hilang dan diganti dengan value yang dikembalikan dari database
B. Memprogram DataBase Web Interaktif
1. Pembuatan Database
- Aktifkan Microsoft Access. Buat database data siswa dan simpan dalam C:\SMUKU-INT\
- Buat satu table dengan nama datasiswa dengan struktur isi table
2. Pembuatan Data Source Name (DSN)
- Tekan tombol start-Control Panel-Performance and Maintenance AdministrativeTools-Data Source
- Akan ditampilkan kotak dialog ODBC Data Source Administrator, pilih tab System DSN
- Klik tombol Add, pilih Microsoft Access Driver kemudian tekan Finish
- Pada kotak dialog ODBC Microsoft Access Setup isi kotak data Source Name dengan data siswa dan kotak description dengan data siswa, tekan tombol Select untuk memasukkan database selanjutnya tekan OK
3. Pemrograman
Dilakukan setelah kita menyelesaikan pembuatan DSN. Untuk pemrograman ini
akan ditampilkan halaman HTML dan halaman modifikasi menjadi ASP.
- Programming halaman pertama yaitu pembuatan halaman datasiswa.htm
- Lakukan modifikasi terhadap halaman datasiswa.htm dengan memasukkan kod ASP pada bagian awal halaman sebelum tag
- Simpan file dengan nama datasiswa.asp
- Programming halaman kedua yaitu pembuatan halaman lihatdatasiswa.htm. buka kembali halaman lihatdatasiswa.htm pada Microsoft FrontPage
- Selanjutnya akan dilakukan modifikasi terhadap halaman lihatdatasiswa.htm dengan memasukkan kode ASP
- Simpan file dengan nama lihatdatasiswa.asp
4. Pengujian (Testing)
Testing ini akan memberitahukan kepada kita apabila terdapat kesalahan
dalam coding yang kita lakukan. Ditampilkan dalam browser yang kita akses.
Jika tidak terdapat kesalahan maka kita dapat mengetahui bahwa data tersebut
sudah tersimpan dalam database.
Tidak ada komentar:
Posting Komentar