• Tidak ada hasil yang ditemukan

Memperbaharui Isi Halaman WEB. Mendeskripsikan tentang multimedia

N/A
N/A
Protected

Academic year: 2021

Membagikan "Memperbaharui Isi Halaman WEB. Mendeskripsikan tentang multimedia"

Copied!
52
0
0

Teks penuh

(1)

Memperbaharui Isi Halaman

WEB

(2)

Pengertian WEB

Web 2.0 adalah website yang mendapatkan value dari aksi aktifitas kegiatan usernya sendiri. Terjadi interaksi antara user dengan websitenya. Contoh aksi user bisa kita jumpai di website Wikipedia, ensiklopedia yang ditulis dan diedit oleh users; Youtube, video sharing berdasarkan kiriman user; Flickr, situs dimana user bisa mengirim dan membagi gambar.

(3)

Beberapa ciri-ciri website 2.0 adalah :

 Menggunakan internet sebagai platform, aplikasi-aplikasi tersebut dijalankan langsung diatas browser dan bukan diatas satu sistem operasi terntentu.

 Aplikasi web 2.0 memiliki sifat yang unik, yaitu memanfaatkan kepandaian banyak orang secara kolektif. Sebagai hasilnya, muncullah basis pengetahuan yang sangat besar karena hasil dari gabungan pengetahuan banyak orang.

 Kekuatan aplikasi web 2.o terletak pada data.

 Aplikasi web 2.0 selalu diupdate terus menerus karena sifatnya yang bukan lagi produk, tapi layanan.

(4)

 Aplikasi web 2.0 bisa berjalan secara terintegrasi melalui berbagai device.

 Aplikasi web 2.0 memiliki user interface yang kaya meskipun berjalan di dalam browser, ini berkat AJAX.

 Website tipe 2.0 ini rata-rata menggunakan teknologi AJAX, XML, RSS, CSS dan server side scripting (PHP, ASP, JSP).

 XML adalah EXtensible Markup Language. Extensible = dapat dikembangkan sendiri oleh user. Markup Language = terdiri dari elemen-elemen tag seperti HTML.

(5)

Kegunaan XML adalah sebagai media pembawa data/informasi, tidak melibatkan akses database untuk bertukar informasi. Saat ini penggunaan XML lebih banyak untuk mendukung RSS, berbagi konten antar website.

CSS (Cascading Style Sheet) adalah suatu kode untuk mendeskripsikan bagaimana menampilkan suatu elemen HTML. Desain dan konten bisa dipisahkankan melalui CSS ini. Website saat ini cenderung berubah-ubah, dan dengan CSS, kita mudah untuk berganti-ganti desain tanpa harus mencampuri kontennya.

(6)

Keunggulan CSS : File lebih kecil, load file lebih cepat, menghemat pekerjaan dimana kita hanya butuh 1 file untuk kontrol semua tampilan desain, maintenance mudah.

(7)

RSS (Really Simple Syndication) adalah metode dalam berbagi konten website dari satu website ke banyak website lain. Kegunaan RSS adalah mudah memperbaharui isi website, mudah berbagi judul dan isi berita, RSS ditulis dalam bahasa XML, pengunjung tidak harus selalu membuka halaman web favorit mereka hanya untuk melihat berita terbaru. RSS biasanya digunakan oleh website berita, blog, dan perusahaan yang berbagi informasi produk-produk baru.

(8)

AJAX (Asynchronous Javascript and XML) adalah suatu teknik pemrograman berbasis web untuk menciptakan suatu web yang lebih interaktif dan responsif. Responsivitas dan interaktifitas halaman web diperoleh dengan melakukan pertukaran data server secara “balik layar”, sehingga halaman web tidak perlu reload setiap kali user melakukan aksi. AJAX merupakan kombinasi antara HTML, CSS, XML, Javascript, dan Server side scripting.

(9)

Manfaat AJAX

Manfaat AJAX adalah menghemat penggunaan bandwidth, load halaman lebih cepat, aplikasinya hampir sama seperti aplikasi dekstop. Keunggulan AJAX adalah tanpa reload halaman, karena pertukaran data berada di belakang layar, kemudian kecepatan transfer data antara client ke server lebih ringan karena hanya data saja yang diperlukan. Rata-rata AJAX diaplikasikan dalam website untuk validasi data secara real time, auto complete, kontrol user interface and effect, dan reload data.

(10)

I. Tujuan Membuat Website...

 Dalam membuat sebuah website ada beberapa hal yang perlu Anda persiapkan sebelum Anda memulainya.

 Pertama, Anda bisa mengajukan sebuah pertanyaan kepada diri Anda sendiri yaitu “Apa tujuan Saya membuat website?” dengan menjawab pertanyaan tersebut dapat mengarahkan pikiran Anda untuk menentukan dan menjawab pertanyaan selanjutnya yaitu, “Website seperti apa yang akan saya buat untuk mencapai tujuan tersebut dan bagaimana cara membuat websitenya.”

 Mengapa dimulai dengan mengajukan pertanyaan tersebut? Karena diharapkan nantinya website yang kita buat sesuai dengan yang kita inginkan dan bisa membawa kita mencapai tujuan yang kita

inginkan dalam membuat website.

(11)

 Perlu Anda ketahui, jenis website itu bermacam-macam, ada yang hanya satu halaman sederhana saja seperti website ini, ada yang

memuat beberapa halaman seperti website perusahaan, ada yang menggunakan sistem blog dan sering disebut juga blog atau weblog (website blog), ada yang menggunakan sistem CMS (Content

Management System) seperti joomla, ada yang berupa forum diskusi, ada yang berupa website iklan baris, ada yang berupa website toko online dan ada yang lebih kompleks lagi seperti website komunitas friendster.

 Anda perlu memulainya dengan menjawab pertanyaan-pertanyaan tersebut sebelum Anda membuat website. Sehingga nanti Anda bisa memutuskan website seperti apa yang paling cocok dan sesuai untuk

(12)

Contoh bila Anda ingin menjual berbagai macam produk, Anda membuat website toko online; bila Anda ingin menjual satu jenis produk saja bisa dengan satu halaman sederhana saja atau lengkap dengan menggunakan sistem pemesanannya; bila Anda ingin membuat website portal Anda bisa menggunakan Joomla; bila Anda ingin membangun branding dan mempublikasikan artikel bisa menggunakan blog; dan lain-lainnya

.

(13)

II. Persiapan Belajar Membuat Website /

Buat Web

Domain adalah nama atau alamat dari sebuah website. Di Internet, setiap orang harus mengetikkan sebuah nama domain untuk bisa membuka dan membaca isi dari sebuah website. Dalam hal ini, peranan pemilihan nama domain cukup penting untuk membedakan website Anda dengan website orang lain.

Domain ini terdiri dari nama domain dan extension. Contoh

blogbisnisinternet.com, blogbisnisinternet adalah nama domain dan .com adalah extensionnya. Extension biasanya mewakili untuk

kategori tertentu seperti .com untuk keperlukan komersial, .net untuk keperluan jaringan, .org untuk keperluan website nonkomersial, dan lain-lainnya.

(14)

 Extension bermacam-macam, bisa berupa TLD (Top Level Domain) seperti .com, .net, .org atau ada juga yang berupa cTLD (country Top Level Domain) seperti .co.id, .co.cc dimana id mewakili domain negera Indonesia.

 Untuk memilih nama domain Anda bisa menggunakan website yang menyediakan jasa registrasi nama domain atau dengan.

menggunakan software domain tools untuk membantu memilih nama domain untuk website Anda

 Bila Anda mengunakan website yang menyediakan jasa registrasi nama domain, contohnya domainhostingmurah.net, Anda tinggal masukkan nama domain yang Anda sukai untuk mengecek apakah masih tersedia atau tidak .

(15)

 Anda buka

http://www.domainhostingmurah.net

dan masukkan nama doman dan

extension yang Anda pilih.Bila masih tersedia, Anda bisa melakukan

(16)

Usahakan untuk memilih nama domain dengan extension .com karena lebih umum dan lebih banyak dikenal orang. Registrasi domain ini akan dilakukan pertahun, setahun sekali Anda harus membayar biaya registrasi domain tersebut bila Anda ingin tetap memiliki dan menggunakannya.

Dan bila Anda tidak melakukan perpanjangan registrasi untuk tahun berikutnya, maka setelah domain Anda expired, domain

tersebut akan terbuka kembali untuk umum sehingga orang lain bisa mendaftarkan dan menggunakannya.

Bila Anda tidak memiliki bayangan untuk nama domain Anda, Anda bisa menggunakan domain tools untuk dan dipisahkan

(17)

Membantu Anda

memberikan saran nama domain

yang bisa Anda gunakan. Anda

buka

http://domaintools.com

dan

pilih Tabs "Suggestions". Dan

masukkan kata-kata yang akan

Anda gunakan dalam nama

domain Anda. Anda bisa

(18)

Tips dalam memilih nama domain

Tips dalam memilih nama domain antara lain:

1. Pilih nama domain yang simpel dan mudah diingat

2. Pilih nama domain yang sesuai dengan mewakili isi dan

tujuan dari website Anda, untuk mempermudah orang

mengingat nama domain atau alamat website Anda

nantinya.

3. Bila Anda menggunakan nama domain yang panjang,

usahakan menggunakan nama domain yang berisi kata-kata

yang umum, sehingga menghidari untuk kesalahan dalam

menuliskan nama domain.

(19)

4.Anda bisa menggunakan tanda (-) bila Anda mau.

5.Usahakan pilih domain .com

6.Anda bisa mengikut sertakan keyword dalam nama

domain Anda untuk membantu proses SEO (search

engine optimization), agar website Anda tampil di

search engine dengan posisi lebih atas.

Pada langkah ini, Anda sudah mendapatkan nama

domain untuk website Anda.

(20)

II.2 Hosting

Hosting adalah tempat Anda meletakkan file-file website

Anda di sebuah server yang terhubung dengan jaringan

internet. Jadi agar website Anda bisa ditampilkan, maka

file-file website perlu Anda simpan di sebuah server hosting.

Anda perlu membeli paket hosting.

Harga dari sebuah paket hosting bermacam-macam,

tergantung fasilitas yang diberikan. Anda bisa membeli paket

hosting di luar negeri maupun di Indonesia.

(21)

Dalam memilih paket Hosting

Dalam memilih paket Hosting, Anda beberapa hal yang

perlu diperhatian yaitu:

1. Sistem Server yang digunakan apakah Linux atau Windows.

Hal ini akan menentukan software dan bahasa pemograman

website yang bisa digunakan. Kebanyakan orang

menggunakan Linux. Anda pilih Linux saja.

2. Besaran Disk Space yang diberikan. Disk Space adalah

kapasitas pada server hosting yang diberikan untuk Anda,

untuk menyimpan file-file website Anda. Seperti besaran space

untuk menyimpan file Anda di komputer Anda. Tentunya pilihan

terbaik adalah paket hosting yang memberikan Disk Space

(22)

3. Besaran Bandwidth yang diberikan. Bandwidth adalah

kapasitas akses perbulan yang diberikan untuk mengakses

website Anda. Dan kapasitas pemakaian bandwidth ini akan

direset setiap awal bulan.

4. Domains Allowed. Jumlah domain yang bisa digunakan

dalam sebuah paket hosting. Anda bisa menggunakan 1 buah

paket hosting untuk semua domain Anda bila paket hosting

tersebut memberikan akses untuk itu, dan Anda juga perlu

mempertimbangkan besarnya disk space maupun bandwiidth

yang diberikan, apakah cukup untuk menjalankan

domain-domain Anda.

(23)

5. Jumlah Database yang diijinkan. Contoh untuk Linux, berapa

banyak jumlah database MySQL yang diijinkan.

Untuk pembelian domain dan hosting ini tidak perlu Anda

lakukan pada satu buah perusahaan. Anda bisa membelinya

dari tempat-tempat yang berbeda. Yang perlu Anda lakukan

hanyalah menghubungkan antara domain dan hosting ini

dengan melakukan setting DNS (Domain Name Server)

pada account domain Anda. Hal ini dilakukan untuk

mengkoneksi domain dengan hosting.

(24)

II.3 Software Website

Anda bisa membeli domain dan hosting pada website berikut:

 Untuk pembelian di Indonesia, Anda bisa membeli melalui

domainhostingmurah.net yang merupakan sebuah website

waralaba dari hosting

Bila Anda belum tahu software website yang akan Anda

gunakan, Anda bisa googling di internet, untuk melihat

website-website lain yang sudah ada, dan lihat contoh

website yang Anda rasa cocok sebagai website yang Anda

inginkan.

(25)

Software Website

 open source seperti blog wordpress, joomla, phpbb, dan

lain-lainnya, tentunya Anda bisa membuat website yang sama.

Tetapi harap di ingat yang Anda contoh adalah jenis

websitenya, bukan mencopy tampilan, dan isi (content)

websitenya, hal tersebut tidak diperbolehkan.

 Untuk mengetahui software website yang digunakan, bisa

dilakukan dengan 2 cara yaitu:

(26)

Software Website

1. Anda cek link pada website yang bersangkutan, biasanya bisa

dilihat pada bagian footer-nya (bagian paling bawah dari

sebuah website). Untuk website yang menggunakan software

open source (gratis), Anda biasanya bisa melihat ada sebuah

link pada bagian footer ke website pembuat software tersebut.

2. Cara kedua, Anda bisa melihat melalui source code halaman

tersebut melalui browser Anda. Biasanya ada juga petunjuk di

source code halaman website tersebut.

(27)
(28)

Software Website

Setelah Anda membeli domain dan hosting, dan juga

memilih software website, baru selanjutnya Anda membuat

website tersebut. Dan dalam contoh pembuatan website pada

website belajarmembuatwebsite.com, Anda akan belajar

(29)

III. Belajar Membuat Website

dengan Blog WordPress

Langkah-Langkah Belajar Membuat Website dengan Blog WordPress adalah :

 1. Anda login di cpanel hosting Anda, dengan alamat

http://domainanda.com/cpanel. Kemudian masukkan username dan password yang diberikan oleh hosting Anda.

Pada cpanel hosting Anda biasanya

sudah tersedia video yang akan memandu Anda dalam menggunakan fasilitas di

(30)

 2. Pada Cpanel Hosting Anda, Anda klik icon "Fantastico"

(31)

3. Kemudian akan ditampilkan

daftar software open source

yang bisa digunakan.

Fantastico merupakan program

yang membantu proses

penginstallan software dengan

mudah. Hanya dengan mengisi

data dan mengikuti

langkah-langkah yang sudah

disediakan, seperti yang akan

dijelaskan dalam tutorial belajar

(32)

4. Selanjutnya klik "New

Installation".

(33)

5. Dilanjutkan dengan mengisi

data untuk tempat penginstallan

blog wordpress. Bila Anda ingin

menginstall blog wordpress

pada directory utama di

domainanda.com, Anda

kosongkan kolom "Install in

directory". Tetapi bila Anda

ingin menginstall pada

subdomain Anda, Anda

(34)

6. Klik "finish installation"

untuk menyelesaikan

proses penginstallan blog

worpress.

(35)
(36)

Membuat halaman web pertama

Dari menu File pilih New.

Tentukan title, warna

background dan link untuk

halaman web Anda.

Dari menu Modify, pilih Page

Properties.

Untuk mengganti warna

background dan link, klik

pada icon . Sedangkan untuk

mengganti background

(37)

Title = title atau judul halaman web

Background image = image yang digunakan sebagai

background

Text = warna teks

Links, Visited Links, Active Links = warna link

Untuk mengakhiri klik tombol OK. Supaya aman simpan dulu

file tersebut dengan mengklik menu File - Save.

(38)

Membuat Halaman Web menjadi

search Engine

Beberapa sisi yang harus kamu perhatikan

 1. <title>Tekhnik Exploit Password WinXP | ilmuwebsite.com</title> perhatikan hasil pencarian keyword "exploit winxp" di google di

bawah ini:

dari pencarian 2,090,000 halaman, www.ilmuwebsite.com

menempati ranking 4 untuk keyword "exploit winxp" google sangat memperhatikan penggunaan "Title“  2. <h1>tutorial php</h1>

<h1> keyword-mu-disini </h1> ini bisa dipakai untuk mengukuhkan keyword tapi tidak terlalu effect

 3. <h2>flash tutorial</h2>

(39)

 4. <b> keyword-mu </b>

sangat - sangatlah penting, kita menunjukkan ke google bahwa

kata yang di cetak tebal dengan <b></b> adalah kata penting

dan di anggap keyword, percayalah.. saya sudah membuktikan

 5. <i> keyword-mu </i> ini bisa dipakai untuk mengukuhkan

keyword tapi tidak terlalu effect

 6. <u> keyword-mu </u> ini bisa dipakai untuk mengukuhkan

keyword tapi tidak terlalu effect

 7. <alt> letaknya -->> <img src="/picture1.jpg" alt="keyword-mu">

ini bisa dipakai untuk mengukuhkan keyword tapi tidak terlalu

(40)

Membuat halaman web dengan Microsoft

Office Publisher, Dreamweaver

Untuk mengisi waktu luang sambil menunggu nama

domainmu aktif, siapkan halaman situsmu

Untuk membuat halaman website kita bisa menggunakan

Microsoft Office Publisher, Dreamweaver, atau program

lainnya, jika ingin sekedar melakukan tes kita bisa meng-copy

halaman sebuah situs dan ubah isinya (caranya save

halaman sebuah situs).

File halaman situs simpanlah dalam format .htm atau

.html dan beri nama ‘index’, sehingga file tersebut

berupa index.html

(41)

Jika kita kesulitan membuat halaman situs kita bisa

menggunakan CMS (Content Management System) yaitu suatu kumpulan file PHP yang bisa kita

pakai sebagai

halaman situs secara instant dan cepat sehingga kita

tidak perlu repot-repot membuat sendiri halaman

(42)

4 LANGKAH MUDAH UNTUK MEMILIKI

WEBSITE ANDA SENDIRI DI INTERNET

Website kami dirancang untuk Anda yang telah mengenal dunia

Internet maupun yang baru mengenal dunia Internet. Dengan

demikian kami akan menjelaskan seluruh langkah tersebut

secara detail. Halaman ini sangat cocok untuk Anda yang

baru memulai.

Langkah dan apa saja yang Anda butuhkan untuk memiliki

sebuah Website di Internet?

(43)

 1: DAFTARKAN DOMAIN ANDA DAN SEDIAKAN SPACE

UTK WEBSITE ANDA!

LANGKAH

 2: SIAPKAN BAHAN, DESIGN & LENGKAPI WEBSITE

ANDA!

LANGKAH

 3: PROMOSIKAN WEBSITE ANDA!

LANGKAH

(44)

Riset Keyword - Langkah Membuat

Website 1

Langkah Pertama:

Keyword ide; adalah

keyword

yang berupa topik umum

tentang suatu hal, biasanya terdiri dari satu - dua kata saja,

misalkan: electronics, weight loss, furniture, dll. Jika anda

sudah menentukan

keyword

ide nya untuk

website

anda

nanti, lakukanlah riset keyword untuk ide atau topik anda

tersebut. Sebagai contoh saya akan menggunakan keyword

ide “Birthday”,

artinya saya akan membuat

website

seputar tentang

Birthday.

(45)

Kita bisa gunakan fasilitas

atau tools gratis yang ada

di internet, yaitu “Google

Keyword Tool External”,

masukan keyword anda

disana dan klik tombol “Get

keywords ideas”, hasil dari

keyword saya kira-kira

(46)

Jika anda lihat gambar diatas, jumlah pencari kata “birthday” di google.com pada bulan May sebesar 30jutaan, itu artinya keyword tersebut punya potensi traffic sebesar 30juta per bulan! Tapi anda tidak bisa begitu saja gunakan keyword itu sebagai keyword topik

website, karena ada satu hal yang perlu dipertimbangkan yaitu jumlah website pesaing yang juga menggunakan keyword tersebut.

Cara untuk melihat pesaing, anda bisa gunakan search engine google

(47)

Para pengguna web mereka terdiri dari orang yang mencari

informasi mengenai penyakit atau penyembuhan lewat perawatan dan terapi di rumah atau informasi mengenai sakit-penyakit. Contoh lainnya adalah web portal Yahoo.com yang mengkombinasikan

jejaring sosial dengan informasi yang bervariatif yang menarik minat masyarakat umum.

Langkah 2

 Pilih layanan dan perangkat yang anda butuhkan untuk anda

sediakan bagi para pengguna web. Web portal harus interaktif, jadi anda membutuhkan berbagai perangkat yang interaktif untuk

(48)

Tips pemula untuk membuat website

portal

Website digunakan untuk menampilkan informasi mengenai suatu informasi, opini, dan sebagainya. Sedangkan website portal

digunakan untuk membangun komunitas online dan menghadirkan lingkup yang lebih luar mengenai berbagai informasi kepada

masyarakat. Portal seperti Yahoo.com, MSN.com dan Google.com ditujukan untuk masyarakat luas serta digunakan untuk

menampilkan berita, foto, dan mesin pencari untuk berbagai hal.

Portal seperti WebMD.com, FoodNetwork.com dan HGTV.com lebih spesifik, karena mereka memfokuskan pada satu bagian industri, berikut beberapa tips untuk mengenal lebih jauh mengenai website portal:

(49)

 kembali lagi ke web anda. Gunakan poling untuh mendapatkan respon mereka tentang suatu pertanyaan, gunakan blog agar user dapat memberikan komentar, atau showcase untuk memperoleh opini dari user. Foto galeru dapat digunakan untuk menampilkan foto selebriti, foto komunitas atau sebagai bagian dari berita.

Langkah 3

 Download sebuah web portal yang gratis yang bisa anda dapatkan

di internet. Anda dapat mencari salah satunya di

freewebtemplates.com serta mencari dengan kata kunci 'portal' atau 'web portal' untuk melihat mendapatkan template yang sesuai dengan keinginan anda.

(50)

Umumnya template dalam bentuk zip files dan anda perlu

unzip dulu untuk menggunakan template tersebut.

Langkah 5

Cari script gratis untuk ditambahkan pada portal anda. Anda

bisa mencari misalnya di dynamicdrive.com untuk javascript

yang dapat digunakan pada website. Download script yang

dapat berjalan di web browser modern.

(51)

Langkah 6

Buat halaman berdasar dari web template. Online web

template biasanya terdiri dari 1 halaman saja (biasanya home

page), anda dapat menduplikat template menggunakan text

editor, kemudian memodifikasi sesuai keinginan anda untuk

sub pages nya.

Untuk anda yang telah mengenal CMS (Content Mangement

System), anda dapat memulai dengan mencari CMS open

source yang sesuai dengan kriteria portal anda, kemudian

kembangkan dengan bantuan komunitas CMS tersebut.

(52)

SMK DIPONEGORO MAJENANG

Referensi

Dokumen terkait

Faktor emosi akan mempengaruhi tingkat kecemasan yang dimiliki pasien sehingga menimbulkan perubahan perilaku, sedangkan dalam segi pendidikan klien TB paru

Nilai konversi ransum terendah atau yang lebih efisien dalam penggunaan pakan adalah pada ayam yang mendapat ransum perlakuan I (2,36), dan tidak berbeda nyata dengan ransum

Jual beli yang dilakukan antara C.V Sumber Jati dan Tiga Putra Weleri merupakan jual beli pesanan, dalam hukum Islam disebut juga dengan jual beli istishna’, dimana Tiga

Penghitungan evapotranspirasi tanaman acuan menurut metode Penman-Monteith memerlukan data iklim dan letak stasiun klimatologi sehingga pengolahan data harus dilakukan sesuai

Cerita rakyat merupakan salah satu tradisi lisan yang sangat penting untuk diketahui oleh masyarakat, karena perubahan zaman yang terus menerus berubah

1-,3 Di Amerika Serikat dan banyak negara lainnya, pubertas pada perempuan diawali dengan pembesaran payudara pada usia 8–13 tahun, sedangkan pada laki-laki diawali dengan

Menurut Sugiyono metode penelitian kualitatif adalah suatu metode penelitian yang berlandaskan pada filsafat positivisme, yang digunakan untuk meneliti pada kondisi objek

Adanya evaluasi dari kepala madrasah beserta para wakilnya dengan melibatkan para guru dan karyawan tersebut merupakan implementasi evaluasi kurikulum yang baik sebagaimana