langkah-langkah untuk membangun sebuah website sederhana

Homepage merupakan halaman muka dari sebuah situs web. Pengertian lainnya adalah halaman default yang diset untuk sebuah browser. halaman ini ditayangan di Internet melalui media World Wide Web(www). Biasa digunakan orang untuk mempromosikan informasi, jasa, produk-produknya, dll.

A. Ada beberapa hal yang perlu kita perhatikan dalam pembuatan homepage yaitu:

1. Tujuan dibuatnya Homepage, misal kita akan membuat homepage untuk mahasiswa kelas A091.

2. Siapa yang menjadi target utama untuk melihat homepage yang kita buat. Misal yang menjadi target utama untuk melihat dan megakses adalah teman-teman di Stikom Bali dari semester pertama sampai semester akhir.

3. Klasifikasikan informasi yang akan ditampilkan dalam homepage.

4. Hasil klasifikasi tersebut akan mewakili satu halaman homepage sedangkan hasil klasifikasi yang lain akan ditampilkan sebagai hyperlink yang akan ditampilkan pada saat pengguna mengakses link tersebut.

B. Perangkat lunak untuk membuat homepage tersebut adalah sbb:

1. Browzer (seperti internet explorer, mozila firefox, google chrome, opera, netscape navigator, mozaic, dll).

2. HTML(Hyper Text Markup Language) editor seperti Notepad, Microsoft FrontPage, Macromedia Dreamweaver, dll untuk mendesain homepage dan komponen-komponennya. Selain itu juga digunakan untuk menggabungkan gambar,suara dan animasi yang telah dibuat di dalam homepage. HTML yang bersifat graphical user interface akan mengurangi waktu dalam penulisan sintaks. Salah satu produk microsoft sebagai editor HTML yaitu Microsoft FrontPage XP.

3. Software Animator (seperti Macromedia Flash) software ini digunakan untuk membuat animasi gambar dan suara.

4. Software untuk menangani pekerjaan Web mastering seperti FTP (File Transfer Protocol)

5. Software pengaman jaringan.

C. Membuat Layout Homepage.

Layout atau frame merupakan bentuk format navigasi dari homepage yang akan ditampilkan. Beberapa layout halaman homepage tersedia di Microsoft FrontPage XP. Penggunaan layout tergantung jenis navigasi dan informasi yang akan ditampilkan dalam homepage.

Langkah – langkah dalam pembuatan layout pada homepage adalah sbb:

1. Buka microsoft FrontPage( klik start – all program – ms. FrontPage).

2. Pilih menu file – new page or web.

3. Setelah itu anda pilih page templates pada bagian new from templates.

4. Kemudian akan ditampilkan kotak dialog page templates yang terdiri atas General,Frames Pages dan Style Sheets.

5. Lalu pilih jenis frame lalu tekan tombol OK.

D. Menerapkan Hyperlink

Link merupakan komponen yang terdapat pada HTML yang apabila diklik menggunakan mouse akan menuju pada halaman web tertentu. Biasanya bentuk link pada Web Page mempunyai warna biru terang dan diberi garis bawah. Link mempunyai tujuan atau sasaran dari dokumen HTML yang lain akan berpindah dari satu halaman ke halaman lain. Ada tiga jenis Link yaitu sbb:

1. Link Relatif

Link relatif digunakan untuk membuat link pada suatu halaman ke halaman lain dalam suatu Website dengan tidak memerlukan URL (alamat internet) secara lengkap. Biasanya halaman – halaman web terletak dalam suatu direktori.

2. Link Absolute

Link absolute digunakan membuat link ke halaman web lain pada website yang berbeda di internet. Untuk itu pada link absolute ini alamat internet harus ditulis dengan lengkap.

3. Link self

Link self merupakan navigasi dengan cara membuat link dengan antarbagian dengan menandai setiap bagian tersebut dengan nama. Dokumen akan terbagi atas bagian yang bernama sehingga di bagian tertentu dapat diletakkan link untuk menuju bagian lain.

Untuk membuat link menuju suatu bagian tertentu dalam dokumen yang sama adalah dengan menyertakan “#” setelah nama bagian.

A. Penerapan Cascading Style Sheet (CSS)

Cascading style Sheet (CSS) merupakan skrip buatan yang berisi informasi dan perintah tentang format tampilan website pada web browzer. CSS dapat memisahkan format tampilan dengan isi dokumen HTML. Selain itu CSS juga bisa membantu dalam memformat layout atau tampilan website dengan memanggil kembali nama tersebut tanpa harus kembali mengklik ulang format tampilan yang akan diterapkan pada setiap dokumen HTML.

Perintah CSS terdiri dari dua elemen dasar , yaitu “selector” dan “declaration”. Selector biasanya berupa tag HTML

1. Membuat Halaman pada Homepage

Terdiri dr 4 halaman;

a. Membuat Halaman 1

1. Aktifkan Ms Front page, pilih fine – new - page or web.

2. Pilih page templates – tab general.

3. Pilih tab culomn body with contens on left kemudian tekan OK.

4. Pada page frame sebelah kiri hapus SECTION 2 sampai 4

5. Pada page frame utama yang diperoleh hapus semua tulisan dibawah “Fish Photo Caption”.

6. Ganti tulisan “Your Heading Goes Here” dengan “Kegiatan Mahasiswa”

7. Ganti SECTION 1 dengan “Kegiatan Mahasiswa”, Title 1 dengan “Jadwal Kuliah”, Title 2 dengan “Data Mahasiswa”, dan Title 3 dengan “Link Bermanfaat”.

8. Tulis “Kegiatan Mahasiswa” lalu Enter, tulis “kembali” dan naikkan kursor.

9. Pilih menu Table-insert-Table masukkan jumlah baris dan kolom (sesuai keinginan) kemudian tekan OK.

10. Simpan pada lokasi C\KAMPUSKU dengan nama file “kegiatanmahasiswa.htm”

11. Kita akan membuat link dari navigasi yang terdapat pada frame kiri. Blok ‘Kegiatan Mahasiswa’ kemudian pilih menu Insert-Hyperlink atau tekan Ctrl-K. Tentukan tujuan Link yaitu file” kegiatan Mahasiswa.htm” lalu OK.

12. Simpan hasil perubahan halaman 1 melaluimenu file-save

b. Membuat halaman 2

1. Pastikan halaman “kegiatan mahasiswa.htm” masih terbuka

2. Pilih menu file-save as beri nama file “jadwalkuliah.htm”. tekan tombol change title untuk mengganti page title dari data Mahasiswa menjadi Jadwal Kuliah pada bagian frame isi.

3. Kita hanya akan memodifikasi frame isi dan header dari halaman kegiatan mahasiswa,ganti ‘Kegiatan Mahasiswa’ di frame header menjadi ‘Jadwal Kuliah’ dan ‘Jadwal kuliah’ pada bagian frame isi.

4. Ubah isi frame di bawah “Jadwal Pelajaran” lalu simpan kembali.

c. Membuat halaman 3

1. Pilih menu file-save as dan beri nama file a’datamahasiswa.htm”

2. Tekan tombol Change Title untuk mencari page title menjadi data mahasiswa lalu tekan save.

3. Ubah isi tabel lalu simpan kembali hasil perubahannya.

d. Membuat halaman 4

1. Pilih menu file-Save As- beri nama file “linkbermanfaat.htm”.

2. Tekan tombol Change Title untuk mengganti Page Title menjadi Link Bermanfaat, lalu save.

3. Ubah isi tabel lalu simpan kembali hasilnya.

4. Mengaplikasikan CSS

1. Copy file yang telah dibuat sebelumnya yaitu file KAMPUSKU.css ke dalam direktori C:\KAMPUSKU\CSS.

2. Masukkan diantara tag

3. Simpan halaman tersebut, anda dapat melihat tampilan akhirdengan cara klik 2x file “kegiatanmahasiswa.htm” melalui windows explorer.

Tugas Soft Skill - Pengantar Web Science

Jelaskan apa yang dimaksud dengan World Wide Web (www), WEB, WEBSITE, WEB PAGES, WEB BROWSER, WEB SERVER

1. WWW ( World Wide Web ) adalah suatu ruang informasi yang yang dipakai oleh pengenal global yang disebut Uniform Resource Identifier (URI) untuk mengidentifikasi sumber-sumber daya yang berguna. WWW sering dianggap sama dengan Internet secara keseluruhan, walaupun sebenarnya ia hanyalah bagian daripadanya.

fungsi WWW adalah menyediakan data dan informasi untuk dapat digunakan bersama

2. WEB atau Website atau situs juga dapat diartikan sebagai kumpulan halaman yang menampilkan informasi data teks, data gambar diam atau gerak, data animasi, suara, video dan atau gabungan dari semuanya, baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait dimana masing-masing dihubungkan dengan jaringan-jaringan halaman (hyperlink). Bersifat statis apabila isi informasi website tetap, jarang berubah, dan isi informasinya searah hanya dari pemilik website. Bersifat dinamis apabila isi informasi website selalu berubah-ubah, dan isi informasinya interaktif dua arah berasal dari pemilik serta pengguna website. Contoh website statis adalah berisi profil perusahaan, sedangkan website dinamis adalah seperti Friendster, Multiply, dll. Dalam sisi pengembangannya, website statis hanya bisa diupdate oleh pemiliknya saja, sedangkan website dinamis bisa diupdate oleh pengguna maupun pemilik.

3. Web Pages adalah suatu tampilan yang berasal dari terjemahan source code (html,php,js,actionscript,dll) sehingga dapat dilihat secara "user friendly" oleh pengguna di browser yang digunakan.

4.  web browser atau internet browser adalah sebuah aplikasi perangkat lunak untuk melintasi, mengambil, dan menyajikan sumber informasi di World Wide Web. Sumber informasi diidentifikasi dengan Uniform Resource Identifier (URI) termasuk sebuah halaman web, gambar, video, atau bagian lain dari konten web.

Tujuan utama dari web browser adalah untuk membawa sumber informasi kepada pengguna. Proses ini dimulai ketika pengguna memasukan sebuah Uniform Resource Identifier (URI), misalnya, http://anneahira.com ke dalam browser.
Sumber yang telah diambil web browser akan ditampilkan. HTML ditampilkan ke mesin tata letak browser,  dan akan diubah dari markup ke dokumen interaktif. Selain dari HTML, web browser umumnya bisa menampilkan setiap jenis konten yang menjadi bagian dari suatu halaman web.
Kebanyakan browser dapat menampilkan gambar, audio, video, dan file XML, dan sering mempunyai plug-in untuk mendukung aplikasi Flash dan applet Java. Jika menemui tipe file yang ditetapkan untuk didownload, maka browser akan meminta pengguna untuk menyimpan file ke disk.

5.  Web Server adalah sebuah software yang memberikan layanan data yang berfungsi menerima permintaan HTTP atau HTTPS dari client yang dikenal dengan browser web dan mengirimkan kembali hasilnya dalam bentuk halaman - halaman web yang umumnya berbentuk dokumen HTML.
Web Server Suatu program (dan juga mesin yang menjalankan program) yang mengerti protokol HTTP dan dapat menanggapi permintaan-permintaan dari web browser yang menggunakan protokol tersebut.

Macam macam Web Server meliputi:
Apache Web Server - The HTTP Web Server
1.Apache Tomcat
2.Microsoft windows Server 2003 Internet Information Services (IIS)
3.Lighttpd
4.Sun Java System Web Server
5.Xitami Web Server
6.Zeus Web Server

Tugas Soft Skill - Internet and New Media

Pertanyaan:

a. Apa yang dimaksud dengan bandwith, baseband,

broadband, narrowband

b. Apa yang dimaksud dengan koneksi nirkabel WiFi

dan 3G

c. Jelaskan perbedaan antara browser, situs web

dan halaman web

Jawaban:

1. Besaran yang menunjukkan seberapa banyak data yang dapat dilewatkan dalam koneksi melalui sebuah network. Lebar pita atau kapasitas saluran informasi. Kemampuan maksimum dari suatu alat untuk menyalurkan informasi dalam satuan waktu detik.

Dikenal juga dengan perbedaan atau interval, antara batas teratas dan terbawah dari suatu frekuensi gelombang transmisi dalam suatu kanal komunikasi. Satuan yang digunakan Hertz untuk sirkuit analog dan detik dalam satuan digital.

Jalur lebar analog diukur dalam unit Hertz (Hz) atau kitaran second. Jalur lebar digital pula merujuk kepada jumlah atau volume data yang dilewatkan melalui satu saluran komunikasi yang diukur dalam unit bit per second (bps) tanpa melibatkan gangguan.

Istilah lebar jalur (bandwith) sepatutnya tidak dikelirukan dengan istilah jalur (band), seperti pada telepon tanpa kabel, contohnya beroperasi pada jalur 800MMHz. Lebar jalur ialah ruang yang digunakan pada jalur tersebut. Dalam komunikasi tanpa wayar, ukuran atau lebar jalur salurannya memberi kesan kepada transmisi. Sejumlah data yang mengalir melalui satu saluran sempit mengambil masa yang lebih lama berbanding sejumlah data yang sama apabila mengalir menerusi satu saluran yang lebih lebar.

Narrowband adalah merupakan pita dengan saluran sempit. Dengan kemampuan kecil. Defenisi dari narrowband ini berbeda-beda dari berbagai industri.

Contoh teknologi yang tergolong narrowband ini:
- T-1 pada 1,54 Mps melalui media fiber optik, infra merah, gelombang mikro atau dua pasang kabel.
- Jalur telepon analog pada 3000 Hz, pada POTS (Plain Old Telephone Service), atau infrastruktur telepon biasa. Untuk memanfaatkan data digital pada teknologi ini ditambahkan perangkat modem, yang berfungsi untuk membawa data dari komputer digital.
- BRI ISDN pada 144 kbps. Dua jalur untuk suara dan data, masing-masing pada 64 kbps. Satu jalur untk sinyal 16 kbps..

Baseband adalah sebuah metode penggunaan media komunikasi dimana frekuensi yang dilewatkan pada carrier hanya satu buah untuk mentransmisikan data.

Oleh karena itu, dalam satu media tersebut hanya terdapat satu sinyal yang memiliki arti. Salah satu contoh pengguna metode baseband adalah ethernet. Lawan baseband adalah Broadband.

Pita Lebar (broadband) adalah media yang dapat dilalui oleh berbagai macam layanan, tidak hanya internet, tetapi juga voice, video, komunikasi data perkecapatan tinggi (lebih dari 10Mbps) dan lain-lain.

Frekuensi jalur lebar yang mampu memindahkan lebih banyak data dan lebih tinggi dibandingkan dengan frekuensi yang lebih sempit (narrowband). Teknologi ini mampu menggabungkan lebih dari satu channel ke dalam transmisi komunikasi.T1 adalah protokol komunikasi broadband, karena membawa 24 komunikasi melalui 4 kabel. TV kabel juga termasuk broadband karena ia membawa banyak saluran TV dalam satu kabel.
Teknologi yang tergolong dalam jenis ini diantaranya adalah sinyal televisi, televisi kabel, satelit, SONET, dlsb.

Internet kecepatan tinggi bukan identik dengan broadband. bisa saja dialup pun berkepatan tinggi jika site-site yg di akses itu dekat. begitu juga akses fiberoptik jadi lambat kerena bandwidth internetnya sudah macet atau full traffic

2. Wi-Fi merupakan kependekan dari Wireless Fidelity, yang memiliki pengertian yaitu sekumpulan standar yang digunakan untuk Jaringan Lokal Nirkabel (Wireless Local Area Networks - WLAN) yang didasari pada spesifikasi IEEE 802.11. Standar terbaru dari spesifikasi 802.11a atau b, seperti 802.16 g, saat ini sedang dalam penyusunan, spesifikasi terbaru tersebut menawarkan banyak peningkatan mulai dari luas cakupan yang lebih jauh hingga kecepatan transfernya

Awalnya Wi-Fi ditujukan untuk penggunaan perangkat nirkabel dan Jaringan Area Lokal (LAN), namun saat ini lebih banyak digunakan untuk mengakses internet. Hal ini memungkinan seseorang dengan komputer dengan kartu nirkabel (wireless card) atau personal digital assistant (PDA) untuk terhubung dengan internet dengan menggunakan titik akses (atau dikenal dengan hotspot) terdekat.

Wi-Fi dirancang berdasarkan spesifikasi IEEE 802.11. Sekarang ini ada empat variasi dari 802.11, yaitu:

• 802.11a
• 802.11b
• 802.11g
• 802.11n

3G (dari bahasa Inggris: third-generation technology) merupakan sebuah standar yang ditetapkan oleh International Telecommunication Union (ITU) yang diadopsi dari IMT-2000 untuk diaplikasikan pada jaringan telepon selular. Istilah ini umumnya digunakan mengacu kepada perkembangan teknologi telepon nirkabel versi ke-tiga. Melalui 3G, pengguna telepon selular dapat memiliki akses cepat ke internet dengan bandwidth sampai 384 kilobit setiap detik ketika alat tersebut berada pada kondisi diam atau bergerak secepat pejalan kaki. Akses yang cepat ini merupakan andalan dari 3G yang tentunya mampu memberikan fasilitas yang beragam pada pengguna seperti menonton video secara langsung dari internet atau berbicara dengan orang lain menggunakan video. 3G mengalahkan semua pendahulunya, baik GSM maupun GPRS.. Beberapa perusahaan seluler dunia akan menjadikan 3G sebagai standar baru jaringan nirkabel yang beredar di pasaran ataupun negara berkembang

Semenjak masuk ke Indonesia, 3G tentunya menjadi incaran perusahaan telekomunikasi. Setelah melalui pelelangan oleh Direktorat Jendral Pos dan Telekomunikasi, terpilihlah 3 perusahaan seluler yang memiliki lisensi untuk mengembangkan 3G di Indonesia, yakni :

• Telkomsel
• Excelcomindo Pratama
• Indosat

Teknologi 3G terbagi menjadi GSM dan CDMA. Teknologi 3G sering disebut dengan Mobile broadband karena keunggulannya sebagai modem untuk internet yang dapat dibawa ke mana saja.

3. Penjelajah web (Inggris: web browser), disebut juga peramban, adalah perangkat lunak yang berfungsi menampilkan dan melakukan interaksi dengan dokumen-dokumen yang disediakan oleh server web. Penjelajah web yang populer adalah Microsoft Internet Explorer dan Mozilla Firefox. Penjelajah web adalah jenis agen pengguna yang paling sering digunakan. Web sendiri adalah kumpulan jaringan berisi dokumen dan tersambung satu dengan yang lain, yang dikenal sebagai World Wide Web.

Penjelajah web bisa dibedakan lewat fitur-fitur yang mereka dukung. Browser modern dan halaman web biasanya menggunakan banyak fitur dan teknik yang tidak ada pada masa-masa awal web. Disebabkan adanya perang penjelajah web, fitur-fitur Web dan penjelajah web semakin cepat dikembangkan.

Berikut daftar beberapa elemen dan fitur-fitur tersebut:

• ActiveX
• Autocompletion (Pengisian otomatis) URL dan formulir data
• Bookmark untuk mengikuti lokasi yang sering diakses
• Cascading Style Sheet (CSS)
• Cookie yang membolehkan sebuah website untuk mengetahui seorang pengguna lama
• Web cache - Halaman web "disimpan" dalam memori ketika kita membukanya agar dapat diakses lagi walaupun sedang offline
• Digital certificate (Sertifikat Digital)
• DHTML
• Pemuatan gambar menggunakan format gambar yang sudah terkenal seperti GIF, PNG, JPEG, SVG
• Flash
• Favicon
• Font, ukuran, warna
• Formulir untuk mengirimkan informasi
• Frame dan IFrames
• Gambar
• HTTPS
• Integrasi dengan aplikasi desktop lainnya
• Offline browsing terhadap isi web yang sudah dicache terlebih dahulu
• Java applet
• JavaScript untuk isi yang lebih dinamis
• Pengaturan Download
• Penyaringan iklan (Ad filtering)
• Plug-in
• Sejarah kunjungan ke halaman-halaman web terakhir
• Session management
• Tabbed browsing
• Tabel
• XHTML dan XML

"Small-Screen Rendering" ("penampilan pada Layar-Kecil") dari Opera adalah suatu cara memformat ulang halaman web agar dapat masuk ke dalam layar yang kecil, misalnya dalam sebuah ponsel, sekaligus operasi gulung (scroll) horisontal tidak diperlukan lagi.

Sebuah situs web (sering pula disingkat menjadi situs saja; web site, site) adalah sebutan bagi sekelompok halaman web (web page), yang umumnya merupakan bagian dari suatu nama domain (domain name) atau subdomain di World Wide Web (WWW) di Internet. WWW terdiri dari seluruh situs web yang tersedia kepada publik. Halaman-halaman sebuah situs web diakses dari sebuah URL yang menjadi "akar" (root), yang disebut homepage (halaman induk; sering diterjemahkan menjadi "beranda", "halaman muka" atau laman web), dan biasanya disimpan dalam server yang sama. Tidak semua situs web dapat diakses dengan gratis. Beberapa situs web memerlukan pembayaran agar dapat menjadi pelanggan, misalnya situs-situs yang menampilkan pornografi, situs-situs berita, layanan surat elektronik (e-mail), dan lain-lain.

Secara terminologi, website adalah kumpulan dari halaman-halaman situs, yang biasanya terangkum dalam sebuah domain atau subdomain, yang tempatnya berada di dalam World Wide Web (WWW) di Internet. Sebuah halaman web adalah dokumen yang ditulis dalam format HTML (Hyper Text Markup Language), yang hampir selalu bisa diakses melalui HTTP, yaitu protokol yang menyampaikan informasi dari server website untuk ditampilkan kepada para pemakai melalui web browser. Semua publikasi dari website-website tersebut dapat membentuk sebuah jaringan informasi yang sangat besar.

Halaman-halaman dari website akan bisa diakses melalui sebuah URL yang biasa disebut Homepage. URL ini mengatur halaman-halaman situs untuk menjadi sebuah hirarki, meskipun, hyperlink-hyperlink yang ada di halaman tersebut mengatur para pembaca dan memberitahu mereka sususan keseluruhan dan bagaimana arus informasi ini berjalan.

Beberapa website membutuhkan subskripsi (data masukan) agar para user bisa mengakses sebagian atau keseluruhan isi website tersebut. Contohnya, ada beberapa situs-situs bisnis, situs-situs e-mail gratisan, yang membutuhkan subkripsi agar kita bisa mengakses situs tersebut.