Makalah Yuli.docx

BAB I PENDAHULUAN

1.1. Latar Belakang Saat ini penggunaan internet sudah makin luas. Internet tidak hanya digunakan sebagai hiburan semata, tetapi juga digunakan untuk keperluan bisnis atau organisasi. Cara penggunaan ini dilakukan dengan membuat sebuah website. Dengan website kita dapat mengenalkan sebuah usaha atau organisasi tanpa dibatasi tempat dan waktu. Hal ini dikarenakan website dapat diakses di seluruh dunia selama 24 jam. Untuk membuat website kita bisa dikenali dan ramai dikunjungi tentu perlu membuat sebuah website yang menarik dan inspiratif. Oleh karena pengenalan mengenai website dan desain website sangat diperlukan di sini. Untuk sebuah desain web yang baik, kita perlu merencanakan apa saja yang akan ditampilkan. Beberapa unsur yang perlu ditampilkan antara lain: pengenalan akan website itu sendiri, nama website, tujuan pembuatan website, dan isi dari website itu sendiri. Pada makalah ini akan penulis sampaikan mengenai apa itu website dan teknik-teknik apa yang diperlukan oleh seorang pembuat website agar website yang dibuat menjadi menarik dan ramai dikunjungi. Disamping itu penulis juga ingin menunjukan bahwa prospek pembuatan website ini sungguh menjadi pekerjaan yang menjanjikan di masa depan. Terlebih untuk menyongsong datangan revolusi industri 4.0 saat ini. Dimana saat ini website merupakan bagian yang tidak terpisahkan dengan teknologi internet saat ini.

1.2. Rumusan Masalah Berikut ini adalah beberapa rumusan masalah yang mendasari isi dari makalah ini : 1. Apa yang dimaksud dengan Website? 2. Apa yang dimaksud dengan web Profil? 3. Bagaimana Langkah awal untuk memulai desain web Profil? 4. Bagaimana prospek pekerjaan membuat website di masa depan?

1

1.3. Tujuan Penulisan Adapun tujuan dari penulisan makalah ini adalah 1. Menunjukan bagaimana website mempunyai peranan yang sangat penting dalam perkembangan teknologi di masa kini. Terlebih dalam menyongsong revolusi industri 4.0 sekarang ini. 2. Menunjukan apa saja yang diperlukan oleh seorang pembuat web untuk bisa mendesain web menjadi menarik dan ramai dikunjungi. 3. Mengetahui teknik-teknik apa saja atau bahasa pemrograman apa saja yang dibutuhkan untuk membuat tampilan website kita menjadi menarik 4. Menunjukan prospek pekerjaan ini di masa depan.

2

BAB II DESAIN WEB PROFIL

2.1. Apa itu Website 2.1.1. Sekilas Tentang Website Secara definisi, website adalah kumpulan halaman web yang mengandung informasi.1 Sebuah

website

dipanggil

melalui

nama

(domain),

seperti

www.google.com,

www.stimikom.ac.id dan lain sebagainya. Halaman pertama dari website disebut dengan homepage yang dapat diakses menggunakan sebuah browser seperti: google chrome, mozzila, dan lain sebagainya. Sebagai contoh, untuk alamat website google adalah www.google.com, jika diakses maka akan tampil home page seperti di bawah ini

Gambar 1.1. tampilan website google

Ketika kita klik di pencarian maka akan mengarah ke halaman baru yang berisi informasi yang berbeda dengan home page. Fungsi website saat ini sudah hampir dapat melayani berbagai kebutuhan manusia, seperti untuk transaksi perbankan, saat ini bisa dilakukan secara online melalui website ebanking, proses pembelajaran, tersedia dalam bentuk e-learning, belanja, dan lain sebagainya. Selain dari fungsi di atas, website juga dapat menjadi media promosi, promosi perusahaan atau instans, promosi kampus, promosi jasa, promosi produk, dan lain sebagainya.2 Keunggulan

1 2

Yuhefizar, 2013. Mudah membangun Web Profil Multibahasa. Jakarta: Elex Media Komputindo, hlm. 2. https://www.niagahoster.co.id/blog/pengertian-website/

3

website adalah dapat diakses oleh siapa saja, dimana saja tanpa terkendala waktu, tempat dan jarak, semuanya bisa diakses dengan bantuan teknologi internet.

2.1.2. Sejarah Singkat Website Untuk website yang pertama kali dibuat yaitu di CERN oleh Tim Berners-Lee dan online pada tahun 1991. Tujuan awal Tim Berners-Lee membuat sebuah website adalah supaya lebih memudahkan para peneliti di tempatnya bekerja ketika akan bertukar atau melakukan perubahan informasi. Sistem itu adalah software yang diberi nama Enquire. Dengan program tersebut Tim Berners-Lee berhasil menciptakan jaringan yang menautkan berbagai arsip sehingga memudahkan pencarian informasi yang dibutuhkan. Inilah yang menjadi dasar atau cikal bakal WWW (World Wide Web) atau biasa kita kenal sebagai website.3 Jika Anda ingin mengetahui seperti apa tampilannya, silakan akses tautan berikut http://info.cern.ch/. Pada saat itu, website mulai dapat digunakan secara gratis oleh publik baru diumumkan oleh CERN tepatnya tanggal 30 April 1993.4

2.1.3. Jenis-Jenis Website Jenis-jenis website ada 3 (tiga) macam, yakni5: 1. Website Statis adalah suatu website yang mempunyai halaman yang tidak berubah. Yang artinya adalah untuk melakukan sebah perubahan pada suatu halaman hanya bisa dilakukan secara manual yitu dengan cara mengedit kode-kode yang menjadi struktur dari website itu sendiri. 2. Website Dinamis adalah merupakan suatu website yang secara strukturnya diperuntukan untuk update sesering mungkin. Biasanya selain dimana utamanya yang bisa diakses oleh para pengguna (user) pada umumnya, juga telah disediakan halaman backend yaitu untuk mengedit kontent dari website tersebut. Website dinamis menurut fungsi dan informasi yang disampaikan dibagi menjadi beberapa bagian diantaranya: website company profil, Website mesin pencari, website portal, blog, Website Networking, Website forum, website berita, website galeri, dan lain sebagainya. 3. Website Interaktif adalah suatu website yang memang pada saat ini memang terkenal. Contohnya website interaktif seperti forum dan blog. Di website ini para 3

Purnomo, Wahyu. 2013. Pemrograman Web untuk SMK Jilid 1. Jakarta : Kemendikbud, Hlm. 11. https://shareilmu-komputer.blogspot.com/2013/03/sejarah-website-dan-teknologi-terbaru.html 5 https://oliviaagnez.wordpress.com/2016/02/18/pengertian-website-dan-contohnya/ 4

4

pengguna bisa berinteraksi dan juga beradu argument mengenai apa yang menjadi pemikiran mereka.

2.2. Website Profil Yang dimaksud dengan web profil di sini tidak terbatas kepada website profil perusahaan (company profil), tapi juga profil personal (personal website), profil sebah instansi misalkan web kampus, web UKM, web jasa, dan lain sebagainya yang ingin memanfaatkan website sebagai salah satu media marketing, untuk mempromosikan perusahan, produk, jasa, atau personal ke masyarakat luas sehingga masyarakat tahu siapa kita.6 Website profil ibaratnya memperluas fungsi atau peran dari brosur atau pamflet ataupun iklan perusahaan, tujuan dari mempromosikan perusahan ini tentu feedback yang diharapkan memperoleh klien untuk menghasilkan keuntungan. Oleh karena itu, membangun website profil perusahan harus semenarik mungkin, informatif, dan tentunya hal ini juga menyangkut citra perusahaan atau instansi. Sebuah website profil perusahaan atau instansi tidak mutlak hanya dimiliki oleh perusahaan yang sudah besar saja, justru perusahaan-perusahaan kecil yang baru berkembang sangat membutuhkan website untuk mempromosikan keberadaannya ke masyarakat luas, instansi pemerintah, instansi pendidikan, perguruan tinggi, dan lain sebagainya. Website profil juga merupakan pencitraan sebuah perusahaan atau instansi, maka dibutuhkan konten yang lengkap, tersedia fitur interaksi pengunjung dan penambahan multi bahasa. Hal tersebut menjadi hal yang tidak bisa ditawar lagi. Tujuannya hanya satu, yakni memberikan kemudahan kepada pengunjung dalam memahami konten dari website profil yang kita buat. Meskipun banyak website profil dibuat dengan website statis, namun seiring perkembangan zaman sekarang ini, website profil sudah beralih dari asalnya statis menjadi website dinamis. Untuk keperluan apa website profil dibuat dinamis? salah satu alasannya supaya data informasi bisa diubah seketika, tidak perlu menghire/menyuruh seorang web programmer untuk mengupdate informasinya. Selain itu, sekarang ini website profil sudah terhubung ke situs lain seperti jejaring sosial, fungsinya supaya website tersebut lebih banyak dan lebih mudah diketahui oleh publik.7

6 7

Yuhefizar, Loc.cit. https://risqiulva.wordpress.com/category/website/jenis-jenis-web/

5

Dengan demikian dapat disimpulkan bahwa Website Profil adalah website yang bisa digunakan oleh perusahaan, organisasi, lembaga, pemerintahan, lembaga pendidikan dan sejenisnya untuk memberikan informasi yang cepat dan akurat kepada pelanggan dan masyarakat mengenai profil usaha/aktivitas mereka baik yang berhubungan dengan produk, layanan, kegiatan sosial dan sebagainya. Berikut ini adalah beberapa contoh dari website company profil :

Gambar 1.2. web profil telkom

Gambar 1.3. web profil kemendikbud

6

2.3. Apa yang diperlukan dalam membuat Web Profil 2.3.1. Bahasa Pemrograman web Ingin membuat web, tapi bingung harus mulai dari mana? Inilah pertanyaan yang sering diajukan oleh para kalangan awan atau pemula yang ingin belajar membuat web. Jawabannya singkat yakni HTML. HTML adalah inti dari seluruh halaman web. Sangat mustahil untuk membuat website tanpa memiliki dasar pengetahuan tentang HTML. Untungnya, HTML juga sangat mudah dipelajari. Anda tidak perlu memiliki dasar programming atau pengetahuan tentang algoritma apapun. Satu-satunya kemampuan yang dibutuhkan adalah anda sudah cukup familiar dengan cara penggunaan web browser seperti Google Chrome atau Mozilla Firefox. Jika anda sudah menguasai HTML (minimal dasar-dasar HTML), bisa memilih antara CSS atau PHP. Apabila berminat dengan web design, silahkan lanjut mempelajari CSS. Apabila anda ingin membuat aplikasi web seperti pemrosesan form, menyimpan data ke database, membuat laporan, dan lain-lain bisa lanjut ke PHP. Sama seperti HTML, CSS juga tidak membutuhkan pengetahuan apapun terkait programming. Baik CSS maupun HTML sebenarnya bukanlah sebuah ‘bahasa pemrograman’. Keduanya adalah bahasa struktur yang terdiri dari perintah-perintah sederhana.8

2.3.2. Fungsi yang harus ada pada Website Profil Beberapa hal yang harus diperhatikan dalam pembuatan web profil adalah : 1. Desain usahakan semenarik mungkin sesuai dengan karakter atau brand image dari perusahaan atau institusi. 2. Umumnya bahasa yang digunakan adalah bahasa resmi, walau ada beberapa website profil yang terkesan kasual dab sebagainya. Intinya artikel yang ditampilkan harus informatif dan menarik. 3. Tata warna dan pilihan jenis huruf harus menggambarkan image perusahaan atau institusi. 4. Multi bahasa, bisa menggunakan Bahasa Indonesia dan Bahasa Inggris. 5. Integrasi Web Profil dengan Sosial Media. Bukan rahasia lagi bila penikmat internet dewasa ini menikmati pengalaman berselancar di sosial media. Sehingga wajar bila banyak akun-akun sosial media baru dibuat. Beberapa link sosial media yang umum diintegrasikan diantaranya ada Facebook, Twitter, Google Plus, dan Linkedin. Adapun pada contoh web profil diintegrasikan dengan laman Blog. Laman Blog bisa dikelola baik dengan mengunggah konten-konten bermanfaat. Konten yang 8

https://www.duniailkom.com/ingin-belajar-web-programming-harus-mulai-dari-mana/

7

relevan dengan web profil web. Sehingga pengunjung bisa mendapat informasi yang bernilai manfaat. Namun, pastikan benar konten Blog Anda memenuhi syarat SEO friendly dan readable. 6. Galery Foto yang baik. Galeri memang jarang ditampilkan dalam laman web profil. Padahal bagian ini memiliki peran penting. Karena dengan adanya galeri foto pengunjung bisa mengetahui apa saja kegiatan yang Anda lakukan. Untuk itulah dalam contoh web profil diberikan kumpulan foto. Memang tidak secara gamblang disajikan sebagai menu galeri, tetapi dengan tampilan unik foto-foto yang disuguhkan lebih menarik. Pada contoh web profil yang dibuat foto disusun dalam lingkaran dengan penjelasan singkat. Foto-foto tersebut memang sengaja diatur demikian sehingga memberi fungsi tambahan. Yakni sebagai informasi tentang jasa atau kegiatan yang dilakukan. Karenanya setiap foto dilengkapi dengan judul dan ulasan singkat. 7. Sambutan

yang meyakinkan.

Web profil Anda ibarat

sebuah

tempat

mempublikasikan profil diri beserta kemampuan yang dimiliki. Dimana setiap kali ada pengunjung yang datang sudah seharunya diberi sambutan. Inilah fungsi yang memang kerap dilupakan, padahal memiliki fungsi yang cukup crucial. Untuk fungsi sambutan bisa dihadikan dalam untaian kata singkat namun penuh makna. Kalimat sambutan yang sekaligus menjelaskan profesil dan kemampuan yang dimiliki. Misalnya pada contoh web profil yang memberi sambutan dengan kalimat pembuka “Welcome to our site Profesional Cleaning Service Company”. Tentu sebagai orang awam pengunjung akan langsung mengenali siapa pemilik web hanya dengan mengakses laman utama.9

2.4. Prospek Pekerjaan Web Desain Perkembangan web tidak akan pernah mati dalam waktu dekat, hal ini berdasarkan fakta yang didapatkan oleh Biro Statistik Tenaga Kerja AS yang memperkirakan bahwa pekerjaan mengembangkan web telah tumbuh sebanyak 27% dan diperkirakan akan terus tumbuh hingga tahun 2024 mendatang. Pekerjaan sebagai pengembang web juga menjadi pekerjaan terpanas nomor 2 di tahun 2016. Jika Anda mempunyai keahlian ini, maka tidak akan sulit bagi Anda untuk menemukan pekerjaan di masa yang akan datang.10

9

https://velocitydeveloper.com/contoh-web-profil-dan-fungsi-penting-yang-mesti-ada-pada-web-profil-anda/ https://www.logique.co.id/blog/2017/09/20/syarat-keuntungan-menjadi-web-developer/

10

8

Berikut ini adalah keuntungan menjadi Web desainer : 1. Dapat bekerja jarak jauh Sebagai pengembang web, Anda akan memiliki banyak kesempatan untuk bekerja dari jarak jauh, Dan mungkin Anda akhirnya dapat memenuhi impian bepergian keliling dunia, sambil menabung disaat yang bersamaan. Beberapa perusahaan Startup menerapkan hal ini, termasuk salah satunya adalah Logique Digital Indonesia. 2. Membuat situs dan aplikasi web anda sendiri Dengan keterampilan ini, Anda dapat membuat situs dan aplikasi web Anda sendiri sehingga tidak perlu mengeluarkan banyak uang. 3. Dapat bekerja secara mandiri Jika mempunyai keahlian ini, Anda tidak lagi harus bekerja pada orang lain. Anda dapat melepasnya dan memulai bisnis sendiri yang jauh lebih mudah ketika Anda telah mengetahui perkembangan web.

9

BAB III PENUTUP 3.1.

Kesimpulan Saat ini penggunaan internet sudah makin luas. Internet tidak hanya digunakan

sebagai hiburan semata, tetapi juga digunakan untuk keperluan bisnis atau organisasi. Cara penggunaan ini dilakukan dengan membuat sebuah website. Dengan website kita dapat mengenalkan sebuah usaha atau organisasi tanpa dibatasi tempat dan waktu. Hal ini dikarenakan website dapat diakses di seluruh dunia selama 24 jam. Website profil adalah salah satu bentuk dari berbagai macam website. Website profil merupakan prospek yang menjanjikan karena sekarang ini Indonesia sedang menyongsong revolusi indutri 4.0 dimana segala macam sesuatu terangkum dan tergabung dalam dunia internet. Website merupakan salah satu cara terbaik untuk mempromosikan perusahaan atau instansi di era digital saat ini. Perkembangan web tidak akan pernah mati dalam waktu dekat, hal ini berdasarkan fakta yang didapatkan oleh Biro Statistik Tenaga Kerja AS yang memperkirakan bahwa pekerjaan mengembangkan web telah tumbuh sebanyak 27% dan diperkirakan akan terus tumbuh hingga tahun 2024 mendatang. Pekerjaan sebagai pengembang web juga menjadi pekerjaan terpanas nomor 2 di tahun 2016. Jika Anda mempunyai keahlian ini, maka tidak akan sulit bagi Anda untuk menemukan pekerjaan di masa yang akan datang. Namun, untuk memasukinya membutuhkan kerja keras kita karena kita harus menguasai skill bahasa pemrograman pembuatan website dan seni dalam menampilkannya. Dan itu tidak mudah.

3.2.

Saran

Makalah ini hanya berisi mengenai desain web profil secara umum saja. Akan lebih baik dikemudian hari bisa dikembangkan dengan memberikan proses untuk membuat web profil dengan bahasa pemrogramannya.

10

DAFTAR PUSTAKA

Sumber buku : Purnomo, Wahyu. 2013. Pemrograman Web untuk SMK Jilid 1. Jakarta : Kemendikbud. Yuhefizar. 2013. Mudah membangun Web Profil Multibahasa. Jakarta: Elex Media Komputindo.

Sumber Internet : https://duniailkom.com/ingin-belajar-web-programming-harus-mulai-dari-mana/ https://logique.co.id/blog/2017/09/20/syarat-keuntungan-menjadi-web-developer/ https://niagahoster.co.id/blog/pengertian-website/ https://oliviaagnez.wordpress.com/2016/02/18/pengertian-website-dan-contohnya/ https://risqiulva.wordpress.com/category/website/jenis-jenis-web/ https://shareilmu-komputer.blogspot.com/2013/03/sejarah-website-dan-teknologi-terbaru.html https://velocitydeveloper.com/contoh-web-profil-dan-fungsi-penting-yang-mesti-ada-pada-web-profil-anda/

11