TEKNOLOGI APLIKASI WEB

ASSALAMU'ALAIKUM WR. WB.

Pada pembahasan kali ini saya akan membahas  mapel PEMROGRAMAN WEB yang berkaitan tentang teknologi applikasi web.

langsung saja yuk!

Berikut ini adalah profesi-profesi yang langsung terkait dalam pengembangan aplikasi web, diantaranya :

Web Designer

 

Seorang designer web adalah orang yang bertanggung jawab untuk menentukan tampilan sebuah website. Tugasnya adalah mendesain tampilan situs (web) mulai dari pengolahan gambar, tata letak, warna, dan semua aspek visual situs. Fokus utama mereka adalah tampilan/layout dari web. Mereka lebih konsen dengan bagaimana halaman terlihat dan apakah berfungsi sempurna ketika sudah diberikan bahasa pemograman. Dalam pendandanan suatu situs seorang Web Designer harus menguasai :
- HTML, DHTML
- Pengolah gambar
- Animasi, Movie (Film)

Web Programmer

Web programmer bertugas dalam melakukan pengcodingan atau pemograman sebuah website agar dinamis, dimana agar sebuah web tersebut dapat terlihat mudah bagi seorang web admin.
Jika situs yang akan dibuat mempunyai fasilitas interaksi antara pengunjung dan situs misalnya menyangkut dengan transaksi, input output data dan database maka seorang Web Progammer yang akan mengerjakannya dengan membuat aplikasi-aplikasi yang bekerja diatas situ (web). Penguasaan yang biasanya harus dikuasai pada umumnya oleh Web Programmer :
- CGI Perl, PHP, MySQL (Unix base)
- ASP (NT base)
- Java Script dan Applet

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

Web Master

Seorang web master adalah seorang yang mengerti akan kesemua hal mulai dari desain, program dan keamanan server namun tidak terlalu turut mencampuri ke masing-masing divisi, cukup dengan mempertanggung 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)

Web Developer

Kegiatan diatas secara keseluruhan dinamakan suatu team yang dinamakan Web Developer. Web Developer memberi bantuan seperti konsultasi web, konsep web yang akan dibuat, membangun sebuah website.

•   Sejarah web

Internet adalah jaringan komputer yang saling terhubung. Tidak ada perusahaan yang memiliki internet, yang merupakan upaya kerja sama diatur oleh sistem standar dan aturan. Tujuan dari menghubungkan komputer bersama-sama, tentu saja, adalah untuk berbagi informasi. Ada banyak cara informasi dapat dikirimkan antar komputer, termasuk email, transfer file (File Transfer Protocol), dan banyak layanan  yang lebih khusus yang  dibangun dalam layanan  Internet. Metode ini standar untuk mentransfer data atau dokumen melalui jaringan dikenal sebagai protokol. 

World Wide Web, biasa lebih terkenal disingkat sebagai WWW adalah suatu ruang informasi yang dipakai oleh pengenal global yang disebut URL (Uniform Resource  Locator)  untuk mengenal pasti sumber daya berguna. WWW sering dianggap sama dengan Internet secara keseluruhan, walaupun sebenarnya ia hanyalah bagian daripada Internet.

WWW merupakan kumpulan  web server  dari seluruh dunia yang mempunyai kegunaan untuk menyediakan data dan informasi untuk dapat digunakan bersama. WWW adalah bagian yang paling menarik dari Internet. Melalui web, para pengguna dapat mengakses informasi-informasi yang tidak hanya berupa teks tetapi bisa juga berupa gambar, suara, video dan animasi. 

Kegunaan ini tergolong masih baru dibandingkan surat elektronik, sebenarnya WWW merupakan kumpulan dokumen yang tersimpan di peladen web, dan yangpeladennya tersebar di lima benua termasuk Indonesia yang terhubung menjadi satu melalui jaringan Internet.  Dokumen-dokumen informasi ini disimpan atau dibuat dengan format HTML (Hypertext Markup Language). 

Suatu halaman dokumen informasi dapat terdiri atas teks yang saling terkait dengan teks lainnya atau bahkan dengan dokumen lain.  Keterkaitan halaman lewat teks ini disebut pranala. Dokumen infomasi ini tidak hanya terdiri dari teks tetapi dapat juga berupa gambar, mengandung suara bahkan klip video. Kaitanantar-dokumen yang seperti itu biasa disebut hipermedia.

Jadi dapat disimpulkan bahwa WWW adalah sekelompok dokumen multimedia yang saling bertautan dengan menggunakan tautan hiperteks. Dengan mengeklik pranala (hyperlink), maka para pengguna bisa berpindah dari satu dokumen ke dokumen lainnya.

WWW adalah suatu program yang ditemukan oleh Tim Berners-Lee pada tahun 1991. Awalnya Berners-Lee hanya ingin menemukan cara untuk menyusun arsip-arsip risetnya. Untuk itu, beliau mengembangkan suatu sistem untuk keperluan pribadi. Sistem itu adalah program peranti lunak yang diberi nama Enquire. Dengan program itu, Berners-Lee berhasil menciptakan jaringan yang menautkan berbagai arsip sehingga memudahkan pencarian informasi yang dibutuhkan. Inilah yang kelak menjadi dasar dari sebuah perkembangan pesat yang dikenal sebagai WWW.

WWW dikembangkan pertama kali di Pusat Penelitian Fisika Partikel Eropa (CERN  :  Organisation Europeenne pour la Recherche Nucleaire), Jenewa, Swiss. Pada tahun 1989 Berners-lee membuat pengajuan untuk proyek pembuatan hiperteks global, kemudian pada bulan Oktober 1990, 'World Wide Web' sudah dapat dijalankan dalam lingkungan CERN. Pada musim panas tahun 1991, WWW secara resmi digunakan secara luas pada jaringan Internet.

4)  Cara kerja web
Sebuah web browser adalah program perangkat lunak yang gunakan untuk mengakses World Wide Web dari Internet. Browser pertama, yang disebut NCSA Mosaic, dikembangkan di Pusat Nasional untuk Aplikasi Super Komputer di awal 1990-an. Yang mudah digunakan, cukup klak-klik sehingga
membantu mempopulerkan Web. Meskipun banyak browser yang berbeda yang tersedia, Microsoft Internet Explorer dan Mozilla Firefox yang jauh yang paling populer. (Banyak pengguna Mac lebih memilih browser Safar) Persaingan untuk mendominasi pasar telah membawa perbaikan terus-menerus untuk perangkat lunak. (keduanya didasarkan pada NCSA Mosaic) dapat mendownload Internet Explorer dan Firefox secara gratis dari situs web masing-masing perusahaan. Jika sudah memiliki satu browser, dapat menguji yang lain. Juga mencatat bahwa ada sedikit perbedaan antara versi Windows dan Macintosh. 

ALUR PENGEMBANGAN APLIKASI WEB

  Adalah gabungan dari print publishing dan pengembangan perangkat lunak, diantara marketing dan perhitungan dan diantara seni dan teknologi.

Alternatif model dan pengembangan aplikasi web adalah :

1. Formulasi (formulation)

  Berfungsi untuk merumuskan tujuan dan ukuran dari aplikasi berbasis web serta menentukan batasan sistem. Tujuan yang ingin dicapai bisa dibedakan menjadi 2 kategori, yaitu Tujuan bersifat fungsional dan Tujuan bersifat informatif.

2. Perencanaan (Planning)

  Digunakan untuk menghitung estimasi biaya proyek pembuatan aplikasi berbasis web, estimasi jumlah pengembang, estimasi waktu pengembang, evaluasi resiko pengembangan proyek, dan mendefinisi jadwal pengembangan untuk versi selanjutnya (jika diperlukan)

3. Analisis (Analysis)

  Untuk menentukan persyaratan persyaratan teknik dan mengidentifikasi informasi yang akan ditampilkan pada aplikasi berbasis web.

Analisis pada rekayasa web dilakukan dari 4 sisi :

-Analisis isi informasi

  Mengidentifikasi isi yang akan ditampilkan pada aplikasi berbasis web ini. Isi informasi dapat berupa teks, grafik, audio, maupun video.

-Analisis fungsional

  Tentang proses bagaimana aplikasi berbasis web ini akan menampilkan informasi kepada pengguna.

-Analisis interaksi

  Analisis yang menunjukan hubungan antara web dengan pengguna.

-Analisis konfigurasi

  Konfigurasi yang digunakan pada aplikasi berbasis web Internet, extranet, intranet. Selain itu, analisis ini juga meliputi database dengan web.

4. Rekayasa (Engineering)

  Dua pekerjaan yang dilakukan secara paralel, yaitu desain informasi dan desain arsitektur web. Saat tahap desain, ada beberapa hal yang perlu dilakukan :

  Pembuatan Diagram Wireframe (gambar rangka), tujuan diagram gambar rangka adalah untuk menunjukan bagaimana layout halaman web dan menunjukan dimana fungsi dan konten seperti navigasi, kotak pencarian, elemen bentuk dan sebagainya tanpa desain grafis.
Implementasi (page generation) & pengujian (testing)
Suatu kegiatan pengembangan untuk mewujudkan desain menjadi suatu web site. Teknologi yang digunakan tergantung dengan kebutuhan yang telah dirumuskan pada tahap analisis.
Dalam tahap pengembangan ini, meliputi kegiatan:
 Authoring, adalah istilah yang digunakan untuk proses mempersiapkan konten untuk nantinya diunggah di Web, atau lebih khusus, menandai konten dengan tag HTML yang menggambarkan isi dan fungsinya.
 Styling, dalam development web, penampilan halaman dalam browser dikendalikan oleh aturan style yang ditulis dalam CSS ( Cascading Style Sheets )
 Scripting dan pemrograman, ada bahasa pemrograman web terkait diantaranya PHP, Ruby, Python, dan ASP.NET, yang berjalan pada server dan mengolah data dan informasi sebelum dikirim ke browser pengguna.

Perangkat untuk mengembang sebuah aplikasi web

Perangkat ini bisa kita bagi menjadi 2 yaitu, perangkat keras (hardware) atau perangkat lunak (software).

1. Perangkat Keras

Untuk membuat lingkungan sebuah web lebih nyaman, harus dibutuhkan peralatan terbaik ya:

• Komputer Utama, dengan sistem operasi Macintosh, Windows, ataupun Linuk. Di sarankan sih macintosh karena banyak nya perusahaan pengembangan web professional yang menggunakan.
• Memori Tambahan, ini penting dalam mengembang kan web karena kita akan membuka aplikasi yang banyak dan ukuran yang besar oleh karena itu sangat dibutuh memori yang besar.
• Sebuah Monitor Besar, memang sih monitor yang besar tidak terlalu berpengaruh tapi ga ada salah nya kan kalau monitor anda besar, untuk membuka jendela lebih banyak dan control panel dapat di buka dalam waktu bersamaan.
• Scanner/ Camera Digital, Jika anda ingin mengantisipasi membuat gambar dari tekstur atau keinginan sendiri. Akan membutuhkan alat untuk membuat gambar.
• Komputer Kedua, ini sangat berguna bagi web designer untuk pengujian dalam menjalankan platform yang berbeda dari komputer utama yang hanya digunakan untuk pengembangan. Karena browser kerja yang berbeda pada Mac dan pada mesin Windows, itu penting untuk menguji halaman web dalam sebanyak mungkin dan system operasi nya berbeda.
• Perangkat Mobile, kenapa smartphone dibutuhkan ya karena banyak sekali orang yang mempunyai smartphone dan mengakses web melalui mobile. Maka dari itu kalian perlu untuk menguji penampilan web yang di buat, melalui mobile browser dengan smartphone. Tetapi saat ini udah banyak kale web emulator yang dapat digunkan untuk menguji web.

2. Perangkat Lunak

Nah untuk perangkat lunak pengembang web dapat di kelompokkan menjadi beberapa:

Web Page Authoring

web page authoring ialah kumpulan perangkat lunak, sperti desktop publishing tetapi format yang dihasilkan adalah halaman web. Dan aplikasi ini biasa di sebut “WYSIWYG” (What You See Is What You Get dibaca “whizzy-wig”) dan maksud nya sih apa yang anda lihat itulah yang anda dapatkan, contoh kalian ingin membuat template web di dreamweaver kalian lihat tampilan web nya kayak gitu terus kalian masukan template nya di web kalian, maka hasil nya……… BOOM sama aja kayak di dreamweaver.

Inilah contoh aplikasinya :

• Adobe Dreamweaver, aplikasi ini berbayar sih dan memiliki lisensi perusahaan adobe tapi kalau mau belajar bisa ambil trial nya aja atau kalau mau ya bajakan aja. Aplikasi ini mempunyai fitur-fitur dan fasilitas yang banyak.

• Microsoft Expression Web (lisensi dari windows), bagian dari Microsoft’s suite yang merupakan aplikasi perancangan professional.

• Nvu (Linux, Windows, Mac OS X ) gratis untuk editor WYSIWYG? Nvu (diucapkan N-view, untuk “pandangan baru“) ialah sebuah aplikasi open source yang cocok dengan banyak fitur dalam adobe dreamweaver.

Editor
Ini adalah kelompok perangkat lunak yang kebalikan dari Adobe Dreamweaver Microsoft Expression Web. Aplikasi ini tidak lagi “WYSIWYG” (What You See Is What You Get”) tetapi lebih ke kode HTML. Beberapa contoh aplikasi yang termasuk dalam kelompok ini :
 TextPad (Windows saja). TextPad adalah plain-text sederhana dan murah untuk editor kode di Windows.
 Teks Sublime (Window, Mac, Linux). Editor teks ini terlihat dipreteli namun memiliki banyak fungsi (seperti kode warna dan ikhtisar kode penuh) bagi pengembang web.
 Coda oleh Panic (hanya Macintosh). Pengguna Coda seperti alur kerja yang visual, alat-alat manajemen file, dan built-in akses terminal.
 Textmate oleh MacroMates (hanya Macintosh). Editor teks canggih ini memiliki alat manajemen proyek dan antarmuka yang terintegrasi dengan sistem operasi Mac. Hal ini semakin populer karena disesuaikan, kaya fitur, dan murah.
 BBEdit oleh Bare Bones Software (hanya Macintosh). Untuk pengembang web banyak fitur shortcut yang besar telah membuat editor terkemuka berbasis Mac
Aplikasi editing gambar dan menggambar
Untuk menambahkan gambar ke halaman web, akan perlu program editing gambar. Berikut ini beberapa aplikasi yang cukup populer :
 Adobe Photoshop. Photoshop dapat dikatakan sebagai standar industri untuk penciptaan gambar baik dalam cetak maupun dunia web.
 Adobe Photoshop Elements. Versi ini lebih ringan dari Photoshop dirancang untuk mengedit foto dan manajemen, tetapi beberapa penggemar menemukan bahwa ia memiliki semua alat yang diperlukan untuk menempatkan gambar pada halaman web.
 Adobe Illustrator. Karena desainer perlu membuat logo, ikon, dan ilustrasi di berbagai ukuran dan resolusi, untuk itu semua aplikasi ini sangat membantu. Aplikasi ini juga dapat dipadukan dengan Photoshop
Aplikasi Internet
Karena hasil akhir dari pengembangan halaman web digunakan di Internet, maka diperlukan beberapa aplikasi untuk membuka halaman web, biasa disebut “browser”. Berikut ini beberapa aplikasi browser yang cukup populer :
 Windows:
o Internet Explorer
o Chrome
o Firefox
o Safari
o Opera
 Macintosh OS X:
o Safari
o Chrome
o Firefox
o OperaAplikasi Internet
Karena hasil akhir dari pengembangan halaman web digunakan di Internet, maka diperlukan beberapa aplikasi untuk membuka halaman web , biasa disebut "browser". Berikut ini beberapa aplikasi browser yang cukup populer :

1. Windows
• Internet Explorer
• Google Crome
• Mozila Firefox
• Safari
• Opera
2. Macinthosh OS X :
• Google Crome
• Mozila Firefox
• Safari
• Opera
3. Browser perangkat bergerak (mobile)
• Mobile Safari (iOS)
• Adroid Browser (Android)
• BlackBerry Browser (RIM)
• Nokia Series 40 and Nokia Browser for Symbian
• Opera Mobile and Mini (installed on any device)
• Internet Explorer Mobile (Windows Phone)
• Silk (kindle Fire)

Aplikasi transfer file (FTP/File Tranfer Protokol)
Sebuah aplikasi FTP memungkinkan untuk mengunggah dan mengunduh file antara komputer kita dan komputer yang akan menjadi tempat halaman web/web server.
Ada juga aplikasi FTP khusus, seperti yang tercantum di bawah ini:
 Windows
 WS_FTP
 CuteFTP
 AceFTP
 Filezilla
 Macintosh
 Transmit
 Cyberduck
 Fetch