SlideShare a Scribd company logo
1 of 15
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 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
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
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.
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.
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.
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 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
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:

More Related Content

What's hot

Membangun Aplikasi SMS dengan Gammu dan PHP Framework CodeIgniter
Membangun Aplikasi SMS dengan Gammu dan PHP Framework CodeIgniterMembangun Aplikasi SMS dengan Gammu dan PHP Framework CodeIgniter
Membangun Aplikasi SMS dengan Gammu dan PHP Framework CodeIgniterBeni Krisbiantoro
 
Modul Pelatihan CodeIgniter Dasar
Modul Pelatihan CodeIgniter DasarModul Pelatihan CodeIgniter Dasar
Modul Pelatihan CodeIgniter DasarRidwan Fadjar
 
Makalah J query dan penggunaannya sebagai validasi form
Makalah J query dan penggunaannya sebagai validasi formMakalah J query dan penggunaannya sebagai validasi form
Makalah J query dan penggunaannya sebagai validasi formHutommo Bagus
 
Power point J query dan penggunaannya sebagai validasi form
Power point J query dan penggunaannya sebagai validasi formPower point J query dan penggunaannya sebagai validasi form
Power point J query dan penggunaannya sebagai validasi formHutommo Bagus
 
Belajar netbeans java pemula dari 0 sampai mahir
Belajar netbeans java pemula dari 0 sampai mahirBelajar netbeans java pemula dari 0 sampai mahir
Belajar netbeans java pemula dari 0 sampai mahirharisonmtd
 
Membangun Website Lowongan Kerja Sederhana dengan NodeJS
Membangun Website Lowongan Kerja Sederhana dengan NodeJSMembangun Website Lowongan Kerja Sederhana dengan NodeJS
Membangun Website Lowongan Kerja Sederhana dengan NodeJSRidwan Fadjar
 
Tugas 1 rek web (lingga eka pradipta, 1411501073, ka)
Tugas 1 rek web (lingga eka pradipta, 1411501073, ka)Tugas 1 rek web (lingga eka pradipta, 1411501073, ka)
Tugas 1 rek web (lingga eka pradipta, 1411501073, ka)LinggaDipta
 
Belajar Server Side Rendering Yuk! - Dimas Maulana Dwi Saputra
Belajar Server Side Rendering Yuk! - Dimas Maulana Dwi SaputraBelajar Server Side Rendering Yuk! - Dimas Maulana Dwi Saputra
Belajar Server Side Rendering Yuk! - Dimas Maulana Dwi SaputraDicodingEvent
 
Tugas 1 rek web (lingga eka pradipta, 1411501073, kb)
Tugas 1 rek web (lingga eka pradipta, 1411501073, kb)Tugas 1 rek web (lingga eka pradipta, 1411501073, kb)
Tugas 1 rek web (lingga eka pradipta, 1411501073, kb)LinggaDipta
 
Tugas 3 0317 (individu)
Tugas 3  0317 (individu)Tugas 3  0317 (individu)
Tugas 3 0317 (individu)RiaWahyuni5
 
Dasar Pemrograman Javascript
Dasar Pemrograman JavascriptDasar Pemrograman Javascript
Dasar Pemrograman JavascriptDeka M Wildan
 
Belajar php-dengan-framework-code-igniter
Belajar php-dengan-framework-code-igniterBelajar php-dengan-framework-code-igniter
Belajar php-dengan-framework-code-igniterMuhammad Rais
 
Rekayasa Web 1-Teknologi Website
Rekayasa Web 1-Teknologi WebsiteRekayasa Web 1-Teknologi Website
Rekayasa Web 1-Teknologi WebsiteKhaerul Anwar
 

What's hot (18)

Membangun Aplikasi SMS dengan Gammu dan PHP Framework CodeIgniter
Membangun Aplikasi SMS dengan Gammu dan PHP Framework CodeIgniterMembangun Aplikasi SMS dengan Gammu dan PHP Framework CodeIgniter
Membangun Aplikasi SMS dengan Gammu dan PHP Framework CodeIgniter
 
Frame work php
Frame work phpFrame work php
Frame work php
 
Modul Pelatihan CodeIgniter Dasar
Modul Pelatihan CodeIgniter DasarModul Pelatihan CodeIgniter Dasar
Modul Pelatihan CodeIgniter Dasar
 
Makalah J query dan penggunaannya sebagai validasi form
Makalah J query dan penggunaannya sebagai validasi formMakalah J query dan penggunaannya sebagai validasi form
Makalah J query dan penggunaannya sebagai validasi form
 
Power point J query dan penggunaannya sebagai validasi form
Power point J query dan penggunaannya sebagai validasi formPower point J query dan penggunaannya sebagai validasi form
Power point J query dan penggunaannya sebagai validasi form
 
Belajar netbeans java pemula dari 0 sampai mahir
Belajar netbeans java pemula dari 0 sampai mahirBelajar netbeans java pemula dari 0 sampai mahir
Belajar netbeans java pemula dari 0 sampai mahir
 
Membangun Website Lowongan Kerja Sederhana dengan NodeJS
Membangun Website Lowongan Kerja Sederhana dengan NodeJSMembangun Website Lowongan Kerja Sederhana dengan NodeJS
Membangun Website Lowongan Kerja Sederhana dengan NodeJS
 
Jquery
JqueryJquery
Jquery
 
jQuery
jQueryjQuery
jQuery
 
Java netbeans
Java netbeansJava netbeans
Java netbeans
 
Tugas rekayasa web
Tugas rekayasa webTugas rekayasa web
Tugas rekayasa web
 
Tugas 1 rek web (lingga eka pradipta, 1411501073, ka)
Tugas 1 rek web (lingga eka pradipta, 1411501073, ka)Tugas 1 rek web (lingga eka pradipta, 1411501073, ka)
Tugas 1 rek web (lingga eka pradipta, 1411501073, ka)
 
Belajar Server Side Rendering Yuk! - Dimas Maulana Dwi Saputra
Belajar Server Side Rendering Yuk! - Dimas Maulana Dwi SaputraBelajar Server Side Rendering Yuk! - Dimas Maulana Dwi Saputra
Belajar Server Side Rendering Yuk! - Dimas Maulana Dwi Saputra
 
Tugas 1 rek web (lingga eka pradipta, 1411501073, kb)
Tugas 1 rek web (lingga eka pradipta, 1411501073, kb)Tugas 1 rek web (lingga eka pradipta, 1411501073, kb)
Tugas 1 rek web (lingga eka pradipta, 1411501073, kb)
 
Tugas 3 0317 (individu)
Tugas 3  0317 (individu)Tugas 3  0317 (individu)
Tugas 3 0317 (individu)
 
Dasar Pemrograman Javascript
Dasar Pemrograman JavascriptDasar Pemrograman Javascript
Dasar Pemrograman Javascript
 
Belajar php-dengan-framework-code-igniter
Belajar php-dengan-framework-code-igniterBelajar php-dengan-framework-code-igniter
Belajar php-dengan-framework-code-igniter
 
Rekayasa Web 1-Teknologi Website
Rekayasa Web 1-Teknologi WebsiteRekayasa Web 1-Teknologi Website
Rekayasa Web 1-Teknologi Website
 

Viewers also liked

Tugas 3 0317-dewi apriliani-1412510602
Tugas 3 0317-dewi apriliani-1412510602Tugas 3 0317-dewi apriliani-1412510602
Tugas 3 0317-dewi apriliani-1412510602dewiapril1996
 
Tugas 2 0317-dewi apriliani-1412510602
Tugas 2 0317-dewi apriliani-1412510602Tugas 2 0317-dewi apriliani-1412510602
Tugas 2 0317-dewi apriliani-1412510602dewiapril1996
 
UX, ethnography and possibilities: for Libraries, Museums and Archives
UX, ethnography and possibilities: for Libraries, Museums and ArchivesUX, ethnography and possibilities: for Libraries, Museums and Archives
UX, ethnography and possibilities: for Libraries, Museums and ArchivesNed Potter
 
Designing Teams for Emerging Challenges
Designing Teams for Emerging ChallengesDesigning Teams for Emerging Challenges
Designing Teams for Emerging ChallengesAaron Irizarry
 
Visual Design with Data
Visual Design with DataVisual Design with Data
Visual Design with DataSeth Familian
 
3 Things Every Sales Team Needs to Be Thinking About in 2017
3 Things Every Sales Team Needs to Be Thinking About in 20173 Things Every Sales Team Needs to Be Thinking About in 2017
3 Things Every Sales Team Needs to Be Thinking About in 2017Drift
 
Tugas4 1412510602 dewi_apriliani
Tugas4 1412510602 dewi_aprilianiTugas4 1412510602 dewi_apriliani
Tugas4 1412510602 dewi_aprilianidewiapril1996
 
How to Become a Thought Leader in Your Niche
How to Become a Thought Leader in Your NicheHow to Become a Thought Leader in Your Niche
How to Become a Thought Leader in Your NicheLeslie Samuel
 
Tugas 2 rekayasa web 0317
Tugas 2 rekayasa web 0317Tugas 2 rekayasa web 0317
Tugas 2 rekayasa web 0317esti setiasih
 
Tugas Kelompok 4 (Kelompok 4 Rekayasa Web BL)
Tugas Kelompok 4 (Kelompok 4 Rekayasa Web BL)Tugas Kelompok 4 (Kelompok 4 Rekayasa Web BL)
Tugas Kelompok 4 (Kelompok 4 Rekayasa Web BL)Samsul Arifin
 
Contador de persona
Contador de personaContador de persona
Contador de personaAbel Quispe
 
FREE Magento 2 affiliate extension - Affiliate PRO for Magento 2
FREE Magento 2 affiliate extension - Affiliate PRO for Magento 2FREE Magento 2 affiliate extension - Affiliate PRO for Magento 2
FREE Magento 2 affiliate extension - Affiliate PRO for Magento 2Landof Coder
 

Viewers also liked (16)

Tugas 3 0317-dewi apriliani-1412510602
Tugas 3 0317-dewi apriliani-1412510602Tugas 3 0317-dewi apriliani-1412510602
Tugas 3 0317-dewi apriliani-1412510602
 
Tugas 2 0317-dewi apriliani-1412510602
Tugas 2 0317-dewi apriliani-1412510602Tugas 2 0317-dewi apriliani-1412510602
Tugas 2 0317-dewi apriliani-1412510602
 
UX, ethnography and possibilities: for Libraries, Museums and Archives
UX, ethnography and possibilities: for Libraries, Museums and ArchivesUX, ethnography and possibilities: for Libraries, Museums and Archives
UX, ethnography and possibilities: for Libraries, Museums and Archives
 
Designing Teams for Emerging Challenges
Designing Teams for Emerging ChallengesDesigning Teams for Emerging Challenges
Designing Teams for Emerging Challenges
 
Visual Design with Data
Visual Design with DataVisual Design with Data
Visual Design with Data
 
3 Things Every Sales Team Needs to Be Thinking About in 2017
3 Things Every Sales Team Needs to Be Thinking About in 20173 Things Every Sales Team Needs to Be Thinking About in 2017
3 Things Every Sales Team Needs to Be Thinking About in 2017
 
Tugas4 1412510602 dewi_apriliani
Tugas4 1412510602 dewi_aprilianiTugas4 1412510602 dewi_apriliani
Tugas4 1412510602 dewi_apriliani
 
How to Become a Thought Leader in Your Niche
How to Become a Thought Leader in Your NicheHow to Become a Thought Leader in Your Niche
How to Become a Thought Leader in Your Niche
 
Tugas 2 rekayasa web 0317
Tugas 2 rekayasa web 0317Tugas 2 rekayasa web 0317
Tugas 2 rekayasa web 0317
 
Tugas Kelompok 4 (Kelompok 4 Rekayasa Web BL)
Tugas Kelompok 4 (Kelompok 4 Rekayasa Web BL)Tugas Kelompok 4 (Kelompok 4 Rekayasa Web BL)
Tugas Kelompok 4 (Kelompok 4 Rekayasa Web BL)
 
Ryan herrera enterprises
Ryan herrera enterprisesRyan herrera enterprises
Ryan herrera enterprises
 
Contador de persona
Contador de personaContador de persona
Contador de persona
 
FREE Magento 2 affiliate extension - Affiliate PRO for Magento 2
FREE Magento 2 affiliate extension - Affiliate PRO for Magento 2FREE Magento 2 affiliate extension - Affiliate PRO for Magento 2
FREE Magento 2 affiliate extension - Affiliate PRO for Magento 2
 
eusebio jerez
eusebio jerezeusebio jerez
eusebio jerez
 
Concrete Demolition Company in Houston, TX 77070
Concrete Demolition Company in Houston, TX 77070Concrete Demolition Company in Houston, TX 77070
Concrete Demolition Company in Houston, TX 77070
 
Lampiran i 1770
Lampiran i 1770Lampiran i 1770
Lampiran i 1770
 

Similar to FWK_DET (20)

Tugas 1 ihsan riadi - 1412511162
Tugas 1   ihsan riadi - 1412511162Tugas 1   ihsan riadi - 1412511162
Tugas 1 ihsan riadi - 1412511162
 
Tugas rekayasa web 1(individu)
Tugas rekayasa web 1(individu)Tugas rekayasa web 1(individu)
Tugas rekayasa web 1(individu)
 
Tugas 1 rekweb-0317
Tugas  1 rekweb-0317Tugas  1 rekweb-0317
Tugas 1 rekweb-0317
 
J query
J queryJ query
J query
 
J query
J queryJ query
J query
 
J query.
J query.J query.
J query.
 
J query
J queryJ query
J query
 
Jquery ppt
Jquery pptJquery ppt
Jquery ppt
 
Tugas individu Rekweb 1
Tugas individu Rekweb 1Tugas individu Rekweb 1
Tugas individu Rekweb 1
 
Tugas 1 0317
Tugas 1   0317Tugas 1   0317
Tugas 1 0317
 
Ppt jquery
Ppt jqueryPpt jquery
Ppt jquery
 
Jquery ppt
Jquery pptJquery ppt
Jquery ppt
 
Tugas 3 – 0317 (individu)
Tugas 3 – 0317 (individu)Tugas 3 – 0317 (individu)
Tugas 3 – 0317 (individu)
 
Chapter 12
Chapter 12Chapter 12
Chapter 12
 
Mean
MeanMean
Mean
 
Jqu
JquJqu
Jqu
 
Jqu
JquJqu
Jqu
 
Tutorial jquery Nur Kholifah
Tutorial  jquery Nur KholifahTutorial  jquery Nur Kholifah
Tutorial jquery Nur Kholifah
 
Tugas 4 rekayasa web (0916)
Tugas 4   rekayasa web (0916)Tugas 4   rekayasa web (0916)
Tugas 4 rekayasa web (0916)
 
Membangun aplikasi berbasis web dengan menggunakan framework
Membangun aplikasi berbasis web dengan menggunakan frameworkMembangun aplikasi berbasis web dengan menggunakan framework
Membangun aplikasi berbasis web dengan menggunakan framework
 

FWK_DET

  • 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.
  • 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: