10. BAB II Landasan Teori
2.
2.1
LANDASAN TEORI
Internet Marketing
Internet marketing mengacu pada metode untuk mempromosikan produk
dan jasa dengan penggunaan dari internet untuk menghasilkan penjualan. Hal ini
dapat dikategorikan sebagai marketing email, media sosial pemasaran, dan
pemasaran web. Web pemasaran melibatkan situs e-commerce, website promosi,
afiliasi situs pemasaran, iklan internet di search engine, dan pencarian organik
mesin dengan menggunakan mesin pencari optimasi atau SEO. Sosial media
pemasaran menggunakan strategi pemasaran dan periklanan termasuk viral
marketing dengan menggunakan situs jaringan sosial seperti Facebook, Twitter, dan
YouTube. email marketing menggunakan metode promosi dan iklan melalui pesan
email ke yang ada dan pelanggan potensial.
2.1.1
Tujuan Internet Marketing
Pada umumnya, internet marketing menerapkan teknologi internet untuk :
•
Menyampaikan dan mempromosikan tentang produk atau jasa perusahaan,
•
Iklan online dan menjual produk atau jasa, dan
•
Membuat survei dan penelitian bagi perusahaan seperti preferensi dan
kebutuhan pelanggan saat ini dan potensinya.
2.1.2
•
Manfaat Internet Marketing
Flesibilitas
Pemasaran Internet memungkinkan bisnis untuk terbuka dan dapat diakses
oleh yang ada dan pelanggan potensial 24/7 tanpa khawatir tentang jam
pembukaan toko tetap atau biaya lembur staf. Hal ini juga bermanfaat dan
nyaman untuk pelanggan, pelanggan dapat menelusuri produk atau jasa baru
dan menempatkan pesanan mereka setiap saat paling nyaman untuk
pelanggan.
4
5
•
Memperluas jangkauan pasar / audience
Dengan penggunaan teknologi online, user akan dapat terhubung ke
potensial pelanggan secara global. User dapat mengiklankan dan menjual
produk di daerah nasional atau negara-negara lain. User juga dapat
mengembangkan impor dan ekspor bisnis tanpa kerepotan membangun
kelompok distributor global dan biaya yang datang dengan itu. Tapi jika
user menjual produk atau jasa mempromosikan di negara lain, memastikan
bahwa produk user adalah layak untuk pasar lokal dan mematuhi dengan
kebijakan bisnis lokal. Ini akan mencakup modifikasi dari produk untuk
mengatasi kebutuhan pasar lokal.
•
Produk yang disesuaikan dan Jasa
Pemasaran internet akan memberikan anda kesempatan untuk memantau
kunjungan pelanggan anda dan preferensi dengan menghasilkan profil
pelanggan dan sejarah pembelian mereka. Dengan melacak kunjungan web
pelanggan anda, anda akan dapat memiliki informasi mereka butuhkan,
dengan demikian akan mampu menghasilkan penawaran yang akan
menjawab kebutuhan mereka.
•
Retensi Pelanggan
Teknologi
internet
memiliki
sistem
untuk
mengembangkan
dan
memperkuat hubungan yang ada dengan pelanggan potensial. Dengan
demikian, meningkatkan tingkat retensi pelanggan. Ketika pelanggan telah
membuat perintah dari situs online user, user dapat memulai hubungan baik
dengan pelanggan yang dengan mengirimkan email tindak lanjut untuk
memvalidasi memesan dan menerima pelanggan untuk menggurui barang
user. User dapat memelihara hubungan ini dengan secara teratur
mengirimkan
email
kepada
pelanggan
dengan
penawaran
yang
dipersonalisasi dan produk baru. User juga dapat mendorong mereka untuk
menulis review di situs resmi.
6
•
Efisiensi Biaya
Hal ini lebih murah untuk mempromosikan dan menjual produk
dibandingkan dengan toko-toko retail. Karena user tidak memiliki biaya
overhead reguler dan biaya penyewaan dan pemeliharaan. User tidak perlu
membeli persediaan untuk tampilan, tetapi hanya jika produk dalam
permintaan. Ini akan menjaga biaya persediaan rendah.
Khususnya, Internet adalah sumber yang sangat berlimpah penonton dan informasi
internasional tersedia kapan saja, secepat yang inginkan dan cara termurah untuk
mempromosikan dan menjual produk dan menjangkau jutaan pelanggan potensial.
2.2
Pengertian Internet
Interconnection network (internet) adalah sistem global dari seluruh
jaringan komputer yang saling terhubung. Internet berasal dari bahasa latin "inter"
yang berarti "antara". Internet merupakan jaringan yang terdiri dari milyaran
komputer yang ada di seluruh dunia. Internet melibatkan berbagai jenis komputer
serta topology jaringan yang berbeda. Dalam mengatur integrasi dan komunikasi
jaringan, digunakan standar protokol internet yaitu TCP/IP. TCP bertugas untuk
memastikan bahwa semua hubungan bekerja dengan baik, sedangkan IP bertugas
untuk mentransmisikan paket data dari satu komputer ke komputer lainya.
Sejarah internet awalnya berasal dari proyek ARPA yang dibentuk tahun
1969 oleh Departemen Pertahanan Amerika Serikat. Proyek ini kemudian dikenal
dengan ARPANET (Advanced Research Project Agency Network) yang melakukan
riset tentang cara menghubungkan komputer satu dengan komputer lainnya agar
bisa saling berkomunikasi. Pada tahun 1970, proyek ini berhasil menghubungkan
lebih dari 10 komputer dalam bentuk jaringan, dan beberapa tahun kemudian, hasil
riset proyek ini dikembangkan di luar Amerika. Karena jumlah komputer yang
terhubung semakin banyak, maka pada tahun 1980 dibuatlah protokol resmi yang
dikenal dengan TCP/IP (Transmission Control Protocol/Internet Protocol).
7
Berikut ini adalah beberapa fasilitas yang disediakan melalui internet:
o
E-mail. Electronic-mail adalah surat atau pesan elektronik yang dikirimkan
dan diterima melalui komputer. Dengan e-mail, pesan yang dikirimkan akan
sampai kepada penerima saat itu juga. Dibandingkan dengan pengiriman
surat melalui jasa pengiriman, e-mail telah memangkas waktu dan pesan
yang disampaikan juga up-to-date. E-mail saat ini sudah bisa disertai dengan
grafik, gambar foto, suara, animasi, dan bahkan bisa mengirim ke beberapa
alamat sekaligus.
o
FTP. File Transfer Protocol adalah salah satu layanan internet untuk
melakukan transfer file. Proses melakukan transfer file dari komputer ke
server (file server) disebut dengan istilah unggah (upload). File yang sudah
berada di file server, dapat diambil oleh orang lain untuk disimpan di
komputer (pc). Proses mengambil file dari file server disebut dengan unduh
(download).
o
Telnet. Telecommunication Network merupakan salah satu protokol
jaringan yang digunakan di koneksi internet atau LAN (Local Area
Network). Telnet digunakan untuk melakukan koneksi ke sebuah server dan
port tertentu. Telnet digunakan untuk berinteraksi langsung dengan server.
Anda dapat mengetikkan perintah langsung dari komputer untuk ditujukan
ke server dan server akan langsung merespon dengan mengirimkan output
(keluaran) untuk ditujukan ke komputer yang mengirimkan perintah.
o
Gopher. Gopher adalah program berbasis teks yang digunakan untuk membrowser daftar menu internet di berbagai server gopher. Gopher merupakan
aplikasi yang dapat mencari informasi di internet dan informasi yang dicari
hanya sebatas pada teks. Untuk mendapatkan informasi melalui gopher,
diperlukan hubungan dengan server gopher yang ada di internet.
o
World Wide Web (WWW). World wide web merupakan kumpulan
dokumen multimedia yang saling terkoneksi menggunakan link hypertext.
Hyperlink merupakan sebuah link yang digunakan untuk melakukan
8
perpindahan antar dokumen. Web memudahkan kita mengakses berbagai
informasi dalam bentuk teks, gambar, video, suara, dan juga animasi.
Internet telah memberikan kontribusi dan andil yang sangat besar bagi
perkembangan dunia. Kehadiran internet telah menghapus batas dan jarak terhadap
akses informasi. Bagaimanapun juga, perkembangan internet bisa memberi dampak
positif (baik) dan negatif (buruk). Di bawah ini adalah beberapa dapat baik dan
buruk terhadap kehadiran internet.
Dampak positif dari internet.
o
Media komunikasi, dimana pengguna internet di seluruh dunia dapat saling
berkomunikasi.
o
Media untuk bertukar data dan informasi dengan menggunakan email, ftp,
www, dan sebagainya.
o
Media untuk mencari data dan informasi. Jutaan data dan informasi yang
tersimpan menjadikan internet perpustakaan terbesar di dunia.
o
Kemudahan memperoleh informasi. Segala sesuatu yang terjadi di dunia ini
dapat dipantau melalui internet.
o
Media untuk bertransaksi dan berbisnis. Ada banyak peluang bisnis yang
bisa dihasilkan dari internet seperti Google Adsence.
o
Media pendidikan jarak jauh. Banyak sekali universitas yang sekarang ini
membuka kelas jarak jauh dimana materi kuliah dan kegiatan belajar
dilakukan secara online.
9
Dampak negatif dari internet.
o
Pornografi. Anggapan yang mengatakan bahwa internet identik dengan
pornografi memang tidak salah. Banyak sekali konten-konten semacam ini
bertebaran dan memberikan dampak yang kurang baik bagi yang
mengaksesnya, terutama kalangan anak-anak.
o
Internet juga banyak berisi konten-konten yang terkait kekejaman dan
kesadisan (violence and gore). Konten seperti ini biasanya banyak
digunakan oleh pemilik situs demi mendongkrak penjualan situs.
o
Penipuan. Modus penipuan melalui internet sudah sering kali kita dengar.
Internet memang bisa dijadikan media untuk melakukan tidak kejahatan
semacam ini.
o
Pencurian. Internet merupakan media yang memberikan kemudahan untuk
traksaksi online karena sifatnya yang real-time (langsung), misalnya
berbelanja menggunakan kartu kredit. Para penjahat dapat menemukan
celah kelemahan saat transaksi untuk menguras isi kartu kredit tanpa
sepengetahuan pemiliknya.
o
Perjudian. Para penjudi tidak harus pergi ke tempat judi untuk melakukan
kegiatan dan keinginannya. Yang perlu dilakukan hanyalah mengunjungi
situs-situs perjudian.
HTML (Hypertext Markup Leanguage)
2.3
HTML adalah bahasa markup internet (web) berupa kode dan simbol yang
dimasukkan kedalam sebuah file yang ditujukan untuk ditampilkan didalam sebuah
website. Namun HTML ini dari masing – masing katanya juga memiliki arti yaitu
:
•
HyperText
Adalah metode dimana kita "berpindah" disekeliling web, dengan
mengeklik sebuah teks yang bernama hyperlink. Hyperlink adalah sebuah
10
teks khusus di internet, dimana saat teks tersebut diklik, akan membawa kita
ke halaman web selanjutnya/halaman web lain yang telah ditentukan.
•
Markup
Adalah hal yang dilakukan oleh tag HTML kepada teks yang ada
didalamnya. HTML menandai teks yang berada didalamnya sebagai tipe
teks tertentu. Misalnya saja jika kita menandai sebuah teks dengan tag html
, maka teks tersebut akan berubah menjadi italic (huruf yang miring).
Sedangkan jika kita menandainya dengan , maka teks tersebut akan
berubah menajadi bold (huruf tebal).
•
Language
Yang berarti bahasa. HTML adalah sebuah bahasa, yang memiliki kata
kata berupa kode dan syntax seperti bahasa yang lain.
2.3.1
Sejarah HTML
HTML pertama kali diciptakan oleh IBM pada tahun 1980. Saat itu tercetus
ide untuk menempatkan elemen elemen yang berguna untuk menandai bagian suatu
dokumen seperti judul, alamat dan isi dokumen. Pada akhirnya elemen element
tersebut dibentuk menjadi suatu program untuk melakukan pemformatan dokumen
secara otomatis.
Bahasa pemrograman untuk melakukan tugas ini disebut sebagai bahasa
markup. IBM menamai program ini sebagai Generalized Markup Language. Pada
tahun 1986, konsep ini disetujui oleh ISO (International Standard Organization)
sebagai standar untuk pembuatan dokumen. Bahasa ini dinamai oleh ISO sebagai
Standard Generalized Markup Language (SGML)
HTML sendiri, adalah bagian dari SGML. Tim Berners-Lee dari CERN
mengemukakan sebuah ide tentang pembuatan skrip bahasa pemrograman dan
dokumen yang dapat diakes oleh semua komputer tanpa melihat jenis platformnya.
Sejak saat itu HTML menjadi lebih populer dibandingkan SGML.
11
2.3.2
Tag HTML
Perintah HTML biasa disebut dengan tag, tag-tag ini merupakan cara untuk
memodifikasi dokumen yang akan ditampilkan di dalam web browser. Tag HTML
ditulis kedalam dokumen ASCII dan menyediakan instruksi-insturksi ke browser
dengan formatting halaman, termasuk yang di luar tag, seperti gambar, audio dan
video.
Tag HTML selalu dimunculkan sebagai suatu kata atau frase yang
ditempatkan diantara tanda kurung siku atau sudut (). Isi dari tanda kurung sudut
adalah perintah HTML itu sendiri. Berikut ini adalah tag HTML dasar :
Browser HTML akan mengabaikan tag-tag yang tidak dikenal, dan
menampilkan dokumen yang dapat dikenalnya saja.
Tag pada dasarnya mempunyai 2 (dua) type dasar Non Empty dan Empty.
Tag Non Emty adalah perintah yang harus ditempatkan di awal dam di akhir teks
yang akan dimodifikasi. Sebagai contoh berikut ini :
teks ini dicetak tebal (bold)
Tag Empty adalah perintah yang berdiri sendiri, perintah ini tidak
membutuhkan tag akhir. Sebagai contoh, untuk menyisipkan gambar ke dalam
dokumen teks diperlukan hanya 1 (satu) tag saja, sebagai berikut :
12
2.3.3
Struktur HTML
Salah satu dokumen HTML adalah tag dan elemen yang dilakukan browser
ketika membaca dokumen HTML. Sebenarnya adalah menerjemahkan tag-tag yang
ada di dalam dokumen tersebut, kemudian menampilkannya pada browser. Tag
ditulis dengan format teks.
Contoh :
Web Design with Adobe Muse
Dalam dokumen HTML terdapat 3 (tiga) buah tag utama, tag tersebut
masing-masing bernama HTML, HEAD, dan BODY, ketiga tag inilah yang
membentuk struktur dasar dari sebuah dokumen HTML. Sebagai contoh lihat
struktur berikut :
Your Title
Statement
2.4
CSS (Cascading Style Sheet)
CSS merupakan kumpulan perintah yang dibentuk dari berbagai sumber
yang disusun menurut urutan tertentu sehingga mampu mengatasi konflik style.
CSS yaitu salah satu bahasa pemrograman web yang mengatur komponen dalam
suatu web supaya web lebih terstruktur dan lebih seragam. CSS seperti halnya styles
pada aplikasi pengolahan kata Microsoft Word yang dapat mengatur beberapa style,
13
misalnya subbab, heading, bodytext, footer, images dan style lainnya untuk dapat
dipakai bersama-sama dalam beberapa file.
CSS biasanya digunakan untuk memformat tampilan web yang dibuat
dengan bahasa HTML dan XHTML. CSS mampu mengatur warna body teks,
ukuran gambar, ukuran border, warna mouse over, warna tabel, warna hyperlink,
margin, spasi paragraph, spasi teks dan parameter lainnya. Dengan adanya CSS
memungkinkan menampilkan halaman yang sama dengan format yang berbeda.
2.4.1
•
Sejarah CSS
CSS 1
Pada tanggal 17 Agustus 1996 World Wide Web Consortium (W3C)
menetapkan CSS sebagai bahasa pemrograman standard dalam pembuatan
web. Tujuannya adalah untuk mengurangi pembuatan tag-tag baru oleh
Netscape dan Internet Explorer, karena kedua browser tersebut sedang
bersaing mengembangkan tag sendiri untuk mengatur tampilan web.
CSS 1 mendukung pengaturan tampilan dalam hal :
1. Font (Jenis ketebalan).
2. Warna, teks, background dan elemen lainnya.
3. Text attributes, misalnya spasi antar baris, kata dan huruf.
4. Posisi teks, gambar, table dan elemen lainnya.
5. Margin, border dan padiing.
•
CSS 2
Pada tahun 1998, W3C menyempurnakan CSS tahap awal dengan
menciptakan standard CSS 2 yang menjadi standard hingga saat ini. Pada
level CSS 2 ini, dimasukkan semua atribut dari CSS 1 dan diperluas dengan
penekanan pada International Accessibiality and Capacibilty kususnya
media-specific CSS. CSS 2 dikembangkan untuk memenuhi kebutuhan
terhadap format dokumen agar bisa ditampilkan di printer.
14
•
CSS 3
CSS 3adalah versi terbaru dari CSS yang mampu melakukan banyak hal
dalam mendesain website. CSS 3 dapat melakukan animasi pada halaman
website, diantaranya animasi warna dan animasi 3D. Dengan CSS 3
desaigner dimudahkan dalam hal kompatibilitas websitenya pada
smartphone dengan dukungan fitur baru yakni media query. Selain itu,
banyak fitur baru pada CSS 3 yaitu : Multiple background, border-radius,
drop-shadow, border-image, CSS-Math dan CSS Object Model.
2.5
Javascript
JavaScript adalah bahasascript (bahasa pemrograman yang dapat
memegang kontrolaplikasi) yang berbasis pada bahasa pemrograman Java. Cara
kerja JavaScript adalah mengakses elemen pada HTML dan membuat aksi jika
elemen-elemen HTML itu mengalami perubahan, misalnya berubahnya warna
halaman web begitu sebuah tombol diklik. JavaScript membuat sebuah halaman
web menjadi lebih dinamis.
JavaScript yang digunakan pada halaman web merupakan client side
scripting yang berarti bahwa web browser mengidentifikasi dan menjalankan skrip
program yang disisipkan dalam dokumen web (yang diterima dari server),dan
mungkin memperbarui tampilan halaman di komputer pemakai (User) tanpa
mengirimkan permintaan (request) baru kepada web server. Karena JavaScript pada
halaman web adalah client side scripting, maka kode JavaScript yang ditulis satu
file dengan dokumen HTML akan ditampilkan ketika sebuah halaman web dilihat
source code-nya.
2.5.1
Sejarah Javascript
JavaScript pertama kali dikembangkan oleh Brendan Eich dari Netscape di
bawah nama Mocha dan pertama kali diperkenalkan oleh Netscape pada tahun
1995. Pada awalnya bahasa yang sekarang disebut JavaScript ini dahulu bernama
15
“LiveScript” yang berfungsi sebagai bahasa sederhana untuk browser Netscape
Navigator 2 yang sangat populer pada saat itu.
Kemudian sejalan dengan sedang giatnya kerja sama antara Netscape dan
Sun (pengembangan bahasa pemrograman Java) pada masa itu, maka Netscape
memberikan nama JavaScript kepada bahasa tersebut pada tanggal 4 Desember
1995 dan pada saat yang bersamaan Microsoft sendiri mencoba untuk
mengadaptasikan teknologi ini yang mereka sebut sebagai Jscript di browser milik
mereka yaitu Internet Explorer 3. JavaScript sendiri merupakan modifikasi dari
bahasa pemrograman C++ dengan pola penulisan yang lebih sederhana dari bahasa
pemrograman C++.
2.6
Struktur Navigasi
Struktur Navigasi merupakan struktur atau alur dari suatu program yang
merupakan rancangan hubungan (rantai kerja) dari beberapa area yang berbeda dan
dapat membantu mengorganisasikan seluruh elemen pembuatan Website. Berikut
macam – macam struktur navigasi.
1. Struktur Navigasi Linear
Struktur navigasi linier hanya mempunyai satu rangkaian cerita yang
berurut, yang menampilkan satu demi satu tampilan layar secara berurut
menurut urutannya. Tampilan yang dapat ditampilkan pada sruktur jenis ini
adalah satu halaman sebelumnya atau satu halaman sesudahnya, tidak dapat
dua halaman sebelumnya atau dua halaman sesudahnya.
Gambar 2.1 Struktur Navigasi Linear
16
2. Struktur Navigasi Non - Linear
Struktur navigasi non-linier atau struktur tidak berurut merupakan
pengembangan
dari
struktur
navigasi
linier.
Pada
struktur
ini
diperkenankan
membuat navigasi bercabang. Percabangan yang dibuat
pada struktur non-linier ini berbeda dengan percabangan pada struktur
hirarki, karena pada percabangan non-linier ini walaupun terdapat
percabangan, tetapi tiap-tiap tampilan mempunyai kedudukan yang sama
yaitu tidak ada Master Page dan Slave Page.
Gambar 2.2 Struktur Navigasi Non – Linear
3. Struktur Navigasi Hirarki
Struktur navigasi hirarki biasa disebut struktur bercabang, merupakan suatu
struktur yang mengandalkan percabangan untuk menampilkan data
berdasarkan kriteria tertentu. Tampilan pada menu pertama akan disebut
sebagai Master Page (halaman utama pertama), halaman utama ini
mempunyai halaman percabangan yang disebut Slave Page (halaman
pendukung). Jika salah satu halaman pendukung dipilih atau diaktifkan,
maka tampilan tersebut akan bernama Master Page (halaman utama kedua),
dan seterusnya. Pada struktur navigasi ini tidak diperkenankan adanya
tampilan secara linier.
17
Gambar 2.3 Struktur Navigasi Hirarki
4. Struktur Navigasi Campuran
Struktur navigasi campuran merupakan gabungan dari ketiga struktur
sebelumnya yaitu linier, non-linier dan hirarki. Struktur navigasi ini juga
biasa disebut dengan struktur navigasi bebas. Struktur navigasi ini banyak
digunakan dalam pembuatan website karena struktur ini dapat digunakan
dalam pembuatan website sehingga dapat memberikan ke-interaksian yang
lebih tinggi.
Gambar 2.4 Struktur Navigasi Campuran
2.7
Adobe Muse
Adobe Muse adalah sebuah visual web editor WYSIWYG (What You See
Is What You Get) yang di release oleh Adobe. Aplikasi ini memungkinkan User
membuat sebuah website tanpa menuliskan kode apapun. Adobe Muse memiliki
banyak fitur seperti anchor link, widget, custom font, web animation, publish
website, dll.
2.1
LANDASAN TEORI
Internet Marketing
Internet marketing mengacu pada metode untuk mempromosikan produk
dan jasa dengan penggunaan dari internet untuk menghasilkan penjualan. Hal ini
dapat dikategorikan sebagai marketing email, media sosial pemasaran, dan
pemasaran web. Web pemasaran melibatkan situs e-commerce, website promosi,
afiliasi situs pemasaran, iklan internet di search engine, dan pencarian organik
mesin dengan menggunakan mesin pencari optimasi atau SEO. Sosial media
pemasaran menggunakan strategi pemasaran dan periklanan termasuk viral
marketing dengan menggunakan situs jaringan sosial seperti Facebook, Twitter, dan
YouTube. email marketing menggunakan metode promosi dan iklan melalui pesan
email ke yang ada dan pelanggan potensial.
2.1.1
Tujuan Internet Marketing
Pada umumnya, internet marketing menerapkan teknologi internet untuk :
•
Menyampaikan dan mempromosikan tentang produk atau jasa perusahaan,
•
Iklan online dan menjual produk atau jasa, dan
•
Membuat survei dan penelitian bagi perusahaan seperti preferensi dan
kebutuhan pelanggan saat ini dan potensinya.
2.1.2
•
Manfaat Internet Marketing
Flesibilitas
Pemasaran Internet memungkinkan bisnis untuk terbuka dan dapat diakses
oleh yang ada dan pelanggan potensial 24/7 tanpa khawatir tentang jam
pembukaan toko tetap atau biaya lembur staf. Hal ini juga bermanfaat dan
nyaman untuk pelanggan, pelanggan dapat menelusuri produk atau jasa baru
dan menempatkan pesanan mereka setiap saat paling nyaman untuk
pelanggan.
4
5
•
Memperluas jangkauan pasar / audience
Dengan penggunaan teknologi online, user akan dapat terhubung ke
potensial pelanggan secara global. User dapat mengiklankan dan menjual
produk di daerah nasional atau negara-negara lain. User juga dapat
mengembangkan impor dan ekspor bisnis tanpa kerepotan membangun
kelompok distributor global dan biaya yang datang dengan itu. Tapi jika
user menjual produk atau jasa mempromosikan di negara lain, memastikan
bahwa produk user adalah layak untuk pasar lokal dan mematuhi dengan
kebijakan bisnis lokal. Ini akan mencakup modifikasi dari produk untuk
mengatasi kebutuhan pasar lokal.
•
Produk yang disesuaikan dan Jasa
Pemasaran internet akan memberikan anda kesempatan untuk memantau
kunjungan pelanggan anda dan preferensi dengan menghasilkan profil
pelanggan dan sejarah pembelian mereka. Dengan melacak kunjungan web
pelanggan anda, anda akan dapat memiliki informasi mereka butuhkan,
dengan demikian akan mampu menghasilkan penawaran yang akan
menjawab kebutuhan mereka.
•
Retensi Pelanggan
Teknologi
internet
memiliki
sistem
untuk
mengembangkan
dan
memperkuat hubungan yang ada dengan pelanggan potensial. Dengan
demikian, meningkatkan tingkat retensi pelanggan. Ketika pelanggan telah
membuat perintah dari situs online user, user dapat memulai hubungan baik
dengan pelanggan yang dengan mengirimkan email tindak lanjut untuk
memvalidasi memesan dan menerima pelanggan untuk menggurui barang
user. User dapat memelihara hubungan ini dengan secara teratur
mengirimkan
kepada
pelanggan
dengan
penawaran
yang
dipersonalisasi dan produk baru. User juga dapat mendorong mereka untuk
menulis review di situs resmi.
6
•
Efisiensi Biaya
Hal ini lebih murah untuk mempromosikan dan menjual produk
dibandingkan dengan toko-toko retail. Karena user tidak memiliki biaya
overhead reguler dan biaya penyewaan dan pemeliharaan. User tidak perlu
membeli persediaan untuk tampilan, tetapi hanya jika produk dalam
permintaan. Ini akan menjaga biaya persediaan rendah.
Khususnya, Internet adalah sumber yang sangat berlimpah penonton dan informasi
internasional tersedia kapan saja, secepat yang inginkan dan cara termurah untuk
mempromosikan dan menjual produk dan menjangkau jutaan pelanggan potensial.
2.2
Pengertian Internet
Interconnection network (internet) adalah sistem global dari seluruh
jaringan komputer yang saling terhubung. Internet berasal dari bahasa latin "inter"
yang berarti "antara". Internet merupakan jaringan yang terdiri dari milyaran
komputer yang ada di seluruh dunia. Internet melibatkan berbagai jenis komputer
serta topology jaringan yang berbeda. Dalam mengatur integrasi dan komunikasi
jaringan, digunakan standar protokol internet yaitu TCP/IP. TCP bertugas untuk
memastikan bahwa semua hubungan bekerja dengan baik, sedangkan IP bertugas
untuk mentransmisikan paket data dari satu komputer ke komputer lainya.
Sejarah internet awalnya berasal dari proyek ARPA yang dibentuk tahun
1969 oleh Departemen Pertahanan Amerika Serikat. Proyek ini kemudian dikenal
dengan ARPANET (Advanced Research Project Agency Network) yang melakukan
riset tentang cara menghubungkan komputer satu dengan komputer lainnya agar
bisa saling berkomunikasi. Pada tahun 1970, proyek ini berhasil menghubungkan
lebih dari 10 komputer dalam bentuk jaringan, dan beberapa tahun kemudian, hasil
riset proyek ini dikembangkan di luar Amerika. Karena jumlah komputer yang
terhubung semakin banyak, maka pada tahun 1980 dibuatlah protokol resmi yang
dikenal dengan TCP/IP (Transmission Control Protocol/Internet Protocol).
7
Berikut ini adalah beberapa fasilitas yang disediakan melalui internet:
o
E-mail. Electronic-mail adalah surat atau pesan elektronik yang dikirimkan
dan diterima melalui komputer. Dengan e-mail, pesan yang dikirimkan akan
sampai kepada penerima saat itu juga. Dibandingkan dengan pengiriman
surat melalui jasa pengiriman, e-mail telah memangkas waktu dan pesan
yang disampaikan juga up-to-date. E-mail saat ini sudah bisa disertai dengan
grafik, gambar foto, suara, animasi, dan bahkan bisa mengirim ke beberapa
alamat sekaligus.
o
FTP. File Transfer Protocol adalah salah satu layanan internet untuk
melakukan transfer file. Proses melakukan transfer file dari komputer ke
server (file server) disebut dengan istilah unggah (upload). File yang sudah
berada di file server, dapat diambil oleh orang lain untuk disimpan di
komputer (pc). Proses mengambil file dari file server disebut dengan unduh
(download).
o
Telnet. Telecommunication Network merupakan salah satu protokol
jaringan yang digunakan di koneksi internet atau LAN (Local Area
Network). Telnet digunakan untuk melakukan koneksi ke sebuah server dan
port tertentu. Telnet digunakan untuk berinteraksi langsung dengan server.
Anda dapat mengetikkan perintah langsung dari komputer untuk ditujukan
ke server dan server akan langsung merespon dengan mengirimkan output
(keluaran) untuk ditujukan ke komputer yang mengirimkan perintah.
o
Gopher. Gopher adalah program berbasis teks yang digunakan untuk membrowser daftar menu internet di berbagai server gopher. Gopher merupakan
aplikasi yang dapat mencari informasi di internet dan informasi yang dicari
hanya sebatas pada teks. Untuk mendapatkan informasi melalui gopher,
diperlukan hubungan dengan server gopher yang ada di internet.
o
World Wide Web (WWW). World wide web merupakan kumpulan
dokumen multimedia yang saling terkoneksi menggunakan link hypertext.
Hyperlink merupakan sebuah link yang digunakan untuk melakukan
8
perpindahan antar dokumen. Web memudahkan kita mengakses berbagai
informasi dalam bentuk teks, gambar, video, suara, dan juga animasi.
Internet telah memberikan kontribusi dan andil yang sangat besar bagi
perkembangan dunia. Kehadiran internet telah menghapus batas dan jarak terhadap
akses informasi. Bagaimanapun juga, perkembangan internet bisa memberi dampak
positif (baik) dan negatif (buruk). Di bawah ini adalah beberapa dapat baik dan
buruk terhadap kehadiran internet.
Dampak positif dari internet.
o
Media komunikasi, dimana pengguna internet di seluruh dunia dapat saling
berkomunikasi.
o
Media untuk bertukar data dan informasi dengan menggunakan email, ftp,
www, dan sebagainya.
o
Media untuk mencari data dan informasi. Jutaan data dan informasi yang
tersimpan menjadikan internet perpustakaan terbesar di dunia.
o
Kemudahan memperoleh informasi. Segala sesuatu yang terjadi di dunia ini
dapat dipantau melalui internet.
o
Media untuk bertransaksi dan berbisnis. Ada banyak peluang bisnis yang
bisa dihasilkan dari internet seperti Google Adsence.
o
Media pendidikan jarak jauh. Banyak sekali universitas yang sekarang ini
membuka kelas jarak jauh dimana materi kuliah dan kegiatan belajar
dilakukan secara online.
9
Dampak negatif dari internet.
o
Pornografi. Anggapan yang mengatakan bahwa internet identik dengan
pornografi memang tidak salah. Banyak sekali konten-konten semacam ini
bertebaran dan memberikan dampak yang kurang baik bagi yang
mengaksesnya, terutama kalangan anak-anak.
o
Internet juga banyak berisi konten-konten yang terkait kekejaman dan
kesadisan (violence and gore). Konten seperti ini biasanya banyak
digunakan oleh pemilik situs demi mendongkrak penjualan situs.
o
Penipuan. Modus penipuan melalui internet sudah sering kali kita dengar.
Internet memang bisa dijadikan media untuk melakukan tidak kejahatan
semacam ini.
o
Pencurian. Internet merupakan media yang memberikan kemudahan untuk
traksaksi online karena sifatnya yang real-time (langsung), misalnya
berbelanja menggunakan kartu kredit. Para penjahat dapat menemukan
celah kelemahan saat transaksi untuk menguras isi kartu kredit tanpa
sepengetahuan pemiliknya.
o
Perjudian. Para penjudi tidak harus pergi ke tempat judi untuk melakukan
kegiatan dan keinginannya. Yang perlu dilakukan hanyalah mengunjungi
situs-situs perjudian.
HTML (Hypertext Markup Leanguage)
2.3
HTML adalah bahasa markup internet (web) berupa kode dan simbol yang
dimasukkan kedalam sebuah file yang ditujukan untuk ditampilkan didalam sebuah
website. Namun HTML ini dari masing – masing katanya juga memiliki arti yaitu
:
•
HyperText
Adalah metode dimana kita "berpindah" disekeliling web, dengan
mengeklik sebuah teks yang bernama hyperlink. Hyperlink adalah sebuah
10
teks khusus di internet, dimana saat teks tersebut diklik, akan membawa kita
ke halaman web selanjutnya/halaman web lain yang telah ditentukan.
•
Markup
Adalah hal yang dilakukan oleh tag HTML kepada teks yang ada
didalamnya. HTML menandai teks yang berada didalamnya sebagai tipe
teks tertentu. Misalnya saja jika kita menandai sebuah teks dengan tag html
, maka teks tersebut akan berubah menjadi italic (huruf yang miring).
Sedangkan jika kita menandainya dengan , maka teks tersebut akan
berubah menajadi bold (huruf tebal).
•
Language
Yang berarti bahasa. HTML adalah sebuah bahasa, yang memiliki kata
kata berupa kode dan syntax seperti bahasa yang lain.
2.3.1
Sejarah HTML
HTML pertama kali diciptakan oleh IBM pada tahun 1980. Saat itu tercetus
ide untuk menempatkan elemen elemen yang berguna untuk menandai bagian suatu
dokumen seperti judul, alamat dan isi dokumen. Pada akhirnya elemen element
tersebut dibentuk menjadi suatu program untuk melakukan pemformatan dokumen
secara otomatis.
Bahasa pemrograman untuk melakukan tugas ini disebut sebagai bahasa
markup. IBM menamai program ini sebagai Generalized Markup Language. Pada
tahun 1986, konsep ini disetujui oleh ISO (International Standard Organization)
sebagai standar untuk pembuatan dokumen. Bahasa ini dinamai oleh ISO sebagai
Standard Generalized Markup Language (SGML)
HTML sendiri, adalah bagian dari SGML. Tim Berners-Lee dari CERN
mengemukakan sebuah ide tentang pembuatan skrip bahasa pemrograman dan
dokumen yang dapat diakes oleh semua komputer tanpa melihat jenis platformnya.
Sejak saat itu HTML menjadi lebih populer dibandingkan SGML.
11
2.3.2
Tag HTML
Perintah HTML biasa disebut dengan tag, tag-tag ini merupakan cara untuk
memodifikasi dokumen yang akan ditampilkan di dalam web browser. Tag HTML
ditulis kedalam dokumen ASCII dan menyediakan instruksi-insturksi ke browser
dengan formatting halaman, termasuk yang di luar tag, seperti gambar, audio dan
video.
Tag HTML selalu dimunculkan sebagai suatu kata atau frase yang
ditempatkan diantara tanda kurung siku atau sudut (). Isi dari tanda kurung sudut
adalah perintah HTML itu sendiri. Berikut ini adalah tag HTML dasar :
Browser HTML akan mengabaikan tag-tag yang tidak dikenal, dan
menampilkan dokumen yang dapat dikenalnya saja.
Tag pada dasarnya mempunyai 2 (dua) type dasar Non Empty dan Empty.
Tag Non Emty adalah perintah yang harus ditempatkan di awal dam di akhir teks
yang akan dimodifikasi. Sebagai contoh berikut ini :
teks ini dicetak tebal (bold)
Tag Empty adalah perintah yang berdiri sendiri, perintah ini tidak
membutuhkan tag akhir. Sebagai contoh, untuk menyisipkan gambar ke dalam
dokumen teks diperlukan hanya 1 (satu) tag saja, sebagai berikut :
12
2.3.3
Struktur HTML
Salah satu dokumen HTML adalah tag dan elemen yang dilakukan browser
ketika membaca dokumen HTML. Sebenarnya adalah menerjemahkan tag-tag yang
ada di dalam dokumen tersebut, kemudian menampilkannya pada browser. Tag
ditulis dengan format teks.
Contoh :
Web Design with Adobe Muse
Dalam dokumen HTML terdapat 3 (tiga) buah tag utama, tag tersebut
masing-masing bernama HTML, HEAD, dan BODY, ketiga tag inilah yang
membentuk struktur dasar dari sebuah dokumen HTML. Sebagai contoh lihat
struktur berikut :
Your Title
Statement
2.4
CSS (Cascading Style Sheet)
CSS merupakan kumpulan perintah yang dibentuk dari berbagai sumber
yang disusun menurut urutan tertentu sehingga mampu mengatasi konflik style.
CSS yaitu salah satu bahasa pemrograman web yang mengatur komponen dalam
suatu web supaya web lebih terstruktur dan lebih seragam. CSS seperti halnya styles
pada aplikasi pengolahan kata Microsoft Word yang dapat mengatur beberapa style,
13
misalnya subbab, heading, bodytext, footer, images dan style lainnya untuk dapat
dipakai bersama-sama dalam beberapa file.
CSS biasanya digunakan untuk memformat tampilan web yang dibuat
dengan bahasa HTML dan XHTML. CSS mampu mengatur warna body teks,
ukuran gambar, ukuran border, warna mouse over, warna tabel, warna hyperlink,
margin, spasi paragraph, spasi teks dan parameter lainnya. Dengan adanya CSS
memungkinkan menampilkan halaman yang sama dengan format yang berbeda.
2.4.1
•
Sejarah CSS
CSS 1
Pada tanggal 17 Agustus 1996 World Wide Web Consortium (W3C)
menetapkan CSS sebagai bahasa pemrograman standard dalam pembuatan
web. Tujuannya adalah untuk mengurangi pembuatan tag-tag baru oleh
Netscape dan Internet Explorer, karena kedua browser tersebut sedang
bersaing mengembangkan tag sendiri untuk mengatur tampilan web.
CSS 1 mendukung pengaturan tampilan dalam hal :
1. Font (Jenis ketebalan).
2. Warna, teks, background dan elemen lainnya.
3. Text attributes, misalnya spasi antar baris, kata dan huruf.
4. Posisi teks, gambar, table dan elemen lainnya.
5. Margin, border dan padiing.
•
CSS 2
Pada tahun 1998, W3C menyempurnakan CSS tahap awal dengan
menciptakan standard CSS 2 yang menjadi standard hingga saat ini. Pada
level CSS 2 ini, dimasukkan semua atribut dari CSS 1 dan diperluas dengan
penekanan pada International Accessibiality and Capacibilty kususnya
media-specific CSS. CSS 2 dikembangkan untuk memenuhi kebutuhan
terhadap format dokumen agar bisa ditampilkan di printer.
14
•
CSS 3
CSS 3adalah versi terbaru dari CSS yang mampu melakukan banyak hal
dalam mendesain website. CSS 3 dapat melakukan animasi pada halaman
website, diantaranya animasi warna dan animasi 3D. Dengan CSS 3
desaigner dimudahkan dalam hal kompatibilitas websitenya pada
smartphone dengan dukungan fitur baru yakni media query. Selain itu,
banyak fitur baru pada CSS 3 yaitu : Multiple background, border-radius,
drop-shadow, border-image, CSS-Math dan CSS Object Model.
2.5
Javascript
JavaScript adalah bahasascript (bahasa pemrograman yang dapat
memegang kontrolaplikasi) yang berbasis pada bahasa pemrograman Java. Cara
kerja JavaScript adalah mengakses elemen pada HTML dan membuat aksi jika
elemen-elemen HTML itu mengalami perubahan, misalnya berubahnya warna
halaman web begitu sebuah tombol diklik. JavaScript membuat sebuah halaman
web menjadi lebih dinamis.
JavaScript yang digunakan pada halaman web merupakan client side
scripting yang berarti bahwa web browser mengidentifikasi dan menjalankan skrip
program yang disisipkan dalam dokumen web (yang diterima dari server),dan
mungkin memperbarui tampilan halaman di komputer pemakai (User) tanpa
mengirimkan permintaan (request) baru kepada web server. Karena JavaScript pada
halaman web adalah client side scripting, maka kode JavaScript yang ditulis satu
file dengan dokumen HTML akan ditampilkan ketika sebuah halaman web dilihat
source code-nya.
2.5.1
Sejarah Javascript
JavaScript pertama kali dikembangkan oleh Brendan Eich dari Netscape di
bawah nama Mocha dan pertama kali diperkenalkan oleh Netscape pada tahun
1995. Pada awalnya bahasa yang sekarang disebut JavaScript ini dahulu bernama
15
“LiveScript” yang berfungsi sebagai bahasa sederhana untuk browser Netscape
Navigator 2 yang sangat populer pada saat itu.
Kemudian sejalan dengan sedang giatnya kerja sama antara Netscape dan
Sun (pengembangan bahasa pemrograman Java) pada masa itu, maka Netscape
memberikan nama JavaScript kepada bahasa tersebut pada tanggal 4 Desember
1995 dan pada saat yang bersamaan Microsoft sendiri mencoba untuk
mengadaptasikan teknologi ini yang mereka sebut sebagai Jscript di browser milik
mereka yaitu Internet Explorer 3. JavaScript sendiri merupakan modifikasi dari
bahasa pemrograman C++ dengan pola penulisan yang lebih sederhana dari bahasa
pemrograman C++.
2.6
Struktur Navigasi
Struktur Navigasi merupakan struktur atau alur dari suatu program yang
merupakan rancangan hubungan (rantai kerja) dari beberapa area yang berbeda dan
dapat membantu mengorganisasikan seluruh elemen pembuatan Website. Berikut
macam – macam struktur navigasi.
1. Struktur Navigasi Linear
Struktur navigasi linier hanya mempunyai satu rangkaian cerita yang
berurut, yang menampilkan satu demi satu tampilan layar secara berurut
menurut urutannya. Tampilan yang dapat ditampilkan pada sruktur jenis ini
adalah satu halaman sebelumnya atau satu halaman sesudahnya, tidak dapat
dua halaman sebelumnya atau dua halaman sesudahnya.
Gambar 2.1 Struktur Navigasi Linear
16
2. Struktur Navigasi Non - Linear
Struktur navigasi non-linier atau struktur tidak berurut merupakan
pengembangan
dari
struktur
navigasi
linier.
Pada
struktur
ini
diperkenankan
membuat navigasi bercabang. Percabangan yang dibuat
pada struktur non-linier ini berbeda dengan percabangan pada struktur
hirarki, karena pada percabangan non-linier ini walaupun terdapat
percabangan, tetapi tiap-tiap tampilan mempunyai kedudukan yang sama
yaitu tidak ada Master Page dan Slave Page.
Gambar 2.2 Struktur Navigasi Non – Linear
3. Struktur Navigasi Hirarki
Struktur navigasi hirarki biasa disebut struktur bercabang, merupakan suatu
struktur yang mengandalkan percabangan untuk menampilkan data
berdasarkan kriteria tertentu. Tampilan pada menu pertama akan disebut
sebagai Master Page (halaman utama pertama), halaman utama ini
mempunyai halaman percabangan yang disebut Slave Page (halaman
pendukung). Jika salah satu halaman pendukung dipilih atau diaktifkan,
maka tampilan tersebut akan bernama Master Page (halaman utama kedua),
dan seterusnya. Pada struktur navigasi ini tidak diperkenankan adanya
tampilan secara linier.
17
Gambar 2.3 Struktur Navigasi Hirarki
4. Struktur Navigasi Campuran
Struktur navigasi campuran merupakan gabungan dari ketiga struktur
sebelumnya yaitu linier, non-linier dan hirarki. Struktur navigasi ini juga
biasa disebut dengan struktur navigasi bebas. Struktur navigasi ini banyak
digunakan dalam pembuatan website karena struktur ini dapat digunakan
dalam pembuatan website sehingga dapat memberikan ke-interaksian yang
lebih tinggi.
Gambar 2.4 Struktur Navigasi Campuran
2.7
Adobe Muse
Adobe Muse adalah sebuah visual web editor WYSIWYG (What You See
Is What You Get) yang di release oleh Adobe. Aplikasi ini memungkinkan User
membuat sebuah website tanpa menuliskan kode apapun. Adobe Muse memiliki
banyak fitur seperti anchor link, widget, custom font, web animation, publish
website, dll.