BREAKING NEWS

PWPB KD 3.1 Memahami Konsep Teknologi Aplikasi Web – Materi 2 : Teknologi Pengembangan Aplikasi Web

Media Pembelajaran, Modul, Modul PWPB, Pemrograman Web dan Perangkat Bergerak |18 July 2021 |by Agus Suratna |0

Aplikasi web adalah suatu aplikasi yang diakses menggunakan penjelajah web (web browser) melalui suatu jaringan seperti internet atau intranet. Ia juga merupakan suatu aplikasi perangkat lunak komputer yang dikodekan dalam bahasa yang didukung oleh penjelajah web (seperti HTML, PHP, Java Script, AJAX, Java,dll) dan bergantung pada penjelajah (web browser) tersebut untuk menampilkan aplikasi.

 

Profesi dalam pengembangan Aplikasi web

Profesi dalam pengembangan Aplikasi web Diantaranya : Web Designer, Web Programmer, Web Administrator, Web Master dan Web Developer.

1. Web Designer

Tugasnya adalah mendesain tampilan situs web mulai dari pengolahan gamar, tata letak, warna, dan lain sebagainya. Didalam pendadanan suatu situs web seorang Web Designer harus menguasai :

    • HTML, DHTML
    • CSS
    • Pengolah Gambar
    • Animasi, Movie (Film)

 

2. Web Programmer

Jika situs yang akan dibuat mempunyai fasilitas interaksi antara pengunjung dan situs misalnya menyangkut dengan transaksi, input-output data dan database maka seorang Web Programmer yang akan mengerjakannya dengan membuat aplikasi-aplikasi yang bekerja di atas situs web.

    • CGI Perl, PHP, MySQL (Unix Base)
    • ASP(Windows NT Base)
    • Javascript dan Applet

 

3. Web Administrator

Tugasnya adalah untuk memaintenance suatu server, mengerti akan Sistem Operasi Server, baik itu mulai dari instalasi sampai kepada masalah (troubleshooting), biasanya seorang Web Administrator harus menguasai :

    • OS Unix (Linux, FreeBSD, dll
    • OS Windows NT
    • Jaringan (LAN,WAN, Intranet)
    • Keamanan Server

 

4. Web Master

Seorang Web Master adalah seorang yang mengerti akan kesemua hal mulai dari design, Program dan Keamanan Server namun tidak terlalu mencampuri ke masing-masing divisi, cukup dengan mempertanggungjawabkan atas jalannya suatu situs web. Penguasaan yang harus dimiliki yaitu :

    • HTML, DHTML
    • CGI Perl, PHP, MySQL, ASP, Java
    • Penguasaan bermacam Operating System / Sistem Operasi
    • Keamanan Server / Server Security untuk melindungai dari Hacker
    • Jaringan LAN, WAN, Internet

 

5. Web Developer

Kegiatan diatas secara keseluruhan dalam suatu team dinamakan Web Developer

 

Sejarah dan Cara Kerja Web

World Wide Web sering disebut Web adalah Suatu media informasi global dimana pengguna dapat membaca dan menulis melalui komputer yang tersambung ke internet. Istilah Web sering secara  dianggap sebagai internet itu sendiri, walaupun sebetulnya Web merupakan jasa yang beroperasi di atas internet sama seperti e-mail. Sejarah internet terjadi jauh sebelum Web di kembangkan.

Di tahun 1980, seorang Inggris Tim Berners-Lee, kontraktor independent di CERN (Badan Tenaga Atom Swiss) membuat ENQUIRE, sebuah basis data personal dan model software, juga berkesempatan untuk bermain dengan konsep hypertext, dimana setiap halaman informasi baru di ENQUIRE tersambung secara langsung ke halaman yang ada.

Baca Juga  PWPB KD 3.1 Memahami Konsep Teknologi Aplikasi Web - Materi 1 : Konsep World Wide Web

Tim Berners-Lee

 

Tahun 1984, Tim Berners-Lee kembali ke CERN dan memperesentasikan masalah bahwa semua fisikawan di dunia butuh untuk melakukan berbagi data, sayangnya tidak ada perangkat keras dan perangkat lunak yang memungkinkan hal itu terjadi. Atasan Tim, Mike Sendall, meminta Tim Berners-Lee untuk mengimlementasikan idenya di mesin workstation NeXT yang baru saja diterima oleh CERN. Waktu itu ada beberapa nama yang dipikirkan untuk itu, mulai dari Information Mesh, The Information Mine atau Mine of Information, akhirnya dipilihkan World Wide Web.

Bulan Desember 1990, Tim Berners-Lee berhasil membuat semua perangkat yang dibutuhkan agar Web dapat bekerja: Web browser yang pertama WorldWideWeb (yang juga merupakan Web editor), Web server pertama (info.cern.ch), dan halaman Web yang pertama yang menjelaskan tentang proyek tersebut. Browser yang di kembangkan dapat mengakses kelompok diskusi Usenet dan juga akses file FTP. Sayangnya hanya dapat di jalankan di NeXT. Nicola Pellow kemudian membuat browser text sederhana yang dapat di operasikan di hampir semua komputer.

May 1991, Paul Kunz dari Stanford Linear Accelerator Center (SLAC) mengunjungi Cern dan sangat tertarik dengan Web. Paul membawa pulang perangkat lunak NeXT ke SLAC, dimana pustakawan Louise Addis mengadaptasikannya untuk sistem operasi VM/CMS di IBM mainframe untuk memperlihatkan katalog dari dokumen online di SLAC. Web ini merupakan Web Server pertama di luar Eropa dan pertama di Amerika Utara.

Pada tanggal 6 Agustus 1991, Tim Berners-Lee memposting / menulis resume singkat dari proyek World Wide Web di kelompok diskusi alt.hypertext. Tanggal ini di tkitai sebagai pertama kali Web muncul secara publik di Internet.

    1. Mekanisme Cara Kerja Website User :
    2. Pengguna yang akan mengakses suatu website berupa URL melalui Web Browser (yaitu media untuk menuju URL yang diakses),
    3. Web Browser tersebut mengirimkan permintaan/ request berupa HTTP Request kepada Web Browser melalui layer-layer TCP/IP,
    4. Web Server memberikan WebFiles yang di-request jika ada.Web Files yang telah diberikan tadi tidak langsung ditampilkan/di-display begitu saja, namun Web Server memberikan respon kembali ke Web Browser melalui HTTP Response yang juga melalui layer-layer TCP/IP, yang kemudian baru di terima oleh Web Browser, dan kemudian dikirimkan kepada User berupa Display.
    5. Alur Pengembangan App Web

 

Dikelompokan Menjadi Beberapa Fase Diantaranya :

  1. Fase penentuan feature dan fungsi : Pada tahapan ini berdasarkan hasil penelusuran kebutuhan dari aplikasi maka saya menentukan feature dan fungsi apa saja yang akan dibuat untuk memenuhi kebutuhan yang ada. Feature dibagi menjadi feature utama atau bagian besar terlebih dahulu baru kemudian didefenisikan menjadi bagian yang lebih kecil. Misalnya pada aplikasi CMS salah satu feature utama adalah blog, kemudian feature blog didefenisikan seperti feature tagging, category, comment, dsb. Pada tahapan ini yang perlu diperhatikan adalah apakah daftar feature dan fungsi yang dibuat telah memenuhi kebutuhan yang diinginkan.
  2. Fase pengumpulan data :Mencari konten, gambar dan file lain yang dibutuhkan dalam pengembangan aplikasi. Berdasarkan daftar feature dan fungsi yang akan dikembangkan maka saya akan mengumpulkan data-data dan file yang diperlukan untuk feature dan fungsi tersebut.
  3. Fase analisa dan perancangan : Pada tahapan ini saya mencoba menganalisa data yang telah dikumpulkan pada tahapan sebelumnya dan menuangkan hasil analisa kedalam sebuah rancangan. Misalnya berdasarkan feature yang ada maka saya merancang tabel database yang dibutuhkan oleh tiap feature. Berdasarkan konten dan data  yang ada saya juga melakukan perancangan tampilan aplikasi. Selain itu saya juga menyusun struktur aplikasi seperti menu, sitemap, dsb.
  4. Fase coding :Pada tahapan ini saya memulai menulis kode program. Biasanya dimulai dengan mengubah template dari file image Firework ke html. Setelah itu membuat kerangka aplikasi seperti struktur folder dan file dan memulai pengembangan fungsi untuk tiap feature.
  5. Fase setup and testing :Pada tahapan ini saya melakukan setup di server dimana aplikasi web nanti akan akan dijalankan. Tentu setelah melakukan testing di komputer lokal terlebih dahulu dan memastikan bahwa semua fungsi berjalan baik. Pada server juga akan dilakukan testing untuk memastikan aplikasi dapat berjalan baik pada server tersebut. Pada tahapan ini juga akan dilakukan beta test dimana beberapa orang akan mencoba menggunakan aplikasi dan memberikan komentar atau feedback terkait dengan fungsi aplikasi.
  6. Fase launching :Pada fase ini setelah dipastikan aplikasi berjalan baik pada server maka saya akan melakukan sosialisasi baik di dunia nyata atau maya. Beberapa diantaranya adalah melakukan posting di forum, aplikasi social network seperti facebook, membuat posting di blog, dan sosialisasi lainnya.
Baca Juga  Hyperlink pada HTML

 

Perangkat Pengembangan Applikasi Web Beberapa Diantaranya :

  1. HTML
    HTML adalah singkatan dari Hypernet Markup language. Html adalah untuk membuat dan menyusun bagian paragraf, heading, link atau tautan, dan blockquote untuk halaman web. Html bukanlah bahasa pemrograman dan itu berarti HTML tidak punya kemampuan untuk fungsionalitas yang dinamis. Ketika bekerja dengan HTML, kita menggunakan struktur kode yang sederhana(tag dan attribute) untuk mark up halaman website. Html sebagai bahasa mark up sangatlah mudah untuk dipahami bahkan bagi webmaster pemula di bidang web develpment sekalipun.
  2. Javascript
    JavaScript adalah salah satu bahasa pemrograman yang paling banyak digunakan dalam kurun waktu dua puluh tahun ini. Javascript digunakan untuk meningkatkan fungsionalitas website hingga mengaktifkan permainan (games) dan software berbasis web. Selain itu, terdapat ribuan template dan aplikasi JavaScript yang bisa kita gunakan secara gratis.
  3. Ajax
    AJAX adalah sebuah singkatan dari Asynchronous Javascript and XML dan mengacu pada sekumpulan teknis mengembangkan web (web development) yang memungkinkan aplikasi web untuk bekerja secara asynchronous (secara tidak langsung ) – memproses setiap request(permintaan) yang datang ke server di sisi background.
  4. Java
    Java dikenal memiliki moto “Write once, Run Anywhere”. Hal ini menunjukan bahwa setiap kode program yang ditulis menggunakan Java bisa langsung dijalankan pada platform berbeda-beda tanpa perlu menyusun ulang. Penulisan kode program Java disimpan dalam file berekstensi java. Dengan menggunakan javac compiler, kamu bisa menyusun file berekstensi java menjadi file berekstensi class. File berekstensi class inilah yang di sebut sebagai bytecode dan bisa dijalankan di seluruh Java Virtual Machine(JVM)
    Sebagai bahasa pemrograman umum kamu bisa memanfaatkan java untuk membuat berbagai bentuk aplikasi seperti aplikasi berbasis desktop, website, mobile hingga embedded device seperti perangkat pintar atau microprocessor.
  5. XAMPP
    Merupakan tool yang menyediakan paket perangkat lunak ke dalam satu buah paket. Dengan menginstall XAMPP maka tidak perlu lagi melakukan instalasi dan konfigurasi web server Apache, PHP dan MySQL secara manual. XAMPP akan menginstall dan mengkonfigurasinnya secara otomatis untuk Kita atau Konfigurasi otomatis
    XAMPP nantinya akan memfasilitasi kita untuk mengembangkan Aplikasi Web dengan PHP. Paket yang ada di dalam XAMPP adalah sebagai berikut :
  6. Server Apache
    Digunakan untuk lokal web server, dengan server apache terinstall di komputer kita, Kita nanti bekerja di komputer secara lokal, Aplikasi Web kita cukup di uji coba di komputer lokal saja tanpa harus di Upload ke Web Server Internet secara langsung.
  7. PHP
    Adalah interpreter yang nanti akan menterjemahkan source kode php agar dapat di baca oleh browser untuk di tampilkan.
  8. MySQL
    Adalah sebuah software basis data server untuk menyimpan data aplikasi web yang akan dikembangkan.
  9. PHP MyAdmin
    Adalah aplikasi untuk mengatur dan mengelola basis data MySQL agar lebih mudah digunakan

Related Post

Be the first to comment

Leave a Reply

Your email address will not be published.


*


error: Ga bisa dicopy