Ada Rendy dari Cocoahead Surabaya yang sudah biasa mendevelop aplikasi berbasis iOS. Selain itu hadir juga Dodi, seorang freelancer yang menekuni iOS. Untuk platform Blackberry dan Blaast, Kemas Dimas yang sharing. Firman bercerita tentang Android, sementara Safira membahas Qt.

Sebelum masuk ke sesi sharing, semua peserta yang hadir meetup berkenalan satu persatu. Ada yang masih berstatus mahasiswa, ada juga yang sudah profesional bekerja sebagai developer.

Pertama, Rendy sharing pengalamannya. Menurut Rendy Development aplikasi iOS lebih simple pada sisi target devicenya karena jumlahnya yang tidak terlalu banyak. Titanium dan XCode, contoh SDK yang sering digunakan untuk membangun aplikasi.

Selanjutnya Kemas Dimas membahas bagaimana mendevelop aplikasi di Blakberry. Aplikasi di Blackberry berbasis JavaME. Development di Blackberry filter submission lebih ketat dan lebih menantang karena UI Kit yang tersedia lebih sedikit. Selain itu tantangan development di Blackberry adalah banyaknya variasi resolusi devices dan tantangan user experience. Sementara, kemudahan development aplikasi Blackberry karena Indonesia memiliki forum development Blackberry terbesar di dunia.

Untuk aplikasi di android memakai JavaSE. Pengembangan aplikasi android lebih mudah karena banyaknya resource dan library yang tersedia. Firman menambahkan, UI untuk aplikasi android sebaiknya adaptable karena banyaknya device dan vendor yang memakai android.

Selanjutnya, Kemas berbicara tentang aplikasi dengan platform Blaast. Aplikasi Blaast dibangun dengan bahasa pemrograman javascript, full javascript. Aplikasi untuk platform Blaast support untuk vendor Nokia, Nexian and Blackberry. Share penjualan aplikasi Blaast lebih menguntungkan developer, 70% untuk developer. Yang ingin tahu apa itu Blaast silakan mengunjungi blaast.com dan blaastdevid.com.

Trakhir, Safira berpendapat tentang platform Qt. development aplikasi dengan Qt lebih mudah, katanya. Resource UI di Qt designer sudah cukup lengkap dan memudahkan. Yang ingin tahu soal Qt, lebih jauh silakan lihat di qt.nokia.com.

Demikian secara singkat tentang apa saja yang didiskusikan pada meetup suWec aplikasi mobile. Diskusi mengalir sangat menyenangkan dengan ditemani kacang rebus. Semua yang hadir bisa ikut sharing dan belajar. Jadi, silakan develop aplikasi mobile sesuai kesukaan teman-teman.

Untuk melihat hasil akhir yang dijelaskan pada tutorial ini, silakan melihat pada link berikut ini.

Peta warung pecel tersebut pada dasarnya akan menampilkan warung-warung yang sedang buka. Informasi detail setiap warung disimpan dalam satu file JSON untuk kemudian ditampilkan sebagai infoWindow pada map.

Markup

Terlebih dahulu kita siapkan markup untuk canvas map yang akan ditampilkan.

<div id="map_canvas"></div>

Kemudian buat satu panel yang akan menampung daftar warung dan map controller.

<div id="map-panel" class="visible clearfix">
<div class="mp-content">
<div id="map-options" class="clearfix">

Map Option:
<ul>
<li>
  <a id="toggle-traffic" href="#"><em class="i-showtr"> </em><span>Show Traffic</span></a>
</li>
<li><a id="map-view" href="#">Map View</a></li>
<li><a id="sat-view" href="#">Satellite View</a></li>
</ul>
</div>
<div id="foodmap-ft-list">
<ul class="ft-list clearfix">
<li>
  <a class="ft-ftimg" href="#"><img src="img/uploads/ava_1.jpg" alt="" /></a>
  <a href="#">Warung Pecel Mbok Birah</a>
  <span class="ft-adr">Bangsri, Purwantoro</span>
  <span class="ft-status"><em class="msmall-on"> </em></span>
</li>
<li class="even">
   <a class="ft-ftimg" href="#"><img src="img/uploads/ava_2.jpg" alt="" /></a>
   <a href="#">Warung Pecel Yu Painem</a>
   <span class="ft-adr">Ndangkrang, Purwantoro</span>
   <span class="ft-status"><em class="msmall-on"> </em></span>
</li>
</ul>
</div>
</div>

<!--.mp-content-->
    <a class="mp-toggle" href="#"><em class="arr-close"></em></a>
  </div>

Map options berisi tombol-tombol untuk mengatur tampilan peta, seperti menampilkan traffic layer, dan pilihan map maupun satellite view.

<div id="map-options" class="clearfix">

Map Option:
<ul>
<li>
  <a id="toggle-traffic" href="#"><em class="i-showtr"></em><span>Show Traffic</span></a>
</li>
<li><a id="map-view" href="#">Map View</a></li>
<li><a id="sat-view" href="#">Satellite View</a></li>
</ul>
</div>

Foodmap List akan menampung daftar-daftar warung yang ingin ditampilkan.

<div id="foodmap-ft-list">
<ul class="ft-list clearfix">
<li>
  <a class="ft-ftimg" href="#"><img src="img/uploads/ava_1.jpg" alt="" /></a>
  <a href="#">Warung Pecel Mbok Birah</a>
  <span class="ft-adr">Bangsri, Purwantoro</span>
  <span class="ft-status"><em class="msmall-on"> </em></span>
</li>
<li class="even">
  <a class="ft-ftimg" href="#"><img src="img/uploads/ava_2.jpg" alt="" /></a>
  <a href="#">Warung Pecel Yu Painem</a>
  <span class="ft-adr">Ndangkrang, Purwantoro</span>
  <span class="ft-status"><em class="msmall-on"> </em></span>
</li>
</ul>
</div>

Link .mp-toggle akan digunakan sebagai toggle untuk menyembunyikan/menampilkan panel.

<a class="mp-toggle" href="#"><em class="arr-close"></em></a>

Kita juga akan membutuhkan beberapa plugin seperti jScrollPane untuk kustomisasi scrollbar, jQuery Tweet, dan yang paling penting adalah script untuk Google Maps API, dan Infobox untuk kustomisasi infowindow. Anda bisa juga menggunakan plugin Marker Clusterer untuk ‘merapikan’ tampilan marker pada map nantinya.

<script src="js/mylibs/jquery.tweet.js" type="text/javascript"><!--mce:0--></script>
<script src="js/mylibs/jScrollPane.js"></script>
<script src="js/mylibs/jquery.mousewheel.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script src="js/mylibs/infobox.js"></script>
<script src="js/mylibs/markerclusterer_packed.js"></script>

JSON

Persiapkan data item-item yang ingin ditampilkan pada map dengan format JSON, seperti di bawah ini:

[{<br />
  "fId":"1",<br />
  "fName":"Warung Pecel Mbok Birah",<br />
  "latlng":"-7.850543,111.254339",<br />
  "fWeb":"http://www.example.com",<br />
  "fEmail":"pecelmbokbirah@gmail.com",<br />
  "fOpenToday":"08:00 - 15:00",<br />
  "fPhone":"0273 415 341",<br />
  "fTwitter":"google",<br />
  "fAvaPath":"ava_1.jpg",<br />
  "fImgPath":"pecel_1.jpg",<br />
  "fAdr":"Bangsri, Purwantoro"<br />
}]

Javascript

Buat fungsi-fungsi yang diperlukan sebagai callback.
Fungsi di bawah ini akan digunakan sebagai callback pada infobox yang akan kita buat nanti, dan juga akan dipanggil setelah map selesai dimuat. Berguna untuk mengambil tweet-tweet terbaru dan menjalankan fungsi tabbed contents untuk infobox.

function ibCallbacks(){
  $(".tweets").each(function(){
    var username = $(this).attr("title");
    $(this).empty().tweet({username: username,count: 3,loading_text: "loading tweets...",template: "{text}  {time}"});
  })
  $(".iw-body").myTabs({hidewhat:".iw-body-main",controller:".iw-body-tabs a"});
}

Untuk menampilkan map, kita bisa membuatnya dalam sebuah fungsi. Pada contoh ini saya membuat satu fungsi baru yaitu initisialize(). Di dalam fungsi tersebut pertama kita masukan variabel dan options untuk map kita.

var g = google.maps;
var myLatLng = new g.LatLng(-7.850543,111.254339);
var myOptions = {
  zoom: 15,
  center: myLatLng,
  mapTypeId: g.MapTypeId.ROADMAP,
  mapTypeControl: false,
  navigationControlOptions: {
  position: g.ControlPosition.RIGHT_CENTER,
  style: google.maps.NavigationControlStyle.SMALL
  }
var map = new g.Map($("#map_canvas")[0],myOptions)

var image = 'img/marker.png';
var shadow = 'img/shadow.png';
var iconmark = new g.MarkerImage(image, new g.Size(32, 40));
var shadowmark = new g.MarkerImage(shadow, new g.Size(29, 25),new g.Point(0,0),new g.Point(5, 25));

Tentukan default center map saat load pertama kali.

var myLatLng = new g.LatLng(-7.850543,111.254339);

Untuk memuat map baru dengan opsi-opsi yang telah ditentukan, Anda menggunakan fungsi google.maps.Map()

var myOptions = {
  zoom: 15,
  center: myLatLng,
  mapTypeId: g.MapTypeId.ROADMAP,
  mapTypeControl: false,
  navigationControlOptions: {
  position: g.ControlPosition.RIGHT_CENTER,
  style: google.maps.NavigationControlStyle.SMALL
  }
var map = new g.Map($("#map_canvas")[0],myOptions);

Variabel-variable untuk kustomisasi marker.

var image = 'img/marker.png';
var shadow = 'img/shadow.png';
var iconmark = new g.MarkerImage(image, new g.Size(32, 40));
var shadowmark = new g.MarkerImage(shadow, new g.Size(29, 25),new g.Point(0,0),new g.Point(5, 25));

Membaca file json yang berisi data warung dengan fungsi getJSON.

$.getJSON('pecel.json', function(data){});

Kemudian, pada callback fungsi di atas kelola data dengan loop dan membuat marker secara otomatis sesuai data yang ada.

Loop Marker & Infobox

var newMarkers = [],marker,clatlng = [];
for (var i = 0; i < data.length; i++){
if (data[i].latlng != null){
  var strlatlng = data[i].latlng,
  fId = data[i].fId,
  fName = data[i].fName,
  fWeb = data[i].fWeb,
  fOpenStat = data[i].fOpenStat,
  fEmail = data[i].fEmail,
  fOpenToday = data[i].fOpenToday,
  fPhone = data[i].fPhone,
  fTwitter = data[i].fTwitter,
  fAdr = data[i].fAdr,
  fAvaPath = (data[i].fAvaPath=='')?'':'<img src="img/uploads/'+data[i].fAvaPath+'" />',
  fImgPath = (data[i].fImgPath=='')?'':'<img src="img/uploads/'+data[i].fImgPath+'" />';

  if (strlatlng.indexOf(',') > 0){
  var arrlatlng = strlatlng.split(',');
  var latlng = new g.LatLng(parseFloat(arrlatlng[0]),parseFloat(arrlatlng[1]));
  marker = new g.Marker({map: map, position: latlng,icon: iconmark,shadow: shadowmark,clickable: true});
  newMarkers.push(marker);
  clatlng.push(latlng);

  /** Infobox **/
var boxText = document.createElement("div");
var boxContent = '<div class="iw-wrap"> <div class="iw-content"> <div class="iw-head clearfix"> <div class="ftd-org"> <a href="#" class="ftd-ftimg">'+fAvaPath+'</a> <div class="ftd-data vcard"> <p class="org">'+fName+'</p> <p class="adr"><span class="street-address">'+fAdr+'</span></p> <div class="ftd-tools"> <ul class="clearfix"> <li><a href="'+fWeb+'"><i class="i-web"></i>Visit Website</a></li><li><a href="#" class="keep-centered" data-index="'+i+'"><i class="i-centered"></i>Keep Centered</a></li> </ul> </div> </div> </div> </div> <div class="iw-body"> <div class="iw-body-tabs"> <ul class="clearfix"> <li><a href="#ftd-info">Info Warung</a></li> <li><a href="#ftd-tweets" class="last-of-type">Tweet Terbaru</a></li> </ul> </div> <div class="iw-body-wrap"> <div class="iw-body-main" id="ftd-info"> <div class="iw-box clearfix"> <div class="iw-grid2 iw-ftimg">'+fImgPath+'</div> <div class="iw-grid1"> <p><strong>E-Mail</strong></p> <p><a href="mailto:'+fEmail+'">'+fEmail+'</a></p> <br /> <p><strong>Buka Hari Ini Jam</strong></p> <p>'+fOpenToday+'</p> <br /> <p><strong>Nomor Telepon</strong></p> <p>'+fPhone+'</p> </div> </div> </div> <div class="iw-body-main" id="ftd-tweets"> <div class="iw-box clearfix"> <div class="iw-grid3"> <div class="tweets" title="'+fTwitter+'"></div> </div> </div> </div> </div> </div> </div> </div>';
boxText.innerHTML = boxContent;

  var ibOptions = {
     content: boxText
    ,disableAutoPan: false
    ,maxWidth: 0
    ,pixelOffset: new g.Size(25, -90)
    ,zIndex: 99
    ,closeBoxURL: "img/close.png"
    ,infoBoxClearance: new g.Size(1, 1)
    ,isHidden: false
    ,pane: "floatPane"
    ,enableEventPropagation: false
  };

  newMarkers[i].infobox = new InfoBox(ibOptions);

  g.event.addListener(marker, 'click', (function(marker, i) {
    return function() {
    for ( h = 0; h < newMarkers.length; h++ ) {
      newMarkers[h].infobox.close();
    }
    newMarkers[i].infobox.open(map, this);
    }
  })(marker, i));

  g.event.addListener(newMarkers[i].infobox, 'domready', function() {
    ibCallbacks();

    //Keep Centered
    $(".keep-centered").click(function(e){
    e.preventDefault();
    map.setCenter(clatlng[$(this).attr("data-index")]);
    });
  });

  /** End Infobox **/
  }
}
}

Deklarasikan variabel yang diperlukan. variabel newMarkers berupa array untuk menampung info marker, sedangakan variabel clatlng untuk menampung data latitute dan longitude setiap item.

var newMarkers = [],marker,clatlng = [];

Kemudian kita harus membuat markup untuk custom infowindow, seperti contoh di sini. Markup tersebut akan kita implementasikan pada fungsi infobox. Untuk referensi lengkap tentang infobos silakan baca di sini.

var boxText = document.createElement("div");
var boxContent = '<div class="iw-wrap"> <div class="iw-content"> <div class="iw-head clearfix"> <div class="ftd-org"> <a href="#" class="ftd-ftimg">'+fAvaPath+'</a> <div class="ftd-data vcard"> <p class="org">'+fName+'</p> <p class="adr"><span class="street-address">'+fAdr+'</span></p> <div class="ftd-tools"> <ul class="clearfix"> <li><a href="'+fWeb+'"><i class="i-web"></i>Visit Website</a></li><li><a href="#" class="keep-centered" data-index="'+i+'"><i class="i-centered"></i>Keep Centered</a></li> </ul> </div> </div> </div> </div> <div class="iw-body"> <div class="iw-body-tabs"> <ul class="clearfix"> <li><a href="#ftd-info">Info Warung</a></li> <li><a href="#ftd-tweets" class="last-of-type">Tweet Terbaru</a></li> </ul> </div> <div class="iw-body-wrap"> <div class="iw-body-main" id="ftd-info"> <div class="iw-box clearfix"> <div class="iw-grid2 iw-ftimg">'+fImgPath+'</div> <div class="iw-grid1"> <p><strong>E-Mail</strong></p> <p><a href="mailto:'+fEmail+'">'+fEmail+'</a></p> <br /> <p><strong>Buka Hari Ini Jam</strong></p> <p>'+fOpenToday+'</p> <br /> <p><strong>Nomor Telepon</strong></p> <p>'+fPhone+'</p> </div> </div> </div> <div class="iw-body-main" id="ftd-tweets"> <div class="iw-box clearfix"> <div class="iw-grid3"> <div class="tweets" title="'+fTwitter+'"></div> </div> </div> </div> </div> </div> </div> </div>';
boxText.innerHTML = boxContent;

var ibOptions = {
   content: boxText
  ,disableAutoPan: false
  ,maxWidth: 0
  ,pixelOffset: new g.Size(25, -90)
  ,zIndex: 99
  ,closeBoxURL: "img/close.png"
  ,infoBoxClearance: new g.Size(1, 1)
  ,isHidden: false
  ,pane: "floatPane"
  ,enableEventPropagation: false
};

newMarkers[i].infobox = new InfoBox(ibOptions);

Tambahkan event listener untuk membuka infobox (custom infoWindow) masing-masing saat marker di klik.

g.event.addListener(marker, 'click', (function(marker, i) {
  return function() {
    for ( h = 0; h < newMarkers.length; h++ ) {
      newMarkers[h].infobox.close();
    }
    newMarkers[i].infobox.open(map, this);
  }
})(marker, i));

Tambahkan satu event listener lagi, untuk fungsi-fungsi yang akan kita panggil saat infobox selesai dimuat. Dalam contoh ini kita akan memanggil fungsi ibCallbacks() yang telah kita buat sebelumnya, dan satu fungsi lagi untuk membuat center map saat icon center di klik.

g.event.addListener(newMarkers[i].infobox, 'domready', function() {
  ibCallbacks()
  $(".keep-centered").click(function(e){
    e.preventDefault();
    map.setCenter(clatlng[$(this).attr("data-index")]);
  });
 });

Setelah selesai menampilkan marker, kita perlu memanggil beberapa fungsi lain, yaitu untuk markerClusterer (berguna untuk menyederhanakan tampilan marker pada level zoom tertentu) dan juga fungsi untuk menampilkan marker saat meng-klik salah satu list item pada panel kiri yang kita buat sebelumnya. Baris berikut masih berada dalam callback getJSON, di luar loop marker.

var markerCluster = new MarkerClusterer(map, newMarkers);
$(".ft-name a").click(function(e){
  e.preventDefault();
  var index = $(".ft-name").index($(this).parent());
  g.event.trigger(newMarkers[index], 'click');
});

Callback untuk getJSON telah selesai. Kini saatnya menambahkan beberapa baris kode untuk pengaturan map options yang terletak pada panel, yaitu untuk menampilkan/menyembunyikan traffic layer pada map dan pengaturan antara map dan satellite view. Masih di dalam fungsi initialize() tambahkan baris berikut:

var trafficLayer = new g.TrafficLayer()
$("#map-view").click(function(){map.setMapTypeId(g.MapTypeId.ROADMAP);return false});
$("#sat-view").click(function(){map.setMapTypeId(g.MapTypeId.SATELLITE);return false});
var tog = false;
$("#toggle-traffic").click(function(){
  var icon = $("i",this),text = $("span",this);
  trafficLayer.setMap( !tog==true ? map : null );
  text.text( !tog==true ? "Hide Traffic" : "Show Traffic" );
  icon.toggleClass("i-showtr i-hidetr");
  tog = !tog;
  return false;
});

Panggil fungsi initialize() dan ibCallbacks()

initialize();
ibCallbacks();

Terakhir, tambahkan script untuk toggle dan custom scrollbar panel di sidebar.

$(".mp-toggle").click(function(e){
  e.preventDefault();
  var obj = $(this),el = $(this).parent();
  if(el.hasClass("visible")){
    el.animate({"left":"-380px"}).removeClass("visible");
    obj.find("i").toggleClass("arr-open arr-close");
  }else{
    el.animate({"left":"0"}).addClass("visible");;
    obj.find("i").toggleClass("arr-open arr-close");
  }
});
$("#foodmap-ft-list").jScrollPane(); 

Styles

Berikut styling css yang digunakan:

.map-content-wrap{
	position:relative;
	height:93%
}

.map-content-wrap #map_canvas{
	width:100%;
	height:100%
}

#map-panel{
	position:absolute;
	height:100%;
	top:0;
	left:0;
	z-index:99
}

#map-panel .mp-toggle{
	display:inline-block;
	background:#747047;
	padding:55px 3px;
	width:15px;
	text-align:center;
	position:absolute;
	right:-21px;
	top:21px;
	border-radius:0 5px 5px 0
}

#foodmap-ft-list{
	margin:10px 10px 10px 0;
	height:89%;
	overflow:auto;
	left:10px
}

#map-options{
	background:#f5f3e7;
	padding:5px 15px;
	margin-bottom:5px
}

#map-options p{
	float:left;
	margin-right:5px;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	padding-top:5px
}

#map-options ul{
	float:left;
	display:inline-block
}

#map-options li{
	float:left;
	margin-left:1px;
	background:#b8b279;
	padding:1px 5px
}

#map-options li a,#map-options li span{
	color:#FFF;
	font-size:10px;
	text-transform:uppercase
}

#map-panel .mp-content, .iw-content{
	width:380px;
	z-index:99;
	height:95%;
	border-right:1px solid #747047;
	border-bottom:1px solid #747047;
	background:#FFF;
	padding:15px 0
}

Selesaiiiii! Download kode lengkapnya di sini dan mari makan peceeel! Hehe.

Sejumlah individu dan komunitas menggagas berbagai inisiatif untuk membuat kota-kota di Indonesia menjadi layak huni. Sejumlah ide terlontar, sebagian telah mewujud aksi nyata. Apa saja ide dari warga Surabaya dalam membuat kota ini menjadi lebih layak huni?

Mari kita saling sharing dan berdiskusi pada sesi sharing forum FreSh Surabaya “Untuk Kota Kita” yang akan digelar pada:

Jumat, 20 Januari 2011
Pukul 18.15 – selesai

Di Rodo Cafe
Jl. Arif Rahman Hakim No. 36A
Klampis, Surabaya
Dekat Kampus ITATS

Pembicara:
MADcahyo (Desainer, Arsitek noMADen – Koordinator deMAYA)
Gunawan Tanuwidjaya (Urban Planner, Arsitek)
Chatrine Siswoyo (Corporate Communication Manager PT Philips Indonesia) – The + Project Overview & Invitation to join The + Project

Acara ini GRATIS dan terbuka untuk umum.
Ada free dinner untuk 70 peserta pertama. Tempat terbatas.

Silakan daftar di sini:
http://www.freshsurabaya.com/event-reg/
Peserta terdaftar akan mendapatkan email konfirmasi.

Acara ini didukung oleh The + Project dari Philips

Kontak
Twitter: @FreShSby
FB: http://fb.com/freShSby
Tlp: 031-60157964

Tampilan dan aplikasi mobile, diyakini akan makin nge-tren di hari-hari ke depan. Device mobile semakin banyak dan menyebar. Sebut saja blackberry, iPhone, berbagai handphone dengan android, blaast, nokia dengan meego, symbian, windows phone. Mereka saling berlomba untuk bisa memenuhi kebutuhan pasar.

Peran developer sebagai kreator aplikasi, tentu saja sangat pula krusial. Dengan banyaknya platform untuk mendevelop aplikasi mobile, merupakan peluang yang bagus bagi para developer.

Dalam meetup Surabaya Web Community (suWec) edisi ini, ingin dibahas berbagai macam mobile platform. Ada Sejumlah Developer Mobile yang menekuni berbagai platform yang akan sharing.

Oiya, akan ada sesi tartup showup! juga.

Waktu & tempat:
Kamis, 29 Desember 2011
Pukul 18.30-selesai
Di HackerSpace Surabaya
Jl. Arief Rahman Hakim No. 14 A
Klampis – Surabaya

Mari datang, kita berdiskusi, dan saling sharing
Tidak perlu bayar, alias FREE dan terbuka untuk umum

Bisa langsung klik attending di sini.

Beberapa peraturan umum, jika Anda ingin ikut kontes ini antara lain:
- Keyword target “Software Akuntansi Laporan Keuangan Terbaik”
- Penilaian ranking juara didasarkan pada ranking di google.co.id pada tanggal: 29 Februari 2012 pukul 24.00 WIB.
- Memasang dua link berikut dalam artikel kontes yang diperlombakan.
a. software akuntansi – link ke http://www.zahiraccounting.com
b. contoh laporan keuangan – link kehttp://www.zahiraccounting.com/id/modules/myalbum/viewcat.php?cid=3

- Memberi “Like” Facebook untuk Zahir Accounting
- Memasang Banner kontes SEO Zahir Accounting di sidebar blog peserta. Banner bisa didapatkan di sini.
- Siapapun diperbolehkan mengikuti kontes SEO Zahir Accounting ini.
- Dilarang menggunakan teknik Blackhat SEO apapun.
Entry yang diperlombakan haruslah baru, bukan entry lama yang diedit.
- Panitia berhak mendiskualifikasi peserta, apabila melanggar peraturan yang telah ditetapkan.
- Keputusan mutlak ada di tangan juri.

Pengecekan posisi menggunakan url berikut: http://www.google.co.id/search?&q=Software+Akuntansi+Laporan+Keuangan+Terbaik – tanpa cache browser.

Silahkan cek halaman FAQ ini, Kunjungi halaman Materi artikel untuk ide artikel Anda.

Acara ini terselenggara berkat kerjasama Software Akuntansi Zahir Accounting, Asosiasi Industri Web Indonesia (AIWI), Surabaya Web Community (SuWeC), dan PT DheZign Online Solution sebagai penyelenggara. Kontes dimulai 21 Desember 2011 dan akan berakhir pada 29 Februari 2012. Batas pendaftaran sebagai peserta hingga 15 Februari 2012.

Hadiah kontes SEO Zahir Accounting yang akan diberikan kepada para pemenang sebagai berikut:

Juara 1: Rp 4.000.000 + Lenovo IdeaPad G470 458
Juara 2: Rp 1.500.000 + Western Digital Elements Portable SE 500GB
Juara 3: Rp 1.000.000
Juara 4: Rp 750.000
Juara 5: Rp 500.000
Juara 6: Rp 250.000
Juara 7: Rp 250.000
Juara 8: Rp 250.000
Juara 9: Rp 250.000
Juara 10: Rp 250.000
SPECIAL PRIZE untuk artikel terbaik (dinilai oleh pihak Zahir Accounting) : APPLE iPad 3G+WiFi 16GB

Keterangan lebih detail, klik : http://kontes.aiwi.or.id

Tema Kreativitas Tanpa Batas diangkat dalam konteks bagaimana para anak muda selalu mau berinovasi, mengembangkan dan mewujudkan ide. Kang Ono, sapaan akrab Ono W. Purbo, mengatakan, untuk menjadi seorang inovator, pelu untuk berfikir yang aneh, nakal, dan tanpa batas.

Beliau menceritakan kisahnya sekitar sepuluh tahun yang lalu, ketika berusaha agar tarif internet di Indonesia bisa murah, dengan masuk ke frekuensi yang masih terlarang. Dalam perjuangannya itu, Kang Ono bahkan sempat dipanggil pihak berwajib. Namun dengan niat dan konsistensinya, akhirnya apa yang dilakukannya berhasil. Tarif internet semakin murah.

Setelah Kang Ono, giliran Kukuh yang sharing tentang design thinking, sebuah metode yang bisa digunakan untuk mengontrol kita dalam berinovasi. Salah satu poin penekanan design thinking adalah ketika akan berinovasi, terutama dalam bisnis, beriorientasilah pada konsumen. Tanyakan dan uji-cobakan dulu, apa yang menjadi inovasi Anda kepada calon konsumen. Oleh karena, karya inovasi akan bisa berguna dan dihargai jika bisa bermanfaat bagi penggunanya.

Berkaitan dengan mencari ide, Irfan menyarankan agar kita berpikir kritis, tidak mudah percaya dengan apa yang ada. Setelah itu, bekerjalah untuk mewujudkan ide tersebut. Ide-ide kreatif tidak akan banyak gunanya jika tidak segera diwujudkan.

Dalam forum sharing yang dihadiri ratusan peserta pada malam itu, Kang Ono juga menginformasikan kompetisiDo Network, sebuah kompetisi berinovasi untuk para inovator yang masih muda. Selain Indonesia, Do Network juga diperuntukkan bagi pemuda dari Rusia dan India. Kang Ono, yang akan menjadi mentor para inovator Do Network mengharapkan, ide kreatif anak muda Indonesia yang akan menjadi pemenang.

FreSh Surabaya merupakan forum sharing seputar industri kreatif yang menggelar sesi sharing setiap bulannya. Imam Muttaqin, koordinator FreSh Surabaya mengharapkan, adanya forum seperti ini bisa menambah referensi bidang kreatif di Surabaya, dan memunculkan karya-karya kreatif baru.

Setelah berkenalan, Reza mulai memperkenalkan platform Blaast. Blaast adalah platform yang bisa dipakai untuk mengembangkan aplikasi mobile. Terutama untuk ponsel kelas low end. Blaast sudah bekerja sama dengan beberapa provider telco untuk sistem registrasi dan pembayaran ketika memakai aplikasi Blaast.

Blaast punya misi mengajak setiap orang bisa saling terkoneksi dengan internet. Sekali register, orang bisa menikmati aplikasi-aplikasi yang ada di Blaast.

Bagi developer, Blaast juga memudahkan. Mereka punya cloud yang bisa diakses para developer Blaast. Tim support mereka juga sangat bersahabat. Jika developer ada kesulitan, tim support Blaast akan mau membantu. Blaast juga menyediakan forum untuk para developer. Sehingga, mereka bisa saling bertukar ide dan pengalaman.

Acara workhshop dilanjutkan dengan ngoding bareng. Dipandu oleh Ziyad, para developer suWec mencoba beberapa kasus. Diskusi menarik sering terjadi pada sesi ini.

Terakhir, Reza menginformasikan adanya kompetisi membuat aplikasi dari Blaast untuk para mahasiswa. Paling lambat pengiriman aplikasi yaitu pada akhir Desember 2011. Jadi, untuk kamu para mahasiswa masih ada beberapa hari lagi untuk mendevelop aplikasi mobile dengan Blaast. Hadiahnya menarik. Ada Macbook dan iPad bagi pemenang.

Untuk info lebih jelasnya, silakan kunjungi http://blaastdevid.com/

Forum Freedom of Sharing (FreSh) Surabaya akan menggelar sesi sharing “Jangan Takut Jadi Kreatif!”.
Akan menghadirkan para pembicara:

Bayu Prasetyo (Managing Director Graphichapter)
Seorang muda Surabaya, yang menggeluti bidang design. Beberapa karyanya ada di ruang publik Surabaya.

Kukuh Budihartono (Design Thinking Consultant)
Seorang pengajar, konsultan entrepreneurship dan bisnis. Menekuni design thinking untuk inovasi, pengembangan ide dan bisnis.

Ono W. Purbo (Mentor Lenovo Do Network)
Pakar teknologi informasi. Banyak berkarya, berkreasi, menciptakan sesuatu yang sederhana namun bermanfaat besar bagi masyarakat.

Waktu:
Jumat, 16 Desember 2011
Pukul 18.00-21.00

Tempat:
Hotel Town Square. MMC Room, UG Floor
Jalan Hayam Wuruk No 6 Surabaya

Akan ada juga sosialisasi kompetisi Do Network dari Lenovo.

Acara ini FREE. Terbuka untuk umum.
Ada free dinner untuk 100 peserta pertama yang hadir.
Dapat goodie bag dan banyak doorprize.

Kalau kamu merasa belum kreatif, atau malah sudah kreatif, atau punya ide dan pengen mewujudkannya, silakan klik attending di sini. Atau bisa juga lewat sini:
http://eevent.com/fresh-surabaya/jangan-takut-jadi-kreatif
Ajak teman-teman kamu juga. Sampai ketemu…

Acara ini dipersembahkan FreSh Surabaya dan Lenovo.
Kontak person:
031 6015 7964

The PanasDalam Institute memang sudah dikenal cukup lama sebagai salah satu gerakan atau upaya untuk menumbuhkan cara berfikir dan hidup kreatif dan inovatif. Diawali dari Bandung, kemudian pahamnya menyebar ke beberapa daerah lain.

Dua petinggi The PanasDalam Institute yang hadir pada sesi sharing FreSh Surabaya, Selasa malam 25 Oktober 2011 tersebut, yaitu Pidi Baiq (Pendiri dan Imam Besar The PanasDalam Institute) dan Ujang Koswara (Guru Besar The PanasDalam Institute).

Sesi sharing mulai dengan presentasi dari Kang Ujang. Kang Ujang bercerita sejarah panjang hidupnya. Mulai dari kecil hingga dewasa. Seorang anak kecil dari keluarga sederhana di Subang, yang akhirnya mengenyam bangku kuliah di Institut Teknologi Bandung (ITB).

Selepas kuliah, Kang Ujang sempat menjadi Pegawai Negeri Sipil (PNS) dosen, dengan gaji pas-pasan. Memilih untuk mencicil rumah kecil di dekat stasiun, biar mudah mendapat kereta jika mau berangkat kerja. Profesi sebagai PNS, sangat membanggakan bagi sebagian besar warga kampungnya. Namun, tidak cukup baik untuk kesejahteraan hidupnya.

Lalu, Kang Ujang mulai berwirausaha. Membuat alat / mesin pengemasan oli. Usahanya sukses. Ia keluar dari PNS. Usahanya makin lancar dan berkembang. Namun kemudian, kehidupannya semakin tidak baik. Ia masuk ke masa-masa kelam. Keharmonisan keluarganya terganggu. Limbung. Tak bergairah lagi.

Setelah merenung, introspeksi diri, ia menemukan kembali semangatnya untuk bangkit. Apa yang membuat Kang Ujang bangkit? Ia menemukan arti hidupnya lagi. Yaitu, sebaik-baiknya orang adalah yang berguna buat orang lain.

Ia mulai dari nol lagi. Ia makin banyak bersosial, bersedekah. Bersedekah dengan uang dan ilmunya. Ia banyak membantu masyarakat di berbagai daerah terpencil untuk berkreasi, berproduksi, dan berinovasi.

Kang Ujang yang juga merupakan founder  www.greenlinecare.com itu mengajak masyarakat untuk berkarya, baik karya baru hasil inovasi maupun karya modifikasi. Setiap karya diarahkan agar bermanfaat serta mudah diaplikasikan.

Menurut Kang Ujang, yang terpenting adalah menjadi nilai tambah masyarakat sehingga pemberdayaan masyarakat tidak sia–sia. Tentunya hasil akhir dari karya tersebut adalah peningkatan ekonomi masyarakat yang tidak bergantung pada nilai bantuan pemerintah.

Dengan pemberdayaan masyarakat dan mampu untuk menghasilkan produk yang bernilai jual tinggi, maka akan terbentuk sebuah masyarakat mandiri. Disamping itu akan timbul inovasi–inovasi lainnya seiring dengan tantangan yang berbeda. Itu menurut Kang Ujang, seperti yang termuat di IndonesiaKreatif.Net.

Presentator kedua dalam sesi sharing malam itu adalah Machicky Mayestino, seorang pengajar dari Universitas Narotama Surabaya. Beliau juga pengelola Pusat Studi Sustainability dan Inovasi Bisnis.

Pada kesempatan itu, Machicky berpresentasi singkat tentang pentingnya untuk menjaga lingkungan. Inovasi dan kreativitas dilakukan agar produksi semakin baik. Machicky mengingatkan agar dalam proses inovasi dan kreativitas supaya tetap bersinergi dan mengurangi efek buruk terhadap lingkungan.

Seperti yang dilakukan Kang Ujang misalnya, membuat pompa air tanpa listrik atau bahan bakar. Itu merupakan inovasi dan kreativitas luar biasa. Masyrakat di daerah terpencil bisa memanfaatkan air, memindahkan air dengan mudah, meskipun tak ada listrik maupun bahan bakar minyak.

Selanjutnya, Kang Pidi Baiq yang berkesempatan berbagi tentang The PanasDalam Institute. Dengan bawaannya yang santai, Kang Pidi memaparkan pemikiran-pemikirannya mengenai inovasi serta bagaimana manusia bisa menjadi manusia yang berguna dan bermanfaat untuk manusia lainnya, tidak sekedar mempertahankan egonya yang kadang tidak memikirkan kepentingan yang lebih besar selain dari kepentingannya sendiri.

Dalam berkarya dan berinovasi, idealisme sangat diperlukan tapi jangan sampai idealisme itu menjadikan karya atau inovasi menjadi mentah karena tidak menerima masukan dari luar untuk memperbaiki hasil karya maupun inovasinya.

Kang Pidi Baiq, penulis buku Drunken Molen, Drunken Marmut, Drunken Monster dan Drunken Mama, selama ini menganggap hidup adalah bermain. “Karena dengan main kita akan merasa senang, dengan prinsip bahwa hidup adalah senda gurau jangan terlalu dibawa serius,” ujarnya. Dan dengan bermain-main itulah, kreativitas bisa muncul.

Acara di Hall Universitas Narotama itu, ditutup dengan beberapa alunan lagu dari Kang Pidi dan berfoto bersama. Senang sekali FreSh Surabaya dan Indonesia Kreatif bisa bekerja sama untuk menyelenggarakan acara yang mencerahkan seperti ini.

Sampai jumpa di FreSh Surabaya edisi selanjutnya.

Sumber gambar: IndonesiaKreatif.Net

Agenda workshop kurang lebih seperti ini:
Pengenalan Blaast – Arsitektur, Teknologi, Product Demo
Getting Started as Blaast Developer – Developer Story 
Development model & tools, Develop Initial App
The Cloud Platform – Blaast as A Cloud Platform, What is node.js, How Blaast uses node.js and What’s in it for developers, building a cloud-powered app
Get In Deep with Blaast API
Coding Session and Q&A
Develop mobile app together

Waktu:
Minggu, 27 November 2011 
Pukul 19.00 
Jangan telat, ya..

Tempat:
Cirkel Cafe
Jl. Bawean 39, Surabaya

Jangan lupa untuk membawa laptop yang sudah terinstall Blaast Rocket.

Acara ini khusus untuk developer/ designer web/ mobile. Kuota terbatas 25 orang saja.

Gratis dan ada makan malam.

Selain itu, akan ada juga sosialisasi kompetisi pembuatan app memakai platform blaast khusus mahasiswa. Kompetisi ini memperebutkan hadiah : juara 1 Macbook pro 13inch, juara 2 & 3 mendapat iPad 2.

Ayo daftar di sini: 
http://www.meetup.com/BlaastMeet/events/42141702/