Kamis, 06 Oktober 2016

PEMROGRAMAN WEB

Tugas 1

1.Dasar-dasar Pemrograman Berbasis Web
Beberapa konsep dasar pemrograman berbasis web, yaitu:
1.    Komunikasi antara web browser dan web server berdasarkan protokol HTTP.
2.    Dokumen dan semua sumber daya apapun di jaringan yang dikehendaki di identifikasi dengan Universal Resource Locator (URL).
3.    Dokumen web ditulis berdasarkan standar HTML.
4.    Pemrograman sisi klien (client-side scripting) dan Java applet.
5.    Pemrograman sisi server (server-side scripting atau programming).
Sistem Berbasis Web atau Aplikasi Berbasis Web adalah sebuah sistem yang dibangun dengan konsep rekayasa web (web engineering) dan diaplikasikan secara online melalui media internet. (Marlina, 2010).

B. World Wide Web
World Wide Web ("WWW", atau singkatnya "Web") adalah suatu ruang informasi dimana sumber-sumber daya yang berguna di identifikasi oleh pengenal global yang disebut Uniform Resource Identifier (URI). WWW sering dianggap sama dengan Internet secara keseluruhan, walaupun sebenarnya ia hanyalah bagian dari padanya.

C. Web Browser
Web Browser adalah perangkat lunak yang mulanya hanya untuk menampilkan (rendering) dokumen web atau HTML. Namun saat ini, web browser harus mampu mengeksekusi JavaScript atau VBScript, menjalankan Java Applet, memahami dokumen XML, dan menjalankan dokumen tertentu dengan fasiltias plug-in seperti file.swf Macromedia Flash dan sebagainya. Disamping itu web browser juga mempunyai fasilitas kenyamanan pemakai seperti dapat membuka lebih dari satu jendela, manajemen alamat web yang bagus, pengamanan yang memadai dan sebagainya. Contoh: Internet Explorer, Mozilla Firefox, Opera.

D. Web server
Web server adalah HTTP server sebagai penyedia dokumen yang diminta web browser. Saat ini, web server telah kompleks karena harus melayani banyak hal dan bahkan menjadi pusat layanan-layanan lain. Web server telah menjadi komponen terpenting di application server. Web server harus mampu melayani permintaan dokumen yang diminta web browser, dan mampu disetting berinteraksi dengan program JSP, ASP, PHP, secara CGI dan sebagainya. Contoh: Apache, IIS.

E. Web service                                                                                                                                                                             Web service adalah suatu sistem perangkat lunak yang dirancang untuk mendukung dan berinteraksi antar sistem pada suatu jaringan. Web service digunakan sebagai suatu fasilitas yang disediakan oleh suatu web site untuk menyediakan layanan (dalam bentuk informasi) kepada sistem lain, sehingga sistem lain dapat berinteraksi dengan sistem tersebut melalui layanan-layanan (service) yang disediakan oleh suatu sistem yang menyediakan web service. Web service menyimpan data informasi dalam format XML, sehingga data ini dapat diakses oleh sistem lain walaupun berbeda platform, sistem operasi, maupun bahasa compiler. (Pibriana, 2010).


F. Web Programming
Web dapat dikategorikan menjadi dua, yaitu:
1.    Web Static
Web yang menampilkan informasi-informasi yang sifatnya statis (tetap).
2.    Web Dinamis atau Interaktif
Web yang menampilkan informasi serta dapat berinteraksi dengan user yang sifatnya dinamis. Sehingga untuk membuat web dinamis dibutuhkan kemampuan pemrograman web.

G. Hypertext Transfer Protocol (HTTP)
HTTP adalah protokol level aplikasi untuk sistem informasi hypermedia tersebar. Protokol ini generik yang dapat dimanfaatkan banyak tugas selain untuk hypertext. HTTP adalah bahasa komunikasi antara web browser dan web server, dimana kebanyakan komunikasi ini di luar perhatian pemakai web browser.

H.    Hypertext Markup Language (HTML)
HTML merupakan bahasa markup paling popular, disusul eXtensible Markup Language (XML). XML adalah bahasa yang digunakan untuk membuat bahasa markup lain yaitu Wireless Markup Language (WML). Bahasa markup bukan bahasa pemrograman. Oleh karena itu, penyebutan bahasa pemrograman HTML adalah kurang tepat.

I. XML (eXtended Markup Language)
XML adalah bahasa markup yang digunakan untuk menyimpan data (tidak ada program) dan tidak tergantung dengan tools tertentu (seperti editor, dbms, compiler dan sebagainya)

Arsitektur Website adalah suatu pendekatan terhadap desain dan perencanaan situs yang, seperti arsitektur itu sendiri, melibatkan teknis, kriteria estetis dan fungsional. Seperti dalam arsitektur tradisional, fokusnya adalah benar pada pengguna dan kebutuhan pengguna. Hal ini memerlukan perhatian khusus pada konten web, rencana bisnis, kegunaan, desain interaksi, informasi dan desain arsitektur web. Untuk optimasi mesin pencari yang efektif perlu memiliki apresiasi tentang bagaimana sebuah situs Web terkait dengan World Wide Web.
halaman-halaman yang ada pada sebuah website.

1. Halaman Depan (Home Page)
Setiap website memiliki halaman depan. Pada umumnya, halaman depan merupakan halaman pertama yang dilihat oleh pengunjung dan juga merupakan halaman yang paling penting dalam mendapatkan urutan pencarian yang tinggi dari mesin pencari, karena mesin pencari memberikan lebih banyak bobot kepada halaman depan darimana halaman lainnya. Halaman depan harus memberikan informasi yang jelas dan singkat kepada pengunjung mengenai apa website Anda, produk dan/atau jasa apa yang tersedia. Halaman depan harus memiliki tautan ke semua halaman website dan setiap halaman harus memiliki tautan untuk kembali ke halaman depan.

2. Halaman Produk/Jasa
Bagian utama dari website berisi penawaran produk dan/atau jasa. Apapun kategori website Anda, yang penting Anda harus menggambarkan secara singkat dan tepat apa yang Anda tawarkan, bantu pengunjung untuk menentukan pilihan dan melakukan transaksi dengan cara yang semudah mungkin. Jumlah halaman produk/jasa hendaknya disesuaikan dengan jumlah produk/jasa yang ditawarkan. Apabila jumlah produk/jasa yang ditawarkan banyak, maka halaman utama produk/jasa bisa berisi ringkasan dari keseluruhan produk/jasa kemudian Anda buat lagi beberapa subhalaman yang berisi detil dari masing-masing produk/jasa.

3. Halaman Informasi
- Profil: berisi sejarah mengenai bisnis atau perusahaan, visi dan misi, siapa saja pengurus inti website atau perusahaan, dan hal-hal penting lainnya mengenai bisnis atau perusahaan.
- FAQ (Frequently Asked Question): berisi pertanyaan-pertayaan umum mengenai produk, jasa, maupun perusahaan.
- Testimoni: berisi kesaksian pelanggan mengenai penggunaan produk dan/atau jasa yang ditawarkan. Halaman ini digunakan untuk membangun reputasi.
- Surat kabar elektronik: berisi berita-berita mengenai produk dan/atau jasa baru, tips-tips, promo-promo yang diadakan, serta pengumuman-pengumuman lain yang mau disampaikan kepada pelanggan.

4. Halaman Keanggotaan
Halaman keanggotaan merupakan bagian yang penting sekali untuk pengembangan website di masa mendatang. Dengan mengetahui siapa saja pengunjung dan perkembangan jumlah pengunjung aktif Anda bisa menganalisa hal-hal yang perlu diperbaiki, memenuhi kebutuhan-kebutuhan pengunjung dengan lebih tepat, sehingga pada akhirnya website Anda bisa terus berkembang. Ada beberapa hal yang sangat penting apabila Anda hendak meminta data pribadi pengunjung website yaitu Anda harus bisa menjaga kerahasiaan data tersebut dan privasi pengunjung, mereka juga harus bisa menghentikan keanggotaannya kapan saja.

5. Halaman Kontak
    Halaman kontak berisi cara-cara untuk menghubungi pengurus website, bisa melalui email, telepon, fax, chatting, surat, ataupun dengan cara mengisi formulir pertanyaan atau komentar secara online. Hal ini akan memberikan rasa nyaman kepada pengunjung karena mereka bisa berhubungan dengan pemilik website, mengetahui alamat kantornya, berbicara dengan pengurus website baik untuk bertanya atau untuk menyampaikan keluhan.
  
3.Pengertian HTTP adalah komunikasi protokol yang memfasilitasi transfer informasi ke Internet. HTTP adalah protokol request-response (permintaan dan tanggapan) antara klien dan server.  Klien adalah  web pengguna atau web browser, sedangkan server adalah pemberi tanggapan dengan menyimpan atau mengambil sumber daya yang diminta dengan menghubungkan tautan, yang disebut dengan dokumen hiperteks, selanjutnya membentuk World Wide Web

Fungsi dan Cara kerja HTTP

HTTP, Muncul di awal setiap alamat halaman web, HTTP  menetapkan mekanisme standar untuk pertukaran ditingkat-aplikasi pesan antara perangkat di web.  Semua layanan web dijalankan melalui protokol ini.  HTTPS adalah variasi bagian dari HTTP, dimana browser menambahkan lapisan enkripsi
World Wide Web Consortium dan Internet Engineering Task Force, bekerja untuk  pengembangan HTTP. Protokol ini digunakan untuk pengambilan interlink dokumen teks dilayanni oleh web dan untuk mengakses sumber daya melalui web dengan menggunakan uniform resource Locator (URL).
Cara Kerja Protokol menetapkan bagaimana komputer berkomunikasi satu sama lainnya.  Protokol adalah seperangkat aturan dan prosedur yang harus diikuti oleh  komputer  untuk menerima dan mengirimkan pesan.  Protokol yang paling umum digunakan saat ini adalah HTTP, SMTP, FTP, IMAP, POP3, dll

 4 Client-side Web Programming
 Secara umum, suatu client adalah satu aplikasi komputer, seperti web browser yang
berjalan pada satu komputer lokal dari pengguna atau workstation, dan terhubung ke
suatu server. Client-side programming adalah program komputer pada web yang
dijalankan pada sisi client, oleh web browser. Hal ini berlawanan arti dengan Server-side
scripting.
Operasi dapat dilakukan oleh client-side karena operasi tersebut membutuhkan akses ke
informasi atau fungsi yang tersedia pada client tetapi tidak pada server, karena pengguna
membutuhkan observasi terhadap operasi tersebut atau menyediakan input, atau server
kekurangan kekuatan pememrosesan untuk melakukan operasi yang tepat waktu untuk
seluruh client yang harus dilayaninya. 
Sebagai tambahan, jika operasi dapat dilakukan oleh client tanpa mengirim data melalui
jaringan, maka hal itu memakan waktu lebih sedikit, menggunakan lebih kecil bandwidth
dan mengurangi resiko keamanan.

Client-side Script seringkali dimasukkan (embedded) di dalam dokumen HTML, tetapi
dapat juga berada di dalam file terpisah, yang direferensikan oleh dokumen yang
menggunakannya. Atas sebuah request, file yang diperlukan dikirimkan oleh web server
kepada komputer user. 
Web browser milik user melakukan eksekusi terhadap Script, lalu menampilkan dokumen,
termasuk output yang dapat terlihat dari Script. Client-side Script juga dapat berisikan
perintah yang harus diikuti oleh web browser jika user berinteraksi dengan dokumen
dengan cara tertentu, contohnya klik sebuah tombol.

5.Server-side Web Programming
  Terminologi Server-side memiliki arti operasi yang dilakukan oleh server didalam sebuah client-server relationship.
Umumnya, sebuah server adalah program, seperti web server, yang berada pada sebuah remote server, yang dapat dijangkau oleh komputer lokal milik user.
Operasi dilakukan pada sisi Server, karena memerlukan akses atas informasi atau fungsi yang tidak tersedia pada client, atau pada aplikasi yang tidak dapat dilakukan pada Client-side.
Operasi Server-side juga meliputi proses dan penyimpanan data dari client ke suatu server, yang dapat dilihat oleh sekelompok Client.
Server-side Scripting adalah teknologi Web Server dimana request oleh user dipenuhi dengan cara menjalankan script langsung pada web server untuk menghasilkan halaman HTML dinamis. Umunya menyediakan website interaktif pada database dan penyimpanan data lainnya.
Keuntungan utama dari Server-side Script adalah kemampuan untuk mengatur response berdasarkan keperluan user, hak akses, atau query ke dalam data store.

Contoh Teknologi Server-side Programming :
 1.  ASP  (Active Server Page)
Solusi yang dirancang Microsoft memungkinkan berbagai bahasa (meskipun umumnya VBScript digunakan) di dalam halaman HTML, terutama digunakan pada Windows tapi dengan terbatas dukungan pada platform lainnya.
 2.  ColdFusion 
Tag lintas platform berbasis server side scripting sistem komersial.
 3.  JSP  (Java Server Page)
Sebuah sistem berbasis Java untuk embedding kode dalam halaman HTML.
 4. Lasso 
Sebuah DataSource netral bahasa pemrograman ditafsirkan dan platform server lintas. 
 5. SSI 
Sebuah sistem yang cukup mendasar yang merupakan bagian umum dari web server Apache.
 6. PHP  (Hypertext PreProcessor)
Merupakan jenis pemrograman web yang dasarnya dari linux. Bahasa pemrograman ini termasuk open source karena sumbernya dari sistem operasi linux dan juga menggunakan database SQL (Structure Query Language).



 6 Pengertian Server atau Web server
Server atau Web server adalah sebuah software yang memberikan layanan berbasis data dan berfungsi menerima permintaan dari HTTP atau HTTPS pada klien yang dikenal dan biasanya kita kenal dengan nama web browser (Mozilla Firefox, Google Chrome) dan untuk mengirimkan kembali yang hasilnya dalam bentuk beberapa halaman web dan pada umumnya akan berbentuk dokumen HTML.

Fungsi Server atau Web Server
Fungsi utama Server atau Web server adalah untuk melakukan atau akan mentransfer berkas permintaan pengguna melalui protokol komunikasi yang telah ditentukan sedemikian rupa. halaman web yang diminta terdiri dari berkas teks, video, gambar, file dan banyak lagi. pemanfaatan web server berfungsi untuk mentransfer seluruh aspek pemberkasan dalam sebuah halaman web termasuk yang di dalam berupa teks, video, gambar dan banyak lagi.
Salah satu contoh dari Web Server adalah Apache. Apache (Apache Web Server – The HTTP Web Server) merupakan web server yang paling banyak dipergunakan di Internet. Program ini pertama kali didesain untuk sistem operasi lingkungan UNIX. Apache mempunyai program pendukung yang cukup banyak. Hal ini memberikan layanan yang cukup lengkap bagi penggunanya.
Beberapa dukungan Apache :
  • Kontrol Akses
    Kontrol ini dapat dijalankan berdasarkan nama host atau nomor IP CGI (Common Gateway Interface) Yang paling terkenal untuk digunakan adalah perl (Practical Extraction and Report Language), didukung oleh Apache dengan menempatkannya sebagai modul (mod_perl)
  • PHP (Personal Home Page/PHP Hypertext Processor)
    Program dengan metode semacam CGI, yang memproses teks dan bekerja di server. Apache mendukung PHP dengan menempatkannya sebagai salah satu modulnya (mod_php). Hal ini membuat kinerja PHP menjadi lebih baik

7. HTML adalah kepanjangan dari Hyper Text Markup Language, merupakan bahasa text yang menggunakan tanda-tanda (markup) yang dikenal dengan , dimana nantinya merupakan pengembangan dari SGML (Standart Generaize Markup language). Dengan HTML dapat dibuatkan suatu halaman web statis dimana nantinya merupakan dasar dari halaman web dinamis. Membuat halaman web menggunakan HTML dapat dilakukan dengan editor khusus HTML seperti Notepad, Wordpad atau Ms.word atau editor lain seperti Editplus dan Ms.frontpage.
Pembuatan HTML pertama adalah team bernes-lee yang pada saat itu bekerja di european particle physics lab CERN (Consel European pour la Racherche Nucleare) di Ganeva,Swiss. Dimana idenya adalah untuk pemakaian secara bersama antara beberapa computer kolegannya menggunakan hypertext, sehingga dapat menampilkan dokumen pada tampilan browser HTML, pada saat itu browser yang digunakan adalah browser mosaic yang digunakan untuk pertama kalinya. Dengan tampilan dokumennya yang menggunakan HTML maka pembaca dapat melompat dari dokumen yang lain, hanya melakukan klik pada kata yang diinginkan, bahkan dapat melompat ke alamat lain.
Sejak itu,pada tahun 1993 banyak pengembang yang ingin mengembangkan HTML, sehingga perkembangannya sangat pesat, penambahan fasilitas baru dibuat, guna menyempurnakan kemampuan HTML dengan tidak mengubah cara kerjanya, yaitu dengan munculnya HTML pada tahun 1993. kemudian tahun 1995 muncul versi HTML 2.0 pada bulan November yang dirilis oleh IETF (Internet Enginnering Taks Force) dan disusul HTML 3.0 yang tentunya mempunyai kelebihan dari versi-versi sebelumnya. Kemudian pada tahun 1997 muncul HTML versi 3.2 yaitu pada bulan januari dan versi-versi berikutnya kemudian dirilis seperti versi 4.0 pada tahun 1997 dan versi 4.01 yang merupakan HTML versi terbaru, dikeluarkan oleh W3C sekitar april 1999, dimana mendukung halaman web dinamik.
·         HTML Tingkat Dasar
Untuk memulai pembuatan halaman HTML maka dapat dimulai dengan menyiapkan editor yang akan digunakan, misalkan dengan menggunakan EditPlus atau NotePad, yang dilakukan disini adalah menggunakan EditPlus.
Format halaman HTML adalah terdiri dari dua bagian yaitu bagian header dan bagian body, yang semuanya itu dibuka dan ditutup dengan . Seperti tag adalah digunakan untuk tanda awal dari suatu halaman HTML, sedangkan tag (diawali dengan slash) digunakan untuk tanda akhir dari suatu halaman HTML. Tag-tag tersebut dapat ditulis dengan huruf kecil maupun besar, karena HTML tidak mengenal case sensitive (membedakan huruf kecil dan besar).

 


Tidak ada komentar:

Posting Komentar