//
archives

Archive for

Menampilkan Google Maps pada Android (bagian 2)


Setelah Anda membaca tulisan saya pada postingan sebelumnya, sekarang saya akan tunjukkan bagaimana Google Maps dapat muncul pada aplikasi Android Anda. Saya asumsikan bahwa Anda telah menginstal Android SDK, berikut Eclipse sebagai IDE untuk mengembangkan aplikasi ini. Sebelumnya silahkan Anda buat terlebih dahulu Virtual Device Android dengan Target Name “Google API – API Level 8” atau versi terbaru.

Sekarang saatnya Anda untuk:

  1. Bukalah Eclipse. Saya menggunakan Eclipse Helios SR1.
  2. Buatlah Android Project baru. Setelah selesai klik Finish.

  3. Lalu masuklah ke dalam AndroidManifest.xml. Tambahkan sedikit kode, sehingga menjadi seperti berikut:

  4. Sekarang beralih ke res/layout/main.xml. Tambahkan pula seperti berikut:

  5. Terakhir pada maps.java, buatlah kode menjadi seperti berikut:

  6. Selesai dan hasilnya kurang lebih seperti berikut.

Sebagai referensi bisa Anda lihat di Situs Developer Android.

Semoga Bermanfaat.

Happy Coding, guys! J

Menampilkan Google Maps pada Android (bagian 1)


Halo Rekan Developer, sekarang saya akan sedikit berbagi kepada kalian, khususnya rekan-rekan yang sedang mengembangkan aplikasi mobile berbasis Android. Sebenernya sih, Google Maps sudah tersedia pada handset Android. Namun, pada tulisan ini saya akan memberikan sedikit cara untuk menampilkan Google Maps pada aplikasi Android Anda yang kemudian kita bisa manfaatkan Google Maps ini untuk keperluan lain J.

Sebelum memulai “ngoding”, hal pertama yang rekan developer perlu miliki adalah Maps API Key dari Google. Caranya:

  1. Carilah file debug.keystore. File ini saya bisa ditemukan di C:\Users\<username>\.android. Jika Anda pengguna XP, carilah di C:\Documents and Settings\<username>\Local Settings\Application Data\Android.
  2. Agar lebih mudah, coba pindahkan file tersebut ke direktori yang mudah diakses. Dalam hal ini, saya pindahkan ke drive E:\.
  3. Jalankan Command Prompt. Lalu masuklah Anda ke direktori Java SDK yang dipakai oleh Android SDK.

  4. Lalu lakukanlah code berikut untuk mendapatkan MD5 Fingerprint yang kemudian akan di Generate sebagai Maps API Key Anda.

  5. Tercatat pada komputer saya Certificate Fingerprint (MD5): 4E:53:A2:76:17:EC:21:DB:AF:A0:BF:EE:E3:69:51:68. Silahkan Anda buka http://code.google.com/android/maps-api-signup.html.
  6. Setelah itu, Anda akan mendapatkan Android Maps API key. Selamat. J

Semoga Bermanfaat, guys!

Membuat Aplikasi Twitter Sederhana pada Windows Phone 7


Pada hari Sabtu (26/2), saya diberi kesempatan untuk mendemokan untuk membuat sebuah aplikasi di Windows Phone 7. Dalam seminar ini saya membuat sebuah aplikasi yang mengambil data user timeline dari Twitter. Caranya dengan mengambil XML dari Twitter lalu kita lakukan parsing ke dalam Linq untuk kemudian ditampilkan pada Windows Phone 7.

Lets Coding. J

Buatlah sebuah layout pada Windows Phone 7 Anda seperti gambar di atas. Terdiri atas TextBox, Button, dan ListBox. Sehingga tampilan pada XAML Editor padap Grid Content Panel menjadi:

<Grid x:Name=”ContentPanel” Grid.Row=”1″ Margin=”12,0,12,0″>

<Button Content=”Show” Height=”72″ HorizontalAlignment=”Right” Margin=”0,26,6,0″ Name=”btnTweet” VerticalAlignment=”Top” Width=”160″ Click=”btnTweet_Click” />

<ListBox Height=”481″ HorizontalAlignment=”Left” Margin=”12,104,0,0″ Name=”listTweet” VerticalAlignment=”Top” Width=”423″ >

<ListBox.ItemTemplate>


<DataTemplate>

<StackPanel Orientation=”Horizontal” Height=”132″>

<Image Source=”{Binding foto}” Height=”70″ Width=”70″ VerticalAlignment=”Center”/>

<StackPanel Width=”370″>

<TextBlock Text=”{Binding username}” FontSize=”28″ Width=””/>

<TextBlock Text=”{Binding pesan}” TextWrapping=”Wrap” FontSize=”24″/>

</StackPanel>

</StackPanel>

</DataTemplate>

</ListBox.ItemTemplate>

</ListBox>

</Grid>

<TextBox Height=”72″ HorizontalAlignment=”Left” Margin=”24,26,0,0″ Name=”txtTweet” Text=”” VerticalAlignment=”Top” Width=”272″ Grid.Row=”1″ />

</Grid>

Double click btnTweet, lalu akan muncul tampilan code editor dan buatlah script seperti berikut:

using System;

using System.Collections.Generic;

using System.Linq;

using System.Net;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Documents;

using System.Windows.Input;

using System.Windows.Media;

using System.Windows.Media.Animation;

using System.Windows.Shapes;

using Microsoft.Phone.Controls;

using System.Xml.Linq;

namespace SimpleTweet

{

public partial class MainPage : PhoneApplicationPage

{

// Constructor

public MainPage()

{

InitializeComponent();

}


private void btnTweet_Click(object sender, RoutedEventArgs e)

{

WebClient twitter = new WebClient();

twitter.DownloadStringCompleted += new DownloadStringCompletedEventHandler(twitter_DownloadStringCompleted);

twitter.DownloadStringAsync(newUri(http://api.twitter.com/1/statuses/user_timeline.xml?screen_name=&#8221; + txtTweet.Text));

}


void twitter_DownloadStringCompleted(object sender, DownloadStringCompletedEventArgs e)

{

try

{

XElement xmlTweets = XElement.Parse(e.Result);

listTweet.ItemsSource = from tweet in xmlTweets.Descendants(“status”)

select
new
TweetItem

{

foto = tweet.Element(“user”).Element(“profile_image_url”).Value,

pesan = tweet.Element(“text”).Value,

username = tweet.Element(“user”).Element(“screen_name”).Value

};

}

catch

{

MessageBox.Show(“Gagal Download”);

}

}


public class TweetItem

{

public String username { get; set; }

public String pesan { get; set; }

public String foto { get; set; }

}

}

}

Silahkan tekan F5, dan lihat hasilnya.

Belajar. Berbagi. J

Berbagi Ilmu melalui Pelatihan Multimedia Interaktif dengan WPF #2


Pada hari Minggu (27/2), BEM KEMAKOM FPMIPA UPI bekerja sama dengan Microsoft Student Partners UPI untuk mengadakan pelatihan Multimedia Interaktif dengan teknologi WPF. Ini merupakan pelatihan WPF sesi kedua, setelah sesi pertama pada 19 Desember 2010 lalu . Pelatihan ini berbeda dengan pelatihan WPF sebelumnya, karena pelatihan kali ini ditujukan bagi seluruh mahasiswa/i se-UPI. Terdaftar sekitar 50 peserta yang mengikuti acara ini.

Berikut sedikit cuplikan acara pelatihan WPF yang diselenggarakan di Laboratorium Praktikum Gedung Ilmu Komputer UPI.

Pelatihan ini terdiri dari dua sesi, sesi pertama dimulai jam 09.00 – 12.00 dan sesi kedua dimulai jam 13.00 – 16.00. Namun, sayangnya karena kendala teknis di laboratorium, sesi kedua diundur satu minggu.

Terima Kasih. J

Seminar Mobile Development di STMIK AMIK Bandung


Pada hari Sabtu (26/2), MUGI bersama NICE (Nokia Indonesia Community Enthusiast) diberik kesempatan untuk mengisi acara tersebut. Ada 6 materi dan 6 pemateri yang hadir dalam seminar tersebut.

  1. Firstman Marpaung (MVP Windows Mobile) – Mobile Development
  2. Puja Pramudya (MVP Device Application Development) – Overview Windows Phone 7
  3. Rendy (MSP UPI) – Live Coding Windows Phone 7
  4. Bobby Zulkarnaen (MVP Directory Service) – Virtualisasi
  5. M. Iqbal (MSP UNIKOM) – Deep Dive into Qt
  6. Muhammad Yusuf (MSP UPI) – Qt Quick (QML)

Peserta yang hadir terdiri atas siswa/i SMA/SMK, juga mahasiswa STMIK AMIK. Acara tersebut cukup menarik terbukti dengan aktifnya para peserta yang bertanya di setiap sesi waktu. J

Berikut adalah cuplikan dari kegiatan Seminar Mobile Development di STMIK AMIK Bandung.

Terima Kasih. J

%d blogger menyukai ini: