Selasar Inspirasi

0 FourSquare Maps + Google Maps



Bingung mencari tempat yang lokasinya belum ada di google maps ?, mungkin di foursquare malah justru sudah ada yang share..

Tapi di Foursquare kurang detail, untuk melihat detailnya atau melakukan track rute lebih enak di google maps. Untuk itu bisa kita manfaatkan FourSquare Maps + Google Maps.

Misalnya mencari lokasi Music Nutrient Surakarta yang ada di Jl. Mangkubumen 1. Ketika dicari di google maps untuk alamat tersebut (jalan mangkubumen) ternyata tidak ditemukan. Kemudian menggunakan alternatif lain, yaitu dari nama lokasi. Ditemukan akun FourSquare-nya, tapi peta kurang jelas.

foursquare maps

Perbesar ukuran peta dengan klik tombol kotak yang didalamnya ada tanda panah

pembesaran peta foursquare

Gambar peta pun jadi lebih besar. Bila ingin dilihat lebih detail lewat Google Maps, pilih Get Direction to this place. Kita pun akan dibawa ke Google Maps, sehingga bisa melihat dengan lebih jelas dan detail.

google maps

Bisa pula melakukan Tracking dari lokasi tertentu

tracking google maps

semoga bermanfaat Smile

[Read More...]


0 Membuat Mode Show Hide



Pernah melihat tulisan yang bisa di show/hide ?

image

berikut contoh code untuk membuatnya

<html>
<head>
<style type='text/css'>
/* Use a checkbox to workaround showing and hiding */
input[type=checkbox] {
    position: absolute;
    top: -9999px;
    left: -9999px;
}
label {
    cursor: pointer;
}
/* Shown */
div.showhide {
    display: inline;
}
/* Hidden */
input[type=checkbox]:checked ~ div.showhide {
    display: none;
}
</style>
</head>
<body>
<label for="showHide">Show/Hide</label>
<input type="checkbox" id="showHide">
<div class="showhide">
    <p><b>ini tulisan yang bisa disembunyikan maupun ditampilkan</b></p>
</div>
<p>cara menampilkan dan menyembunyikan tulisan tanpa javascript</p>
</body>
</html>

[Read More...]


0 Membuat List Hirarki Sederhana



Pernah melihat list hirarki yang bisa dibentangkan dan dilipat (expand-collapse) seperti berikut
image
Ada beraneka macam cara untuk membuatnya, namun penulis membuatnya dengan menggunakan javascript.
Berikut contoh source code-nya
<html>   
<head> 
<title>Pasal-Pasal</title> 
<style> 
   A {text-decoration: none;} 
</style> 
<script language="javascript" type="text/javascript"> 
function Toggle(item) { 
   obj=document.getElementById(item); 
   visible=(obj.style.display!="none") 
   key=document.getElementById("x" + item); 
   if (visible) { 
     obj.style.display="none"; 
     key.innerHTML="[+]"; 
   } else { 
      obj.style.display="block"; 
      key.innerHTML="[-]"; 
   } 
} 
</script> 
</head> 
<body>
<h2>Pasal-Pasal</h2> 
<hr/><hr/> 
<b><a ID="xpasal1" name="pasal-1" href="javascript:Toggle('pasal1')">[+]</a> 
   Pasal 1</b><br> 
   <div ID="pasal1" style="display:none; margin-left:2em"> 
1. bla bla bla<br> 
2. bli bli bli<br> 
3. blu blu blu<br></div>

<b><a ID="xpasal2" name="pasal-2" href="javascript:Toggle('pasal2')">[+]</a>   
   Pasal 2</b><br>
   <div ID="pasal2" style="display:none; margin-left:2em"> 
<ol> 
<li>bla bla bla</li> 
<li>bli bli bli</li> 
<li>blu blu blu</li></ol></div>
<hr/><hr/>
<a href="#pasal-1">kembali ke pasal 1</a><br> 
<a href="#pasal-2">kembali ke pasal 2</a> 
</body> 
</html>

Output Program

image
[Read More...]


0 Upload Gambar Tanpa Login



Bagi yang tidak ingin ribet ketika upload gambar bisa langsung dapat link gambar tanpa harus login, dapat memanfaatkan situs http://imgur.com

caranya simple, buka http://imgur.com –> pilih gambar yang akan di upload (dari computer atau dari web)

image

misal saya upload gambar dari komputer, maka pilih gambar dari komputer, kemudian bila tidak ada pengeditan langsung klik Start Upload

image

tunggu beberapa saat

image

dan gambar pun sudah terupload dengan sukses, lalu tinggal dicopy saja alamat gambarnya Smile.. ada 2 versi link: link biasa ketika di klik akan tampil seperti gambar 1. Sedangkan direct link ketika di klik akan tampil seperti gambar 2

image
gambar 1

image
gambar 2

[Read More...]


2 Be Different: Balas-Balasan Komentar di Facebook pakai Gambar



Balas-balasan komentar facebook yang unik:


sumber: facebook.com
[Read More...]


2 KURBAN v.1 [Aplikasi Pengukur Berat Badan]



Ingin tahu berat badanmu apakah sudah ideal atau belum ?, coba cek dulu :)
image 
source picture: facebook.com

untuk mempermudah perhitungan, mari kita buat aplikasi sederhana-nya dengan c# :)
1. Buat Windows Forms Application seperti berikut
image 
Gambar bisa diganti sesuka hati
2. Klik kanan pada Windows Forms Application –> view code, tambahkan code sehingga menjadi seperti berikut
using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Text;
using System.Windows.Forms;

namespace Kurban
{
    public partial class FormKurban : Form
    {

        double a, b, result;

        public FormKurban()
        {
            InitializeComponent();
        }

        private void FormKurban_Load(object sender, EventArgs e)
        { 

        }

        private void txtInput1_TextChanged(object sender, EventArgs e)
        {
            if (txtInput1.Text != "" && txtInput2.Text != "")
            {
                a = Convert.ToDouble(txtInput1.Text);
                b = Convert.ToDouble(txtInput2.Text);
                result = a / Math.Pow(b, 2);
                if (result < 10.5) { label6.Text = "Anda Kurus"; }
                else if (result >= 10.5 && result <= 24.9) { label6.Text = "Anda Ideal"; }
                else if (result >= 25.0 && result <= 29.9) { label6.Text = "Anda Tembem"; }
                else if (result >= 30.0 && result <= 34.9) { label6.Text = "Anda Agak Gendut"; }
                else if (result >= 35.0 && result <= 39.9) { label6.Text = "Anda Gendut"; }
                else if (result > 40.0) { label6.Text = "Anda Sangat Gendut"; }
            }
            else { label6.Text = "Input data belum lengkap"; } 
        }
      }
    }

Setelah selesai, klik kanan label6 –> properties, pada bagian events pilih ParentChanged, pilih txtInput1_TextChanged, dengan demikian txtInput2 mampu melakukan operasi yang sama dengan txtInput1 tanpa perlu melakukan code ulang.
image
Terakhir, Jalankan Program..Semoga bermanfaat :)
image
Bagi yang menginginkan programnya, bisa download disini :)
[Read More...]


0 Tipe Data pada C# (Lanjutan)



1. Local Type Inference
-Merupakan fitur baru pada C# 3.0.
-mirip dengan pendeklarasian variabel pada bahasa scripting seperti JavaScript.
-Dengan Local Type Inference, Anda tidak perlu mendeklarasikan tipe data dari variabel, tapi nilai variabelnya harus langsung diberi nilai.
-Local Type Inference pada C# menggunakan Keyword var.
-Hanya berlaku di method scope
Demo Program
1. Buat Project baru, kemudian buat form seperti berikut
image 
Double klik btnInference, tambahkan code berikut
using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Text;
using System.Windows.Forms;

namespace TipeData2
{
    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();
        }

        private void btnInference_Click(object sender, EventArgs e)
        {
            var bil1 = 1;
            var nama = "Arif";
            var tanggal = new DateTime(1990, 05, 02);
            var cek = true;
            var bil2 = 1.0;
            MessageBox.Show(bil1.GetType().ToString());
            MessageBox.Show(nama.GetType().ToString());
            MessageBox.Show(tanggal.GetType().ToString());
            MessageBox.Show(cek.GetType().ToString());
            MessageBox.Show(bil2.GetType().ToString());
        }
    }
}

Jalankan Program, maka terlihat tipe data dari masing-masing nilai variabelimage

2. Enumeration

- merupakan kumpulan konstanta yg mempunyai nilai tetap
- memudahkan pembacaan kode
- digunakan sebagai input pilihan

Demo Program
- Tambahkan button btnEnumeration ke form aplikasi yg sudah dibuat.
image
- Double klik btnEnumeration, tambahkan code berikut:

enum Warna { Merah, Kuning, Biru };

        private void btnEnumeration_Click(object sender, EventArgs e)
        {
            Warna enumWarna = Warna.Merah;
            switch (enumWarna) { 
                case Warna.Merah:
                    MessageBox.Show("this is red");
                    break;
                case Warna.Kuning:
                    MessageBox.Show("this is yellow");
                    break;
                case Warna.Biru:
                    MessageBox.Show("this is blue");
                    break;
            }

Jalankan program, dan lihat hasilnya
image

3. Konvesi Tipe Data - merubah satu tipe data ke tipe data lain
- ada 2 jenis konversi tipe data:
> Implicit Conversion
- Otomatis dikonversi
- Widening Conversion, yaitu konversi dari tipe data yang lebih kecil ke tipe data yang lebih besar –> No Problem .. Contoh: from int to long.
- Narrowing Conversion, yaitu konversi dari tipe data yang lebih besar ke tipe data yang lebih kecil –> Overflow Exception. Agar tidak terjadi error perlu menggunakan explicit conversion (casting).
> Explicit Conversion
- Convert Class (Convert.ToInt32(), Convert.ToDouble())
- sebagai keyword (untuk tipe yang kompatibel): string s = someObject as string;
- Casting: (string) someObject;

Demo Program
- Tambahkan btnConversion ke form aplikasi yang sudah dibuat
image
- Double klik btnConversion, tambahkan code berikut:

 private void btnConversion_Click(object sender, EventArgs e)
        {
            int bil1 = 5;
            float bil2 = bil1;
            MessageBox.Show(bil2.ToString()); //implicit conversion
            float bil3 = 2.5f;
            int bil4 = (int)bil3;
            MessageBox.Show(bil4.ToString()); //casting (explicit conversion)
        }

Jalankan Program dan lihat hasilnya.
image 
4. Boxing dan UnBoxing
- Boxing = tipe data value (value type) diubah menjadi tipe data objek (reference type)
- UnBoxing = tipe data objek (reference type) dikembalikan menjadi tipe data value (value type)
- Untuk melakukan boxing dibutuhkan konversi implicit atau explicit
- Untuk melakukan unboxing dibutuhkan koversi explicit
- Tidak disarankan penggunaan boxing dan unboxing karena menyebabkan penurunan performa program

Demo Program
- Tambahkan btnConversion ke form aplikasi yang sudah dibuat
image
- Double klik btnBoxing, Tambahkan namespace System.Collections karena kita akan menggunakan class ArrayList
image
Tambahkan juga code berikut

private void button1_Click(object sender, EventArgs e)
        {
            ArrayList arrBil = new ArrayList();
            arrBil.Add(10);
            arrBil.Add(25);
            arrBil.Add(30);
            for (int i = 0; i < arrBil.Count; i++) {
                int bil = Convert.ToInt32(arrBil[i]);
                MessageBox.Show(bil.ToString());
            }
        }

Hasil Program ketika dijalankan
image
Kode diatas menunjukkan proses Boxing dan UnBoxing ketika menggunakan ArrayList.

Pada saat menggunakan method ‘Add’, maka proses Boxing terjadi yaitu dari value type (int) menjadai reference type (objek). Pada kalang for terjadi Unboxing yaitu dari reference type (objek) menjadi value type (int) lagi. Proses tersebut menyebabkan performa program menjadi lambat.
Untuk mengatasi hal tersebut, pada C# versi 2.0 keatas, kita dapat menggunakan Strongly Typed Collection. Untuk pengganti Array List dapat menggunakan Collection List<T>

Contoh penggunaan List<T>
private void button1_Click(object sender, EventArgs e)
        {
            List objNama = new List();
            objNama.Add("Arif");
            objNama.Add("Rohmadi");

            foreach (string nama in objNama) {
                MessageBox.Show(nama);
            }
        }

referensi: geeks.netindonesia.net
[Read More...]


 
Return to top of page Copyright © 2010 | Platinum Theme Converted into Blogger Template by HackTutors