TUGAS 1 0317 IndividuRekayasa Web

1512510130Eko Nofrianto

Soal 1

• Web Framework yang banyak digunakan adalah AngularJS

• Kelebihannya dan kekurangan terdapat di Slide 10 & 11

• Contoh : https://www.paypal.com/

ANGULARJS• Angular JS merupakan framework javascript open

souce yang dirilis oleh google pada tahun 2009. Konsep dari Angular JS adalah meningkatkan fungsi dari HTML untuk membangun web app

• Angular JS bukan berupa libary melainkan framwork yang solid. Sama seperti framwork lainnya. Angular JS memiliki onsep MVC (Model, View, Control) meskipun dengan cara yang berbeda.

FITUR UTAMA

• Data binding - Sinkronisasi data seraca otomatis antara komponen model dan view.

• Scope / Lingkup − Merupakan obyek yang mengacu pada model. Mereka bertindak sebagai lem antara controller dan View.

• Controller − Merupaan fungsi Java Script yang terikat pada lingkup tertentu.

• Services / Layanan − AngularJS datang dengan beberapa built-in services misalnya $http untuk membuat XMLHttpRequests. Ini adalah objek tunggal yang dipakai hanya sekali diapp.

• Filter − Pilihan subset dari item dari array dan mengembalikan array baru.• Directives / Arahan − Adalah tanda-tanda pada elemen DOM (seperti

elemen, atribut, css, dan lain - lain). Ini dapat digunakan untuk membuat kustom tag HTML yang berfungsi sebagai widget baru, kustom. AngularJS memiliki built-in arahan (ngBind, ngModel...)

• Templates − Adalah View yang diberikan dengan informasi dari controller dan model. Terdapat beberapa view dalam satu halaman, menggunakan "parsial" atau file tunggal (seperti index.html).

• Routing -  Merupajan konsep View switching.• Model View Whatever − Apapun MVCadalah pola desain untuk

membagi aplikasi menjadi bagian yang berbeda (disebut Model, View dan Controller), masing-masing dengan tanggung jawab yang berbeda. AngularJS tidak melaksanakan MVC dalam arti tradisional, tetapi agak sesuatu lebih dekat ke MVVM(Model-View-ViewModel). 

• Deep Linking − Deep menungkinkan  menghubungkan Anda untuk menyandikan keadaan aplikasi dalam URL sehingga ia dapat bookmarked. Aplikasi kemudian dapat dikembalikan dari URL ke negara yang sama.

• Dependency Injection − AngularJS memiliki built-in ketergantungan injeksi subsistem yang membantu pengembang dengan membuat aplikasi lebih mudah untuk mengembangkan, memahami, dan menguji.

KELEBIHAN DAN KEKURANGAN

Kelebihan• AngularJS menyediakan kemampuan untuk membuat satu halaman

aplikasi dengan cara yang sangat bersih / clean dan maintainable .• AngularJS menyediakan kemampuan mengikat data ke HTML sehingga

memberikan pengguna pengalaman yang kaya dan responsif• Kode AngularJS merupakan unit yang telah teruji.• AngularJS menggunakan injeksi ketergantungan dan membuat

penggunaan keprihatinan pemisahan.• AngularJS menyediakan komponen yang dapat digunakan kembali.• Dengan AngularJS, pengembang dapat menulis lebih sedikit kode dan

mendapatkan lebih banyak fungsi.• Dalam AngularJS, murni halaman View html, dan ditulis dalam JavaScript

controller melakukan proses bisnis.• Di atas segalanya, AngularJS aplikasi dapat berjalan pada semua browser

utama dan smartphone termasuk Android dan iOS berbasis telepon tablet.

• Tidak aman menjadi JavaScript hanya sebagai framework, aplikasi yang ditulis dalam AngularJS tidak aman. Sisi server otentikasi dan otorisasi adalah keharusan untuk mengamankan aplikasi.

• Tidak Degradable - jika pengguna aplikasi Anda menonaktifkan JavaScript, maka pengguna hanya akan melihat halaman dasar dan tidak lebih.

Kekurangan

NODE JS

• Nodejs dapat diartikan sebagai sebuah platform software yang dipakai untuk membangun aplikasi – aplikasi serverside yang fleksibel di sebuah jaringan aplikasi. Nodejs seperti kontekstualnya js, yang berarti platform ini menggunakan javascript sebagai basis bahasa pemrogramannya. Dibuat oleh Ryan Dahl pada tahun 2009 menggunakan mesin javascript v8 milik google chrome, nodeJS memiliki skalabilitas yang sangat tinggi, berbasisevent (event driven programming), dan memiliki konsep asynchronous yang sangat bagus sehingga membuatnya ringan dan efisien.

Hal - Hal yang perlu diperhatikan dalam Membangun Website menggunakan node.js

• NPM• NPM (Node Package Manager) merupakan package manager yang

digunakan NodeJS. Sejak versi 0.6.3, NPM ini sudah diikutsertakan secara default waktu instalasi NodeJS.

• Jade• Module ini merupakan mesin template untuk nodejs. Module ini

menawarkan banyak fitur, untuk mengenal lebih dalam module ini dapat dilihat pada https://github.com/jadejs/jade#a1

• Stylus• Module merupakan pre-processor untuk CSS. Modul ini sama kerjanya

dengan LESS, tapi dibuat khusus untuk NodeJS.• Framework node.js• Framework sudah barang tentu hal yang penting dalam membangun

website, agar lebih fleksibel dan efisien.

• SOLR, adalah sebuah mesin pencari berskala enterprise yang dikembangkan dari Apache.Fitur SOLR, digunakan untuk mencari dan melakukan indexing text yang terdapat pada dokumen-dokumen, serta mebuat cluster dari dokumen-dokumen tersebut. Selain itu, SOLRdapat berintregasi dengan berbagai database, SOLRbekerja diatasJAVA, dan memiliki fitur replikasi.

SOLRdapat digunakan secara Open Source, yaitu dapat digunakan dan dikembangkan untuk kepentingan bersama. Untuk dapat menggunakan SOLR, aplikasi  dapat diunduh langsung dari situs resminya di :http://lucene.apache.org/solr/downloads.htmlSOLR dapat menggunakan fitur replikasi untuk melakukan backup secara realtime,Sebelum menjalankan SOLR pastikan anda telah menginstall Java Jdk lalu Kemudian  tempatkan berkas solr pada /opt/solr.0

Pengertian

• jQuery adalah library JavaScript multiplatform yang dirancang untuk memudahkan penyusunan client-side script pada file HTML.

Keuntungan dari pemanfaatan jQuery antara lain:

• Memisahkan JavaScript dan HTML → Tanpa menggunakan atribut-atribut HTML untuk memanggil fungsi Javascript dalam penanganan event, jQuery bisa dipergunakan untuk menangani event dengan script JS saja.

• Singkat dan Jelas → jQuery mengutamakan penulisan kode yang singkat dan jelas melalui berbagi fitur seperti fungsi-fungsi yang dapat dirangkaikan (chain-able) dan nama-nama fungsi yang pendek.

• Mengatasi masalah kompatibilitas antar-browser → JavaScript engine pada berbagai browser memiliki perbedaan satu sama lain, sehingga script yang berjalan pada suatu browser bisa gagal pada browser lainnya. jQuery mengatasi segala inkonsistensi antar-browser tersebut dan menyajikan antarmuka yang konsisten bekerja pada semua browser.

• Ekstensibel → jQuery menjadikan pengembangan framework sangat simpel. Berbagai event, elemen, dan metode baru dapat dengan mudah ditambahkan dan digunakan ulang sebagai plugin.

Fitur-fitur jQuery• Penyeleksian elemen-elemen DOM menggunakan selector engine Sizzle. Sizzle

merupakan perangkat lunak multiplatform sumber terbuka yang berawal sebagai proyek sampingan jQuery.

• Manipulasi DOM berdasarkan selektor CSS yang memanfaatkan nama-nama dan atribut elemen, misalnya id dan class, sebagai kriteria seleksi simpul-simpul DOM.

• Events• Efek dan animasi• AJAX• Obyek-obyek deferred and promose untuk mengontrol pemrosesan asinkron• Penguraian JSON• Ekstensibilitas melalui plugin• Sejumlah utilitas, misalnya: informasi agen pengguna (user agent), deteksi fitur

perangkat• Metode-metode kompatibilitas yang tersedia secara bawaan pada browser-browser

modern, namun membutuhkan pencadangan pada browser yang lebih tua, misalnya `inArray()` dan `each`

• Dukungan multi-browser

Soal No 3

• Belum menguasai bahasa pembuatan website dan belum pernah terlibat dalam proyek pembuatan website