Home > Archives for JavaScript

SoundWig – Visualisasi Audio Streaming Dari SoundCloud Menggunakan Web Audio API

May 14, 2013 by Leave a Comment

Penulis yakin bahwa tiap developer mempunyai habit tertentu waktu coding. Bagi penulis, music seperti steriod yang bikin coding lebih semangat, lebih fokus dan bisa dikatakan bikin lebih produktif! :D .

SoundWig

Aplikasi ini seperti mp3 player web biasa hanya saja audio didapatkan secara streaming dari SoundCloud dan jika browser support Web Audio API maka akan ada visualisasi spektrum, seperti terlihat pada screenshot dibawah ini. Klik button demo atau pada screenshot kalo ingin melihat demo SoundWig. CATATAN: Gunakan Google Chrome (Ditest di versi 27)

Have Some Fun(1)

DEMO

Lebih Lanjut …

Category: API, JavaScript Tags: , , , , , , , , ,

Menggunakan Express 3 Dengan Templating Engine Underscore

November 17, 2012 by Leave a Comment

Pada posting sebelumnya server Nodejs Express hanya bisa mengirimkan response berupa plain text ke browser…Nah saat ini kita kembangkan lagi supaya server Express ini bisa mengirimkan dan passing data ke file html! :) .
Salah satu cara passing data dari Express ke view html adalah melalui templating. Penulis menggunakan template engine Underscore. Bebas saja kalau anda memilih templating engine yang lain seperti Jade, Hogan, Mustache, Handlebars dll.

server.js

Server menggunakan Express 3, Consolidate dan Underscore seperti dibawah ini

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

var express = require("express");
var engines    = require('consolidate');
var app = express();
 
app.configure(function(){
	app.use(express.logger());
 
	app.use(express.static(__dirname + '/app'));
 
	app.engine('html',engines.underscore);
	/*
	 Set views directory. DO NOT set this with the static directory!. 
	*/
	app.set('views', __dirname+'/app/views');
	app.set('view engine', 'html');
 
	app.set('PORT',3000);
});
 
app.get("/",function(req,res){
	res.render('index', {title:'Express with Underscore!'});
});
 
app.listen(app.get('PORT'));
console.log("Server berjalan pada port "+app.get('PORT')+"...");

Lebih Lanjut …

Category: JavaScript, Node.js Tags: , , , , ,

Pengembangan Aplikasi Nodejs Menggunakan Express

November 16, 2012 by Leave a Comment

nodejs-black logoPernahkah terpikirkan oleh anda untuk membangun aplikasi web dan server-nya dengan menggunakan bahasa pemrograman yang sama?…Saat ini mungkin saja yaitu dengan menggunakan Nodejs!. Nodejs merupakan platform server open source yang dibangun diatas engine V8 dari Google dan untuk mengembangkan server cukup dengan menggunakan bahasa pemrograman JavaScript yang mana bahasa ini merupakan bahasa de facto untuk pemrograman web selain CSS dan HTML.

Nodejs

Perbedaan Nodejs dengan platform lainnya, Nodejs memakai sistem “event driven non blocking I/O” yang artinya Nodejs memakai sistem asinkron untuk eksekusi codenya. Tidak seperti PHP yang memakai model sinkron dimana pengeksekusian tiap kodenya harus selesai perbaris sebagai contoh misalnya kalo diperlukan akses ke database maka di pemrograman PHP baris kode berikutnya tidak akan bisa dieksekusi sebelum operasi database selesai dilakukan. Sedangkan kalau di Nodejs jika ada akses ke database maka kode berikutnya akan terus dieksekusi sedangkan respon dari akses database di handle melalui fungsi callback. Ok itu sedikit pengenalan dari Nodejs. Lebih Lanjut …

Category: JavaScript, Node.js Tags: , ,
Next Page»