https://www.facebook.com/endradwiputra 1

MATERIKONSEP TEKNOLOGI WEB PAGE

1. Profesi dalam pengembangan aplikasi web Ada banyak ragam dalam profesi di dalam bidang Teknologi Informasi, bagaimana dengan profesi yang berada dalam lingkungan pengembangan aplikasi web? Berikut ini adalah profesi-profesi yang langsung terkait dalam pengembangan aplikasi web, diantaranya :

A. Web Designer Seorang desainer Web adalah orang yang bertanggung jawab untuk menentukan tampilan sebuah website

B. Web Programmer Web Programmer bertugas dalam melakukan pengcodingan atau pemograman sebuah website agar dinamis.

C. Web Administrator Tugasnya adalah untuk memaintenance suatu server, mengerti akan Sistem Operasi Server, baik itu mulai dari instalasi sampai kepada masalah (troubleshooting).

D. Web Master Seoarang Web Master adalah seorang yang mengerti akan kesemua hal mulai dari disain, program dan keamanan server namun tidak terlalu turut mencampuri ke masing-masing divisi, cukup dengan mempertanggun jawabkan atas jalannya suatu situs (web).

2. Sejarah web

Internet adalah jaringan komputer yang saling terhubung. Tidak ada perusahaan yang memiliki internet, yang merupakan upaya kerja sama diatur oleh sistem standar dan aturan. Tujuan dari menghubungkan komputer bersama-sama, tentu saja, adalah untuk berbagi informasi. Ada banyak cara informasi dapat dikirimkan antar komputer, termasuk email, transfer file (File Transfer Protocol), dan banyak layanan yang lebih khusus yang dibangun dalam layanan Internet. Metode ini standar untuk mentransfer data atau dokumen melalui jaringan dikenal sebagai protokol.

WWW dikembangkan pertama kali di Pusat Penelitian Fisika Partikel Eropa (CERN : Organisation Europeenne pour la Recherche Nucleaire), Jenewa, Swiss. Pada tahun 1989 Berners-lee membuat pengajuan untuk proyek pembuatan hiperteks global, kemudian pada bulan Oktober 1990, 'World Wide Web' sudah dapat dijalankan dalam lingkungan CERN. Pada musim panas tahun 1991, WWW secara resmi digunakan secara luas pada jaringan Internet.

3. Cara Kerja Web

Bagaimana cara kerja website? Cara kerja website pada dasarnya yaitu input, proses dan output. Website adalah halaman informasi yang disediakan melalui jalur internet sehingga bisa diakses di seluruh dunia selama terkoneksi dengan jaringan internet. Website merupakan komponen atau kumpulan komponen yang terdiri dari teks, gambar, suara, video, animasi dan lain sebagainya. Sehingga lebih merupakan media informasi yang menarik untuk dikunjungi. Semua website pasti mempunyai domain dan web server. Domain bisa kita

https://www.facebook.com/endradwiputra

analogikan sebagai alamat rumah, sedangkan web server sebagai rumah untuk menyimpan berbagai perabotan rumah tangga.Bagaimana cara website beke

Pertama, misal Anda ingin mencari informasi melalui mesin pencari (

Tentunya Anda terlebih dahuluExplorer, Mozilla, Chrome, Opera, dan lain sebagainya yang telah terkoneks

Anda lalu mengetikan URL (www.google.com atau google.com.

Nah pada saat itu domain yang Andakarena komputer Anda sebenarnya hanya bisa mengakses alamat IP. Tugas penerjemahan ini dilakukan oleh Domain Name Systembantuan DNS server yang terdaftar untuk menerjemahkan nama domain tersebut. DNS server menemukan alamat google.com dan memberikan alamat IPBrowser Anda segera menuju server dengan alamat IP yang didapatkan dari DNS server dan meminta halaman yang tersedia didalam web server tersebut.

Setelah web server menerima permintaan ((process) dan memberikan hasil data (gambar cara kerja websit

3. Perangkat Pengembang Aplikasi Web

Untuk perangkat pengembangan aplikasi web dapat dikelompokan menjadi perangkat keras dan perangkat lunak.

A. Perangkat Keras

Untuk lingkungan pengembangan web yang nyaman, berikut ini peralatan yang disediakan: Komputer Utama, dengan operating system Macintosh, Windows, ataupun Linux.

Perusahaan pengembangan web profesional cenderung berbasis Macintosh.

https://www.facebook.com/endradwiputra

analogikan sebagai alamat rumah, sedangkan web server sebagai rumah untuk menyimpan berbagai perabotan rumah tangga.Bagaimana cara website bekerja?

ingin mencari informasi melalui mesin pencari (search engine

Tentunya Anda terlebih dahulu akan menjalankan aplikasi web browser baik itu Internet Explorer, Mozilla, Chrome, Opera, dan lain sebagainya yang telah terkoneks

Anda lalu mengetikan URL (Uniform Resource Locator) atau domain di web browser, misal www.google.com atau google.com.

Nah pada saat itu domain yang Anda ketikkan tersebut perlu diterjemahkan menjadi alamat IP karena komputer Anda sebenarnya hanya bisa mengakses alamat IP. Tugas penerjemahan ini

Domain Name System (DNS), karena itu komputer Anda akan memintabantuan DNS server yang terdaftar untuk menerjemahkan nama domain tersebut. DNS server menemukan alamat google.com dan memberikan alamat IP-nya kepada browser Anda. Browser Anda segera menuju server dengan alamat IP yang didapatkan dari DNS server dan

inta halaman yang tersedia didalam web server tersebut.

Setelah web server menerima permintaan (request), web server lalu akan memprosesnya ) dan memberikan hasil data (output). Untuk lebih jelasnya silahkan lihat ilustrasi

gambar cara kerja website di bawah ini

Perangkat Pengembang Aplikasi Web

Untuk perangkat pengembangan aplikasi web dapat dikelompokan menjadi perangkat keras dan

Untuk lingkungan pengembangan web yang nyaman, berikut ini peralatan yang

, dengan operating system Macintosh, Windows, ataupun Linux. Perusahaan pengembangan web profesional cenderung berbasis Macintosh.

2

analogikan sebagai alamat rumah, sedangkan web server sebagai rumah untuk menyimpan

search engine) Google.

akan menjalankan aplikasi web browser baik itu Internet Explorer, Mozilla, Chrome, Opera, dan lain sebagainya yang telah terkoneksi internet.

) atau domain di web browser, misal

ketikkan tersebut perlu diterjemahkan menjadi alamat IP karena komputer Anda sebenarnya hanya bisa mengakses alamat IP. Tugas penerjemahan ini

(DNS), karena itu komputer Anda akan memintabantuan DNS server yang terdaftar untuk menerjemahkan nama domain tersebut. DNS server

nya kepada browser Anda. Browser Anda segera menuju server dengan alamat IP yang didapatkan dari DNS server dan

), web server lalu akan memprosesnya ). Untuk lebih jelasnya silahkan lihat ilustrasi

Untuk perangkat pengembangan aplikasi web dapat dikelompokan menjadi perangkat keras dan

Untuk lingkungan pengembangan web yang nyaman, berikut ini peralatan yang sebaiknya

, dengan operating system Macintosh, Windows, ataupun Linux.

https://www.facebook.com/endradwiputra 3

Memori tambahan. sebaiknya computer memiliki memori yang besar, karena dalam pengembangan web cenderung kita akan membuka beberapa aplikasi sekaligus.

Sebuah monitor besar. Meskipun bukan keharusan, monitor besar memudahkan untuk desainer visual. Semakin besar monitor, semakin banyak jendela dan panel kontrol dapat terbuka pada waktu yang sama.

B. Perangkat Lunak

Untuk perangkat lunak pengembangan web dapat dikelompokkan menjadi beberapa, diantaranya :1. Web page authoring

Ini adalah kelompok perangkat lunak seperti desktop publishing tetapi format yang dihasilkan adalah halaman web. Aplikasi ini biasanya bersifat “WYSIWYG” (What You See Is What You Get, dibaca “whizzy-wig”) yaitu apa yang kamu lihat, itulah yang kamu dapatkan. Jadi aplikasi ini biasanya ketika membuat tampilannya seperti yang akan dihasilkan. Beberapa contoh aplikasi yang termasuk dalam kelompok ini : Adobe Dreamweaver, aplikasi ini berbayar dan dibawah lisensi perusahaan Adobe, aplikasi

ini banyak digunakan oleh pengembang web. Memiliki banyak fasilitas dan fiture. Microsoft Expression Web (lisensi dari Windows). Bagian dari Microsoft’s suite yang

merupakan aplikasi perancangan professional. Nvu (Linux, Windows, dan Mac OS X). Tidak ingin membayar untuk Editor WYSIWYG?

Nvu (diucapkan N-view, untuk "pandangan baru") adalah sebuah aplikasi open source (sumber terbuka) yang cocok dengan banyak fitur dalam Adobe Dreamweaver, dan dapat diunduh secara gratis di nvu.com.

2. Editor Ini adalah kelompok perangkat lunak yang kebalikan dari Adobe Dreamweaver Microsoft Expression Web. Aplikasi ini tidak lagi “WYSIWYG” (What You See Is What You Get”) tetapi lebih ke kode HTML. Beberapa contoh aplikasi yang termasuk dalam kelompok ini :

TextPad (Windows saja). TextPad adalah plain-text sederhana dan murah untuk editor kode di Windows.

Teks Sublime (Window, Mac, Linux). Editor teks ini terlihat dipreteli namun memiliki banyak fungsi (seperti kode warna dan ikhtisar kode penuh) bagi pengembang web.

Coda oleh Panic (hanya Macintosh). Pengguna Coda seperti alur kerja yang visual, alat-alat manajemen file, dan built-in akses terminal.

Textmate oleh MacroMates (hanya Macintosh). Editor teks canggih ini memiliki alat manajemen proyek dan antarmuka yang terintegrasi dengan sistem operasi Mac. Hal ini semakin populer karena disesuaikan, kaya fitur, dan murah.

BBEdit oleh Bare Bones Software (hanya Macintosh). Untuk pengembang web banyak fitur shortcut yang besar telah membuat editor terkemuka berbasis Mac .

3. Aplikasi editing gambar dan menggambar Untuk menambahkan gambar ke halaman web, akan perlu program editing gambar. Berikut

ini beberapa aplikasi yang cukup populer : Adobe Photoshop. Photoshop dapat dikatakan sebagai standar industri untuk penciptaan

gambar baik dalam cetak maupun dunia web.

https://www.facebook.com/endradwiputra 4

Adobe Photoshop Elements. Versi ini lebih ringan dari Photoshop dirancang untuk mengedit foto dan manajemen, tetapi beberapa penggemar menemukan bahwa ia memiliki semua alat yang diperlukan untuk menempatkan gambar pada halaman web