Windows Phone 7 : Halo Duniaaaaa!!!!

Halo temen2 semuanya, pada kesempatan kali ini saya ingin memaparkan sedikit tentang bagaimana kita memulai berkecimpung (keciplak kecipluk) di dunia Windows Phone 7… (jeng jeng jeng).

Sebelum memulai lebih jauh lagi (padahal baru aja satu paragraf), mari kita mulai dengan menginstal SDK makhluk biru ini dan mengetikkan Halo Duniaaa…. Eits, tapi, tunggu dulu, karena makhluk biru ini bernama Windows Phone, kata pertama nya aja udah Windows, jadi ya disini cuma bakal dipaparin gimana caranya depeloping pake OS Windows aja, terutama Windows 7… (Windows Phone 7 dan Windows 7…. hmmm, kalo Linux ga ada ya Linux 7 dan Linux Phone 7, apalagi Mac 7 ama Mac Phone 7 ?????).

 

Requirement and Installation

Requirement itu biasa disebut dengan kebutuhan, yaitu aplikasi yang kita butuhkan sebelum kita memulai langkah awal karir kita di dunia makhluk biru ini, karena apabila spek ini tidak terpenuhi, maka kita dipastikan akan tersesat dan tidak akan kembali lagi ke jalan yang benar (evilsmirk). Oleh karena itu, harap diperhatikan untuk memenuhi kebutuhan-kebutuhan ini, anggap saja ini sebagai kebutuhan primer (lebay pisannnn).

  1. Instal dulu Visual Studio yang update (kalo mau gaul sih pake Visual Studio 2010), aplikasi ini biasa ditemukan di mesin pencari mbah Google, atau biasa dikoleksi oleh teman2 (emang punya temen???), so mintain aja installernya, biar bisa gratisan… hmm.
  2. Instal juga Windows Phone SDK (Sakit Demam Kunang-kunang). Kalo internetmu kenceng abissss, download aja online installernya di http://www.microsoft.com/download/en/details.aspx?displaylang=en&id=27570. Tapi kalo kamu mahasiswa, kamu musti download yang oppline aja, bisa diliat di http://www.kunal-chowdhury.com/2011/09/download-windows-phone-71-sdk-rtw-all.html. Atau cara yang paling mematikan sih minta aja installernya ke temen2. Tapi aplikasi SDK ini gratisan, jadi tenang aja, jangan sakit demam kunang-kunang duluan.
  3. Pokonya gimana caranya kamu musti udah lewatin kedua tahap di atas, minimal jiwa developer itu udah bisa nginstal software apapun secara mandiri, jadi diasumsikan kamu bisa ngelewatin tahap di atas tanpa kesulitan. Ya kalo bingung pilih next atau cancel, ya pilih aja next next next terus2an sampa nemu finish, kecuali nemu aggreement, langsung centang aja dengan khusyuk, dan segera pencet next dengan kidmat. Semoga khotbah yang disampaikan dapat bermanfaat… aminn.

 

Speak up your Hello World!!!

Oke, setelah menempuh berbagai ujian di atas, berarti kamu udah lulus sebagai depeloper sejati yang secara penuh semangat dan impian ingin menjadi depeloper terbaik dan sukses. Kamu musti siapin mental kamu ke depannya, karena tantangannya bakal lebih berat lagi, dan kamu musti cari pacar buat nemenin kamu (#eh keceplosan). Oke, tanpa berlama-lama lagi, #sokcobain

Buka Visual Studio 2010, kemudian… jreeenggggg…… !!!! (efek angin kenceng badai). Tahan napas dalem dalem…. bushhh, keluarin. Pokonya ikutin skrinsut ini, bikin project baru, dan pilih silverlight project. Disini kita bakal pake silverlight aja buat nulis tulisan indah pertamamu, ga usah pake XNA soalnya nanti malah bukannya mau nulis halo dunia malahan jadi xhalo xdunia… weleh2.


Klik Ok

Berikut adalah tampilan tampilan yang akan menjadi awal dari perjuangan yang akan sangat panjang kedepannya. Biasakan pandanganmu untuk melihat tampilan kodingan warna-warni bersama tampilan emulator item (item itu menunjukkan bahwa dia teguh kuat dan tahan banting). Kalo bingung, biasakanlah, di sisi kanan itu ada project explorer, di kiri ada bagian yang tidak usah dipedulikan, dan di tengah adalah masa depanmu…

Jadi, makhluk biru ini satu halaman silverlightnya terdiri dari file XAML ama file CS (singkatannya bukan “counter strike”, tapi “cari susah” xixixixi). Di bagian XAML, kamu bebas sebebas-bebasnya buat bikin tampilan seenak kamu mau tampilan gambar foto narsismu, pacarmu, atau selingkuhanmu sekalian, jadi di bagian XAML ini adalah tempat kamu curhat lewat gambar, pokonya desain yang bakal tampil di hape nantinya. Tampilannya user friendly ko, bisa drag and drop sana sini sono sunu.

Nah yang menjadi fokus kita yaitu…. Menulis Halo Duniaaaa!!!! Daripada kamu susah-susah bikin drag and drop buat nyari di daftar tools yang namanya halo dunia (ampe mati nyari juga ga bakal nemu), mendingan kamu koding aja manual buat nulis Halo Duniaaaa!!!

Caranya, nah, coba lirik bagian kanan, dan pindah halaman ke MainPage.xaml.cs, disitu adalah bagian kodingan-kodingan yang bakal menuntunmu nantinya. Jadi seperti yang tadi disebutin, di file xaml itu buat tempat kamu narsis-narsis, sedangkan di file CS ini adalah tempat kamu curhat-curhatan galau-galauan buat nulis-nulisin kodingan freak kamu. Bagaimana tidak??? manusia adalah makhluk sosial yang senantiasa senang curhat dan galau, so, semua orang diasumsikan senang koding (#eahh).

Langsung ajahhhh, karena di file XAML ada makhluk textbox yang udah dikasih nama “page name”, secara singkat dan padatzzz, kita ganti tulisannya menjadiiiiiiiiii “Halo Duniaaaa!!!!!” dan itulah cara yang paling ampuh untuk menunjukkan pada dunia bahwa kamu udah berhasil mengubah kata-kata page name menjadi Halo duniaaaaa….

Okeh! langsung saja ketikkan pada baris ke 22 (dua puluh duaaaa), dengan kode:

PageTitle.Text = “Halo Duniaaa!!!!”;

Dan pada penghujung acara, mari kita akhiri dengan berdoa setulus-tulusnya, kemudian dengan perasaan hati yang sesenang-senangnya, mari kita pencet tombol play (start debugging) di atas.

Okeh, semoga menginspirasi hari-harimu, sekian aja, kamu udah berhasil membuktikan pada dunia bahwa kamu sudah berhasil menaklukan makhluk biru dan akan terus semangat dan bermimpi untuk menjalani hari-harimu dengan emulator hitammm.

Mohon maaf bila ada kata-kata yang salah atau menyindir, semua ini dimaksudkan demi kehidupan yang lebih baik…

Terima kasih

Install WordPress di Komputer Pribadi

Berikut tahapan-tahapan yang dapat membantu Anda dalam melakukan instalasi WordPress di komputer pribadi sebagai server lokal. Selamat membaca semoga bermanfaat :D

 

Download Requirement:

- XAMPP, http://www.apachefriends.org/en/xampp.html

- WordPress, http://wordpress.org/download/

 

Installation:

1. Menyiapkan Localhost

  • Untuk menyiapkan localhost yaitu server lokal offline yang ada di komputer kita, instal terlebih dahulu XAMPP dengan baik dan benar sesuai dengan petunjuk instalasinya. Lakukan instalasi sampai selesai. Pastikan Anda selesai melakukan instalasi kemudian buka http://localhost/xampp di browser sehingga muncul tampilan berikut.

 

  • Kemudian kunjungi http://localhost/phpmyadmin di browser Anda dan buatlah database apapun misalnya “wp-database”

 

  • Buatlah akun di menu “Privileges”, misal dengan konfigurasi seperti pada gambar, jangan lupa klik opsi check all priveleges agar user yang baru dibuat dapat melakukan seluruh aktivitas database.

 

2. Instal WordPress

  • Extract zip WordPress yang sudah di download
  • Simpan folder wordpress yang baru diekstrak ke folder htdocs dengan nama apapun misalnya “wordpress“. Lokasi htdocs berada di drive C, kemudian di folder xampp bila diinstal secara default xamppnya.

  • Buka http://localhost/wordpress di browser yang Anda biasa pakai
  • Jalankan instalasi wordpress sesuai dengan petunjuk.
  • Masukkan data nama database dengan yang tadi dibuat misalnya “wp-database”
  • Masukkan user dan password untuk phpmyadmin yang baru saja dibuat

WordPress lokal siap dijalankan di komputer pribadi Anda.

Selamat beraktivitas dengan WordPress Anda :D

Tutorial Multiplayer Game di Windows Phone

Teknologi Multiplayer di Windows Phone dapat cukup merepotkan bila baru pertama kali mencobanya. Hal ini dikarenakan masih sedikit tutorial yang berkenaan dengan teknologi tersebut.

Baiklah, berikut akan saya paparkan mengenai cara membuat game kita bisa menggunakan fitur multiplayer di Windows Phone.

 

Persiapan

Sebelum masuk lebih jauh lagi, persiapkanlah device Windows Phone minimal dua buah dan tentu saja persiapkan juga mental dan batin Anda dalam menghadapi Windows Phone yang sedikit bandel karena kita akan menggunakan fitur UDP Socket…

Windows Phone menyediakan fitur untuk membuat UDP Socket sehingga kita dapat membuat koneksi antar-Device dengan teknik multicasting. Walaupun saya kurang mengerti dengan prinsip multicastingnya, tapi poin pentingnya adalah bahwa device ini akan mengirimkan pesannya ke semua device yang terk0neksi dengannya melalui multicasting group. Kita harus set multicast portnya agar dapat dilakukan konkeksi.

Langkah-langkah

  1. Download kelas untuk membuat Socket UDP.
  2. Inisialisasi Channelnya dan isi portnya.
  3. Open multicast port
  4. implementasikan prosedur Send dan Receive
  5. Koneksi siap dilakukan

… to be continued

Memasang dan Memainkan mp3 sebagai BGM di Windows Phone

Windows Phone merupakan device yang sedikit sulit untuk dieksplorasi karena di media pencarian Google tidak terlalu banyak artikel atau forum yang membahas mengenai pengembangannya dibandingkan dengan Android. Terutama untuk kata kunci mengenai teknologi yang sedikit menyentuh multimedia, akan sedikit kesulitan bagi pengembang apabila tidak menemukan referensi atau tempat bertanya.

Akhir-akhir ini saya ingin menambahkan fitur untuk memainkan BGM untuk game yang saya dan teman-teman kembangkan. Akan tetapi saya ingin memainkan file mp3 yang ketika dicari di media pencarian justru sangat sulit. Bahkan saya harus membaca satu persatu forum yang tidak memberikan solusi mengenai permasalahan ini. Namun alhasil, setelah dicari dengan teliti akhirnya ditemukan pembahasan yang agak  implisit dan akhirnya membuat saya mengerti dan bisa menerapkannya dalam Windows Phone. Entah saya yang tidak mudah mengerti atau memang sulit ditemukan tutorialnya, namun semoga tutorial ini bermanfaat…

Dalam kasus ini saya menggunakan project Silverlight XNA Windows Phone versi Manggo.

more…

Simple Fluid Engine

Lulusan Informatika bisa apa?

Tulisan ini dibuat setelah mendapat inspirasi dari salah seorang dosen yang sangat menginspirasi bernama Pak Budi Rahardjo biasa dipanggil Pak Beer.

Indonesia memang sudah kalah jauh dari negara-negara luar sana dalam bidang IT. Statement pertama ini akan sangat jauh apabila dibahas lebih lanjut. Mulai dari bidang ekonomi, politik, budaya, sampai sosial, bidang IT di Indonesia tidak begitu dapat berkembang dengan pesat, sampai beberapa puluh tahun lagi mungkin baru bisa, tapi itu entah kapan, seperti menunggu uang jatuh dari atas langit.

Bagaimana mungkin mengembangkan IT di Indonesia. Itu merupakan masalah pertama yang disampaikan oleh seorang engineer di bidang IT yang akan segera lulus mengarungi kehidupan nyata setelah tamat kuliah. Baru saja keluar dari kehidupan idealis, sudah dihadapkan dengan masalah sebesar batu raksasa yang jatuh dari tebing. IT di Indonesia sangat-sangat tidak menjanjikan untuk diselami. Bagaimana tidak, setiap insan yang penuh akan kreativitas tidak akan cukup kuat menghadapi pejabat-pejabat penguasa yang tidak mengerti akan perkembangan IT. Sedikit saja ada perubahan IT, bahkan bisa masuk penjara bila tidak hati-hati.

more…

The Garbager

Description

The Garbager is a mobile game that created in Windows Phone Mango platform. This game goals is to throw the rubbish into correct garbages that moving repeatedly. Trash itself consist of cans, paper, organic, electronic types. Player must correctly throw the certain object into moving trash can.

Many achievement also created to simulate player in playing the game. Highscore also updated into social network via facebook so player could tell his friends about his achievement.

 

Team Includes:

- Hilman Beyri

- Alfian Ramadhan

- Mahardiansyah Kartika

- Prisyafandiafif Charifa

 

Story:

This time we join the competition in Nokia Lumia Hack Days : 24 hours Coding. Creating an application or game that we try to compete in this event. And Finally, we’ve got one Lumia in that day.

http://tekno.kompas.com/read/2012/02/05/19085784/8.Aplikasi.Menangkan.Coding.24.Jam.Lumia

http://www.hotgame-online.com/mobile/read/1363/lumia_developer_day

http://www.jagatreview.com/2012/02/the-amazing-nokia-lumia-developers-days-dukungan-nokia-dan-microsoft-terhadap-developer-lokal/

Membangun Web Aplikasi

Ada beberapa tahap dalam pembuatan sebuah web aplikasi. Untuk mendesain web aplikasi yang bagus diperlukan kecermatan dalam menentukan requirement dan desain sampai diimplementasikan dan testing.

 

Tahap penentuan kebutuhan sangatlah penting karena harus memperhatikan hal-hal berikut:

  • Kompleksitas fitur
  • Keterhubungan fitur satu dengan lainnya
  • Pengelompokkan fitur

Beberapa hal di atas dapat memengaruhi penentuan keputusan untuk memilih menggunakan CMS (Content Management System) atau membangun web mulai dari awal.

Apabila fitur-fitur yang terdefinisi memang spesifik atau jarang ditemukan pada modul-modul yang tersedia di berbagai CMS, biasanya dilakukan pembuatan web sendiri mulai dari awal.

Disini akan lebih dibahas mengenai pembuatan web aplikasi dari awal khususnya dengan framework CodeIgniter versi 2012 Januari.

 

Pembangunan web aplikasi menggunakan CodeIgniter harus memikirkan strategi hierarki jalannya aliran data dan berbagai kemungkinan-kemungkinan pemrosesan bisnis data sehingga terbagi menjadi tiga aspek yaitu Controller, View, dan Model. Tahap-tahap lebih detailnya dipelajari di kuliah Rekayasa Perangkat Lunak Lanjut dengan topik Web Engineering untuk menganalisis kebutuhan sampai strategi pembangunan web aplikasi.

 

Pada kasus ini diasumsikan pembuat web hanya satu orang.

Langkah pertama pembuatan biasanya dilakukan dengan pembuatan desain html terlebih dahulu untuk semua halaman. Mulai dari tampilan secara visual dengan CSS dan Javascript atau tambahan lainnya sehingga terbentuk semua halaman web dalam bentuk html.

Contoh:

  • HalamanUtama.html
  • HalamanArtikel.html
  • HalamanGallery.html
  • Style.css
  • Javascript.js

 

Langkah selanjutnya, berbagai file html tersebut dipiliah-pilah menjadi beberapa bagian dalam View sehingga dapat ditampilkan dengan efektif nantinya oleh Controller. Pembagian View nya sendiri dilakukan dengan cara menentukan file Header, Body, dan Footer. Semua halaman html yang telah dibuat, dicari pola yang sama untuk dijadikan Header, Footer, dan masing-masing Body-nya sendiri.

Contoh:

  • Bagian atas dari HalamanUtama.html, HalamanArtikel.html, dan HalamanGallery.html dicari yang sama kemudian dimasukkan ke folder View dengan nama Header.php. Hal yang sama juga dilakukan untuk Footer.php pada bagian bawah masing-masing file.
  • Bagian Body setiap file biasanya yang saling berbeda antarfile kemudian dipisahkan sehingga menjadi HalamanUtama.php, HalamanArtikel.php, dan HalamanGallery.php.
  • Untuk file css dan js dimasukkan masing-masing ke dalam folder yang bersesuaian.

 

Langkah selanjutnya, mendefinisikan Controller yang diperlukan untuk mekanisme pengolahan datanya. Secara umum penentuan Controller dipisahkan sesuai dengan karakteristik permintaan data. Apabila ada pembagian kelompok-kelompok tertentu pada View-nya sehingga Controller-nya pun dibagi berdasarkan kelompok-kelompok tersebut. Misal kita mempunya View dengan tiga jenis yaitu  InputView, OutputView, dan ProcessView. Ketiga jenis view ini mungkin memiliki pemrosesan data yang berbeda-beda sehingga diperlukan pemisahan file Controller menjadi InputController, OutputController, dan ProcessController.

 

To be continued…

Audio

Pertama-tama mungkin tidak sering terpikirkan oleh kita mengenai pertanyaan “Apa sih bedanya suara dan audio?”. Jawabannya ya susah-susah tapi gampang. Tapi pertanyaan ini akan mengantarkan kita ke topik selanjutnya yang lebih dalam mengenai Audio.

Suara dan audio itu memiliki perbedaan. Suara adalah suatu partikel yang bergetar yang getarannya dapat ditangkap oleh telinga kita. Sedangkan audio adalah suara yang dapat didengar oleh manusia. Suara yang tidak dapat didengar manusia yaitu suara dengan frekuensi di luar rentang 20 sampai 20000 hertz. Terdapat juga istilah noise yaitu suara yang tidak beraturan atau suara yang tidak dapat didengar manusia.

 

Audio analog dan digital

Untuk mengubah suara dari analog menjadi digital dibutuhkan suatu proses dengan alat yang bernama Analog to Digital Converter (ADC). Suara analog pertama-tama difilterisasi terlebih dahulu untuk menghilangkan noise. Setelah difilter, dilakukan sampling untuk mengubah sinyal-sinyal kontinyu menjadi sinyal-sinyal diskrit. Setelah sampling, dilakukan quantisasi untuk memberikan batas sample yang telah dilakukan pada saat sampling. Kemudian terbentuklah suara digital.

Proses sampling membagi suatu gelombang pada kurun waktu tertentu menjadi beberapa titik-titik sample. Titik-titik ini memotong amplitudo gelombang pada setiap waktu kemudian dihubungkan satu sama lain sehingga grafik tidak lagi berbentuk sinusoidal (kontinyu) akan tetapi berbentuk kotak-kotak.

Sample rate merupakan jumlah gelombang pada suatu kurun waktu. Sample rate ini biasanya sejumlah dua kali frekuensi suatu gelombang. Sample rate diusahakan tidak lebih kecil dari frekuensi gelombang karena akan didapatkan bentukan digital yang tidak sesuai dengan analog asalnya.

Channel terbagi menjadi stereo dan mono. Stereo itu audio yang keluar dari dua sisi, kiri dan kanan. Dengan channel stereo, orang bisa mendengar rekaman langkah kaki seolah-olah terdengar melangkah dari kanan ke kiri.

Dengan perhitungan tertentu, dapat didapat ukuran memori dai suatu Audio CD karena format memorinya tetap yaitu 16 bit dengan sample rate sebesar 44100 hz dan memiliki channel stereo.

Sistem Televisi

Televisi seperti yang kita ketahui, sudah sangat canggih luar biasa. Apabila dilihat sejarahnya, televisi telah melalui berbagai proses perkembangan yang cukup panjang.

Salah satu perkembangan Televisi yaitu versi CRT. Televisi CRT memiliki dua jenis yaitu vektor dan klaster.

CRT jenis klaster memiliki teknik penggambaran seperti garis secara horizontal. Garis-garis ini ditembakkan oleh suatu ‘Gun’ (istilah yang biasa disebut oleh teknik elektro di bidang tegangan tinggi). ‘Gun’ ini menembakkan suatu cahaya sesuai dengan intensitas RGB, misal cahaya gelombang merah.

Teknik penembakkan ke sebuah garis ini terurut memanjang kebawah, dan per garisnya ditembakkan dari kiri ke kanan terus menerus sampai bawah. Apabila sudah di ujung bawah kanan, ‘Gun’ akan mengembalikan posisinya ke ujung kiri atas. Delay yang diperlukan untuk menggerakkan ‘Gun’ ini tidak menghalangi intensitas televisi yang harus melakukan puluhan refresh dalam satuan detiknya.  Cost yang dimiliki oleh teknik ini yaitu pergerakan ‘Gun’ dalam mencari posisi untuk menembakkan cahaya dan mengejar waktu dalam melakukan refresh.

Garis-garis yang ditembakkan bergantian dari garis yang bernomor genap dan ganjil. Pada suatu kali refresh garis yang ditembakkan bisa genap semua atau ganjil semua, tidak bergantian dalam satu kali refreshnya.

CRT jenis klaster biasa diterapkan dalam osiloskop. Vektor ditembakkan sebagai sebuah gelombang yang di dalamnya terdapat medan magnetik untuk menaik turunkan gelombang sehingga cahaya dan audio cukup ditembakkan saja tanpa mencari posisi. Cost yang digunakan lebih minimum dari teknik klaster.

Berikut pranala video dari Youtube tentang televisi tertua yang masih berfungsi: http://www.youtube.com/watch?v=N9u5714WyFE

Televisi masih berbentuk lingkaran yang merupakan sebuah disk sebagai komponen dari komponen televisi mekanik.