Kompetensi Dasar :

3.10 Memahami teknologi aplikasi web server

4.10 Mempresentasikan teknologi aplikasi web server terhadap berbagai macam perangkat

Materi Pokok :

1. Konsep Teknologi Aplikasi Web

2. Profesi Dalam Pengembangan Aplikasi Web

3. Alur Pengembangan Aplikasi Web

4. Macam Macam Teknologi Aplikasi Web



Konsep Teknologi Aplikasi Web

Aplikasi web adalah suatu aplikasi yang di akses menggunakan penjelajah web melalui suatu jaringan seperti internet atau intranet. Ia juga merupakan suatu aplikasi perangkat lunak komputer yang di kodekan dalam bahasa yang didukung oleh penjelajah web (seperti HTML, Java Script, AJAX, Java, dan lain lain) tergantung pada penjelajah tersebut untuk menampilkan aplikasi.



Perbedaan Website dan Web Application

  • Website merupakan halaman web yang bisa diakses langsung melalui web browser.
  • Sedangkan Aplikasi Web adalah sebuah software berupa halaman web yang bisa diakses setelah diunduh dan dipasang (download & install). Aplikasi tersedia di Apple’s App Store atau Play Store.


  • Profesi Dalam Pengembangan Aplikasi Web

    Profesi dalam pengembangan aplikasi web diantaranya:


    • Web Designer
    • Web Programmer
    • Web Administrator
    • Web Master
    • Web Developer

    1. Web Designer



    Web Designer tugasnya adalah pendesain’an tampilan situs (web) mulai dari pengolahan gambar, tata letak, warna, dsb. Dalam pembuatan suatu situs web seorang web designer haruslah menguasai sebagai berikut :

    • HTML
    • DHTML
    • Pengolah Gambar
    • Animasi
    • Movie (film)


    2. Web Programmer

    Web Programmer tugasnya adalah 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 berkerja diatas situs (web). Penguasaan yang biasanya harus dikuasai pada umumnya oleh Web Programmer adalala sebagai berikut:

    • CGI Perl, PHP, MySQL (Unix base)
    • ASP (NT base)
    • Java Script dan Applet


    3. Web Administrator

    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 NT
    • Jaringan (LAN, WAN, Intranet)
    • Keamanan Server


    4. Web Master

    Web Master adalah seorang yang mengerti akan kesemua hal mulai dari disain, program dan keamanan server namun tidak terlalu turut mencampuri ke masing-masing divisi, cukup dengan mempertanggun jawabkan atas jalannya suatu situs (web). Penguasaan yang harus dimiliki :

    • HTML, DHTML
    • CGI Perl, PHP, MySQL, ASP, Java
    • Penguasaan bermacam OS (Operating System)
    • Keamanan Server
    • Jaringan (LAN, WAN, Intranet)


    5. Web Developer



    Kegiatan diatas secara keseluruhan dalam suatu team dinamakan Web Developer.





    Alur Pengembangan Aplikasi Web

    Alur pengembangan aplikasi web dikelompokan menjadi beberapa fase diantaranya :


    1. Fase penentuan feature dan fungsi

    Pada tahapan ini berdasarkan hasil penelusuran kebutuhan dari aplikasi maka menentukan feature dan fungsi apa saja yang akan dibuat untuk memenuhi kebutuhan yang ada.


    2. Fase pengumpulan data

    Mencari konten, gambar dan file lain yang dibutuhkan dalam pengembangan aplikasi.


    3. Fase analisa dan perancangan

    Pada tahapan ini mencoba menganalisa data yang telah dikumpulkan pada tahapan sebelumnya dan menuangkan hasil analisa kedalam sebuah rancangan.


    4. Fase coding

    Pada tahapan ini memulai menulis kode program. Biasanya dimulai dengan mengubah template dari file image Firework ke html.


    5. Fase setup and testing

    Pada tahapan ini 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.


    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.




    Macam Macam Teknologi Aplikasi Web

    Ada beberapa teknologi aplikasi web diantaranya sebagai berikut:


    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.

    • Judul mendeklarasikan judul suatu dokumen HTML ( <title>…Judul…</title> )
    • URL menyatakan URL asal suatu dokumen HTML ( <base href=”…”> )
    • Link tag yang menghubungkan suatu dokumen dengan dokumen lainnya dalam website yang dibuat ( <link href=”…” )
    • Meta tag yang menyatakan suatu meta informasi dalam suatu dokumen HTML. ( <meta name=”…” content=”…”> )
    • Index tag yang menyatakan bahwa dokumen tersebut diperkenankan oleh server web. ( <isindex> )
    • Style tag yang mendefinisikan style dari dokumen HTML. ( <style ahref=”…”> )
    • Attribut Body ( <body>…</body> )
    • Warna Latar ( <body bgcolor=”lime”> )
    • Warna Teks ( <body teks=”blue”> )
    • Warna Link ( <body link=”green”alink=”red”> )Contoh penulisan sintaksnya:( <body bgcolor=”lime” text=”blue” link=”green”alink=”red”> )

    Javascript

    Javascript digunakan untuk meningkatkan fungsionalitas website hingga mengaktifkan permainan (games) dan software berbasis web. JavaScript merupakan bahasa pemrograman web yang bersifat Client Side Programming Language. Client Side Programming Language adalah tipe bahasa pemrograman yang pemrosesannya dilakukan oleh client. Aplikasi client yang dimaksud merujuk kepada web browser seperti Google Chrome dan Mozilla Firefox.


    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. AJAX merupakan suatu teknik pemrograman berbasis web untuk menciptakan aplikasi web interaktif.


    Java

    Java adalah 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.


    Joomla

    Joomla merupakan salah satu Conten Management System yang sering digunakan untuk membuat website privadi atau website bisnis. Joomla merupakan sistem manajemen konten bebas dan terbuka yang ditulis menggunakan PHP dan basisdata MySQL untuk keperluan di internet maupun intranet.


    WordPress

    Woredpress merupakan CMS (Conten Management System) yang bersifat open source yang digunakan untuk membuat website. Wordpress menjadi software paling mudah untuk membuat website atau blog yang kuat. Termasuk penulis juga menggunakan wordpress untuk membuat website dan blog.


    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 Anda atau Konfigurasi otomatis. XAMPP nantinya akan memfasilitasi anda untuk mengembangkan Aplikasi Web dengan PHP.


    Server Apache

    Server Apache merupakan paket yang ada di dalam XAMPP. Server Apache digunakan untuk lokal web server, dengan server apache terinstall di komputer anda, Anda nanti bekerja di komputer secara lokal, Aplikasi Web anda cukup di uji coba di komputer lokal saja tanpa harus di Upload ke Web Server Internet secara langsung.


    PHP

    Adalah interpreter yang nanti akan menterjemahkan source kode php agar dapat di baca oleh browser untuk di tampilkan.


    MySQL

    Sama halnya MySQl merupakan paket yang ada di XAMPP. MySQL merupakan sebuah software basis data server untuk menyimpan data aplikasi web yang akan dikembangkan.


    PHP MyAdmin

    PHP MyAdmin merupakan aplikasi untuk mengatur dan mengelola basis data MySQL agar lebih mudah digunakan.