Pengertian Web Server, Web Browser dan Web Editor

Web Server

        Yang dimaksud dengan Web Server adalah Web Server merupakan software yang memberikan layanan data yang berfungsi menerima permintaan HTTP dan HTTPS dari klien yang dikenal dengan browser web dan mengirimkan kembali hasilnya dalam bentuk halaman-halaman web yang umumnya berbentuk dokumen HTML. Web Server terbagi menjadi 2 bagian yaitu:

1. Web Client Programming yaitu: Pemograman Web yang ditentukan pada sisi client. 

    yang termasuk dalam Web Client Programming adalah HTML, JavaScript dan VBScript 

2. Web Server Programming yaitu: Pemrograman web yang ditentukan pada sisi server

     Yang termasuk dalam Web Server Programming adalah ASP, PHP, JSP, Coldfusion dan

     ASP.NET

      Fungsi Utama dari Web Server ialah Mentransfer berkas atas permintaan pengguna melalui protokol komunikasi yang telah ditentukan. Web Server mempunyai beberapa macam, diantaranya:

1. Apache Web Server

           adalah Sebuah nama Web server yang bertanggung jawab pada request-reponse dan logging informasi detail. Apache merupakan web server yang sering digunakan saat ini karena sifatnya yang opensource dan mudahnya mengkostumisasikannya. diantaranya dengan menambahkan support secure protocol melalui ssl dan konektifitasnya dengan database server melalui bahasa scripting PHP .

2.Microsoft windows Server 2003 Internet Information Services (IIS)

           adalah Sebuah HTTP Web Server yang digunakan dalam sistem operasi server Windows

 

3.Lighttpd

          adalah Web server yang menggunakan kemudahan dalam mengkonfigurasi virtual host

4. Apache Tomcat

         adalah Server yang berfungsi untuk menjalankan servlet saat ada request dari client.Di Tutorial ini saya menggunakan Eclipse Juno.

Link Download:
1. Web Server Apache
2. Web Server Intenet Information Service 

3. Web Server Lighttpd

Web Browser

                  Web browser adalah Suatu program atau software yang digunakan yang digunakan untuk menjelajahi internet atau untuk mencari informasi dari suatu web yang tersimpan di dalam komputer. Dengan menggunakan web browser para pengguna internet dapat mengakses berbagai informasi yang terdapat di internet dengan mudah. Beberapa contoh Web browser diantaranya adalah Internet Explorer, Mozilla Firefox, Google Chrome, Opera Mini dll

1. Internet Explorer

2. Mozilla Firefox

3. Google Chrome

4. Opera Mini

Link Download:
1. Web Browser Internet Explorer
2. Web Browser Mozilla Firefox
3. Web Browser Opera Mini
4. Web Browser Google Chrome 

Web Editor
                yang maksud dengan Web Editor ialah Web/ HTML Editor adalah Perangkat lunak yang digunakan untuk membuat halaman-halaman web, baik yang bersifat statis maupun dinamis. Sebuah web statik adalah salah satu web yang dimaintaining secara manual oleh beberapa orang yang menggunakan software editor, karena di dalam web statik merupakan salah satu website yang isi di dalam website tersebut tidak dimaksudkan untuk di update secara berkala

Ada 3 tipe kategori software editor yang biasa dipakai untuk tujuan maintaining, diantaranya adalah:

1. Elemen 1 Penyunting Text
                     maksudnya adalah Dimana HTML di ubah di dalam program editor tersebut. Contoh
    dari elemen 1 tersebut ialah Notepad dan Text Edit.

* Notepad++
                     adalah Sebuah penyunting teks dan penyunting kode sumber yang berjalan di sistem operasi Windows. Notepad++ menggunakan komponen Scintilla yang dapat menampilkan dan menyuntingan teks dan berkas kode sumber berbagai bahasa pemograman.

* Text Edit

              Editor teks adalah jenis program yang digunakan untuk mengedit file teks biasa. Editor
     teks sering disediakan dengan sistem operasi atau paket pengembangan perangkat lunak, dan
     dapat digunakan untuk mengubah file konfigurasi dan pemrograman kode sumber bahasa.

2. Elemen WYSIWYG
                       Maksudnya adalah Web di edit menggunakan GUI (Graphical User Interface) dan format HTML ini secara otomatis di generate oleh editor ini. Contoh dari elemen WYSIWYG adalah Microsoft Frontpage dan Macromedia Dreamedia

* Microsoft Frontpage
               Microsoft FrontPage (atau Microsoft Office FrontPage) merupakan
       sebuah program aplikasi editor HTML yang berbasis WYSIWYG dan juga bertindak sebagai
       alat bantu administrasi situs web yang dikembangkan  oleh Microsoft untuk jajaransistem
       operasi Windows.

* Macromedia Dreamweaver

         Sebuah software HTML editor profesional yang digunakan untuk mendesain secara visual dan mengelola situs web maupun halaman web

3. Elemen yang Memiliki Templat

                       Elemen yang dimana editornya ini membolehkan user untuk membuat dan mengupdate websitenya langsung ke server web secara cepat tanpa harus mengetahui apapun tentang HTML,contoh dari elemen templat adalah Rapidweaver dan iWeb

* Rapidweaver
               Software yang menyediakan fasilitas pembuatan situs tanpa harus mengerti kode HTML

* iWeb 

        

Link Download: 
1. Web Editor Notepad++
2. Web editor Macromedia-dreamweaver

Pengenalan Web Programming

          Kita semua sering sekali memakai web untuk mengakses kebutuhan kita melalui internet, kata

Web berasal dari kata Web Programming ( English ) yang digunakan sebagai pembuatan kode sumber yang diperlukan saat kita membuat sebuah Web. Web Programming mempunyai beberapa bagian diantaranya yaitu HTML, PHP, Java, Javascrip dsb. Berikut adalah pengertian dan contoh dari beberapa bagian dari Web Programming tersebut:

A. HTML (HyperText Markup Language) 
         adalah Dasar atau fondasi dari semua isi yang terlihat atau nampak dalam WWW yang terdiri dari 2 bagian dasar yaitu isi keterangan dan sebuah set dari perintah yang memberitahu Anda bagaimana menampilkan isinya

Contoh membuat HTML:


B. PHP (PHP Hypertext Preprocessor) 
           adalah Sebuah skrip bahasa bawan server, maksudnya PHP bekerja dengan dokumen HTML untuk menghasilkan isi Web dengan permintaan sehingga data tersebut diperbaharui selalu 

C. Java
          adalah Teknologi yang digunakan untuk membuat dan menjalankan perankat lunak pada komputer/ lingkungan jaringan

Contoh program message dialog di Java



D. JavaScript
        Merupakan bahasa pemograman yang bisa digunakan untuk menambah interaksi pada halaman web

Contoh dari Javascript

       Di dalam web programming juga terdapat program utama yaitu XAMPP. XAMPP merupakan singakatan dari X (empat system operasi apapun), Apache, Mysql, PHP, Perl. XAMPP merupakan Program yang paling dibutuhkan, karena posisi XAMPP adalah sebagai web server dari programming tersebut.Berikut pengertian dari XAMPP :

1. X (Empat System Operasi Apapun)
         
2. Apache 

            adalah Menghasilkan halaman web yang benar kepada peminta

3. Mysql

            adalah Database yang mengunakan bahasa SQL (Structured Query Language). Mysql diguanakan untuk mengakses dan memanage data pada web dengan mudah, efisien dan efektif. Mysql juga mempunyai standart port yaitu sebesar "3306", standart port tersebut menunjukan bahwa web yang di akses dalam keadaan ama.

4. PHP

              adalah  Sebuah Skrip bahasa bawaan server

5. Perl

             adalah Bahasa Pemograman untuk segala keperluan

          Sebagai server utama XAMPP juga mempunyai program yang membantu dalam menjalankan fungsinya yaitu HTDOCS, PHP coder dan Web Browser, fungsi dari 3 program tersebut ialah:

* HTDOCS

            fungsi dari HTDOCS ialah Isi dari web server (aplikasi web)

* PHP Coder 

            fungsi dari PHP Coder ialah Sebagai editor untuk mengisi program

* Web Browser
            Fungsi dari Web Browser ialah Link/ Situs untuk membuka, contohnya: Opera Mini, Google Chrome, mozilla firefox, Internet Explorer


Berikut adalah cara browser menggunakan web programming:
-----> Saat browser (Orang) yang menggunakan web server, server akan mengirimkan datanya ke database, setelah database menemukan data yang dicari database akan mengirimkan kembali ke web server.

Orang--->Web server--->Database--->Web Server

      Di dalam web server kita sering melihat HTTP atau pun HTTPS, nama tersebut disebut dengan Protokol, contoh dari protokol tersebut ialah https://www.google.com/ atau http://venaaritonang.blogspot.com. Mengapa berbeda? Perbedaan tersebut dikarenakan "Port" yang dibuat, HTTP mempunyai kekuatan port sebesar 80, sedangkan untuk HTTPS mempunyai port sebesar 43 itu sebabnya web yang menggunakan HTTPS lebih aman.

      Selain Web server yang kita tahu, ada suatu struktur yang dinamakan Struktur Navigasi yang dimana ginukan untuk Membuat suatu aplikasi multimedia dan gambarnya harus sudah ada dalam perancangan. Struktur tersebut terbagi menjadi 4 bagian yaitu Struktur Linier, Struktur Hirarki (bercabang), Struktur Navigasi non-linier dan Stuktur Campuran.

A. Stuktur Linier 

                 adalah Struktur yang hanya mempunyai 1 barisan saja/ tidak bercabang, 

     Contoh: Di dalam home detik.com kita melihat: detikNews, detikFinance, detikHot dsb. 

B. Struktur Hirarki (Bercabang)

                 adalah Struktur yang tidak hanya mempunyai 1 halaman, tetapi mempunyai banyak anak halaman

     dari home tersebut

     Contoh: Saat kita membuka detik.com ---> Home ---> detikNews ---> Info lain

C. Struktur Navigasi Non-linier 

                adalah Struktur yang bercabang tetapi tidak berurut yang tidak memiliki master 

D. Struktur Campuran

                adalah Stuktur yang menggunakan lebih dari 1 Halaman dan biasanya orang yang ingin

     menggunakan sarana web tersebut harus log in terlebih dahulu

     Contoh: Gmail, Blogger dsb

      Dari semua penjelasan di atas cara untuk mengoperasikan Web Server (XAMPP) adalah:

Download dan Instal XAMPP ---> Buka XAMPP Control Panel yang berguna untuk mengaktifkan service ---> Buka PHP coder untuk mengisi/ mengedit hal yang ingin ditulis ---> Buka web localhost melalui web browser untuk mengecek hasil edit

* Cara di dalam PHP Coder

 Buka PHP Coder Pro ---> Ketik nama yang di inginkan ---> File ---> Save As ---> Klik XAMPP ---> klik HTDOCS di dalam XAMPP ---> buat folder baru (nama bebas) ---> save dengan extensi "php" ---> buka web browser ---> ketik localhost/(nama yang dibuat)

Demikian pengenalan tentang web programming, semoga sukses :)