webdesign dasar : 02 perangkat pengembangan web

45 %
55 %
Information about webdesign dasar : 02 perangkat pengembangan web
Education

Published on February 4, 2014

Author: goeroekoe

Source: slideshare.net

Perangkat Pengembangan Web “Man is a tool-using Animal. Nowhere do you find him without tools; without tools he is nothing, with tools he is all.” – Thomas Carlyle Pada saat penulisan, pengembangan web pada sisi klien merupakan salah satu pengembangan yang dapat dilakukan dengan sangat mudah. Cukup dengan sebuah browser dan teks editor (yang hampir selalu diikut sertakan dalam sistem operasi) anda sudah dapat langsung memulai pengembangan! Tetapi tentunya terdapat banyak perangkat pengembangan yang akan sangat memudahkan anda dalam membuat website yang sangat bagus. Bagian ini akan memberikan daftar perangkat pengembangan yang diperlukan, serta penjelasan singkat mengenai setiap alat tersebut. Web Browser Karena web ditampilkan dalam browser, tentunya browser merupakan perangkat utama yang harus dimiliki oleh seorang pengembang web. Seperti yang telah dijelaskan pada bagian Browser dan Kode Klien, pastikan untuk memiliki setidaknya beberapa browser utama yang paling banyak digunakan. Tabel Download Browser memperlihatkan browser populer, dan tempat mendapatkan browser tersebut. Download Browser Download Browser Microsoft Disertakan dalam Sistem Operasi Windows Internet Explorer Mozilla Firefox http://www.mozilla.org/en-US/firefox/new Google Chrome https://www.google.com/intl/en/chrome/browser/ Disertakan dalam Sistem Operasi Mac OS X, download untuk windows Apple Safari http://support.apple.com/downloads/#safari Opera http://www.opera.com/download Download dan pasang browser yang tertera pada tabel~ref{tbl:browser-download}, dan pastikan semua browser dapat berjalan dengan benar. Idealnya, lakukan pengujian di dalam setiap browser, untuk memastikan tampilan yang dihasilkan optimal untuk setiap browser tersebut. Jika merasa pengujian memakan terlalu banyak waktu, setidaknya lakukan pengujian di tiga browser terpopuler (pada masa penulisan), yaitu Internet Explorer, Firefox, dan Chrome. Debugger Dalam melakukan pengembangan, sering kali kita menemukan banyak masalah pada kode kita. Untuk menyelesaikan masalah-masalah tersebut, biasanya kita harus dapat mengerti kenapa masalah bisa muncul, dan lalu mencari solusi dari permasalahan tersebut. Pencarian penyebab

masalah dapat dilakukan dengan menjalankan program dan melihat hasilnya, ataupun dengan mencoba memanggil fungsi / program dengan isi parameter yang berbeda-beda. Berbagai teknik penyelesaian masalah tersebut dapat dilakukan dengan mudah melalui emph{debugger}. Contoh Debugger pada Chrome Sebagian besar browser utama yang ada pada tabel~ref{tbl:browser-download} telah mengikut sertakan sebuah debugger pada saat kita melakukan instalasi browser tersebut. Tekan F12 pada Internet Explorer dan Chrome untuk membuka debugger. Pada Opera dan Firefox, tekan Ctrl+Shift+I untuk membuka debugger. Safari mengharuskan anda menekan Ctrl+Alt+I untuk membuka debugger. Pengunaan debugger pada setiap browser tidak akan dibahas pada artikel ini. Baca dokumentasi dari debugger yang bersangkutan untuk mempelajarinya. Saran dari penulis, menguasai satu debugger dari sebuah browser saja sudah cukup. Karena memiliki fungsi yang sama, penguasaan salah satu debugger secara otomatis akan membantu kita dalam menggunakan debugger lain. Text Editor Tentu saja ini adalah perangkat wajib yang harus dimiliki seorang programmer, untuk melakukan pengembangan apapun. Karena merupakan hal paling mendasar dalam pemrograman (dan biasanya setiap programmer memiliki preferensi masing-masing) maka penulis tidak akan menjelaskan ataupun menyarankan salah satu teks editor lagi. Jelasnya, notepad sangat tidak disarankan. Penulis sendiri ialah pengguna teks editor vim [1] akut. Penutup

Sebelum melanjutkan ke bagian berikutnya, pastikan anda telah memiliki semua perangkat yang disarankan pada bab ini. Pembelajaran perancangan web akan menjadi lebih menyenangkan dan mudah ketika anda memiliki semua perangkat yang memudahkan anda dalam melakukan tugas anda. Ingat, tanpa perangkat yang benar, seorang ahli pun tidak dapat menghasilkan karya optimal!

Add a comment

Related presentations

Related pages

Perangkat Lunak dasar web Dinamis - Dengklok City

Perangkat Lunak dasar web Dinamis Kamis, 03 Februari 2011. ... Oya sistem pengembangan web dinamis lebih baik jika menggunakan versi yang mendukung.
Read more

RPP SMK TKJ Pemrograman WEB - Silabus dan RPP Kurikulum ...

B. Kompetensi Dasar: 3.1. Memahami konsep teknologi aplikasi web. 4.1. ... Perangkat pengembangan aplikasi web. F. Metode Pembelajaran :
Read more

Ebook Rekayasa Perangkat Lunak - ebook.dede-gunawan.web.id

... Pemrograman Web, Pemrograman ... Pengenalan serta Konsep dasar rekayasa perangkat ... Metodologi pengembangan perangkat lunak atau disebut juga ...
Read more

SILABUS C2 PEMROGRAMAN WEB KELAS X - scribd.com

SILABUS MATA PELAJARAN PEMROGRAMAN WEB (DASAR PROGRAM KEAHLIAN ... aplikasi web • Perangkat pengembangan ... • Learning Web Design 4th ...
Read more

SILABUS MATA PELAJARAN PEMROGRAMAN WEB (DASAR PROGRAM ...

SILABUS MATA PELAJARAN PEMROGRAMAN WEB (DASAR PROGRAM KEAHLIAN ... •Perangkat pengembangan aplikasi web ... •Learning Web Design 4th ...
Read more

webdesign dasar : 08 form - Education - dokumen.tips

webdesign dasar : 09 mengubah tampilan form 1. Mengubah Tampilan Form Pada bagian sebelumnya, ... webdesign dasar : 02 perangkat pengembangan web 1.
Read more

Pengertian Rekayasa Perangkat Lunak - . Ganeshasoftmedia

Perangkat lunak sering diartikan sederhana sebagai : ... Tips Pengembangan Website; Web Design ... Copyright 2013 Ganeshasoftmedia.com. Jasa Web Design ...
Read more