Diktat ini untuk mengajar matakuliah web interaktif di kampus STMIK El Rahma Yogyakarta. Matakuliah ini mengajarkan membuat website dengan menggunakan node.js. Dimulai dari dasar javascript, sehingga mudah diikuti meskipun belum bisa javascript
Diktat ini untuk mengajar matakuliah web interaktif di kampus STMIK El Rahma Yogyakarta. Matakuliah ini mengajarkan membuat website dengan menggunakan node.js. Dimulai dari dasar javascript, sehingga mudah diikuti meskipun belum bisa javascript
Florida Blogger & Social Media Conference Keynote Presentation Pam Moore 2013 Pam Moore
You are the media" is the theme of Pam Moore's keynote presentation for the Florida Blogger & Social Media Conference held in Orlando, Florida, September 21 2013.
How to do online business from scratch in Indonesia? How to replicate Bukalapak and Traveloka success?
This presentation will give you basic know-how to online business (startup). Including, great methods to find a good business model and to monetise.
Target audience of this presentation: university student, fresh graduate and anyone who put interest in building a world-class startup.
TCS: MORE Freakishly Effective Marketing Hacks From Traffic & Conversion SummitRoland Frasier
Still more marketing hacks, marketing tips and growth hacking tips from Traffic & Conversion Summit. This deck covers Conversion Optimization, welcome mats, ringless voicemail, stock vs. user image test results, how to increase signups and opt-ins, using friendly forms to bump conversions, using minimalist landers and home pages, the benefits of reducing form fields and how to 9X cart abandon recoveries using Web Push, and much more.
Here is a very simple three step guide on how to create a professional Twitter cover photo in PowerPoint. Use this strategy for your business, personal brand or whatever you want in order to bring traffic to your other sites.
Jelaskan yang dimaksud dengan framework pada aplikasi web?
Berikan 3 contoh contoh framework aplikasi web (php based), dan jelaskan kelebihan dan kekurangan dari masing-masing framework tersebut !
Jelaskan pengertian MVC (Model View Controler) pada Framework Code Igniter !
Similar to Tugas i rekayasa web arie firmandani (20)
1. REKAYASA WEB
TUGAS 1
NIM :1512510445
NAMA : Arie Firmandani
FAKULTAS : Fakultas Teknologi Informasi
Prodi : Sistem Informasi
2. WEB FRAMEWORK
HTTP://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.
3. • 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.
4. »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
5. • KEKURANGAN
1. Iklan yang sudah diterbitkan
tidak dapat dirubah
2. Terlalu banyaknya iklan yang
muncul saat mengakses akun
detik.com
6. 2. JELASKAN SECARA DETAIL ISTILAH
Angular Js
Node Js
Apachesolr
Jquery
7. 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.
8. 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.
9. 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.
10. 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).
11. 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.
12. 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.
13. 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.
14. 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.
15. 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.
16. 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.
17. 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.
18. 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.
19. 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.
20. 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).
21. 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.
22. 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).
23. 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.
24. 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.
25. 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.
26. 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.
27. 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.
28. 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.
30. Penjelasan Program diatas
Untuk 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.