TUGAS 1 REKAYASA WEB

1412510602 : Dewi Apriliani

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

Kelebihan Framework FireBaseTersedia versi Free, sehingga para developer dapat mencoba

layanan Firebase tanpa batasan waktu.Cepat dan responsifTanpa SQL, Firebase menggunakan JSONSDK tersedia untuk Android, iOS, JavaScript, Java, Objective-C,

swift dan Node.jsUser friendlyEvent-orientedBuild-in graphic editorPowerful API untuk menyimpan dan sinkronasiAPI relatif mudah dimengertiRealtime backendMemudahkan bagi front-end developer yang kurang mengerti

back-endDokumentasi & Costumer Support

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 joinVersi Free hanya memberikan 100 koneksi dan 1 GB storage, yang

mana kita perlu melakukan upgrade jika pengguna kita bertambahKita tak tahu dimana lokasi host data kitaYou don’t own your data. Karena data kita berada dalam host bukan

milik kita, akan menjadi mustahil untuk merecovery akun user

2. Jelaskan secara detail istilah :

- AngularJs- NodeJs- Apachesolr- Jquery

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.

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

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.

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

Apache SolrSolr 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.1\example\start.jar. Secara default akan berjalan pada port 8983. Maka untuk masuk ke halaman webnya tinggal gunakan alamat http://localhost:8983/solr/ pada web browser.

Tampilan Admin Solr

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.

Beberapa Fitur JqueryDalam Pemakaian menggunakan seleksi

element DOM, sehingga website lebih dinamis  dan interaktif.

JQuery bisa memanipulasi Class pada CSS dan Support CSS 3

EventAJAXEfek-efek dan animasiEkstensi dan Plug-insKompatibilitas dengan hampir semua Browser

modernKeperluan lain seperti : User Agent, Feature

detection dan lainnya

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#:

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: