REKAYASA WEB
TUGAS 1
NIM : 1411511676
NAMA : TRYANITA
TEKNIK INFORMATIKA
FAKULTAS TEKNOLOGI INFORMASI
1. WEB FRAMEWORK
http://www.tribunnews.com
Situs berita dan informasi terkini yang menggunakan teknologi :
 Webserver/OS : NginX
 Language/Framework : CodeIgniter
 JS Framework : FB, JQuery, Fancybox
 Advertising platform : Mediaplex ,Adsense, Doubleclick
 Widget : Google Font API, Facebook Like
 CDN : Akamai, jQuery CDN, Google Ajax
Library API
 Analytic & Tracking : FB Insight, neilsen, Google analytics
 Agregation : RSS
 Document Info : OpenGraph, Viewport , IFrame
 Encoding : UTF-8
2. Angular Js
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.
angularJS juga di gunakan untuk membangun
aplikasi yang bersifat single page application.
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.
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 menggunakan Angular JS :
 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.
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.
3. Node Js
Berdasar pengertian node.js yang dikutip dari
situs resminya, 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.
Berikut beberapa kelebihan node js dari beberapa sumber :
 Pengembang hanya cukup memakai satu bahasa untuk
mengembangkan aplikasi client & server sehingga mengurangi
'Learning Curve' untuk mempelajari bahasa server yang lain.
 Mendukung reuse of code, yang dimaksud disini adalah
kemudahan sharing code antara client dan server, dimana seorang
programmer dapat membangun sebuah objek dengan
mengextend objek-objek yang telah ada secara mudah,
sehingga programmer itu mungkin tidak perlu tahu dengan kode-
kode dari objek yang ingin ia extend , yang ia butuhkan hanyalah
pengetahuan mengenai property dari objek itu dan hal-hal yang
dapat dilakukan oleh objek itu.
 Mendukung JSON, sehingga untuk mengkonsumsi data-data dari
pihak ketiga pemrosesan di Node.js akan sangat mudah sekali.
 Asinkron I/O & event, maksudnya adalah proses eksekusi
program tidak perlu menunggu pembacaan suatu file sampai
selesai tetapi tetap dapat langsung menjalankan kode Javascript
selanjutnya yang dieksekusi secara bersamaan, hal ini dapat
membuat kerja sistem lebih ringan dan cepat.
 Database NoSQL seperti MongoDB dan
CouchDB mendukung langsung Javascript sehingga interfacing
dengan database ini akan jauh lebih mudah.
 Memakai engine V8 yang selalu mengikuti perkembangan standar
ECMAScript, jadi tidak perlu ada kekhawatiran bahwa browser
tidak akan mendukung fitur-fitur di Node.js.
 Open Source, source code nodejs berada pada Github. Hal ini
membuat perkembangan node.js sangat cepat, terlebih hal ini juga
dapat memudahkan para programmer yang masih bertitel
"Mahasiswa" dapat mencicipi teknologi baru ini.
Berikut beberapa hal yang perlu diperhatikan dalam
membangun website menggunakan nodejs secara
fleksibel :
 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.
 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.
4. 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.
5. jQuery
jQuery adalah library JavaScript multiplatform
yang dirancang untuk memudahkan
penyusunan client-side script pada file
HTML.Digunakan oleh 60 persen dari 10000 situs
web paling banyak dikunjungi di dunia, jQuery
adalah library JavaScript yang paling populer saat
ini. jQuery merupakan sebuah perangkat lunak
bebas sumber terbuka yang berada di bawah
lisensi MIT.Sintaks jQuery dirancang sedemikian
rupa untuk memudahkan pengembang website
dalam menavigasi dokumen, menyeleksi elemen-
elemen DOM, menerapkan animasi,
mengaplikasikan events, serta membangun
aplikasi AJAX.
jQuery juga memampukan developer menciptakan
berbagai plugin berbasis library JavaScript.
Dengan plugin-plugin tersebut, pengembang situs
web mampu menyusun sejumlah abstraksi untuk
interaksi dan animasi sederhana, juga beberapa
efek yang cukup kompleks dan berbagai widget
yang dapat dikonfigurasikan. Karakter library
JavaScript yang modular mendukung
pengembangan laman web dinamis dengan
berbagai fitur dan aplikasi berbasis web (web app).
Fitur-fitur inti jQuery – meliputi penyeleksian,
traversal, dan manipulasi elemen-elemen DOM –
dimampukan oleh sebuah selector engine
(dinamaiSizzle mulai versi 1.3), telah mewujudkan
suatu gaya pemrograman baru yang memadukan
antara algoritma dan struktur data DOM. Gaya ini
telah mempengaruhi arsitektur dari framework
JavaScript lainnya seperti YUI v3dan Dojo, dan di
kemudian menstimulasi pengembangan Selectors
APIstandar.
jQuery juga dikembangkan untuk
mendayagunakan berbagai fungsionalitas
JavaScript yang paling sering dipakai (misalnya:
fade in atau fade out ketika menentukan visibilitas
elemen, juga bermacam animasi yang
dimunculkan dengan memanipulasi properti-
properti CSS).
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.
6. Bahasa pemrograman web
saya belum pernah membuat web secara utuh
atau selesai, tapi pernah membuat design web,
dan saya sudah lupa.
saat itu saya membuat project untuk ujian
kompetensi sebagai syarat kelulusan Sekolah
Menengah Kejuruan.

Tugas[1] 0317-[tryanita]-[1411511676]

  • 1.
    REKAYASA WEB TUGAS 1 NIM: 1411511676 NAMA : TRYANITA TEKNIK INFORMATIKA FAKULTAS TEKNOLOGI INFORMASI
  • 2.
    1. WEB FRAMEWORK http://www.tribunnews.com Situsberita dan informasi terkini yang menggunakan teknologi :  Webserver/OS : NginX  Language/Framework : CodeIgniter  JS Framework : FB, JQuery, Fancybox  Advertising platform : Mediaplex ,Adsense, Doubleclick  Widget : Google Font API, Facebook Like  CDN : Akamai, jQuery CDN, Google Ajax Library API  Analytic & Tracking : FB Insight, neilsen, Google analytics  Agregation : RSS  Document Info : OpenGraph, Viewport , IFrame  Encoding : UTF-8
  • 3.
    2. Angular Js AngularJSadalah 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. angularJS juga di gunakan untuk membangun aplikasi yang bersifat single page application.
  • 4.
    Bagian – bagianutama 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.
  • 5.
    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.
  • 6.
    Fitur Core AngularJS :  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).
  • 7.
    Keuntungan menggunakan 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.
  • 8.
    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.
    3. Node Js Berdasarpengertian node.js yang dikutip dari situs resminya, 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.
  • 10.
    Berikut beberapa kelebihannode js dari beberapa sumber :  Pengembang hanya cukup memakai satu bahasa untuk mengembangkan aplikasi client & server sehingga mengurangi 'Learning Curve' untuk mempelajari bahasa server yang lain.  Mendukung reuse of code, yang dimaksud disini adalah kemudahan sharing code antara client dan server, dimana seorang programmer dapat membangun sebuah objek dengan mengextend objek-objek yang telah ada secara mudah, sehingga programmer itu mungkin tidak perlu tahu dengan kode- kode dari objek yang ingin ia extend , yang ia butuhkan hanyalah pengetahuan mengenai property dari objek itu dan hal-hal yang dapat dilakukan oleh objek itu.  Mendukung JSON, sehingga untuk mengkonsumsi data-data dari pihak ketiga pemrosesan di Node.js akan sangat mudah sekali.
  • 11.
     Asinkron I/O& event, maksudnya adalah proses eksekusi program tidak perlu menunggu pembacaan suatu file sampai selesai tetapi tetap dapat langsung menjalankan kode Javascript selanjutnya yang dieksekusi secara bersamaan, hal ini dapat membuat kerja sistem lebih ringan dan cepat.  Database NoSQL seperti MongoDB dan CouchDB mendukung langsung Javascript sehingga interfacing dengan database ini akan jauh lebih mudah.  Memakai engine V8 yang selalu mengikuti perkembangan standar ECMAScript, jadi tidak perlu ada kekhawatiran bahwa browser tidak akan mendukung fitur-fitur di Node.js.  Open Source, source code nodejs berada pada Github. Hal ini membuat perkembangan node.js sangat cepat, terlebih hal ini juga dapat memudahkan para programmer yang masih bertitel "Mahasiswa" dapat mencicipi teknologi baru ini.
  • 12.
    Berikut beberapa halyang perlu diperhatikan dalam membangun website menggunakan nodejs secara fleksibel :  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.  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.
  • 13.
    4. Apache Solr Solradalah 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.
  • 14.
    Solr dibuat menggunakanbahasa 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.
  • 15.
    5. jQuery jQuery adalahlibrary JavaScript multiplatform yang dirancang untuk memudahkan penyusunan client-side script pada file HTML.Digunakan oleh 60 persen dari 10000 situs web paling banyak dikunjungi di dunia, jQuery adalah library JavaScript yang paling populer saat ini. jQuery merupakan sebuah perangkat lunak bebas sumber terbuka yang berada di bawah lisensi MIT.Sintaks jQuery dirancang sedemikian rupa untuk memudahkan pengembang website dalam menavigasi dokumen, menyeleksi elemen- elemen DOM, menerapkan animasi, mengaplikasikan events, serta membangun aplikasi AJAX.
  • 16.
    jQuery juga memampukandeveloper menciptakan berbagai plugin berbasis library JavaScript. Dengan plugin-plugin tersebut, pengembang situs web mampu menyusun sejumlah abstraksi untuk interaksi dan animasi sederhana, juga beberapa efek yang cukup kompleks dan berbagai widget yang dapat dikonfigurasikan. Karakter library JavaScript yang modular mendukung pengembangan laman web dinamis dengan berbagai fitur dan aplikasi berbasis web (web app).
  • 17.
    Fitur-fitur inti jQuery– meliputi penyeleksian, traversal, dan manipulasi elemen-elemen DOM – dimampukan oleh sebuah selector engine (dinamaiSizzle mulai versi 1.3), telah mewujudkan suatu gaya pemrograman baru yang memadukan antara algoritma dan struktur data DOM. Gaya ini telah mempengaruhi arsitektur dari framework JavaScript lainnya seperti YUI v3dan Dojo, dan di kemudian menstimulasi pengembangan Selectors APIstandar.
  • 18.
    jQuery juga dikembangkanuntuk mendayagunakan berbagai fungsionalitas JavaScript yang paling sering dipakai (misalnya: fade in atau fade out ketika menentukan visibilitas elemen, juga bermacam animasi yang dimunculkan dengan memanipulasi properti- properti CSS).
  • 19.
    Keuntungan dari pemanfaatanjQuery 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.
  • 20.
     Mengatasi masalahkompatibilitas 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.
  • 21.
    6. Bahasa pemrogramanweb saya belum pernah membuat web secara utuh atau selesai, tapi pernah membuat design web, dan saya sudah lupa. saat itu saya membuat project untuk ujian kompetensi sebagai syarat kelulusan Sekolah Menengah Kejuruan.