Wednesday, 27 September 2017

Pemrograman Web dan Cara Kerja Browser

Assalamu’alaikum WR. Wb Kali ini saya akan berbagi sedikit ilmu mengenai Pemrograman Web. Oke langsung saja kita masuk ke materinya. Sebelum jauh tentunya kita harus tahu terlebih dahulu apa itu pengertian Pemrograman Web.
  • Pengertian Pemrograman Web
Menurut Wikipedia Pemrograman Web berasal dari dua kata yaitu pemrograman dan Web. Dimana pemrograman berarti proses atau cara pembuatan program, dan web adalah jaringan komputer yang terdiri dari kumpulan situs internet yang menawarkan teks dan grafik dan suara dan sumber daya animasi melalui protokol transfer hypertext. Kebanyakan orang mengenal web dengan istilah WWW atau World Wide Web, dimana setelah ditemukannya layanan WWW sekarang website dapat dikenal luas oleh seluruh dunia.


Halaman web sendiri merupakan file teks murni yang berisi perintah-perintah / sintaks HTML, yang dapat d buka atau di terjemahkan oleh web browser/ user agent. Dengan menggunakan web browser kita dapat menyajikan dan menerima sumber informasi di internet. web juga dapat diartikan sebagai kumpulan dokumen masif dalam jaringan yang dapat diakses kapanpun, selama kita terkoneksi dalam jaringan tersebut. Untuk pengembangan web sendiri, terdapat dua komponen penting, yaitu: komponen server yang menyajikan halaman , dan komponen klien yang menampilkan halaman yang disajikan oleh server ke pengguna. Komponen server dikenal dengan nama web server, sementara komponen klien dikenal dengan nama web browser.
  • HTML
HTML atau Hypertext Markup Language adalah bahasa yang digunakan untuk membuat halaman web. HTML menampilkan data yang dikirimkan oleh web server kepada web browser atau pengguna. disebut markup karena HTML bertugas hanya memberikan informasi mengenai isi dari konten yaitu dengan cara memberikan “tanda” pada teks, tanpa memiliki informasi mengenai tampilan (style) dari konten tersebut. HTML hanya memberitahukan browser bahwa bagian tertentu dari sebuah tulisan merupakan kutipan, atau harus dicetak tebal. untuk pengaturan style pada web biasanya menggunakan CSS.
  • CSS dan JavaScript
CSS atau Cascading StyleSheet adalah bahasa yang digunakan untuk meningkatkan tampilan HTML. atau bisa juga diartikan sebagai bahasa untuk mengatur komponen dalam website agar lebih rapih dan menarik. untuk meningkatkan tampilan HTML selain CSS adajuga Java Script yaitu bahasa yang digunakan untuk meningkatkan tampilan web menjadi lebih interaktif untuk java Script sendiri berjalan pada sisi client.
  • HTTP
Protokol yang digunakan dalam Web menggunakan HTTP atau Hypertext Transfer Protocol yaitu protocol jaringan yang digunakan untuk pertukaran informasi di internet. Atau singkatnya HTTP adalah protokol meminta atau menjawab antara klient dan server.

  • Cara Kerja Web Browser


Pada dasarnya kinerja web brwoser itu hampir sama dengan post, dimana seperti dapat di lihat dari gambar diatas, dimana pertama si user memerintahkan kepada Web Browser atau user agent untuk mengirimkan pesan untuk mencari alamat contohnya curkan96.tk kemudian web brwoser akan berangkat dan terlebih dahulu harus melewati pagar dimana pagar ini dapat di analogi kan sebagai firewal, karena apabila tanpa firewal data kita akan sangat rentan dan juga banyak konten negatif yang tidak di filter. selanjutnya web browser akan menanyakan DNS Alamat IP dari website yang diminta client pada DNS server, disini ada server yang berdiri sendiri dan ada juga server yang digunakan oleh beberapa website atau biasa disebut dengan shared hosting.

Selanjutnya web browser akan pergi ke alamat IP yang telah diberikan oleh DNS. nah disini web browser akan menemukan sekumpulan website yang berada pada satu server atau yang disebut dengan shared hosting tadi. shared hosting betujuan untuk menghemat sumber daya. selain itu bagi perusahaan yang memiliki sumberdaya besar biasanya memiliki server untuknya sendiri.

Setelah itu web browser meminta layanan pada alamat website yang dituju, pada gambar di atas penyedia layanan di ilustrasikan dengan burung hantu.. setelah itu browser akan kembali kepada user / client. selanjutnya setelah sampai browser akan menampilkan konten yang diberikan oleh penyedia layanan. dan selesai.
  • Postman 

Post man adalah plug in atau extension pada browser google chrome yang fungsinya sebagai REST Client, atau plug in yang digunakan sebagai REST API yang telah di buat. pengertian dari REST sendiri yaitu arsitektur metode komunikasi yang menggunakan HTTP untuk pertukaran data.


  • GET

GET adalah metode HTTP Request yang paling simpel, metode ini digunakan untuk membaca atau mendapatkan data dari sumber.
Contoh :
GET /users : Mengembalikan daftar user
GET /users/1234 : Mengembalikan data user dengan ID 1234


  • POST

POST adalah metode HTTP Request yang digunakan untuk membuat data baru dengan menyisipkan data dalam body saat request dilakukan.
Contoh :
POST /users : Membuat data user baru

berikut merupakan tahap-tahap intalasi Postman pada browser chrome :
pada browser chrome kita lakukan pencarian postman kemudian pilih add to chrome, untuk menambahkan sebagai plugin.

setelah ter intal kemudian jalankan aplikasi postman nya..

sebelum menjalankan aplikasi pertama kita diminta untuk login menggunakan akun google kita.
kemudian setelah masuk kita tentukan untuk username pada postman kita.
berikut merupakan tampilan postman, setelah itu kita harus mengintal lagi plugin postman interceptor.
kemudian kita instal plug in postman interceptor.

kemudian kita jalankan kedua plugin nya yaitu postman dan postman interceptor.

oke kali ini kita akan melakukan ujicoba untuk melihat bagaimana kinerja dari postman, tepatnya melihat perintah GET dan POST, 
dari history di pada postman dapat kita lihat saat pertama kali kita memasukan alamat facebook.com kita akan menerima atau get tampilan dari facebook.com, dimana tampilannya seperti tampilan facebook di atas.

selanjutnya pada gambar diatas dapat di lihat perintah post dimana pada saat kita memasukan ussername dan password pada halaman facebook.com dapat terlihat jelas pada tab body apa email yang kita masukan (email) dan password yang kita masukan (pass).
selanjutnya pada tab Header dapat kita lihat apa user agent yang kita gunakan dan situs web yang diaksenya.

Berikut penjelasan singkat mengenai web browser dan cara kerja web browser, juga sedikit penjelasan mengenai postman dan intalasinya.

Terima kasih telah membaca semoga informasi yang saya berikan dapat bermanfaat bagi pembaca dan penulis sendiri.. penulis memohon kritik yang membangun agar dapat lebih baik kedepannya....

No comments:

Post a Comment