Materi e-Workshop Bikin Web

1. SelamatDatang Peserta Workshop Pembuatan website

2. Apaitu website ? Website adalah halaman informasi yang disediakan melalui jalur internet sehingga bisa diakses di seluruh dunia selama terkoneksi dengan jaringan internet. Website merupakan komponent atau kumpulan komponen yang terdiri dari teks, gambar, suara animasi sehingga lebih merupakan media informasi yang menarik untuk dikunjungi.

3. Secara garis besar, website bisa digolongkan menjadi 3 bagian yaitu: • Website Statisadalah web yang mempunyaihalamantidakberubah. Artinyaadalahuntukmelakukanperubahanpadasuatuhalamandilakukansecara manual denganmengedit code yang menjadistrukturdari website tersebut. • Website Dinamismerupakan website yang secarastrukturdiperuntukanuntuk update seseringmungkin. Biasanyaselainutama yang bisadiaksesoleh user padaumumnya, jugadisediakanhalaman backend untukmengeditkontentdari website. Contohumummengenai website dinamisadalah web beritaatau web portal yang didalamnyaterdapatfasilitasberita, polling dansebagainya. • Website Interaktifadalah web yang saatinimemangsedang booming. Salahsatucontoh website interaktifadalah blog dan forum. Di website ini user bisaberinteraksidanberadu argument mengenaiapa yang menjadipemikiranmereka. Biasanya website sepertimemiliki moderator untukmengatursupayatopik yang diperbincangkantidakkeluarjalur.

4. Bahasapemrogramanapasaja yang biasadigunakanuntukmembuatsuatu website : 1. BahasaPemrograman HTMLHyperText Markup Language (HTML) adalahsebuahbahasa markup yang digunakanuntukmembuatsebuahhalaman web danmenampilkanberbagaiinformasididalamsebuah browser Internet.HTML saatinimerupakanstandar Internet yang didefinisikandandikendalikanpenggunaannyaoleh World Wide Web Consortium (W3C).HTML berupakode-kode tag yang menginstruksikan browser untukmenghasilkantampilansesuaidengan yang diinginkan.Sebuah file yang merupakan file HTML dapatdibukadenganmenggunakan browser web seperti Mozilla Firefox atau Microsoft Internet Explorer.

5. 2. BahasaPemrograman PHPPHP adalahbahasapemrograman script yang paling banyakdipakaisaatini.PHP pertama kali dibuatolehRasmusLerdorfpadatahun 1995. Padawaktuitu PHP masihbernama FI (Form Interpreted), yang wujudnyaberupasekumpulan script yang digunakanuntukmengolah data form dari web.PHP banyakdipakaiuntukmembuatsitus web yang dinamis, walaupuntidaktertutupkemungkinandigunakanuntukpemakaian lain.PHP biasanyaberjalanpadasistemoperasilinux (PHP jugabisadijalankandengan hosting windows).

6. 3. Bahasa Pemrograman ASPASP adalah singkatan dari Active Server Pages yang merupakan salah satu bahasa pemograman web untuk menciptakan halaman web yang dinamis.ASP merupakan salah satu produk teknologi yang disediakan oleh Microsoft.ASP bekerja pada web server dan merupakan server side scripting.

7. 4. BahasaPemrograman XMLExtensible Markup Language (XML) adalahbahasa markup serbaguna yang direkomendasikan W3C untukmendeskripsikanberbagaimacam data.XML menggunakan markup tags sepertihalnya HTML namunpenggunaannyatidakterbataspadatampilanhalaman web saja.XML merupakansuatumetodedalammembuatpenanda/markup padasebuahdokumen.

8. 5. Bahasa Pemrograman WMLWML adalah kepanjangan dari Wireless Markup Language, yaitu bahasa pemrograman yang digunakan dalam aplikasi berbasis XML (eXtensible Markup Langauge).WML ini adalah bahasa pemrograman yang digunakan dalam aplikasi wireless.WML merupakan analogi dari HTML yang berjalan pada protocol nirkabel.

9. 6. Bahasa Pemrograman PERLPerl adalah bahasa pemrograman untuk mesin dengan sistem operasi Unix (SunOS, Linux, BSD, HP-UX), juga tersedia untuk sistem operasi seperti DOS, Windows, PowerPC, BeOS, VMS, EBCDIC, dan PocketPC.PERL merupakan bahasa pemograman yang mirip bahasa pemograman C.

10. 7. Bahasa Pemrograman CFMCfm dibuat menggunakan tag ColdFusion dengan software Adobe ColdFusion / BlueDragon / Coldfusion Studio.Syntax coldfusion berbasis html.

11. 8. Bahasa Pemrograman JavascriptJavascript adalah bahasa scripting yang handal yang berjalan pada sisi client.JavaScript merupakan sebuah bahasa scripting yang dikembangkan oleh Netscape.Untuk menjalankan script yang ditulis dengan JavaScript kita membutuhkan JavaScript-enabled browser yaitu browser yang mampu menjalankan JavaScript.

12. 9. BahasaPemrograman CSSCascading Style Sheets (CSS) adalahsuatubahasastylesheet yang digunakanuntukmengaturtampilansuatudokumen yang ditulisdalambahasa markup.Penggunaan yang paling umumdari CSS adalahuntukmemformathalaman web yang ditulisdengan HTML dan XHTML.Walaupundemikian, bahasanyasendiridapatdipergunakanuntuksemuajenisdokumen XML termasuk SVG dan XUL.Spesifikasi CSS diaturoleh World Wide Web Consortium (W3C).

13. Apa yang dimaksud dengan Web Hosting : Web Hosting adalah salah satu bentuk layanan jasa penyewaan tempat di Internet yang memungkinkan perorangan ataupun organisasi menampilkan layanan jasa atau produknya di web / situs Internet. Tempat dapat juga diartikan sebagai tempat penyimpanan data berupa megabytes (mb) hingga terabytes (tb) yang memiliki koneksi ke internet sehingga data tersebut dapat direquest atau diakses oleh user dari semua tempat secara simultan. Inilah yang menyebabkan sebuah website dapat diakses bersamaan dalam satu waktu oleh multi user.

14. Siapa saja yang membutuhkan Web Hosting : Seperti telah dijelaskan diatas, setiap orang ataupun perusahaan dapat menyewa tempat atau memanfaatkan jasa web hosting ini, didukung dengan kemajuan teknologi informasi yang ada saat ini maka pemanfaatan jasa web hosting merupakan sarana alternatif yang handal untuk: Promosi, Menyebarkan Informasi, Berjualan, Layanan Publik sampai dengan sekedar tempat untuk menumpahkan isi hati yang kelabu ke dalam buku harian berbasis web (blog: web log) akibat ditinggal kekasih.

15. MengapaPerlu Web Hosting : Kecepatan menyebarkan informasi tentang Jasa, Produk, Layanan Publik dan lainnya merupakan salah satu tolok ukur keberhasilan bisnis perorangan atau perusahaan, Contoh Pertama : di Indonesia dengan sekitar 100 juta pengguna telepon genggam yang tentu saja dapat tersambung ke internet melalui gprs, tidak ada alasan lagi untuk tidak tersambung ke dunia maya, bahkan di daerah terpencil sekalipun. Contoh kedua: Seorang mahasiswa kedokteran, dengan dana yang terbatas, untuk mengantisipasi membeli buku kuliah kedokteran yang harganya bisa mencapai jutaan rupiah, dapat dengan mudah memperoleh informasi ilmu pengetahuan dan teknologi melalui situs web, dan ini menjadi tanggung jawab penyelenggara pendidikan untuk menyediakan layanan web site guna memajukan pendidikan. Bahkan seorang dosen sebaiknya memiliki web site. Singkatnya, bila anda telah membuat prototip disain yang dapat dibaca oleh internet browser seperti html, maka sudah waktunya anda menaruh disain itu di internet dengan mengupload disain anda ke perusahaan yang melayani penjualan hosting.

16. Kapan anda membutuhkan Situs Web : Disaat anda ingin memasarkan produk atau jasa melewati batas kabupaten, propinsi, negara, samudra dan benua, disaat anda ingin orang lain memperoleh informasi yang benar mengenai hal-hal kemanusiaan, disaat anda ingin menyebarluaskan pengetahuan demi kesejahteraan sesama manusia, disaat anda ingin melakukan transaksi bisnis yang memudahkan pelangan anda menjangkaunya dari sebuah vila tempat peristirahatan dengan privasi yang tinggi, disaat itulah anda membutuhkan layanan web hosting. Situs web adalah sebuah channel above the line yang termurah yang ada di pasar saat ini, kemampuan broadcast 24jam seminggu, tak terbatas pada aspek demografis, geografis, menjadikannya positif dalam rasio cost to benefit. Bila anda ingin ditemukan, dikenal, diapresiasi, mengiklankan diri/produk anda, berarti anda wajib memiliki situs web.

17. Dimanamenyewa Web Hosting : Ratusan bahkan ribuan penyelenggara jasa web hosting, ada dapat memulainya dengan mencari dari mesin pencari google atau yahoo, beberapa penyedia jasa layanan web hosting di indonesia. Jangan ragu untuk bertanya, bandingkan fitur kunci seperti kapasitas ruang dan kapasitas bandwidth, jangan tergiur oleh promosi penyelenggara jasa web hosting yang bombastis.

18. Teknologi apa yang digunakan : Salah satu teknologi yang digunakan adalah fail over hosting, teknologi ini memungkinkan layanan anda tetap online 24 jam karena didukung oleh beberapa server komputer yang secara otomatis akan menggantikan tugas server komputer yang mengalami kerusakan

19. Bagaimana cara Mengelola Web Hosting : Setelah anda memiliki / menggunakan jasa layanan web hosting, selanjutnya bagaimana mengelolanya, hal ini merupakan tantangan yang tidak murah, sebab informasi yang ada harus selalu ditambah dan diperbaharui. Sebuah Tips sederhana yaitu, lakukan persiapan pada posisi Off Line untuk menghemat. Selamat mencoba.

20. Apa itu Domain Name (Nama Domain) Domain Nameadalahnamaunik yang digunakanuntukmengidentifikasi server komputerdijaringankomputer yang tergabungdalam internet.

21. Saatnya Praktek Let’s Have Fun…..

22. Langkah 1 Registrasi Hosting Buka www.freehostia.com dari browser, kemudianakanditampilkanhalaman sepertiberikut :

23. Klik pada sign up now atau klik banner FREE seperti pada gambar berikut :

24. Pilih use my exiting domain, isinama domain yang diinginkan, kemudianlengkapiisianbiodatapemilik, isi verification code yang terteradihalamanregistrasi, selanjutnya click continue.

25. Jika berhasil maka akan ditampilkan halaman berikut : Selanjutnya klik login to control panel. Cek di email untuk mengetahui login dan password untuk masuk ke control panel.

26. Klik login V.2 untukmasukke control panel, terlihatsepertigambarberikut :

27. Untuk memulai upload file masuk ke panel File Manager, akan terlihat halaman file manager seperti berikut :

28. Klikpada folder yang tersediadalamcontohadalahworkshopbikinweb.tk, selanjutnyaditampilkanhalaman upload file sepertigambarberikut :

29. Klik choose file untuk memulai upload Klik open, jikamenambahkan file lain klikkembali choose file, jikasemua file telahterpilihkliktombol upload file, proses upload sepertigambarberikut :

30. Langkah 2 Registrasi domain 1. Mendaftar Domain Gratis Dot TK Oke, hal yang pertama yang haruslakukantentunyaadalahmengakseshttp://dot.tk. Laluklik “Web Domain” padanavigasi menu untukmasukpadapilihannama domain. Halamandepanbisalangsungkitaaksesjikakitahanyainginmemilihlayananredirect, alias meneruskan domain.tk kitakehalaman yang sudahada.

31. Setelah masuk, kita pilih nama domain yang kita inginkan. Bisa berupa nama kita sendiri, niche untuk blog bisnis, atau sekedar lucu-lucuan seperti “anak.tk”, “guru.tk”, atau “gantengdari.tk” misalnya. Semua terserah kita, asalkan nama domain tersebut belum dipakai oleh orang lain. Setelah itu klik next.

32. Setelah memilih domain, dot.tk akan menanyakan apakah kita akan memilih layanan berbayar atau layanan gratisnya. Jika kita memilih layanan gratis (tentu saja) ada syaratnya. Dot.tk mensyaratkan bahwa minimal hits, atau minimal kunjungan ke domain kita adalah 25 hits per 90 hari. Jadi pastikan junlah hits domain lebih dari 25 hits agar domain tidak dianggap “nganggur” dan akhirnya dihapus.

33. 2. Mengarahkan Server DNSJika sudah memilih “Free domain” untuk layanan gratisnya pakai pilihan “use DNS for this domain” agar kita dapat mengarahkan web/blog kita pada domain.tk pilihan kita. Ini adalah layanan gratis terbaru dari dot.tk. Jadi kita dapat mengarahkan nameserver kita selayaknya domain berbayar.

34. Sesudah itu, masukan nameserver seperti yang sudah disediakan oleh hosting kita. Jika kita menggunakan hosting seperti freehostia.com, maka nameservernya biasanya adalah dns1.freehostia.com/dns2. freehostia.com. Kalaupun sudah berbeda, ikuti saja petunjuk yang sudah mereka sediakan. Hal yang sama juga kita lakukan sesuai dengan DNS nameserver tempat hosting yang kita gunakan.Kalau kita belum tahu atau masih bingung, lanjutkan saja proses ini dengan mengosongkan nameserver atau isi dengan nameserver apa saja. Nantinya bisa kita ubah setelah kita mengetahui nameserver yang disediakan oleh hosting kita. Hanya, pastikan untuk mengubah setting DNS sebelum rentang waktu 48 jam. Cara merubah nameserver akan saya jelaskan di bawah.Pada tahap ini, kita akan diminta memasukkan email. Masukkan email yang valid dan biasa kita pakai. Karena pada tahap ini, kita juga sekaligus melakukan pendaftaran account dot.tk

35. Langkah berikutnya adalah kita memasukan data untuk registrasi seperti nama account beserta passwordnya. Dengan melakukan pendaftaran, kita bisa melakukan perubahan setting domain nantinya. Atau sekedar menambahkan domain baru lainnya.

36. 3. Merubah Setting DNSJika pada proses awal kita tidak menentukan nameserver dari DNS kita, maka sekaranglah saatnya. Pertama-tama, login account, kemudian pilih “Modify a Domain” pada pilihan setting “My Domains“. Setelah itu, klik tombol “Modify” lalu masukkan nameserver yang disediakan oleh hostingan.Pada bagian ini, dot.tk akan mengingatkan kembali bahwa domain dengan jumlah kunjungan kurang dari 25 hits dalam waktu 90 akan expire/dihapus.

37. Kurang lebih sama dengan cara di atas, kita tinggal memasukkan Nameserver dari hosting pilihan kita pada kolom yang sudah disediakan. Jika kolomnya tidak terlihat, pastikan untuk memilih “Use custom DNS service” pada drop down menu yang tersedia.

38. Cara install script webSetelah anda login cpanel (seperti diterangkan langkah sebelumnya) • Di halaman cpanel anda klik menu File Manager (lihat gambar dibawah)

39. Jikamuncul window sepertidibawahiniklik folder nama web anda

40. Upload file masterwebv.1.zip yang kami sediakan. Untuk memulai upload, klik menu pilih berkas lalu cari tempat file anda yg akan di Upload(lihat gambar dibawah) lalu klik open lalu klik open

41. Lalu beri tanda centang pada opsi unpack archive after upload Apabilamunculpesansepertigambardibawahini, klik ok

42. Lalu klik tombol upload file Makaakantampilsepertiberikut Tunggusampaiproses upload selesailaluklik OK

43. Jika berhasil proses upload file maka akan tampak seperti gambar di bawah ini Setelah itu lakukan Chmod atau rubah Permission file agar file dapat berstatus variabel nantinya di website. (jika anda bingung tidak apa2, ikuti saja langkahnya dibawah ini)

44. Cara merubah permission:Kali iniadalahmerubah permission folder content, imagesdan downloadsmenjadi 777. Klikduluketiga folder tersebuthinggamuncultandacentang kemudian klik menu Change permission pilih 777 (lihat gambar dibawah) lalu klik change Maka hasilnya akan seperti ini (perhatikan angkanya) Lakukan hal yang sama pada file berikut :config.php dan log.txt didalam folder cmsimple.content.htm didalam folder content

45. setelah membuka folder, dan ingin kembali, klik menu UpLevel Kini website sudah bisa diakses melalui domain anda.

46. Kalau semua langkah sudah dilakukan, kini anda buka website melalui browser anda. Lihat gambar dibawah (Contoh: www.bisnisku.com) Setelah halaman website terbuka maka anda akan melihat website anda yang akan di konfigurasi dan diisi konten webnya

47. Cara pengoperasian website Setiapinginmengedit website andaharus login dulu. Langkahpertamaadalahbuka website andadan login terlebihdulu. Link login tersediadikolomsebelahkiri. (lihatgambardisamping) Masukkan password: test (password inisangatdisarankanlangsungdiganti. Untuk langkah awal silahkan anda tambah/kurangi menu-menu sebelah kiri (Home, Halaman2, dst...) sesuai keinginan anda

48. Menambah Halaman Baru Misalnya anda ingin menambah menu baru bernama Halaman 4 dibawah Halaman 3. (lihat gambar dibawah) Menyusun Menu

49. 1. Klik Halaman 3 , kemudian di akhir halaman tersebut ketik Halaman 4 (lihat gambar dibawah) 2. Block kalimat 'Halaman 4' tersebut kemudian pilih Heading 1 di bagian format hingga font berubah menebal. Kemudian Save dengan menekan tab yang bergambar disket diatasnya 3. Halaman 4 sudah jadi seperti gambar berikut:

50. Menambah sub halaman • Misalnya ingin membuat submenu untuk Halaman 2 (lihat gambar dibawah)hal ini berfungsi misalnya • Furniture (menu utama) • Meja (submenu) • Kursi (submenu)