MODUL 1 KLS XI Pemrograman Web & Perangkat Bergerak [PDF]

Citation preview

MODUL LURING PEMROGRAMAN WEB DAN PERANGKAT BERGERAK



KELAS XI REKAYASA PERANGKAT LUNAK



MODUL 1 MEMAHAMI KONSEP TEKNOLOGI APLIKASI WEB



DINAS PENDIDIKAN PROVINSI SUMATERA UTARA CABANG DINAS LUBUK PAKAM SMK NEGERI 1 PERCUT SEITUAN DELI SERDANG 2020



Modul 1



MEMAHAMI KONSEP TEKNOLOGI APLIKASI WEB A. Judul Materi : Memahami Konsep Teknologi Aplikasi Web B. Kegiatan Belajar : Daring C. Kompetensi Dasar 3.1 Memahami konsep teknologi aplikasi web. 4.1 Mempresentasikan pelbagai teknologi pengembangan aplikasi web. D. Indikator Pencapaian Kompetensi 3.1.1 Menjelaskan konsep world wide web (www). 3.1.2 Menjelaskan konsep teknologi aplikasi web. 4.1.1 Mempresentasikan berbagai teknologi web. 4.1.2 Menginstalasi paket aplikasi web server. D. Tujuan Pembelajaran 1. Siswa dapat memahami, menjelaskan, mengidentifikasi dan merumuskan masalah tentang konsep teknologi aplikasi web. 2. Siswa dapat mengumpulkan dan mengolah data tentang konsep teknologi aplikasi web. 3. Siswa dapat mengomunikasikan tentang konsep teknologi aplikasi web. E. Uraian Materi 1. Konsep World Wide Web (WWW) WWW kumpulan web dari seluruh dunia yang mempunyai kegunaan untuk menyediakan data dan informasi untuk dapat digunakan bersama. Web ini adalah suatu informasi dimana sumber - sumber daya yang berguna diidentifikasi oleh pengenal global yang disebut Uniform Resource Indentifire (URI). web sering dianggap identik dengan internet tersebut. Halaman web biasanya diatur dalam koleksi material yang berkaitan yang disebut dengan situs web monitor menampilakn halaman web dari suatu server web yang diambil informasinya oleh browser web. Halaman web merupakan file teks murni (plain tex) yang berisi sintaks – sintaks HTML yang dapat dibuka atau dilihat dengan internet browser. Kegiatan pemindahan halaman untuk pindah ke dokumen lain atau bahkan mengirim informasi kembali pada server untuk berinteraksi dengannya sering disebut surfing atau berselancar. Halaman – halaman dari sebuah situs internet atau web diakses dari sebuah URL ( Uniform Resource Locator ) yang



menjadi akar ( ROOT ) yang disebut homepage dan biasanya disimpan dalam server yang sama. Untuk lebih jelasnya mengenai web dapat diuraikan seperti di bawah ini:  Web (World Wide Web) merupakan salah satu layanan yang didapat olehpemakai komputer yang terhubung ke internet, yang dapat memudahkanpengguna komputer untuk berinteraksi dengan pengguna internet lainnya dan mencari informasi yang diperlukan.  Web Pertama kali diperkenalkan pada tahun 1992, hal ini sebagai hasilusaha pengembangan yang dilakukan CERN di Swiss.  Internet dan Web adalah dua hal yang berbeda, internet lebih ke perangkatkeras, sedangkan Web adalah perangkat lunak.  Halaman depan web disebut dengan HOMEPAGE  Penyajian informasi melalui web dapat dinikmati pemakai komputermelalui browser yang terhubung keinternet melalui HTTP.  Secara Umum halaman web dibangun dengan sebuah bahasapemrograman bernama HTM



2. 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. 2.1 Profesi Dalam Pengembangan Aplikasi Web. Profesi dalam pengembangan aplikasi web diantaranya: a. 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) b. 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



c. 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 d. 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) e. Web Developer Kegiatan diatas secara keseluruhan dinamakan suatu team yang dinamakan Web Developer 2.2 Alur Pengembangan Aplikasi Web Alur pengembangan aplikasi web dikelompokan menjadi beberapa fase diantaranya: a. 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. b. 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. c. 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. d. 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. e. 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. f. 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.



3. Berbagai Teknologi Aplikasi Web Ada beberapa teknologi aplikasi web diantaranya sebagai berikut: a. HTML 1. Judul mendeklarasikan judul suatu dokumen HTML ( ...Judul... ) 2. URL menyatakan URL asal suatu dokumen HTML ( ) 3. Link tag yang menghubungkan suatu dokumen dengan dokumen lainnya dalam website yang dibuat (