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)
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
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
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.
