WEB,WWW,TOOL,WEB SERVER,WEB BROWSER

A.WEB

Pengertian WEB: Website adalah sebuah kumpulan dari halaman web yang saling berhubungan dan dapat diakses melalui halaman depan (home page) menggunakan sebuah browser. Sebagai contoh, untuk alamat website Niagahoster adalah https://www.niagahoster.co.id, jika diakses maka akan tampil home page.

Manfaat WEB:

              1. Murah

       Tentu Anda sering melihat berbagai jenis iklan yang ditampilkan melalui media cetak, radio,                 televisi atau yang lainnya, dan itu harganya cukup mahal.

              2. Media Iklan

       Sebuah webiste adalah media yang sangat membantu ketika digunakan untuk iklan dan                         pemasaran produk.

              3. Kepuasan Pelanggan

       Jika website Anda sudah menampilkan informasi produk dengan sangat lengkap, besar                         kemungkinan pembeli akan langsung melakukan pemesanan. Ini adalah hal yang sangat                       penting bagi pelanggan,karena mereka tidak perlu datang langsung ke toko untuk mencari tahu           mengenai produk Anda.

B.WWW

    Pengertian WWW: World Wide Web adalah suatu ruang informasi di internet yang digunakan oleh pengenal global yang disebut dengan Pengidentifikasi Sumber Ragam/ URI untuk mengenali sumber daya berguna. WWW berisi kumpulan peladen web dari berbagai seluruh bagian dunia untuk menyediakan informasi dan data yang bisa digunakan bersama.

    Manfaat WWW:World Wide Web ini berfungsi untuk menyediakan data dan informasi apapun dan dari manapun agar dapat diakses orang lain dari seluruh bagian dunia. Dengan adanya WWW di internet dapat memberikan kemudahan dan kecanggihan pengguna internet secara lebih cepat dan mudah.

C.WEB SERVER

    Pengertian: Web Server adalah perangkat lunak yang memberikan layanan atau service      kepada client untuk menerima request HTTP maupun HTTPS dari client yang                                      dikenal. Client yangdimaksud adalah Web Browser.

     

    Manfaat: Web Server adalah memproses berkas-berkas yang diminta oleh klien dan          kemudian memberikan respon berupa halaman  website yang terdiri dari teks, gambar, video, dokumen, dan sebagainya. Proses ini dilakukan melalui sebuah protokol komunikasi yang telah ditentukan sedemikian rupa 

    Cara kerja: Web Server berperan sebagai pihak server, sementara web browser berperan sebagai pihak klien. Saat seorang pengguna internet memasukkan sebuah alamat website melalui browser tertentu (IE, Chrome, atau Firefox), maka selanjutnya browser akan memproses permintaan tersebut dengan mengirimkannya ke web server sesuai alamat yang diminta, kemudian menunggu hasilnya untuk beberapa saat.

D.WEB BROWSER

Pengertian: Web Browser atau internet browser adalah sebuah aplikasi perangkat lunak       untuk melintasi, mengambil, dan menyajikan sumber informasi di World Wide Web (WWW). Sumber informasi diidentifikasi dengan Uniform Resource Identifier (URL) termasuk sebuah halaman web, gamber, video atau bagian lain dari konten web.

Pengertian dari segi fungsi: Tujuan utama web browser adalah untuk membawa sumber informasi kepada pengguna. Proses ini dimulai ketika pengguna memasukan sebuah Uniform Resource Identifier (URL), Misalnya http://catatantempel.blogspot.com ke dalam browser.

Fungsi Web Browser:

                        A.Caching

                          Bertujuan untuk mereduksi penggunaan bandwidth,                            mengurangi kesibukan web server, mencegah terjadinya lag.                      Dengan cara menyimpan data dan instruksi yang sering                                digunakan/diakses.

               B.Authentication

                           Authentication adalah suatu proses untuk melakukan                          validasi terhadap identitas user, yang ditujukan untuk                                  menentukan apakah seorang user diperkenankan untuk                              mengakses jaringan.

              C.State Maintenance

                           Sebuah mekanisme untuk memastikan bahwa web                              browser tetap stabil baik untuk merequest ataupun untuk                            merespon.

              D.Requ/esting supporting data item

                           Mekanisme yang dilakukan untuk meminta item yang                           mendukung data yang diminta oleh user.

              E.Taking action in responses to other header &                         status code

                            Setiap kali mengunjungi suatu halaman web, komputer                       akan meminta data dari server melalui HTTP.

              F.Rendering complex object 

                            Proses menangkap segala sesuatu yang ada di dalam                           halaman web serta efek-efek yang terdapat didalamnya.                               Sehingga halaman yang ditampilkan sesempurna mungkin.

           G.Dealing with error condition

                            Handling atau penanganan error yang terjadi.

Cara Kerja Web Browser: Misalkan saya ingin membuka   sebuah situs, kemudian saya   mengetikkan alamat url dari   blog yang dituju pada   browser.   Kemudian alamat tersebut akan dilewatkan oleh suatu protocol HTTP melewati port 80 atau 443 pada server. Web browser akan mengirimkan suatu aturan yang biasa disebut protocol, protocol yang biasa digunakan adalah TCP/IP. Setelah dikirimkan ke web server, maka web server akan merespon request dari web browser tersebut. Web server akan memeriksa web file, apakah ada atau tidak alamat yang di request oleh browser tadi dan mengirimkan kembali, lalu browser akan menerjemahkan coding HTML yang dikirimkan oleh server menjadi suatu halaman web. Namun jika halaman tersebut tidak ada di dalam web server maka respon yang dikirimkan berupa pesan dengan kode 404 yang berarti tidak ditemukan.

                 

E.KEGUNAAN TOOL EDITOR YANG DIGUNAKAN UNTUK WEB

1. Firebug

            Tool yang dikembangkan oleh Firefox sebagai add-on Browser memungkinkan untuk melakukan debuging pada HTML, CSS dan Javascript dalam browser. Sangat developer friendly, mudah digunakan.

https://addons.mozilla.org/en-US/firefox/addon/firebug/

2. HTML Entity Character Lookup

           Tool ini digunakan untuk mendapatkan entitas karakter HTML dengan mudah. Anda tingga menuliskan simbol atau karakter yang diinginkan maka tool ini akan menampilkan entitas HTML nya.

http://entity-lookup.leftlogic.com/

3. Adobe Edge Inspect

           Platform baru dari Adobe ini memberikan pengembang cara yang baik untuk membangun website interaktif. Dengan bantuan alat ini, anda dapat membuat aplikasi mobile dan responsif dengan CSS dan HTML.

http://html.adobe.com/edge/

4. Load Impact

              Load Impact adalah layanan berbasis cloud untuk pengujian loading dan optimasi website anda berdasarkan banyaknya pengguna pada website anda.

http://loadimpact.com/

5. Cloud9 IDE

               Cloud9 IDE adalah alat untuk membantu anda berkolaborasi dengan orang lain pada proyek-proyek skala besar. Memungkinkan pengembang di seluruh dunia mengedit kode yang sama dan chatting bersama-sama secara realtime.

https://c9.io/

6. PixelDropr

               Photoshop plugin ini dapat membantu anda membuat berbagai macam ilustrasi, tombol dan ikon dengan mudah. Semua elemen yang didapat dalam bentuk file PSD.

http://pixeldropr.com/

7. Foundation

               Tool ini digunakan untuk membantu dalam proyek desain responsif website. Membuat fondasi website lebih mudah, gaya, fleksibel dan terstruktur.

http://foundation.zurb.com/

8. Fontello

              Icon Generator ini memberikan anda kemudahan untuk mempercantik website dengan icon-icon menarik. Pilih ikon yang anda inginkan dan Fontello akan men-generate menjadi font web. Anda juga dapat mengedit dan menyesuaikan kode simbol dan nama.

http://fontello.com/

9. FavIcon Generator

              Tool ini dapat membantu anda dalam membuat favicon untuk website anda.

http://tools.dynamicdrive.com/favicon/

10. Cloud Comp

              Tool ringan dan mudah digunakan ini akan membantu anda berbagi situs web dan aplikasi dengan orang lain.

http://cloudcmp.co/

11. Lorem Ipsum

               Tool yang digunakan untuk memberikan contoh text atau konten dengan text dummy.

http://www.lipsum.com/

12. Blokk

               Blokk adalah tool untuk konten dummy. Sama seperti lorem ipsum, hanya saja Blokk dikhususkan untuk klien-klien yang merasa bingung dengan bahasa lorem ipsum

Manfaat Tool Editor Web

             Manfaat dari Tool editor web yaitu dapat digunakan untuk melihat website yang didaftarkan di mesin pencari Google Index, Crawl, Search Traffik, dan lainnya. Berikut adalah manfaat yang diberikan dari Google Webmaster Tool :

        1. Informasi Kinerja Situs

                           Bagaimana cara kita agar bisa melihat secepat apa loading dari situs yang kita                             miliki? Nah salah satu caranya adalah dengan menggunakan Google Lab’s dari

                 Webmaster Tool. Dengan menggunakan Google Lab’s kalian akan ditunjukkan seberapa                        cepat situs ketika diakses dibandingkan dengan situs lainnya. Kamu bisa melihat dari                            grafik history kecepatan.

        2. Konfigurasi Blog

                            Fungsinya adalah untuk mengatur target geografis blog sesuai dengan tujuan, URL                    parameter, perubahan alamat, pengaturan pengguna Google Webmaster Tool dan lainnya.

       :3. Informasi Aktivitas Situs, seperti berikut 

                               • Melihat URL aja saja yang sudah di index oleh Google

                               • Melihat link yang lebih banyak di klik oleh pengunjung

                               • Melihat grafik kesalahan Crawl, kesalahan server dan juga kesalahan URL

                               • Melihat kesalahan Crawl oleh Google, kesalahan server dan juga kesalahan URL

Jenis Jenis tool editor digunakan untuk web

1. Notepad

            Notepad adalah editor asli bawaan dari windows/Microsoft. Bagi pengguna Operating System windows pasti sudah terbiasa melihat atau menggunakan applikasi ini. Biasanya untuk pemula direkomendasikan menggunakan notepad biasa ini. Karena notepad yang harus serba manual mengajarkan kita cara menghafal penempatan coding-coding.

2. Notepad ++

           Notepad++ hampir sama dengan notepad biasa, namun fitur lebihnya adalah pewarnaan pada code-code tertentu sehingga akan sedikit memudahkan penggunanya.

3. Sublime-Text

           Memiliki banyak fitur yang mempermudah penggunanya dan eye catching(tampilan menarik). Kekurangannya adalah software ini adalah software berbayar tidak gratis :p

4. NetBeans

          Cukup baik untuk coding web, namun tidak direkomendasikan untuk PC yang memory seadanya. Karena akan membuat process yang memakan memory cukup besar.

5. Adobe Dreamweaver

           Editor yang paling sering saya gunakan, bisa multi-tab. Tampilan keren eye catching dan tidak terlalu memakan banyak memori PC anda. Kekurangan software ini adalah software berbayar.

6. Araneae

           Merupakan teks editor yang digunakan untuk file html dengan syntax highlighting, panjang dokumen tidak terbatas, mendukung drag & drop gambar, instan browser preview, dapat membuka beberapa tab sekaligus, dan sudah support untuk berbagai bahasa.

7. Crimson Editor

            Free text editor ini sementara dapat berfungsi sebagai pengganti yang baik untuk Notepad, CE juga menawarkan banyak fitur canggih untuk bahasa pemrograman seperti html, C/C + +, Perl, dan Java.

8. ATPad

            ATPad adalah pengganti dari Notepad standar. Berikut fitur-fitur didalamnya: multi tab, tampilan editornya dapat disesuaikan, terdapat garis penomoran, recent documents, bookmark, reload on-demand, change tracking, reloading ininterval, serta portability.

9. EditPad Lite

           Merupakan free text editor yang menyajikan banyak aspek di luar Windows Notepad. Jika Anda menggunakan sebuah text editor untuk hal-hal seperti HTML coding atau menulis script atau file batch maka EditPad bisa jadi opsi baru. Untuk fiturnya sebagai berikut:

                                              - Multi tabs, kamu bisa membuka banyak tab sekaligus

                                              - Tidak ada batasan untuk ukuran file atau panjang baris teks

                                              - Memiliki kemampuan untuk mengedit Unicode, DOS, KO18, dan                                                          halaman kode EBCDIC

                                              - Support untuk berbagai jenis bahasa

10. Google Web Designer

             Baru-baru ini google juga meluncurkan text editor. Design yang keren dan fitur-fitur yang memanjakan penggunanya. Beberapa fitur tersebut diantaranya adalah fitur manipulasi 3D, ilustrasi tools, dsbnya.