Dokumen ini membahas berbagai web framework populer, termasuk Firebase, AngularJS, Node.js, Apache Solr, dan jQuery, serta kelebihan dan kekurangan masing-masing. Firebase menawarkan solusi basis data real-time namun memiliki keterbatasan terkait koneksi dan kepemilikan data, sedangkan AngularJS dan Node.js digunakan untuk pengembangan aplikasi web dan server dengan efisiensi tinggi. Juga dijelaskan pengertian jQuery yang memudahkan interaksi dan manipulasi DOM dalam pengembangan situs web.

1. 1412510602 : Dewi Apriliani

2. 1. Carilah web Framework paling update dan banyak
digunakan dan contoh implentasinya dan jelaskan sisi
kelebihan dan kekurangannya :
- http://www.detik.com detikcom ialah sebuah portal web yang
berisi berita dan artikel di Indonesia. detikcom merupakan salah satu situs
berita terpopuler di Indonesia. Berbeda dari situs-situs berita berbahasa
Indonesia lainnya, detikcom menggantungkan pendapatan dari bidang
iklan. Meskipun begitu, detikcom merupakan yang terdepan dalam hal
berita-berita baru (breaking news).
- Detik.com ini menggunakan framework php dan FireBase

3. Kelebihan Framework FireBase
 Tersedia versi Free, sehingga para developer dapat mencoba layanan
Firebase tanpa batasan waktu.
 Cepat dan responsif
 Tanpa SQL, Firebase menggunakan JSON
 SDK tersedia untuk Android, iOS, JavaScript, Java, Objective-C, swift
dan Node.js
 User friendly
 Event-oriented
 Build-in graphic editor
 Powerful API untuk menyimpan dan sinkronasi
 API relatif mudah dimengerti
 Realtime backend
 Memudahkan bagi front-end developer yang kurang mengerti back-
end
 Dokumentasi & Costumer Support

4. Kekurangan Framework FireBase
 Jumlah koneksi node tak ditampilkan (yang mana pada versi Free
dibatasi 100)
 Format penyimpanan tidak menggunakan SQL, melainkan JSON yang
mana akan menyulitkan ketika melakukan migrasi
 Karena Firebase tidak memberatkan developer pada server-side, maka
konsekuensinya perlu kerja keras menggunakan API dalam kode kita di
front-end/client-side
 Ketika aplikasi kita menggunakan database terpusat yang dapat di
update (write) oleh banyak pengguna, maka akan menjadi overkill
 Tak ada fungsi reference ataupun join
 Versi Free hanya memberikan 100 koneksi dan 1 GB storage, yang mana
kita perlu melakukan upgrade jika pengguna kita bertambah
 Kita tak tahu dimana lokasi host data kita
 You don’t own your data. Karena data kita berada dalam host bukan
milik kita, akan menjadi mustahil untuk merecovery akun user

5. 2. Jelaskan secara detail istilah :
- AngularJs
- NodeJs
- Apachesolr
- Jquery

6. AngularJs
 AngularJS adalah sebuah framework Javascript yang di kembangkan atau di
bangun oleh tim Google. angularjs menggunakan metode MVC yang membuat
source code aplikasi kita menjadi bersih dan mudah di kembangkan. sampai
saat ini angularjs sudah menjadi salah satu framework javascript yang paling
populer dan sangat banyak di gunakan oleh para developer di seluruh dunia
untuk membangun aplikasi. kehandalan dari angularjs sendiri tidak bisa di
ragukan lagi, salah satu faktor nya karena di kembangkan oleh para tim ahli
dari google. angular JS juga menyediakan panduan cara penggunaannya pada
situs resmi angularJS. dan angularJS juga di gunakan untuk membangun
aplikasi yang bersifat single page application. Tutorial AngularJS Pengertian
Dan Cara Menggunakan AngularJS
 Bagian – bagian utama AngularJS :
 ng-app yang berfungsi sebagai pen-definisi arahan dan link dari aplikasi
Angular JS ke html.
 ng-model berfungsi untuk arahan data dari aplikasi Angular JS ke input
kontrol html.
 ng-bind berfungsi sebagai arahan data dari aplikasi Angular JS ke tag html.

7. Beberapa fitur AngularJs
 Fitur Utama AngularJs :
 JavaScript Framework Angular JS merupakan sebuah framework yang
sangat efisien dalam dan mengembangkan Rich Internet Applications
(RIA).
 JavaScript Framework Angular JS merupakan aplikasi MVC (Model, View,
Controller).
 Dengan menggunakan Aplikasi yang berbasis Angular JS bisa diakses dari
semua web browser.
 Framework Angular JS merupakan framework JavaScript Open Source alias
gratis, dan memiliki komunitas pengembang aplikasi yang banyak.
Fitur Core Angular JS :
-Data binding yang berfungsi untuk sinkronisasi data antara Model dan View
yang dimiliki Angular JS.
-Scope adalah suatu objek yang mengacu pada sebuah model, sebagai perekat
antara Controller dan View.
-Controller Merupakan kumpulan dari fungsi-fungsi javascript yang dibuat
dalam Angular JS.
-Model View Whatever yang artinya Angular JS tidak mengimplementasikan
MVC secara umum, melainkan sesuatu yang lebih dekat sebagai MVVM
(Model View View Model).

8. Keuntungan & Kekurangan dari AngularJs
 Keuntungan AngularJs:
- Dengan menggunakan Angular JS dalam pembuatan aplikasi akan
memudahkan developer, karena AngularJS sendiri memiliki kemampuan
dalam membuat Single Page Application dengan cepat dan mudah.
- Framework Angular JS mampu berinteraksi dengan HTML dan memilki
kemampuan data binding pada html dengan efesiensi yang tinggi.
- Angular JS Menyediakan Dependency Injection (DI) dimana akan
memungkinkan sang developer menulis beberapa komponen dan code yang
terpisah satu sama lain. Kita hanya perlu memanggil komponen tersebut jika
diperlukan dan bisa digunakan secara berulang.
- Dengan menggunakan Angular JS sebagai pengembang aplikasi sang developer
dapat membuat fungsi dan code yang lebih baik dan lebih ringkas.
- Diatas merupakan beberapa keunggulan yang dimiliki oleh Angular JS,
keunggulan lainnya masih banyak dan tidak akan muat jika dituliskan
semuanya. Jika ingin mengetahui semua keunggulan yang dimiliki oleh
Angular JS bisa langsung praktek dan debugging. Namun ada beberapa
kelemahan yang dimiliki oleh Angular JS sendiri. Apa kelemehan Angular JS?
 Kekurangan AngularJS :
- Autentikasi server yang kurang aman.
- Jika menggunakan web browser dan mendisable fungsi javascript, maka
aplikasi tidak akan berjalan. Jadi hanya tergantung dari jenis aplikasi browser
yang digunakan.

9. NodeJs
 Node.js adalah sebuah perangkat lunak yang didisain untuk mengembangkan
aplikasi berbasis WEB. Node.js dieksekusi sebagai aplikasi server. Platform ini
menggunakan bahasa pemrograman javascript dan menggunakan teknik non-
bloking untuk mempercepat proses. Teknik non-bloking adalah sebuah
metode penyelesaian sebuah fungsi.
 jadi node.js menurut kalimat diatas adalah sebuah platform yang
menggunakan bahasa javascript untuk dieksekusi sebagai server. Biasanya
kita mengenal aplikasi server itu pake bahasa PHP tapi kok ini javascript?
itulah kelebihan node js, kita bisa menggunakan javascript yang dieksekusi
sebagai server-side, kelebihan lain adalah teknik non-blocking yang ada
di node.js.
 Teknik non-bloking yaitu teknik dimana node.js akan melakukan eksekusi
secara independen. Node.js akan mengeksekusi sebuah operasi tanpa harus
menunggu operasi sebelumnya selesai dieksekusi, sehingga menghasilkan
aplikasi web yang lebih cepat dan efisien. Node.js dengan teknik non-bloking
dapat diilustrasikan sebagai sebuah restoran, saat kita datang ke sebuah
restoran, pelayan akan mencatat pesanan kita lalu menyerahkan pesanan ke
petugas memasak, setelah itu pelayan akan mencatat pesanan orang lain lalu
menyerahkan pesanan tersebut ke petugas memasak tanpa harus menunggu
pesanan kita selesai dikerjakan dan begitu seterusnya hingga semua pesanan
diantar ke pelanggan.

10. Apache Solr
 Solr adalah salah satu enterprise search platform yang besifat open source
dari Apache. Fitur utamanya adalah pencarian berbasis text, hit highlight,
faceted search, dynamic clustering, database integration dan penanganan
terhadap rich document (word, pdf dsb). Pencarian menggunakan solr bisa
menggunakan URL dan hasil pencariannya bisa berupa xml maupun JSON.
Sehingga memudahkan programmer untuk menggunakannya dalam
berbagai bahasa pemrograman.
 Solr dibuat menggunakan bahasa pemrograman java dan menggunakan
lucene untuk fitur indexing dan pencarian. Solr dapat diintegrasikan
dengan servlet container seperti tomcat atau juga berjalan sebagai server
tunggal. Untuk menggunakan solr, tentunya harus menginstall solr.
 Download paket solr . Lalu ekstrak file apache-solr-x.x.x. Huruf x disini
merupakan versi dari paket solr versi 1.4.1. Maka direktorinya
adalah apache-solr-1.4.1. Jika ingin menjalankan solr sebagai server tunggal,
bisa langsung jalankan file apache-solr-1.4.1examplestart.jar. Secara
default akan berjalan pada port 8983. Maka untuk masuk ke halaman
webnya tinggal gunakan alamat http://localhost:8983/solr/ pada web
browser.

11. Tampilan Admin Solr

12. Jquery
 JQuery adalah library Javascript yang dibuat untuk memudahkan pembuatan website dengan
HTML yang berjalan di sisi Client. JQuery diluncurkan pada tanggal 26 Januari 2006 di
Barcamp NYC oleh John Resig dan berlisensi ganda di bawah MIT dan GPL. Script
JQuery dibuat untuk memudahkan pengaturan document seperti menyeleksi object dengan
element DOM dan membuat aplikasi dengan AJAX. Jquery juga menyediakan layanan atau
support para developers untuk membuat plug-ins di dalam bahasa Javascript tentunya.
Sehingga memungkinkan para developer website membuat website lebih interaktif dengan
animasi, efek – efek, tema dan widget.
Menurut Aloysius Sigit W. (2011:1) jQuery adalah librari atau kumpulan kode JavaScript siap
pakai. Keunggulan menggunakan jQuery dibandingkan dengan JavaScript standar, yaitu
menyederhanakan kode JavaScript dengan cara memanggil fungsi-fungsi yang disediakan oleh
jQuery. JavaScript sendiri merupakan bahasa Scripting yang bekerja disisi Client/Browser
sehingga website bisa lebih interaktif.
Menurut Alexander F.K Sibero (2011:218) jQuery adalah salah satu javascript framework terbaik
saat ini. jQuery dikembangkan oleh John Resig pada tahun 2006 di BarCamp NYC. Pada awal
perkembangannya, jQuery pertama dibuat untuk meringkas penggunaan CSS Selector dalam
suatu pustaka fungsi. jQuery memiliki ciri khas pada penggunaan perintahnya, prefix untuk
jQuery dengan tanda $ kemudian dilanjutkan dengan fungsi atau perintah.

13. Beberapa Fitur Jquery
 Dalam Pemakaian menggunakan seleksi element
DOM, sehingga website lebih dinamis dan interaktif.
 JQuery bisa memanipulasi Class pada CSS dan
Support CSS 3
 Event
 AJAX
 Efek-efek dan animasi
 Ekstensi dan Plug-ins
 Kompatibilitas dengan hampir semua Browser modern
 Keperluan lain seperti : User Agent, Feature detection
dan lainnya

14. 3. Berikan minimal 1 bahasa pemrograman web yang
anda kuasai ,beserta projek yang telah dikerjakan
Untuk saat ini saya belum terlalu menguasai bahasa pemrograman
karena masih dalam proses belajar,dan juga belum ada suatu projek
besar. hanya sekedar tugas-tugas kampus yang sederhana.
Berikut ini contoh sederhana Projek C#:

15. Lihat kode c++ di slide sebelumnya, semua eksekusi harus melalui
fungsi main(). Diatas kita meng-include karena kita
menggunakannya untuk hal hal yang berhubungan dengan string.
Hasilnya adalah seperti berikut ini: