REKAYASA WEBTUGAS 1

NIM :1512510445NAMA : Arie FirmandaniFAKULTAS : Fakultas Teknologi InformasiProdi : Sistem Informasi

WEB FRAMEWORKHTTP://WWW.DETIK.COM

• PENGERTIAN

Detik.com ialah sebuah portal web yang berisi berita dan artikel daring di Indonesia. Detik.com merupakan salah satu situs berita terpopuler di Indonesia. Berbeda dari situs-situs berita berbahasa Indonesia lainnya, Detik.com hanya mempunyai edisi daring dan menggantungkan pendapatan dari bidang iklan. Meskipun begitu, Detik.com merupakan yang terdepan dalam hal berita-berita baru (breaking news). Sejak tanggal 3 Agustus 2011, Detik.com menjadi bagian dari PT Trans Corporation, salah satu anak perusahaan CT Corp.

• CONTOH IMPLEMENTASI

Contoh implementasi web service pada Detik.com adalah di bagian komentar Detik.com. Setiap kali kita akan mengisi komentar di Detik.com, kita bisa menggunakan akun FB kita.Ini karena FB, Yahoo dan Twitter menyediakan service yang memungkinkan sistem lain menggunakan akun mereka untuk login. Dan kebetulan Detik.com ini memanfaatkan service tersebut. Dalam kasus ini, FB, Yahoo, dan Twitter dikatakan bertindak sebagai server sedangkan Detik.com bertindak sebagai client.

»KELEBIHAN

1. Informasi yang cepat dalam memberikan informasi yang didapat dari masyarakat. Dalam hal ini update dilakukan dalam waktu 24 jam secara terus menerus

2. Berita yang dimuat,ditulis dan mudah dipahami oleh bahasa masyarakat

3. Mudah mengaksesnya,dan bisa dinikmati berbagai macam teknologi baik komputer maupun telpon genggam

4. Memungkinkan interaksi pembaca melalui fasilitas forum pembaca. sehingga masing-masing bisa berdiskusi atas sebuah topik

5. Didukung oleh wartawan-wartawan yang memiliki tingkat profesionalisme tinggi sehingga mampu menyajikan berita yang bermutu

• KEKURANGAN

1. Iklan yang sudah diterbitkan tidak dapat dirubah

2. Terlalu banyaknya iklan yang muncul saat mengakses akun detik.com

2. JELASKAN SECARA DETAIL ISTILAH

Angular JsNode JsApachesolrJquery

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

1.a 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.

1.b 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.

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

1.d 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.

1.e 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.

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

2.a 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.

2.b 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.

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

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

4.a Fitur-fitur inti jQuery meliputi :1. penyeleksian, traversal, dan manipulasi

elemen-elemen DOM 2. dimampukan oleh sebuah selector engine

(dinamaiSizzle mulai versi 1.3), 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).

4.b 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.

A. Pengertian PHP PHP adalah bahasa pemrograman script server-side yang didesain

untuk pengembangan web. Selain itu, PHP juga bisa digunakan sebagai bahasa pemrograman umum (wikipedia). PHP di kembangkan pada tahun 1995 oleh Rasmus Lerdorf, dan sekarang dikelola oleh The PHP Group. Situs resmi PHP beralamat di http://www.php.net.

PHP disebut bahasa pemrograman server side karena PHP diproses pada komputer server. Hal ini berbeda dibandingkan dengan bahasa pemrograman client-side seperti JavaScript yang diproses pada web browser (client).

Pada awalnya PHP merupakan singkatan dari Personal Home Page. Sesuai dengan namanya, PHP digunakan untuk membuat website pribadi. Dalam beberapa tahun perkembangannya, PHP menjelma menjadi bahasa pemrograman web yang powerful dan tidak hanya digunakan untuk membuat halaman web sederhana, tetapi juga website populer yang digunakan oleh jutaan orang seperti wikipedia, wordpress, joomla, dll.

3. Bahasa pemrograman web beserta projectnya

Saat ini PHP adalah singkatan dari PHP: Hypertext Preprocessor, sebuah kepanjangan rekursif, yakni permainan kata dimana kepanjangannya terdiri dari singkatan itu sendiri: PHP: Hypertext Preprocessor.

PHP dapat digunakan dengan gratis (free) dan bersifat Open Source. PHP dirilis dalam lisensi PHP License, sedikit berbeda dengan lisensi GNU General Public License (GPL) yang biasa digunakan untuk proyek Open Source.

Kemudahan dan kepopuleran PHP sudah menjadi standar bagi programmer web di seluruh dunia. Menurut wikipedia pada februari 2014, sekitar 82% dari web server di dunia menggunakan PHP. PHP juga menjadi dasar dari aplikasi CMS (Content Management System) populer seperti Joomla, Drupal, dan WordPress.

B. Fungsi PHP Dalam Pemrograman Web Untuk membuat halaman web, sebenarnya PHP bukanlah

bahasa pemrograman yang wajib digunakan. Kita bisa saja membuat website hanya menggunakan HTML saja. Web yang dihasilkan dengan HTML (dan CSS) ini dikenal dengan website statis, dimana konten dan halaman web bersifat tetap.

Sebagai perbandingan, website dinamis yang bisa dibuat menggunakan PHP adalah situs web yang bisa menyesuaikan tampilan konten tergantung situasi. Website dinamis juga bisa menyimpan data ke dalam database, membuat halaman yang berubah-ubah sesuai input dari user, memproses form, dll.

Untuk pembuatan web, kode PHP biasanya di sisipkan kedalam dokumen HTML. Karena fitur inilah PHP disebut juga sebagai Scripting Language atau bahasa pemrograman script.

Array merupakan tipe data terstruktur yang berguna untuk menyimpan sejumlah data yang bertipe sama. Bagian yang menyusun array disebut elemen array, yang masing-masing elemen dapat diakses tersendiri melalui index array. Index array dapat berupa bilangan integer atau string.

Fungsi-fungsi Array dalam PHP

Program mendeklarasikan array dengan index numeric.<?php $arrBuah = array ("Mangga", "Apel", "Pisang", "Jeruk"); echo $arrBuah[0]; //Mangga echo $arrBuah[3]; //Jeruk $arrWarna = array(); $arrWarna[] = "Merah"; $arrWarna[] = "Biru"; $arrWarna[] = "Hijau"; $arrWarna[] = "Putih"; echo $arrWarna[0]; //Merah echo $arrWarna[2]; //Hijau ?>

Mendeklarasikan dan Menampilkan Array

Penjelasan Program diatasUntuk mendeklarasikan atau mendefinisikan sebuah array di PHP bisa menggunakan keyword array(). Pada program diatas, terdapat pendeklarasian dan pendefinisian array pada baris ke-3. Jumlah elemen array tidak perlu disebutkan saat deklarasi. Sedangkan untuk menampilkan isi array pada elemen tertentu, cukup dengan menyebutkan nama array beserta index array-nya (lihat baris ke-4 dan ke-5). Pendeklarasian dan pengisian array juga bisa dilakukan seperti pada baris ke-7 sampai baris ke-11. Dengan pendefinisian array seperti pada dua cara di atas, index (key) array secara otomatis akan diisi dengan bilangan bulat integer yang dimulai dari 0.