Sharing With Passion

February 21, 2012

Posted by Sabar Santoso in | February 21, 2012 No comments



Tahun 2010 boleh jadi merupakan milestone tersendiri bagi Microsoft dan mobile platform. Dalam industri komputer, hal yang dilakukan Microsoft adalah reboot strategy. Microsoft menyebut Windows Phone sebagai a revolutionary new platform. Microsoft membuat seluruhnya dari awal dan dengan user interface yang lebih clean dan fresh. Dengan filosofi desain yang dinamakan Metro,terinspirasi dari tanda-tanda (sign) yang terdapat pada metro subway, antarmuka Windows Phone menunjukkan ciri yang jelas, informasi yang mudah diperoleh, intuitif dan menggunakan simbol-simbol yang mudah dipahami. Integrasi Windows Phone dengan berbagai layanan di cloud yang telah dimiliki Microsoft, sebut saja Bing, Xbox Live, Push Notification ,Office dan layanan pihak ketiga telah memberikan kekuatan yang unik, sesuatu yang seharusnya dimulai Microsoft sejak dulu.

Di sisi platform pengembangan, Windows Phone menawarkan pengalaman pengembangan yang menarik bagi para developer. Sebuah Windows Phone diwajibkan memiliki resolusi 800x480 WGA atau 480x320 HVGA, layar sentuh, sensor GPS, accelerometer, kompas, cahaya, kamera, multimedia, GPU dengan DirectX9 dan tiga hardware button. Sebagai developer dapat dijamin keseluruhan spesifikasi ini akan dimiliki pada device yang mendukung Windows Phone. Seluruh device driver langsung dibuat oleh Microsoft untuk menjamin konsistensi. Untuk mengembangkan aplikasi di atas Windows Phone Anda dapat memilih dua platform yang populer dan modern : Silverlight dan XNA.

Silverlight terbukti telah memberikan para pengembang web kemampuan untuk mengembangkan antarmuka yang menawan dengan kombinasi kontrol, teks, grafik vektor, media , animasi dan databinding yang dapat berjalan pada sejumlah platform dan browser. Sementara XNA merupakan platform gaming yang mendukung 2D dan 3D game yang ditujukan untuk Xbox 360, konsol dan PC.

Now,everything that we need are apps :)

February 18, 2012

Posted by Sabar Santoso in , | February 18, 2012 No comments
Bagi programmer yang terbiasa melakukan segalanya dengan cara manual (tanpa wizard) kadang-kadang terganggu dengan cara Microsoft “memudahkan para pengembang” dengan menyediakan banyak wizard yang bertele-tele hanya untuk melakukan satu tugas. Parahnya, terkadang wizard ini malah mengulur-ulur waktu karena harus mempelajari option-option yang diberikan.
Padahal jika di-coding secara manual, permasalahan yang sama bisa selesai dalam waktu beberapa menit.
Salah satu contohnya adalah mengkoneksikan program dengan database server. Microsoft menyediakan wizard melalui IDE Visual Studio 2005 nya. Bagi beberapa orang mungkin wizard ini lumayan membantu (karena tidak usah banyak-banyak coding, tentunya) tapi bagi saya hal ini kurang memuaskan. Melakukannya dengan cara manual membuat saya lebih memahami konsep koneksi database ini dan lebih banyak yang bisa saya kustomisasi sendiri dibandingkan dengan menggunakan wizard.
Langkah-langkah melakukan koneksi dengan ConnectionString ini lumayan mudah, mari kita mulai.
1. Buat satu Modul yang berisi variabel public yang dapat diakses oleh semua class. Variabel inilah yang diisi dengan connection string sesuai dengan jenis database server yang akan dikoneksikan. Dalam contoh ini saya membuat satu Module bernama “Connection”.
Berikut isi modulnya :


Module ConnectionPublic ModConnectionString As String = _

"Driver={MySQLODBC5.1Driver}; _
Server=localhost; _
Database=db_windowsapplication; _

User=root; _

Password=; _

Option=4;"End Module


ConnectionString diatas khusus digunakan untuk database server MySQL versi 5 for Win32. Untuk daftar lengkap ConnectionString dengan berbagai macam database server dapat anda lihat di
http://www.codeproject.com/database/connectionstrings.asp

2. Untuk percobaan, mari kita buat sebuah class berisi function yang berfungsi untuk mengambil data pada tabel siswa, dan menghasilkan return sebuah array yang berisi data hasil query.


Imports System.Data.OdbcPublicClass ProsesData

'ambil data dari tabel student

'kemudian passing hasilnya ke array sebagai nilai balikFunction viewStudent()
As Array

Dim sql As String = "SELECT * FROM student WHERE SID = '1'"

Dim hasil(5) As String

Dim i As Integer = 0

Dim conn As New OdbcConnection(connectionString)

Dim reader As OdbcDataReader
Try

conn.Open()

Dim cmd As OdbcCommand = New OdbcCommand(sql, conn)
reader = cmd.ExecuteReader()

If reader.Read Then
If reader.HasRows = True Then

hasil(0) = reader.GetString(0)
hasil(1) = reader.GetString(1)

hasil(2) = reader.GetString(2)

hasil(3) = reader.GetString(3)

hasil(4) = reader.GetString(4)

End If

End If

Catch ex As Exception

MsgBox(ex.Message & " SQL : " & sql)

Finally conn.Close()


End Try

Return hasil

End Function
End Class


3. Dari fungsi diatas, beberapa baris yang penting diamati adalah :

Imports System.Data.Odbc

B ini digunakan untuk menyatakan bahwa kita menggunakan namespace ODBC untuk koneksi database kita. Ini penting agar kita dapat mendeklarasikan object dari class OdbcConnection yang akan kita gunakan selanjutnya.


Dim conn As New OdbcConnection(ModConnectionString)

B ini mendeklarasikan object “conn” dari class “OdbcConnection” dengan memasukkan parameter ConnectionString “ModConnectionString” yang telah kita buat pada modul “Connection” sebelumnya.

February 12, 2012

Posted by Sabar Santoso in | February 12, 2012 No comments
Windows Phone 7 versi RTM sudah dirilis untuk ikut meramaikan pasar persaingan mobile phone yang saat ini didominasi oleh IPhone dan Android. Untuk para developer yang tertarik untuk mencoba mengembangkan aplikasi pada platform yang baru ini dapat mendownload developer tools versi RTM pada alamat :http://developer.windowsphone.com/.
Pada versi beta sebelumnya pembuatan aplikasi dengan Windows Phone hanya dapat menggunakan bahasa C# saja, namun pada tanggal 23 sept 2010 MS telah merilis versi VB dari Windows Phone 7 (Microsoft Visual Basic CTP for Windows Phone Developer Tools) ini merupakan berita yang sangat menggembirakan bagi VB developer yang sempat merasa frustasi dan dianak tirikan karena ada rumor yang mengatakan bahwa WP7 tidak mendukung bahasa VB. Ini juga merupakan bukti dari janji MS untuk menjadikan VB dan C# equal (co-evolution strategy). Anda dapat mendownload VB CTP for Windows Phone Developer tools di sini.
Membuat Hello Windows Phone 7
Untuk membuat aplikasi menggunakan WP7 anda dapat mendownload Visual Studio Express for Windows Phoneatau jika anda sudah memiliki VS 2010 Ultimate anda dapat menginstal developer tools. Anda dapat menjalankan aplikasi yang anda buat pada device emulator yang sudah disediakan. Pada tutorial dibawah ini saya menggunakan VS 2010 Ultimate.
Pada WP7 anda dapat membuat 2 macam aplikasi dengan platform yang berbeda yaitu Silverlight dan XNA. Silverlight digunakan untuk membuat kebanyakan aplikasi pada WP7 sedangkan XNA hanya dikhususkan untuk pembuatan aplikasi game.
Lab 1 (Membuat Aplikasi di WP7)
    • Buka Visual Studio 2010, anda dapat memilih VB atau C# (misal pada contoh dibawah ini saya memilih bahasa VB).
    • Pilih File – New Project – Silverlight for Windows Phone – Windows Phone Application – beri nama HelloWP7.
image
  • Pada solution explorer perhatikan file yang digenerate oleh Visual Studio.
    image
  • Penjelasan dari file-file tersebut adalah:
Item
Deskripsi
App.xaml / App.xaml.vb
Mendefinisikan entry point dari aplikasi, inisialisasi resources, dan mendefiniskan style dari user interface.
MainPage.xaml / MainPage.xaml.vb
Halaman utama yang berisi desain aplikasi.
ApplicationIcon.png
Icon untuk program yang anda buat yang akan ditampilkan pada application list.
Background.png
Icon yang ditampilkan di awal pada saat program dijalankan pertama kali.
MyProject\AppManifest.xml
Manifest file yang dibutuhkan untuk menggenerate application package.
MyProject\AssemblyInfo.vb
Mengandung nama dan versi metadata yang di embed pada general assembly.
MyProject\WMAppManifest.xml
Manifest file yang mengandung metadata spesifik yang berhubungan dengan Windows Phone Silverlight application, termasuk fitur spesifik yang hanya ada di Silverlight untuk Windows Phone
References folder
Berisi list library (assembly) yang menyediakan services dan functionality yang dibutuhkan untuk menjalankan aplikasi.
    • Secara default halaman yang akan dijalankan pertama kali adalah MainPage.xaml.
    • Double-click pada halaman MainPage.xaml pada Solution Explorer. Secara default anda dapat melihat tampilan design Windows Phone disisi kiri. Anda dapat menambahkan elemen baru seperti tombol, textbox dengan cara drag n drop kedalam tampilan design atau anda juga dapat menambahkan manual dengan mengetikan kode XAML.
image
    • Pada tampilan XAML cari Grid container dengan nama LayoutRoot. Jika anda pernah belajar layout menggunakan bahasa XAML di Silverlight atau WPF anda pasti familiar dengan kode berikut :
    <Grid x:Name="LayoutRoot" Background="Transparent">
    <Grid.RowDefinitions>
    <RowDefinition Height="Auto"/>
    <RowDefinition Height="Auto"/>
    <RowDefinition Height="*"/>
    Grid.RowDefinitions>
    Grid>
    • Pada tag TitleGrid yang ada didalam LayoutRoot ubah teks yang akan ditampilkan sebagai title dan judul halaman dari aplikasi yang anda buat:
    <StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28">
    <TextBlock x:Name="ApplicationTitle" Text="Windows Phone 7" Style="{StaticResource PhoneTextNormalStyle}"/>
    <TextBlock x:Name="PageTitle" Text="Hello WP7" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
    StackPanel>
  • Dibawah ContentGrid tambahkan sebuah Grid lagi untuk menampilkan textblock yang akan berisi teks yang akan anda inputkan pada textbox diatas.
<Grid x:Name="ContentGrid" Grid.Row="1">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
<ColumnDefinition Width="Auto" />
Grid.ColumnDefinitions>
<TextBox Grid.Column="0" FontSize="{StaticResourcePhoneFontSizeExtraLarge}" Name="txtMessage" Margin="20,20,10,20" />
<Button Grid.Column="1" Name="btnClick" Content="Click Me"HorizontalAlignment="Right" Margin="10,20,20,20" Padding="4"Click="btnClick_Click" />
Grid>

<Grid Grid.Row="2">
<TextBlock Name="tbMessage" Style="{StaticResource PhoneTextNormalStyle}"
Foreground="Orange" HorizontalAlignment="Stretch"TextWrapping="Wrap"
TextAlignment="Center" FontWeight="Bold" />
Grid>

    • Pada tampilan design, double-click pada button btnClick untuk menambahkan event handler. Maka otomatis Visual Studio akan menambahkan deklarasi event tersebut pada tag button.
image
  • Tulis kode berikut untuk menambahkan kode pada event click.
    Private Sub btnClick_Click(ByVal sender As System.Object, ByVal e AsSystem.Windows.RoutedEventArgs)
    tbMessage.Text = txtMessage.Text
    txtMessage.Text = String.Empty
    End Sub
    • Sebelum menjalankan aplikasi anda dapat memilih target deployment dari aplikasi anda. Ada dua pilihan yaitu Windows Phone Emulator atau Windows Phone Device.
image
    • Jalankan aplikasi anda dengan menekan tombol F5. Maka Visual Studio akan memanggil Emulator menjalankan aplikasi anda.
image
    • Untuk menggunakan pc keyboard pada emulator anda dapat menekan tombol Pause/Break.
    • Jika anda ingin melakukan modifikasi aplikasi anda pada Visual Studio, anda tidak perlu untuk menutup emulator. Cukup modifikasi kemudian klik F5 lagi untuk mendeploy aplikasi yang baru

Search

Bookmark Us

Delicious Digg Facebook Favorites More Stumbleupon Twitter