Mengenal Elemen Dan Komponen Website

Baca Juga

Untuk seorang yang baru mengenal dunia internet ataupun website/blog pasti akan merasa asing dengan komponen yang ada diwebsite tersebeut.

Coba kita cari tau yu apa aja Elemen Dan Komponen Website...

World Wide Web (www) atau web adalah sebuah system penyebaran informasi melalui internet. Informasi yang dikirimkan dapat berupa teks, suara(audio), animasi, gambar dan bahkan dalam format video yang dapat diakses melalui sebuah software yang disebut browser, seperti internet explorer, mozilla firefox, opera dan lain-lain.

PENGERTIAN INTERNET

Internet merupakan kependekan dari kata “Internetwork”, yang berarti rangkain komputer yang terhubung menjadi beberapa rangkaian jaringan. Sistem komputer terhubung secara global dan menggunakan TCP/IP sebagai protokol.

FASILITAS INTERNET

Beberapa fasilitas dan layanan Internet yang saat ini sudah sangat populer :

• Layanan File Transfer Protocol

Yaitu layanan yang memungkinkan pengguna bertukar, menyalin, dan menempatkan file data di Internet.

• Layanan E-mail

Yaitu layanan yang memungkinkan pengguna mengirim dan menerima pesan dalam bentuk surat elektronik.

• Layanan Internet Relay Chat (IRC) atau Chatting

Yaitu layanan yang memungkinkan pengguna berkomunikasi dan berinteraksi secara langsung dengan pengguna internet lainnya

• Layanan World Wide Web(WWW)
Yaitu layanan yang memungkinkan pengguna melakukan surfing internet untuk memperoleh suatu data atau informasi tertentu.

• Ghoper

Layanan pencarian file dan informasi

• Telnet

Layanan interaksi secara remote antar komputer yang terhubung di internet

• VoIP

Layanan komunikasi suara

JENIS-JENIS WEB

Dalam Pengelompokan jenis web, lebih diarahkan berdasarkan kepada fungsi, sifat atau style-nya dan

bahasa pemrograman yang digunakan. Berdasarkan sifat atau style-nya:

1. Web Statis

Merupakan website yang content-nya sangat jarang diubah. Bahasa pemograman yang digunakan adalah

HTML dan belum memanfaatkan database. Misalnya: web profile organisasi.

2. Web Dinamis

Merupakan yag menyediakan content atau isi yang selalu berubah-ubah setiap saat. Bahasa pemograman

yang digunakan antara lain PHP, ASP, .NET dan memanfaatkan database MySQL. Misalnya detik.com. Berdaskan pada fungsinya, website terbagi atas:

1. Personal Website yang berisi informasi pribadi seseorang.

2. Commercial Website yang dimiliki oleh sebuah perusahaan yang bersifat bisnis.

3. Government Website yang dimiliki oleh instansi pemerintahan, pendidikan yang bertujuan memberikan pelayanan kepada pengguna

4. Non-Profit Organization website dimiliki oleh organisasi yang bersifat non-profit atau tidak bersifat bisnis.

Berdasarkan bahasa pemrograman yang digunakan:

1. Server Side

Merupakan website yang menggunakan bahasa pemrograman yang tergantung kepada tersedianya server. Seperti PHP, ASP, .NET dan lain sebagainya. Jika tidak ada server, maka website yang dibuat dengan bahasa pemrograman tersebut tidak dapat berfungsi sebagaimana mestinya.

2. Client Side

Website yang tidak membutuhkan server dalam menjalankannya, cukup diakses melalui browser saja. Misalnya HTML

ELEMEN DAN KOMPONEN WEBSITE

1. Title                                             

2. Nama Domain                             

3. Alamat URL                                

4. Link/Tautan                                 

5. Header                                         

6. Konten/Isi

7. Sidebar

8. Widget

9. Footer

10.NavBar

11. Menu
12. Breadcumb
13. Form
14. Sharing Button
15. PopUp

ELEMEN DAN KOMPONEN WEBSITE

1. Title

 Title adalah judul atau nama dari sebuah halaman web. Letaknya di titlebar browser.

2. Nama Domain

Nama domain adalah nama alias dari sebuah website. Nama domain disewa dari pencatat/register domain per tahun. Domain digunakan agar manusia mudah untuk mengingat nama sebuah website. Kadangkala nama domain juga mewakili nama sendiri, nama brand, produk maupun

perusahaan. Contoh: www.indrayana14.com

3. Alamat URL

URL singkatan dari Uniform Resource Locator. Jika sebuah halaman web kita diibaratkan dengan rumah, maka URL ini adalah alamat lengkap rumah kita. Letaknya ada di addressbar browser. Setiap Halaman web memiliki url yang unik dan berbeda. Format URL bermacam-macam. Namun, semuanya selalu diawali dengan nama domain website tersebut.

4. Link/tautan

Jika kita ibaratkan lagi bahwa sebuah halaman web adalah rumah, maka link atau tautan ini adalah pintu/gerbang/lorong yang menuju ke halaman lain baik itu yang masih satu web maupun halaman di web yang berbeda.

Contoh Link :

Ini adalah link untuk kehalaman utama(indrayana14.com),silahkan klik 

Pengarahan link diatur dalam kode html <a href=”alamat url halaman website tujuan”>Anchor teks/ Teks yang dilink</a>.

5. Header

Header adalah bagian atas dari sebuah website. Biasanya berisi nama situs, logo dan deskripsinya.

Header berfungsi untuk menampilkan identitas utama

dari sebuah situs.

6. Konten/Isi

Konten atau isi sebuah situs berupa informasi dan artikel yang biasanya terletak dibagian tengah. Artikel yang sedang anda baca ini juga adalah bagian dari konten. Konten adalah bagian terpenting dari sebuah website. Konten di halaman utama sebuah web biasanya adalah

daftar posting.

7. Sidebar

Sidebar adalah bagian sisi kanan maupun kiri sebuah website dan terletak di sisi konten. Sidebar biasanya berisi informasi tambahan dan navigasi dari sebuah website. Sidebar diisi dengan widget-widget. Keberadaan sidebar ini bersifat opsional sesuai keinginan dan desain web masing-masing. Ada yang hanya satu kolom(tanpa sidebar), ada yang hanya satu di sebelah kanan ataupun kiri, dan ada juga yang dikedua sisi memiliki sidebar.

8. Widget

Widget adalah sebuah daerah pada website yang isinya berupa informasi tertentu dan memiliki

fungsi tertentu pula. Widget tidak harus terletak pada bagian sidebar. Widget juga bisa terletak

pada bagian atas posting, footer bahkan header (walaupun sangat jarang).

9. Footer

Footer adalah bagian dasar atau paling bawah dari sebuah website. Fungsi utamanya adalah sebagai kaki dan berisi informasi hak cipta, kepemilikan, link tambahan, sumber daya, sponsor dan kredit sebuah website bahkan menampilkan widget.

10. Navbar

Navbar adalah kependekan dari Navigation bar. Navbar merupakan bagian website yang biasanya terletak di bagian paling atas dan bersifat melayang/fixed (Selalu terlihat walaupun di scroll). Navbar berfungsi untuk mempermudah navigasi sebuah situs. Biasanya berisi link-link penting yang mungkin dikunjungi dalam situs itu.

11. Menu

Menu adalah bagian dari website yang berisi link-link utama yang mengarah pada halaman tertentu di sebuah website. Secara fungsi hampir sama dengan navbar yaitu untuk mempermudah navigasi di web. Namun, teknisnya sedikit berbeda karena biasanya menu tidak melayang. Menu biasanya terletak di bawah atau di atas header.

12. Breadcrumb

Breadcrumb merupakan sebuah elemen website berbentuk memanjang yang isinya adalah informasi

tentang letak, posisi dan atau jalur halaman yang sedang dikunjungi dalam website itu. Breadcrumb

biasanya hanya ada di halaman spesifik/single seperti halaman posting dan sejenisnya. Biasanya terletak di atas judul posting.

13. Form

Form dalam bahasa indonesia disebut formulir. Sebagaimana formulir kertas, form pada website juga berfungsi untuk penginputan data dari pengakses website baik itu yang bersifat wajib maupun opsional. Form pada website memiliki berbagai cara input seperti

Textfield, Password, ComboBox, Textarea, Radio, Checkbox, Button dan lain-lain.

14. Sharing button bar (Bar tombol berbagi)

Sharing button bar adalah tempat dimana berbagai jenis tombol berbagi ke media sosial berada. Tombol berbagi ini berfungsi untuk membagikan posting ataupun isi pada halaman yang dikunjungi ke media sosial pengunjung. Tombol yang paling sering ada adalah tombol like facebook, tweet Twitter, dan +1 Google+.

15. Popup

Popup adalah sebuah jendela yang berisi informasi tertentu yang ingin disampaikan oleh pemilik situs. Ketika muncul jendela popup maka elemen lain di halaman website itu tidak akan berfungsi sebelum popup itu ditutup lagi. Ketika sebuah jendela popup muncul, biasanya

elemen lain di halaman situs itu tertutupi warna hitam transparan.

Tema dan Tujuan Pembuatan Website Tema dan tujuan pembuatan website dibedakan menjadi 7

kategori :

1. E-Commerce(Electronic Commerce)

Proses hubungan dagang bisnis ke bisnis, memudahkan pembelian atau penjualan antar perusahaan-perusahaan, shoping online. Proses pembayaran menggunakan Online Processing Credit Card, Money Transfer atau Cash on Delivery. Tema dan Tujuan Pembuatan Website

2. Alat Pemasaran (Marketing Tool)

Situs ini menampilkan informasi produk atau jasa dari suatu perusahaan untuk menjaring minat konsumen. Sifatnya promosi, tampilannya simple tapi menarik. Situs ini tidak menyediakan penjualan online, tetapi pengunjung diberi informasi dimana bisa mendapatkan produk atau

jasa yang dipromosikan Tema dan Tujuan Pembuatan Website

3. E-Learning

Proses belajar mengajar dapat dilakukan secara online, tanpa harus bertatap muka antara siswa dengan pengajar

(Sekolah Virtual).

4. Nilai Tambah(Value Added)

Website hanya digunakan sebagai informasi tambahan. Biasanya memuat informasi umum tentang perusahaan atau lembaga, terkadang dibiarkan tanpa updating berkala. Tema dan Tujuan Pembuatan Website

5. E-News

Berisi berita-berita yang dapat diakses di seluruh dunia. Informasinya pun tentu saja lebih cepat dari berita yang dimuat koran atau majalah konvensional.

6. Komunitas

Situs ini mewadahi pengguna untuk bisa bertukar informasi atau bahkan berdiskusi melalui Forum online.

7. Personal

Berisi tentang informasi pribadi seseorang.

Nah itu lah Elemen Dan Komponen Website semoga menambah wawasan baru untuk kita semua yaa.
semoga bermanfaat...

sumber: Modul BSI