BAB I

MENGOPERASIKAN WEB BROWSER

A.      Pendahuluan

Perkembangan teknologi di empat abad terakhir :

1.       Abad ke-18 merupakan perkembangan sistem mekanik yang mengiringi revolusi industri.

2.       Abad ke-19 merupakan zaman penemuan dan berkembangnya mesin uap.

3.       Abad ke-20 merupakan zaman pengumpulan, pengolahan, dan distribusi informasi.

4.       Abad ke-21 merupakan zaman kebutuhan masyarakat terhadap informasi (information based society).

Teknologi jaringan berkembang sangat pesat. Hingga menjangkau pelosok dunia dan dibarengi dengan penemuan alat elektronik lainnya.”Dunia hanya sekitar jari telunjuk” demikian ungkapan yang populer sekarang, sehingga muncul istilah “ICT” (Information Communication and Technology).

B.      Pengertian Teknologi

1.       David L.Goetch : people tools, resources, to solve problems or to extend their capabilities. Teknologi dapat dipahami sebagai “upaya” untuk mendapatkan suatu produk yang dilakukan oleh manusia dengan memanfaatkan peralatan(tools), proses, dan sumber daya (resources).

2.       Definisi dari Technology Plan 2004-2005 “Technology can be any tool, device, program, or system that when applied to the educational environment will increase productivity, creativity, and/or achievement of students, faculty, and staff and will prepare them for new roles in learning, living, and working”. Teknilogi bisa mencakup, tetapi tidak terbatas untuk komputer, televisi, VCR dan DVD, alat presentasi audio/visual, sistem satelite broadcast, alat adaptive infrastruktur networking, instruksional, operasional, dan program manajemen.

Dari definisi tersebut, ada beberapa esensi yang terkandung yaitu,

1.       Teknologi terkait dengan ide atau pikiran yang tidak akan pernah berakhir, keberadaan teknologi bersama keberadaan budaya umat manusia.

2.       Teknologi merupakan kreasi manusia sehingga tidak alami dan bersifat buatan (artificial).

3.       Teknologi merupakan himpunan dari pikiran (set of minds) sehingga teknologi dapat dibatasi atau bersifat universal, tergantung dari sudut pandang analisis.

4.       Teknologi bertujuan memfasilitasi ikhtiar manusia (human endeavor) sehingga harus mampu meningkatkan performa kemampuan manusia.

Dari definisi diatas ada 3 entitas yang terdapat di dalamnya yaitu keterampilan (skill), logika berpikir (algorithma), dan perangkat keras (hardware).

C.      Pengertian dan Keuntungan Teknologi Informasi

Fungsi teknologi informasi yaitu,

1.       Capture yaitu proses penyusunan rekaman aktivitas.

2.       Processing yaitu proses mengubah, menganalisis, menghitung, dan mengumpulkan semua bentuk data.

3.       Generation yaitu proses yang mengorganisasi informasi ke dalam bentuk yang bermanfaat.

4.       Storage dan Retrieval yaitu, storage adalah proses komputer penguat informasi untuk penggunaan masa depan. Retrieval adalah proses di mana penempatan komputer dan menyimpan salinan data atau informasi untuk pengolahan lebih lanjut atau untuk ditransmisikan ke pengguna lain.

5.       Transmission yaitu proses komputer mendistribusikan informasi melalui jaringan komunikasi seperti electronic mail atau email, voice messanging atau voice mail.

D.      Era Baru dalam Generasi Digital

1.       Era Komputerisasi

Dimulai sekitar tahun 1960-an ketika minikomputer dan mainframe diperkenalkan perusahaan seperti IBM ke dunia industri. Ditujukan untuk efisiensi dalam biaya dibandingkan dengan mempekerjakan buruh yang banyak.

2.       Era Teknologi Informasi

Awal tahun 1970-an, teknologi PC mulai diperkenalkan sebagai alternatif pengganti minikomputer. Di era ini, setiap individu di organisasi dapat memanfaatkan kecanggihan komputer, seperti untuk mengolah basis data, spreadsheet, maupun data processing (end user computing).

3.       Era Sistem Informasi

Kunci keberhasilan perusahaan di era tahun 1980-an adalah penciptaan dan penguasaan informasi secara cepat dan akurat. Pada era ini, perusahaan tradisional menuju perusahaan modern secara filosofis meletakkan paradigma mengenai cara manajemen melihat kunci kinerja perusahaan diukur secara hierarki berdasarkan divisi atau departemen.

4.       Era Globalisasi Informasi

Penerapan teknologi seperti LAN, WAN, globalnet, internet, intranet, dan ekstranet semakin hari semakin merata dan membudaya di masyarakat.

E.       Web Browser

Adalah perangkat lunak yang berfungsi menampilkan dan melakukan interaksi dengan dokumen-dokumen yang disediakan oleh server web. Berbentuk kode HTML (Hypertext Mark Up Language).

Penjelajah web pertama kali berbasis teks, setelah sistem berbasis grafis mulai banyak digunakan, seorang mahasiswa bernama Marc Andressen di University of Illinois di Urbana-Champaign, Amerika Serikat, membuat sebuah penjelajah web berbasis grafis pertama yang berjalan di atas sistem operasi Windows dan UNIX (berbasis motif). Penjelajah web tersebut dinamai Mosaic.

Setelah lulus dari universitas, Marc ditawari oleh Alief Falahuddin, seorang petinggi Silicon Graphics Incorporated (SGI), untuk membuat perusahaan dengan nama Mosaic Communication, yang kemudian berubah menjadi Netscape Communication. Marc membuat sebuah penjelajah web populer pertama yang digunakan oleh umum, yang disebut dengan Netscape Navigator. Pada saat pengembangannya, Navigator memiliki nama kode Mozilla. Navigator merupakan penjelajah web komersial, akan tetapi seiring dengan waktu akhirnya Navigator pun menjadi dapat diperoleh secara gratis. Sementara itu, penjelajah web Mosaic yang gratis tidak diteruskan lagi pengembangannya, dan diserahkan kepada NSCA (National Computing for Supercomputer Application). Karena NSCA tidak memiliki izin untuk mengomersialkan produk Mosaic, NSCA akhirnya menjual Mosaic kepada Spyglass, yang akhirnya membuat Mosaic menjadi penjelajah web komersial.

Setelah Microsoft membeli lisensi Mosaic dari Spyglass, maka rilis Internet Explorer, setelah dirilisnya Internet Explorer, muncul perang besar antara Netscape Navigator dan Microsoft Internet Explorer.

Macam-macam web browser saat ini yakni Internet Explorer, Mozilla Firefox, ACCO, Yahoo, MSN, Netscape Navigator, Opera, Mathron, Safari dan yang terbaru adalah Google Chrome.

F.       WebMail

Adalah jasa e-mail yang dibuat agar dapat diakses melalui web yang berbeda dengan e-mail melalui perangkat lunak e-mail client, seperti, Mozilla’s Thunderbird, atau Apple Inc.’S mail. Beberapa penyedia jasa webmail yang poluler adalah Gmail, Yahoo! Mail, Hotmail, dan AOL.

Keuntungan utama webmail, pengguna dapat mengakses kotak suratnya (inbox) dari semua perangkat komputer di seluruh dunia. Akan tetapi, keharusan adanya akses internet menjadikan WebMail bermasalah karena,

1.       Webmail hanya bermanfaat ketika ada jaringan internet.

2.       Kecepatan akses sangat tergantung pada kondisi jaringan.

Ditahun 1997, Hotmail menjadi webmail yang sangat poluler, di tahun 2004, Google memperkenalkan Gmail, yang lebih menarik karena beberapa fitur utama yaitu JavaScript, Iklan berbasis teks, dan tempat penyimpanan e-mail sang sangat besar.

Langkah-langkah membuat Gmail sebagai berikut :

1.       Pada Address bar ketikkan http://www.google.co.id.

2.       Pilih tab Gmail pada pilihan yang disediakan.

3.       Setelah anda klik Gmail, selanjutnya akan ditampilkan kotak dialog.

4.       Untuk membuat e-mail, anda harus mendaftar terlebih dahulu dengan memilih pada pilihan buat akun dari dialog tersebut.

5.       Selanjutnya isi form.

6.       Jika berhasil, pada layar ditampilkan ucapan selamat telah menjadi anggota (sudah punya e-mail).

G.     Mesin Pencari

Adalah program komputer yang dirancang untuk membantu seseorang menemukan file-file yang disimpan dalam komputer.

Berikut daftar mesin pencari yang dapat ditemui,

1.       Google (www.google.com).

2.       Altavista (www.altavista.digital.com).

3.       Deja News (www.dejanews.com).

4.       Excite (www.excite.com).

5.       HotBot (www.hotwired.com).

6.       Infoseek (www.infooseek.com).

7.       Lycos (www.lycos.com).

8.       Magellan (www.mckinley.com).

9.       WebCrawler (www.webcrawler.com).

10.   Yahoo (www.yahoo.com).

Unsur-unsur penyusun search engine dan caranya bekerja,

1.       Spider

Merupakan program yang dimiliki search engine yang bekerja untuk mengambil halaman-halaman yang ditemukannya.

2.       Crawler

Merupakan program yang dimiliki search engine yang bertugas menelusuri setiap link yang ada dalam situs website. Membantu spider untuk menentukan arah yang akan dituju sekaligus mengevaluasi link tersebut.

3.       Indexer

Merupakan mesin yang dimiliki search engine yang bertugas mendeskripsikan suatu halaman website dan menganalisa berbagai unsur di dalamnya.

4.       Database

Komponen search engine ini merupakan tempat meletakkan data-data sebelumnya yang telah di download oleh spider serta tempat yang tadinya digunakan oleh indexer dalam menganalisa suatu halaman website.

5.       Result Engine

Merupakan program yang bertugas menggolongkan suatu website dan menentukan perangkingan dalam hasil pencarian yang diminta oleh user.

6.       Web Server

Merupakan komputer sentral yang ada pada search engine yang melayani permintaan kepada user yang merupakan umpan balik dari permintaan user tersebut.

H.     GooglePreneur

Adalah pebisnis dan pengusaha yang melakukan investasi melalui iklan di google. Di bidang periklanan, google manawarkan Google Adsense yang merupakan fasilitas google untuk menyediakan para pengiklan agar beriklan di google dan google membayarnya.

Beberapa fasilitas lain yang ditawarkan internet dengan bisnis yang semakin bervariasi sehingga muncuk banyak metode bisnis afiliasi di internet seperti,

1.       Pay per Sale (PPS) salah satu jenis afiliasi di mana merchant akan membeli komisi untuk setiap penjualan yang terjadi atas rekomendasi dari member afiliasi.

2.       Pay per Lead (PPL) salah satu program afiliasi di mana merchant  membayar kepada member yang bisa mengarahkan atau mengajak pengunjung masuk ke situs merchant.

3.       Pay per Click (PPC) mechant akan membayar untuk setiap klik yang dilakukan pengunjung di website atau blok milik member afiliasi.

BAB II

MENGOPERASIKAN WEB BLOG UNTUK E-BUSINESS

A.      Web Blog dan CMS (content Management System)

1.       Sejarah Asal Usul Kemunculan Blog

Blog merupakan hasil evolusi dari diary online, salah seorang pioner dari internet-based journalist ini adalah Justin Hall. Yang membuat online diary-nya Justin Links From The Underground  ketika dia masih belajar dari Swarthmore College.

Pada tahun 1997, Jorn Barger, seorang programer yang juga mengelola website online diary “robot wisdom” menciptakan istilah weblog yang diambil dari kata “logging the web”. Yang dapat diartikan “memasuki web”. Korelasinya adalah blogger awal di saat itu merupakan orang yang masuk ke belantara web dan menyeleksi link-link menarik berdasarkan opinlnya.

Hingga 1998, baru ada beberapa website yang dapat diidentifikasikan sebagai blog, hingga ketika itu menjelajahi semua web blog masih memungkinkan untuk dilakukan.

Pada tahun 1999, Peter Merhoiz menyebutkan istilah web blog sebagai wee-blog. Hingga akhirnya dibuat pendek menjadi blog saja. Dan yang menggunakannya disebut “blogger”.

Dari sini, semuanya benar-benar berubah. Blog bertumbuh demikian cepat, terlebih setelah Movable Type diluncurkan dan wordpress sebagai project kelanjutan cms b2 dirilis ke publik sebagai blog engine. Setelah itu, blog dan blogosphere terus berevolusi menjadi blogosphere yang marak saat ini.

2.       Definisi Blog

Menjadi penulis blog, mengelola blog, atau menambahkan artikel pada blog yang sudah ada disebut “blogging”. Artikel pribadi  di dalam blog disebut “blog post”, “post”, atau “entries”. Seseorang yang memasukkan tulisan disebut “blogger”.

Blog adalah sarana tulis-menulis tempat semua orang bebas mengekspresikan apa yang ingin disampaikan dan tulisan tersebut dapat dilihat semua pengguna internet.

3.       Macam-Macam Layanan Blog (Blog Engine)

a.       www.wordpress.com

b.      www.wordpress.org

c.       www.blogsome.com

d.      www.blogger.com

4.       Macam-Macam Blog

Berdasarkan penulisnya:

a.       Blog Personal

Dikelola perorangan atau sendiri. Berisi konten yang menarik perhatian blogger dan kemudian dikomentari oleh pembaca blog tersebut.

b.      Blog Corporate

Dibuat dengan tujuan bisnis. Biasanya dilakukan oleh perusahaan-perusahaan tertentu dengan tujuan membentuk brand, komunikasi dengan pelanggan, atau kegiatan Public relations (PR).

Berdasarkan media yang digunakan :

a.       Blog yang terdiri atas kumpulan video, disebut Vlog.

b.      Blog yang terdiri atas kumpulan link, disebut Linklog.

c.       Blog yang terdiri atas kumpulan foto, disebut Photolog.

d.      Blog dengan artikel yang lebih pendek dan menggunakan media campuran, disebut Tumblelog.

B.      Content Management System (CMS)

Adalah sebuah sistem yang memberikan kemudahan kepada para penggunanya dalam mengelola dan mengadakan perubahan isi sebuah website dinamis tanpa sebelumnya dibekali pengetahuan tentang hal-hal yang bersifat teknis.

Umumnya, sebuah CMS (Content Management System) terdiri dari 2 elemen yaitu,

1.       Aplikasi manajemen isi (Content Management Application[CMA]).

2.       Aplikasi pengiriman isi (Content Delivery Application[CDA]).

Beberapa hal penting mengenai CMS.

1.       Keunggulan CMS

Efisiensi waktu dan biaya produksi pembuatan sebuah website.

2.       Jenis CMS

Jenis CMS gratis :

a.       Drupal (Drupal.org)

b.      Mambo (Mambo foundation)

c.       Joomla (Joomla.org)

d.      Wordpress (wordpress.org dan wordpress.com)

CMS khusus untuk e-commerce:

a.       OsCommerce (website: Oscommerce)

b.      Prestashop (website: Prestashop)

c.       Magento (website: Magento)

3.       Pemanfaatan CMS

a.       Mengelola website pribadi.

b.      Mengelola website perusahaan atau bisnis.

c.       Portal atau website komunitas.

d.      Galeri foto.

e.      Forum.

f.        Aplikasi e-commerce, dan lain-lain.

C.      Install CMS Online Wordpress

1.       Keunggulan wordpress :

a.       Gratis untuk dapatkan softwarenya.

b.      Open source.

c.       Templatenya mudah dimodifikasi.

d.      Pengoperasiannya mudah.

e.      Dapat menggunakan banyak user.

f.        Banyak plugin yang tersedia dan terus berkembang.

2.       Instalasi wordpress

a.       Buka www.wordpress.com (untuk blog gratis) atau www.wordpress.org (untuk blog berbayar).

b.      Klik sign up bagi yang belum mendaftarkan email.

c.       Cek email untuk aktivasi.

d.      Lakukan aktivasi dengan mengisi username dan password pada dashboard awal halaman wordpress.

e.      Akan tampil dashboard admin untuk mengelola halaman blog.

f.        Langkah memosting dan gambar pada dashboard wordpress, yakni dengan klik pada POST>>add new>>ketik judul dan naskah>>

g.       Selesaikan dengan update setelah mengetik, dan memasukkan gambar ke dalam naskah yaitu dengan klik gambar icon images>> browse>> pilih gambar>>

h.      Mengganti themes>> klik appearance>> pilih themes>> lihat pilihan gambar dibawah ini>> pilih gambar>> activated>>.

BAB III

MENGINSTAL WEB BLOG

A.      Cara Menginstall WordPress di ByteHost

1.       Buka http://bytehost.com/free-hosting/news.

2.       Isi data.

3.       Klik tombol Click to Me to Continue.

4.       masukkan kode rahasianya.

5.       Gunakan spasi antara 2 kata lalu klik register.

6.       Buka email.

B.      Cara Menginstal WordPress di Local Hosting, Free Hosting, dan Paid Hosting (CPanel)

1.       Klik link aktivasi.

2.       Masukkan kode capcha lagi.

3.       Klik register.

4.       Klik continue dan proses pendaftaran telah selesai.

Mulai instal WordPress :

1.       Masuk ke http://panel.bytehost.com/.

2.       Masukkan username dan password.

3.       Klik login.

4.       Masuk ke menu Control Panel – Software / Services – Fantastico type installer.

5.       Pilh tempat menginstal. Klik proceed.

6.       Klik install now pada baris WordPress.

7.       Pilih folder tempat menginstal. Klik Complete Install.

BAB IV

HTML (HYPERTEXT MARK UP LANGUAGE)

A.      Pengertian HTML

Merupakan program penulisan informasi sebuah homepage. HTML merupakan standar bahasa program yang digunakan untuk menampilkan dokumen – dokumen web.

1.       Mengenal TAG HTML

TAG kebanyakan mempunyai pasangan, yakni pembuka dan penutup. TAG yang mempunyai pasangan bersifat override. Contoh: <b>...</b>.

2.       Struktur Dokumen HTML

a.       HTML

Diawali tag <html> dan ditutup </html>. Untuk memberitahukan di dalamnya merupakan sebuah dokumen HTML.

b.      HEAD

Diawali tag <head> dan ditutup </head>. Diisi tag title, juga diawali <title> dan ditutup </title>.

c.       BODY

Semua dokumen disimpan di dalam body. <body> ... </body>.

B.      menulis Judul pada Halaman Homepage

<title> Untitled Document </title>

Untitled Document diubah menjadi title yang diinginkan.

C.      Menambahkan Sub-Sub Judul dan Paragrafnya

<h1> ... </h1>. Heading yang besar. Heading sampai <h6> ... </h6>.

Setiap paragraf sebaiknnya menambahkan tag <p> ... </p>.

D.      Menambahkan Emphasis

Terdiri dari sebuah kata atau beberapa kata.dengan kode tag <em> ... </em>.

E.       Menambahkan Gambar (Images)

Menyisipkan file gambar dengan kode tag <img src=”nama file”>.

F.       Menambahkan Link (Tanda Berhubungan) dengan halaman lain

Biasa ditulis dengan tag <a>, contoh : <a href=”home.html”>Back to Home</a>.

G.     Tiga Jenis Daftar HTML

1.       Kode bullet, biasa disebut unordered list. Menggunakan tag <ul> dan <li> diakhiri </ul> dan </li>.

2.       Bernomor, biasa disebut ordered list. Menggunakan tag <ol> dan <li> diakhiri </ol> dan </li>.

3.       Daftar berdefinisi, biasa disebut definition list. Menggunakan tag  <dl> dan <dd> diakhiri </dl> dan </dd>.

H.     Membuat Teks Berjalan

Menggunakan tag <marquee> ... </marquee>.

I.        Membuat Tabel

Menggunakan tag <table> dan didalamnya terdapat <tr> dan <td> ditutup dengan </table>.

<tr> untuk baris sedangkan <td> untuk Kolom