APLIKASI BERBASIS WEB

APLIKASI BERBASIS WEB Pendahuluan Komputer sejak diluncurkan pertama kali dengan bobot yang cukup berat hingga hingga saat ini dengan produk notebook yang sangat ringan dan dapat di bawa kemana-mana, berbagai macam aplikasi dan teknologi pendukungnya juga semakin beragam dan komplek. Sebagai salah satu teknologi yang pesat perkembangannya saat ini adalah pemanfaatan jaringan komputer, internet dan aplikasi berbasis web.

Pendahuluan (lanjutan) APLIKASI BERBASIS WEB Pendahuluan (lanjutan) Jaringan komputer merupakan sebuah kumpulan komputer dan peralatan elektronik lainnya yang terhubung dalam satu kesatuan dengan pengalamatan. Informasi dan data bergerak melalui kabel-kabel atau tanpa kabel sehingga memungkinkan pengguna jaringan komputer dapat saling bertukar dokumen dan data, mencetak pada printer yang sama dan bersama-sama menggunakan hardware/software yang terhubung dengan jaringan. Setiap komputer, printer atau periferal yang terhubung dengan jaringan disebut node

APLIKASI BERBASIS WEB Internet Internet merupakan sebuah jaringan komputer yang sangat besar (meliputi seluruh dunia) jaringan besar yang menghubungkan jaringan-jaringan kecil menggunakan protokol transmisi berbasis TCP/IP (Transmission Control Protocol/Internet Protocol). TCP/IP adalah salah satu jenis protokol (aturan) yg memungkinkan kumpulan komputer dapat berkomunikasi dan bertukar data di dalam suatu network (jaringan).

APLIKASI BERBASIS WEB Internet (lanjutan)

Komunikasi menggunakan Protokol APLIKASI BERBASIS WEB Komunikasi menggunakan Protokol Protokol: aturan yang disepakati client dan server mengenai bagaimana cara Berkomunikasi Elemen-elemen penting daripada protokol adalah : Syntax mengacu pada struktur atau format data, yang mana dalam urutan tampilannya memiliki makna tersendiri. Semantics mengacu pada maksud setiap section bit. Dengan kata lain adalah bagaimana bit-bit tersebut terpola untuk dapat diterjemahkan. Timing mengacu pada 2 karakteristik yakni kapan data harus dikirim dan seberapa cepat data tersebut dikirim.

Komunikasi menggunakan Protokol (lanjutan) APLIKASI BERBASIS WEB Komunikasi menggunakan Protokol (lanjutan) Protokol aplikasi (tergantung aplikasi) client dan server saling berbalas pesan dalam format Dan urutan tertentu Protokol transmisi(TCP/IP) pesan dipecah-pecah menjadi potongan paket-paket data setiap paket dapat melewati rute jaringan yang berbeda ditempat tujuan, paket-paket data dikonstruksi ulang menjadi Pesan seperti semula

Contoh Aplikasi berbasis Internet APLIKASI BERBASIS WEB Contoh Aplikasi berbasis Internet (LayananInternet) • Web Browser : internet explorer, Mozila Firefox • E-mail (Simple Mail Transfer Protokol/SMTP) • Chatting – open standard: IRC – non standard: YM, ICQ, MSN chat, AOL, dll • File transfer (FTP) : File Zilla • Remote terminal (telnet) • Directory service (LDAP) • Network monitoring (NMAP) • Web service (SOAP) • Voice (VoIP)

Aplikasi Berbasis Internet vs Berbasis Web APLIKASI BERBASIS WEB Aplikasi Berbasis Internet vs Berbasis Web • Aplikasi berbasis Internet – Menggunakan protokol aplikasi yang sudah ada atau mendefinisikan protokol sendiri – Aplikasi disisi server berkomunikasi langsung dengan client – Aplikasi disisi client dapat berupa aplikasi yang berdiri sendiri atau ditempelkan dalam aplikasi lain • AplikasiberbasisWeb – Menggunakan protokol HTTP – Aplikasi disisi server berkomunikasi dengan client melalui web server – Aplikasi disisi client umumnya berupa web browser

Aplikasi berbasis web merupakan : Aplikasi yang dibuat dengan memanfaatkan mekanisme dan aplikasi yang sudah ada pada sistem web (WWW). Aplikasi berbasis web merupakan aplikasi yang dapat langsung dijalankan pada browser dengan bantuan koneksi dari internet. Aplikasi berbasis web tidak terbatas pada sistem operasi yang digunakan. User yang mengakses data dengan menggunakan aplikasi berbasis web bisa langsung mendapat umpan balik dari server penyedia data sehingga tidak statis. Jenis bahasa pemrograman yang digunakan tidak mempengaruhi hasil aplikasi yang dibuat.

APLIKASI BERBASIS WEB Web Statis Web Statis adalah salah satu bentuk website yang isi didalam website tersebut tidak dimaksudkan untuk di update secara berkala, dan biasanya di maintain secara manual oleh beberapa orang yang menggunakan software editor. Ada 3 tipe kategori software editor yang biasa dipakai untuk tujuan maintaining ini, yaitu : Penyunting teks. Contohnya adalah Notepad atau TextEdit, dimana HTML diubah didalam program editor tersebut.

APLIKASI BERBASIS WEB Web Statis (lanjutan) WYSIWYG ( What You See Is What You Get) editor. Contohnya Microsoft Frontpage dan Macromedia Dreamweaver, dimana situs di edit menggunakan GUI (Graphical User Interface) dan format HTML ini secara otomatis di generate oleh editor ini. Editor yang sudah memiliki templet, contohnya Rapidweaver dan iWeb, dimana, editor ini membolehkan user untuk membuat dan mengupdate websitenya langsung ke server web secara cepat, tanpa harus mengetahui apapun tentang HTML

APLIKASI BERBASIS WEB Web Dinamis Website dinamis adalah website yang secara berkala informasi yang ada didalamnya berubah, atau website ini bisa berhubungan dengan user dengan berbagai macam cara atau metode bisa juga dengan cara interaksi langsung menggunakan form dan pergerakan mouse. Ketika web server menerima permintaan dari user untuk memberikan halaman tertentu, maka halaman tersebut akan secara otomatis di ambil dari media penyimpanan sebagai respon dari permintaan yang diminta oleh user.

Sistem web sebenarnya merupakan aplikasi yang : APLIKASI BERBASIS WEB Sistem web sebenarnya merupakan aplikasi yang : Berarsitektur client-server - software web browser di sisi client - software web server di sisi server Menggunakan protokol HTTP dalam komunikasi antara client dan server Mempunyai fungsi untuk mengambil/menjalankan isi file dokumen web di server dan menampilkannya di sisi client

Aplikasi Client Server APLIKASI BERBASIS WEB Aplikasi Client Server

Aplikasi Client Server APLIKASI BERBASIS WEB Aplikasi Client Server Untuk menjalankan aplikasi yang berbasis client-server pada sebuah halaman web, tentunya tidak lepas dari teknologi yang digunakan. Berikut ini adalah teknologi-teknologi dalam dunia programming berbasis web, yaitu : HTML : statis, berorientasi klien (tidak ada proses yang berjalan didalam server) PHP, ASP : dinamis, berorientasi klien-server (terdapat proses permintaan dari user ke server dan dikirim kembali ke user/klien)

Kelebihan aplikasi Client Server : APLIKASI BERBASIS WEB Kelebihan aplikasi Client Server : Beban komputasi disebar dibeberapa mesin Client mengakses fungsionalitas server darijarak jauh Client dan server didesain terpisah (dan mungkin berbeda), lebih sederhana dibanding mendesain satu program yang dapat melakukan segalanya Data dapat disimpan secara terpusat diserver, usaha menjaga reliabilitas sistem cukup dilakukan diserver Data dapat disimpan secara terdistribusi dibanyak client atau server, sehingga jika satu komponen rusak (misalnya harddisk crash atau bencana alam), maka data yang hilang menjadi minimal, atau mungkin dapat digantikan oleh data dari komponen lain Server dapat diakses secara simultan oleh banyak client

Keunggulan aplikasi berbasis web ini antara lain : Platform Independent, artinya aplikasi ini dapat dijalankan dari sistem operasi windows, linux, BSD, Mac. Program yang kita perlukan hanyalah browser (Mozilla Firefox, Internet Explorer maupun browser lainnya) Untuk dijalankan di banyak komputer, tidak perlu install aplikasi disetiap komputer, cukup kopi aja script programnya ke server atau salah satu komputer. Untuk komputer lain yang ingin menjalankan program ini cukup buka browsernya dan membuka alamat host server dimana program ini disimpan. Aplikasi ini dapat dijalankan dari jarak jauh dengan menggunakan internet. Selalu mendapatkan versi terbaru dari aplikasi. Karena aplikasi tersebut terpasang di server Intranet/Internet, perusahaan pembuat aplikasi bisa memperbarui aplikasinya terus-menerus.

Kekurangan aplikasi berbasis web antara lain : Antarmuka yang dapat dibuat terbatas sesuai spesifikasi standar untuk membuat dokumen web dan keterbatasan kemampuan web browser untuk menampilkannya Terbatasnya kecepatan internet mungkin membuat respon aplikasi menjadi lambat

Web Client (web browser) APLIKASI BERBASIS WEB Web Client (web browser) Web browser merupakan sebuah software yang dijalankan pada komputer user. Yang berisikan perangkat navigasi didalam web yang akan menampilkan dokumen web. Perangkat lunak web browser yang populer saat ini adalah : Internet Explorer (Windows) Mozilla Firefox (Windows dan Linux) Opera (Windows dan Linux) Chrome (Windows) dll.

Web Client (web browser) APLIKASI BERBASIS WEB Web Client (web browser)

Perangkat lunak web server yang populer saat ini adalah : APLIKASI BERBASIS WEB Web Server Web server merupakan suatu software yang dijalankan pada komputer server yang berfungsi sebagai jembatan agar dokumen web yang tersimpan pada server dapat diakses oleh user melalui internet. Perangkat lunak web server yang populer saat ini adalah : Apache (Linux & Windows) MS Internet Information Server/IIS (Windows) Tomcat, untuk java (Windows & Linux)

APLIKASI BERBASIS WEB Web Server

APLIKASI BERBASIS WEB

APLIKASI BERBASIS WEB

Perangkat pengembang aplikasi berbasis web Bahasa dasar dalam dunia web dan internet adalah dikenalkannya HTML (Hypertext Markup Language) sebagai standar penulisan halaman web. Perkembangan perangkat pengembang aplikasi berbasis web sangat beraneka ragam mulai dari yang sangat sederhana hingga yang cukup kompiek, berikut ini adalah daftar aplikasi pengembang berbasis web : a. Notepad b. MS Word c. Microsoft Frontpage d. Macromedia Dreamweaver

Perangkat pengembang aplikasi berbasis web Aplikasi berbasis web juga dibuat dengan menggunakan program server side, contohnya ASP, JSP, PHP, dan bahasa lainnya. ASP (Active Server Page) merupakan turunan dari MS Visual Basic yang dibuat oleh Microsoft. JSP (Java Server Page) merupakan bahasa berbasis Java yang dikembangkan oleh Sun Microsistem PHP (PHP Hypertext PreProsessor) merupakan bahasa pemrograman yang paling banyak komunitasnya saat ini dan dikembangkan secara open source.