teknologi aplikasi web

Teknologi Aplikasi Web

Profesi Dalam Bidang Pengembangan Aplikasi Web

Ada banyak ragam dalam Profesi dalam bidang Teknologi Informasi , bagaimana dengan profesi yang berada dalam lingkungan pengembangan aplikasi web? 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 WEBSITE

Penemu situs web adalah Sir Timothy John ¨Tim¨ Berners-Lee, sedangkan situs web yang tersambung dengan jaringan pertamakali muncul pada tahun 1991. Maksud dari Tim ketika merancang situs web adalah untuk memudahkan tukar menukar dan memperbarui informasi pada sesama peneliti di tempat ia bekerja. Pada tanggal 30 April 1993, CERN (tempat dimana Tim bekerja) mengumumkan bahwa WWW dapat digunakan secara gratis oleh publik.

Sebuah situs web bisa berupa hasil kerja dari perorangan atau individu, atau menunjukkan kepemilikan dari suatu organisasi, perusahaan. biasanya pembahasan dalam sebuah situs web merujuk pada sebuah ataupun beberapa topik khusus, atau kepentingan tertentu. Sebuah situs web bisa berisi pranala yang menghubungkan ke situs web lain, demkian pula dengan situs web lainnya. Hal ini terkadang membuat perbedaan antara situs web yang dibuat oleh individu ataupun perseorangan dengan situs web yang dibuat oleh organisasi bisnis menjadi tidak begitu jelas.

Situs web biasanya ditempatkan pada server web. Sebuah server web umumnya telah dilengkapi dengan perangkat-perangkat lunak khusus untuk menangani pengaturan nama ranah, serta menangani layanan atas protokol HTTP yang disebut sebagai Server HTTP (bahasa Inggris: HTTP Server) seperti Apache HTTP Server, atau Internet Information Services (IIS).

              CARA KERJA WEBSITE

Bagaimana cara kerja website? Cara kerja website pada dasarnya yaitu input, proses dan output. Website adalah halaman informasi yang disediakan melalui jalur internet sehingga bisa diakses di seluruh dunia selama terkoneksi dengan jaringan internet. Website merupakan komponen atau kumpulan komponen yang terdiri dari teks, gambar, suara, video, animasi dan lain sebagainya. Sehingga lebih merupakan media informasi yang menarik untuk dikunjungi. Semua website pasti mempunyai domain dan web server. Domain bisa kita analogikan sebagai alamat rumah, sedangkan web server sebagai rumah untuk menyimpan berbagai perabotan rumah tangga.

Bagaimana cara website bekerja?

1.      Pertama, misal Anda ingin mencari informasi melalui mesin pencari (search engine) Google.

2.      Tentunya Anda terlebih dahulu akan menjalankan aplikasi web browser baik itu Internet Explorer, Mozilla, Chrome, Opera, dan lain sebagainya yang telah terkoneksi internet.

3.      Anda lalu mengetikan URL (Uniform Resource Locator) atau domain di web browser, misal http://www.google.com atau google.com.

4.      Nah pada saat itu domain yang Anda ketikkan tersebut perlu diterjemahkan menjadi alamat IP karena komputer Anda sebenarnya hanya bisa mengakses alamat IP. Tugas penerjemahan ini dilakukan oleh Domain Name System (DNS), karena itu komputer Anda akan meminta bantuan DNS server yang terdaftar untuk menerjemahkan nama domain tersebut. DNS server menemukan alamat google.com dan memberikan alamat IP-nya kepada browser Anda. Browser Anda segera menuju server dengan alamat IP yang didapatkan dari DNS server dan meminta halaman yang tersedia didalam web server tersebut.

5.      Setelah web server menerima permintaan (request), web server lalu akan memprosesnya (process) dan memberikan hasil data (output). Untuk lebih jelasnya silahkan lihat ilustrasi gambar cara kerja website di bawah ini.

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.

Perangkat Pengembangan Aplikasi Web

Untuk  perangkat  pengembangan  aplikasi  web  dapat  dikelompokan  menjadi perangkat keras dan perangkat lunak.

A. Perangkat Keras
Untuk lingkungan pengembangan web yang nyaman,  berikut ini  peralatan  yang sebaiknya disediakan:

1.      Komputer  Utama

2.      Memori  tambahan.

3.      Sebuah  monitor  besar.

4.      Sebuah  scanner  dan  /  atau  kamera  digital.

5.      Sebuah  komputer  kedua.

6.      Perangkat  mobile/smartphone.

B. Perangkat Lunak

Untuk  perangkat  lunak  pengembangan  web  dapat  dikelompokkan  menjadi beberapa, diantaranya :

1. Web page authoring

Ini  adalah  kelompok  perangkat  lunak  seperti  desktop  publishing  tetapi  format yang dihasilkan adalah halaman web.  Aplikasi ini biasanya bersifat  “WYSIWYG” (What You See Is What You Get, dibaca “whizzy-wig”) yaitu apa yang kamu lihat, itulah  yang  kamu  dapatkan.  Jadi  aplikasi  ini biasanya  ketika  membuat tampilannya seperti yang akan dihasilkan.

Beberapa contoh aplikasi yang termasuk dalam kelompok ini :

1.      Adobe  Dreamweaver,  aplikasi  ini  berbayar  dan  dibawah  lisensi perusahaan Adobe, aplikasi ini banyak digunakan oleh pengembang web. Memiliki banyak fasilitas dan fiture.

2.      Microsoft Expression Web (lisensi dari Windows). Bagian dari Microsoft’s suite yang merupakan aplikasi perancangan professional.

3.      Nvu (Linux, Windows, dan Mac OS X). Tidak ingin membayar untuk Editor WYSIWYG? Nvu (diucapkan  N-view,  untuk  “pandangan  baru”)  adalah sebuah  aplikasi  open  source (sumber terbuka)  yang  cocok  dengan banyak fitur dalam Adobe Dreamweaver, dan dapat diunduh secara gratis di nvu.com.

2. 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 :

1.      TextPad  (Windows  saja).  TextPad  adalah  plain-text  sederhana  dan murah untuk editor kode di Windows.

2.      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.

3.      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.

4.      BBEdit  oleh  Bare  Bones  Software  (hanya  Macintosh).  Untuk pengembang web banyak fitur  shortcut  yang besar telah membuat editor terkemuka berbasis Mac.

3. Aplikasi editing gambar dan menggambar 

Untuk  menambahkan  gambar  ke  halaman  web,  akan  perlu  program  editing gambar. Berikut ini beberapa aplikasi yang populer :

1.      Adobe Photoshop. Photoshop  dapat dikatakan sebagai  standar industri untuk penciptaan gambar baik dalam cetak maupun  dunia web.

2.      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.

3.      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

4.      Adobe  Fireworks.  Program  grafis  web  ini  menggabungkan  editor  foto dengan alat untuk membuat ilustrasi berbasis vektor. Ia juga memiliki alatalat canggih untuk grafis web.

5.      Corel  Paint  Shop  Photo  Pro  (Windows  saja).  Editor  gambar  yangpenuh  fitur  ini  populer di pengguna  Windows,  terutama  karena  harga yang rendah.

4. 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  Opera
Browser perangkat bergerak (mobile)
o  Mobile Safari (iOS)
o  Android Browser (Android)
o  BlackBerry Browser (RIM)
o  Nokia Series 40 dan Nokia Browser for Symbian
o  Opera Mobile dan Mini (installed on any device)
o  Internet Explorer Mobile (Windows Phone)
o  Silk (Kindle Fire)

5. Aplikasi transfer file (FTP/File Transfer Protokol).  Sebuah  aplikasi  FTP  memungkinkan  untuk  mengunggah  dan  mengunduh  file antara komputer kita dan komputer yang akan menjadi tempat halaman web/web server. Beberapa aplikasi authoring web sebelumnya juga memiliki aplikasi FTP yang  terintegrasi  langsung.  Ada  juga  aplikasi  FTP  khusus,  seperti  yang tercantum di bawah ini:
a. Windows
– WS_FTP
– CuteFTP
– AceFTP
– Filezilla
b. Macintosh
– Transmit
– Cyberduck
– Fetch

Jika ada pertanyaan tanyakan saja di kolom komentar!!