Laporan Praktikum Web Design

 I. JUDUL ACARA III : Web Design

II. HARI,TANGGAL : Senin, 26 Maret 2018

III. TUJUAN :

1. Dapat mengetahui fungsi dan kegunaan dari Web Design.
2. Dapat membuat sebuah halaman Web dengan kreatifitas kita.

IV. DASAR TEORI

     Perancangan web (web design) adalah istilah umum yang digunakan untuk mencakup bagaimana isi web konten ditampilkan, (biasanya berupa hypertext atau hypermedia) yang dikirimkan ke pengguna akhir melalui World Wide Web, dengan menggunakan sebuah browser web atau perangkat lunak berbasis web. Tujuan dari web design adalah untuk membuat website sekumpulan konten online termasuk dokumen dan aplikasi yang berada pada server web / server. Sebuah website dapat berupa sekumpulan teks, gambar, suara dan konten lainnya, serta dapat bersifat interaktif ataupun statis. Elemen-elemen seperti teks, forms, images (GIFs, JPEGs, Portable Network Graphics) dan video dapat diletakkan di dalam halaman menggunakan tag-tag HTML/XHTML/XML (Fedraadi, 2012). 

     Browser terkadang juga memerlukan Plug-ins seperti Adobe Flash, QuickTime, Java, dan sebagainya untuk menampilkan beberapa media yang diletakkan di dalam halaman web menggunakan tag-tag HTML/XHTML. Halaman web dan situs web dapat berupa halaman statis, atau dapat diprogram secara dinamis sehingga menghasilkan halaman web dengan konten atau tampilan visual yang diinginkan, tergantung pada berbagai faktor, seperti masukan dari pengguna akhir, masukan dari Webmaster, atau perubahan dalam lingkungan komputasi (seperti situs yang terkait dengan database yang telah diubah). Membuat desain website berbasis HTML dengan Notepad++ pengenalan tag pada HTML dalam HTML tag merupakan code sekaligus perintah dimana kita dapat mengatur tampilan yang kita inginkan. Tag pada HTML selalu diawali dengan dan ditutup dengan dimana x adalah perintah dari apa yang kita inginkan (Fedraadi. 2012). 

     HTTP merupakan sebuah protokol untuk meminta/menjawab antara klien dan server. Sebuah klien HTTP (seperti web browser atau robot dan lain sebagainya), biasanya memulai permintaan dengan membuat hubungan ke port tertentu di sebuah server Webhosting tertentu (biasanya port 80). Klien yang mengirimkan permintaan HTTP juga dikenal dengan user agent. Server yang meresponsnya, yang menyimpan sumber daya seperti berkas HTML dan gambar, dikenal juga sebagai origin server. Protokol yang digunakan untuk melayani fasilitas web/www ini mengunakan HTTP.Akhir-akhir  ini, hampir setiap lembaga mempunyai website yang digunakan sebagai sarana informasi yang up-to-date. Untuk dapat menghasilkan fasilitas tersebut, harus menyimpan dokumen web di web server agar dapat dibuka dari client.  Hal ini sering disebut dengan hosting, Untuk dapat membangun webserver dibutuhkan software sebagai web server, sofware ini sangat banyak sekali namun untuk platform Linux, web server yang terkenal handal adalah Apache (Kurniaillahi. 2016).

     Website atau situs dapat diartikan sebagai kumpulan halaman yang menampilkan informasi data teks, data gambar diam atau gerak, data animasi, suara, video dan ataugabungan dari semuanya, baik yang bersifat statis maupun dinamis yang membentuk saturangkaian bangunan yang saling terkait dimana masing-masing dihubungkan dengan jaringan-jaringan halaman (hyperlink). Website memiliki banyak manfaat terutama di dalam sebuah pemasaran danpendidikan. Adapun tujuan dibangunnya sebuah website salah satunya seperti untuk Marketing Tools, E-Commerce, E- Learning, dan masih banyak lagi. Website dapat dibuat secara pribadi ataupun dapat dibuat oleh sebuah perusahaan (Janwar, Isromi. 2009).

Baca juga : Laporan Praktikum Microsoft Office Word, Lengkap dengan penjelasannya

V. ALAT DAN BAHAN

A. Alat :

1. Laptop : 1 unit

B. Bahan :

1. Artikel 
2. Vidio
3. Audio
4. Gambar
5. Kode – kode yang ada di www.w3school.com.
6. Aplikasi notepad.
7. Browser.

VI. CARA KERJA

1. Tekan tombol ON untuk menghidupkan laptop
2. Klik start, kemudian buka browser sebagai langkah awal dalam membuat web.
3. Masukan alamat www.w3schools.com.
4. Pilih HTML Tutorial.
5. Copy kode tersebut pada notepad.
6. Paste kode tersebuat pada notepad
7. Lakukan pengeditan sesuai kreatifitas dengan berbagai tutorial pilihan yang tersedia.
8. Setelah dipaste di notepad kemudian klik file pilih save untuk menyimpannya, kemudian beri nama sesuai keinginan dan diakhiri dengan.html. Misal : penerapankomputer.html. dan save as type diganti all file. 

Baca juga : Laporan Praktikum Local Area Network (LAN), Lengkap dengan gambarnya !!! 

VII. HASIL PENGAMATAN

1. Hasil pada notepad 
   
   
   
2. Hasil Web Design 
   
   
   

Baca juga : Laporan Elektronika Merangkai Skema Rangkaian LiveWire dan PCB Wizard, Lengkap dengan penjelasannya !!!

  

VIII. ANALISIS DAN PEMBAHASAN

     Pada praktikum kali ini kita membahas tentang Web Design. Perancangan web (web design) adalah istilah umum yang digunakan untuk mencakup bagaimana isi web konten ditampilkan, (biasanya berupa hypertext atau hypermedia) yang dikirimkan ke pengguna akhir melalui World Wide Web, dengan menggunakan sebuah browser web atau perangkat lunak berbasis web. Tujuan dari web design adalah untuk membuat website sekumpulan konten online termasuk dokumen dan aplikasi yang berada pada server web / server. Sebuah website dapat berupa sekumpulan teks, gambar, suara dan konten lainnya, serta dapat bersifat interaktif ataupun statis. 

     Protokol yang digunakan untuk melayani fasilitas web/www ini mengunakan HTTP.Akhir-akhir  ini, hampir setiap lembaga mempunyai website yang digunakan sebagai sarana informasi yang up-to-date. Untuk dapat menghasilkan fasilitas tersebut, harus menyimpan dokumen web di web server agar dapat dibuka dari client.  Hal ini sering disebut dengan hosting, Untuk dapat membangun webserver dibutuhkan software sebagai web server, sofware ini sangat banyak sekali namun untuk platform Linux, web server yang terkenal handal adalah Apache

     Hal pertama yang kami lakukan adalah menghidupakan laptop/pc, kemudian klik menu start lalu pilih Mozilla Firefox. Setelah mengklik aplikasi tersebut maka secara otomatis akan terbuka ke jendela Mozilla, kemudian masukkan alamat website www.w3schools.com. Setelah dimasukkan kemudian klik pencarian maka kita akan masuk kedalam sebuah website, website itu merupakan tempat untuk membuat karya tulis atau yang lainnya. Setelah itu kemudian pilih HTML Tutorial maka kita akan masuk kedalam website untuk memasukkan karya atau artikel yang kita publikasikan. Setelah dipilih kemudian Copy kode pada tulisan example lalu paste kode tersebut pada notepad. 

     Pada notepad edit teks title untuk memasukkan judul artikel yang akan kita masukkan, setelah itu masukkan karya yang akan kita masukkan pada kolom headings teks, setelah kita masukkan kemudian pilih menu file pilih save untuk menyimpannya, kemudian beri nama sesuai keinginan kita dan diakhiri dengan .html. setelah kita save kita buka kembali file yang kita buat tadi maka akan kita akan masuk kedalam web yang sudah kita buat tadi dan didalam web tersebut sudah berisi artikel yang telah kita masukkan tadi.

     Setelah kita melakukan pengeditan sesuai dengan kreatifitas kita dengan berbagai tutorial pilihan yang tersedia, kita bisa mengubah warna tulisan dan mengeditnya. Untuk mengatur huruf ada pada menu HTML Style, untuk setiap perubahan yang kita buat selalu harus di save kembali kemuadian untuk melihat perubahan yang kita buat dengan cara kita kembali ke tampilan Mozilla lalu kita reload (muat ulang) maka secara otomatis artikel kita akan berubah sesuai dengan keinginan kita.

     Untuk pengeditan juga bisa kita lakukan dengan memasukkan video, lagu, dan gambar. Untuk memasukkan video dilakukan dengan cara klik menu HTML video pada menu yang ada pada halaman web design, kemudian kita copy kode pada tulisan example. Paste kode tersebut pada notepad lalu kita masukkan video yang kita inginkan, namun video yang bisa dimasukkan hanya bisa dengan format mp4 setelah itu save kembali. Untuk meninjau perubahan kita lihat pada halaman web yang sudah kita buat kemudian klik menu reload, secara otomatis jika benar format video yang kita masukkan maka akan muncul pada tampilan artikel kita.

     Sama halnya dengan memasukkan video untuk memasukkan gambar dan lagu dengan cara yang sama namun yang membedakan hanya pada menu saja, yaitu dengan cara klik menu HTML images kemudian copy kode pada example lalu paste pada notepad kemudia save kembali lalu pada tampilan web kita klik menu reload maka secara otomatis gambar dan lagu yang kita masukkan muncul pada halaman artikel yang kita buat.   

Baca juga : Laporan Praktikum Microsoft Office Excel, Lengkap dengan penjelasannya

IX. KESIMPULAN

     Dari praktikum yang telah dilakukan dan dari data yang diperoleh maka dapat diambil kesimpulan sebagai berikut:

1. Web merupakan sarana untuk mempromosikan suatu perusahaan, atau hanya sekedar menulis artikel tentang sesuatu.
2. Isi web yang berbobot belum tentu menjadi daya tarik.
3. Web tampilannya harus dibuat sebaik dan semenarik mungkin untuk mengundang rasa penasaran setiap orang sehingga memiliki keinginan untuk mengunjungi web tersebut.
4. Pada praktikum ini dibutuhkan formula berupa kode-kode yang digunakan untuk pengeditan halaman web.
5. Pada praktikum ini ketelitian sangat perlu untuk meminimalisir kesalahan saat memasukkan kode-kode.
6. Pada praktikum ini kreativitas praktikan dibutuhkan dalam mendesain halaman web.
7. Dalam merancang web kita membutuhkan beberapa rumus diantaranya <title> ini digunakan untuk membuat judul web, <body> digunakan untuk membuat badan web.

 

DAFTAR PUSTAKA

Fedraadi. 2012. “Makalah Remidi Web Desain Soft Ku”. http://www.fedraadi. wordpress.com/2012/08/17/makalah-remidi-web-desain-soft-ku.html. Diakses pada 28 Maret 2018 pukul 00.47 WIB.

Janwar, Isromi. 2009. “Microsoft Word Makalah Web Development”. http://www. academia.edu/4903949/microsoft-word-makalah-web-development.html. Diakses pada 28 Maret 2018 pukul 12.34 WIB.

Kurniaillahi. 2016. “Makalah Web Design”. http://www.kurniaillahi3.blogspot.com/ 2016/10/makalah-web-design.html. Diakses pada 28 Maret 2018 pukul 12.24 WIB.