Thursday, June 28, 2012

Substring di C#

Substring digunakan untuk memotong atau mengambil jumlah digit tertentu dari suatu inputan untuk selanjutnya diproses. Berikut adalah code cara menggunakan Substring di C#:
string str = "-6.5885634";
int size = 6;            
Console.WriteLine(str.Substring(0, size));
            
Console.ReadKey();


Dan jika dijalankan, outputnya adalah –6.588 , karena di kode tersebut saya mengambil sebanyak 6 digit dari inputan –6.5885634 yang disimpan kedalam variabel str.

Aplikasi Pencarian Ruangan IPB di Windows Phone

Aplikasi Pencarian Ruangan IPB (APRI) merupakan project Windows Phone pertama saya dkk yang dibuat dalam rangka memenuhi tugas Mata Kuliah Pengenalan Sistem Berorientasi Objek (PSBO). Aplikasi ini memiliki beberapa fungsi diantaranya melakukan pencarian ruangan berdasarkan kode ruangan yang dimasukkan, menampilkan hasil pencarian, menampilkan detail dari ruangan yang dicari serta menampilkan ruangan yang dekat dengan ruangan yang dicari.  Aplikasi ini dibuat menggunakan bahasa pemrograman C#, sedangkan untuk databasenya kami menggunakan file XML yang bisa dilihat di 9ngak.com/ruanganIPB.xml
Proses bisnis dari aplikasi ini adalah sebagai berikut:
  1. Menampilkan halaman pencarian dimana merupakan tampilan awal ketika aplikasi dijalankan. Home
  2. Masukkan kode ruangan yang akan dicari kedalam textbox pencarian, selanjutnya klik button Search. Hasil pencarian akan ditampilkan kedalam listbox yang juga masih di page yang sama. Hasil Pencarian
  3. Ketika kita memilih salah satu hasil pencarian ruangan maka akan ditampilkan deskripsi detail dari ruangan tersebut. Detail2
  4. Selanjutnya ketika kita klik button Nearest Classroom, akan ditampilkan ruangan yang dekat dengan ruangan tersebut. Ruangan Terdekat
Mengenai tahap-tahap pembuatan aplikasi ini akan saya tulis di postingan selanjutnya.

Tuesday, June 26, 2012

Cara mengaktifkan Internet Information Services (IIS) di Windows 7

Internet Information Services (IIS) merupakan web server yang digunakan untuk menjalankan program web application. Kalo ada yang pernah menggunakan Apache (yang biasanya sudah tergabung 1 paket dalam dalam XAMPP), nah IIS mirip dengan Apache, makanya keduanya tidak dapat dijalankan secara bersamaan karena defaultnya menggunakan port yang sama yaitu 80 kecuali sebelumnya sudah disetting dengan port yang berbeda. Dan kali saya akan sharing mengenai cara mengaktifkan Internet Information Services (IIS) pada Windows 7. Berikut langkah-langkahnya:
  1. Klik Start –> ketikkan windows features –> Klik Turn Windows features on or off iis1
  2. Pada Window Turn Windows features on or off, centanglah seperti pada gambar berikut iis1
  3. Selanjutnya coba ketikkan localhost pada tab url di browser Anda untuk memastikan apakah IIS sudah aktif apa belum. IIS dibilang sudah aktif ketika hasil tampilan pada localhost seperti berikut iis3
    Namun ketika saya mencoba pertama kali mengaktifkan IIS di laptop saya ternyata yang muncul justru Not Found HTTP Error 404. The request resource is not found. Dan jika hal serupa terjadi juga pada laptop Anda, maka sekarang coba buka Internet Information Services (IIS) Manager dan klik Start. Selamat mencoba..

Wednesday, June 6, 2012

Form Action di PHP

Ketika membuat sebuah website yang memiliki fungsi transaksi/ input data, tentu tidak akan terlepas dari yang namanya form action. Begitu pula saat mengerjakan projek Mata Kuliah Sistem Informasi, saya harus membuat 2 form action sekaligus didalam sebuah halaman. Berikut adalah hasil screenshot sistemnya:
fa
Jika kita lihat, digambar tersebut saya membuat 2 form di halaman index, 1 untuk form pendaftaran dan 1 lagi untuk form pemesanan. Nah, permasalah muncul ketika saya menambahkan atribut action pada kedua form tersebut dan menjalankannya di browser. Ketika saya Inspect elemen, hanya satu form action yang yang terbaca, yang 1 lg tidak muncul. Dan berikut adalah solusinya
Tambahkan kode javascript berikut didalam tag head,
<script language="javascript">
function submit_form(){
document.form1.submit();
document.form2.submit();
}
</script>


Kemudian untuk form-nya seperti berikut,


<form name="form1" action="http://localhost/daduk/index.php/welcome/add_pemesan" method="post">
        <table>
            <tbody>
                <tr>
                    <td colspan="2">Sudah pernah mendaftar?</td>
                </tr>        
                <tr>
                    <td colspan="2">Jika belum silahkan mendaftar dulu di form berikut:</td>
                </tr>
                <tr>
                    <td>Username</td>
                    <td><input type="text" name="username" size="30" value="<?php echo set_value('username', isset($default['username']) ? $default['username'] : ''); ?>" /></td>
                </tr>
                <tr>
                    <td>Nama Lengkap</td>
                    <td><input type="text" name="nama_pemesan" size="30" value="<?php echo set_value('nama_pemesan', isset($default['nama_pemesan']) ? $default['nama_pemesan'] : ''); ?>" /></td>
                </tr>
                <tr>
                    <td>Email</td>
        
                    <td><input type="text" name="email" size="30" value="<?php echo set_value('email', isset($default['email']) ? $default['email'] : ''); ?>" /></td>
                </tr>
                <tr>
                    <td>Telepon</td>
                    <td><input type="text" name="telepon" size="30" value="<?php echo set_value('telepon', isset($default['telepon']) ? $default['telepon'] : ''); ?>" /></td>
                </tr>
                <tr>
                    <td>Alamat</td>
                    <td><textarea name="alamat" width="30" size="30" rows="4" value="<?php echo set_value('alamat', isset($default['alamat']) ? $default['alamat'] : ''); ?>" ></textarea></td>
                </tr>
                <tr>
                    <td>Status</td>
                    <td><select name="status">
                        <option>
                            mahasiswa
                        </option>
                        <option>
                            umum
                        </option>
                    </select></td>
                </tr>
                <tr>
                    <td></td>
                    <td><input type="submit" onClick="submit_form()" value="Daftar" align="right" /></td>
                </tr>
            </tbody>
        </table>
        </form>
        <form name="form2" action="http://localhost/daduk/index.php/welcome/add_pemesanan" method="post">
        <table>
            <tbody>
                <tr>
                    <td colspan="2">
                        <h3>Form Pemesanan</h3>
                    </td>
                </tr>
                <tr>
                    <td>Username</td>
                    <td><input type="text" name="username" size="25" value="<?php echo set_value('username', isset($default['username']) ? $default['username'] : ''); ?>" /></td>
                </tr>
                <tr>
                    <td>Lokasi</td>
                    <td><select name="lokasi">
                        <option>
                            Tugu Kujang
                        </option>
                        <option>
                            Yasmin Auto 2000
                        </option>
                        <option>
                            Air Mancur
                        </option>
                        <option>
                            Jalan Baru - BORR
                        </option>
                        <option>
                            Pajajaran
                        </option>
                    </select></td>
                </tr>
                <tr>
                    <td>Tanggal Pasang</td>
                    <td><input type="text" name="tgl_pasang" size="25" value="<?php echo set_value('tgl_pasang', isset($default['tgl_pasang']) ? $default['tgl_pasang'] : ''); ?>" /><sup>* </sup><i>yyyy-mm-dd</i></td>
                </tr>
                <tr>
                    <td>Tanggal Cabut</td>
                    <td><input type="text" name="tgl_cabut" size="25" value="<?php echo set_value('tgl_cabut', isset($default['tgl_cabut']) ? $default['tgl_cabut'] : ''); ?>" /><sup>* </sup><i>yyyy-mm-dd</i></td>
                </tr>
                <tr>
                    <td>Keterangan</td>
                    <td><textarea name="keterangan" width="25" size="25" rows="4" value="<?php echo set_value('keterangan', isset($default['keterangan']) ? $default['keterangan'] : ''); ?>" ></textarea></td>
                </tr>        
                <tr>
                    <td></td>        
                    <td><input type="submit" onClick="submit_form()" value="Pesan" align="right" /></td>
                </tr>
            </tbody>
        </table>
        </form>


Terimakasih atas kunjungannya.. Semoga bermanfaat dan tunggu postingan-postingan selanjutnya.. CMIIW

Sekilas tentang HTML5

Sebelum membahas mengenai HTML5, saya akan menguraikan sedikit apa itu HTML. HTML (HyperText Markup Language) adalah bahasa penanda/ markup yang digunakan untuk membuat halaman web dan menampilkan berbagai informasi didalam sebuah browser Internet. Kode HTML selalu diawali dan diakhiri dengan sebuah tag. HTML sendiri merupakan standar internet yang didefinisikan dan dikendalikan penggunanya oleh World Wide Web Consortium (W3C). Nah, HTML5 merupakan penyempurnaan dari HTML versi-versi sebelumnya. Didalam HTML, aturan penulisan syntax-nya sangat jelas. Berbeda dengan HTML biasa, kalo di HTML biasa ketika kita salah ketik masih ditampilkan, di HTML5 akan muncul pesan error. HTML5 disimpan dengan ekstensi .xhtml.
Berikut adalah kerangka dasar dari HTML5:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
    <head>
        <title>Title of Page</title>
        <meta charset="utf-8" />
    </head>
    <body>
        <!-- Content -->
    </body>
</html>



<!DOCTYPE html> ,menunjukkan jenis dan versi dokumen.
xmlns: XML Namespace.
lang: bahasa yang dipakai dalam dokumen.
<meta charset=”utf-8” /> , menunjukkan set karakter yang dipakai dalam dokumen. Untuk XML default-nya memakai UTF-8.

Oke mungkin sekian dulu.. Terimakasih atas kunjungannya.. Semoga bermanfaat dan tunggu postingan-postingan selanjutnya.. CMIIW

Tuesday, June 5, 2012

Membuat HTML Text Editor Sederhana di WPF

Sekedar share sedikit mengenai apa yang telah saya dapatkan di praktikum terakhir PSBO (Pengenalan Sistem Berorientasi Objek) tadi yakni membuat HTML Text Editor Sederhana. Baiklah langsung saja buka Microsoft Visual Studio 2010-nya dan buat project baru bernama HTML Text Editor.
hte1
Pada tampilan MainWindow.xaml, kita manipulasi sedikit kode xaml-nya menjadi seperti berikut
<Window x:Class="HTML_Text_Editor.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="HTML Text Editor" Height="600" Width="525" WindowStartupLocation="CenterScreen" Loaded="Window_Loaded">
    <Grid Background="#FFC8D3D0">
        <TextBox Height="177" HorizontalAlignment="Left" Margin="12,12,0,0" Name="textBox1"
VerticalAlignment="Top" Width="479" HorizontalScrollBarVisibility="Visible" 
VerticalScrollBarVisibility="Visible" TextWrapping="Wrap" AcceptsReturn="True" 
KeyUp="textBox1_KeyUp" />
        <StackPanel Height="318" HorizontalAlignment="Left" Margin="12,231,0,0"
Name="stackPanel1" VerticalAlignment="Top" Width="479">
            <WebBrowser Height="316" Name="webBrowser1" Width="478"/>
        </StackPanel>
        <Button Content="Refresh" Height="30" HorizontalAlignment="Left" Margin="12,195,0,0"
FontSize="14" Name="button1" VerticalAlignment="Top" Width="85" Click="button1_Click" />
    </Grid>
</Window>
sehingga jika kita view design akan tampak seperti berikut:
hte8

Jika kita lihat, didalam project tersebut sudah kita isi dengan sebuah TextBox (bagian atas), sebuah Button dan StackPanel yang didalamnya kita isi dengan WebBrowser (bagian bawah).
Kemudian, buatlah sebuah file baru dengan ekstensi .html, pada gambar saya menggunakan notepad untuk membuat file HTMLnya.

hte2

Lalu save dengan nama tes.html. Setelah itu klik kanan pada file HTML tersebut –> Properties

hte3

Dari properties tersebut kita ambil path file HTML-nya dan copy-kan kedalam source WebBrowser dengan cara klik WebBrowser pada project yang kita buat tadi –> Properties –> Paste pada bagian source. Sekarang coba jalankan project dengan tekan F5, akan tampil seperti berikut:

hte4

Oke, sekarang kita mulai ngoding C#-nya, bukalah MainWindow.xaml.cs. Tambahkan Using System.IO pada Base Class Library dan buatlah event Window_Loaded seperti berikut: 

public partial class MainWindow : Window
    {
        //membuat file dengan tipe string yang isinya file HTML td
        private string fileName = "C:/Users/azida/Desktop/tes.html";

        public MainWindow()
        {
            InitializeComponent();
        }

        private void Window_Loaded(object sender, RoutedEventArgs e)
        {
            StreamReader sr = new StreamReader(fileName);
            textBox1.Text = sr.ReadToEnd();
            sr.Close();
        }
Sekarang coba jalankan.
hte5
Disini ketika kita mengubah text pada textBox, yang ditampilkan pada WebBrowser belum otomatis berubah. Jadi untuk membuat WebBrowser tersebut berubah ketika kita mengetikkan di TextBox, buatlah sebuah method baru dengan nama refresh. Berikut kode C#-nya:
public void refresh()
        {
            StreamWriter sw = new StreamWriter(fileName);
            sw.Write(textBox1.Text);
            sw.Close();

            webBrowser1.Refresh();
        }
Selanjutnya buat event click pada button dan panggil method refresh.
private void button1_Click(object sender, RoutedEventArgs e)
        {
            refresh();
        }
Coba jalankan dengan tekan F5. Dari situ ketika kita mengubah di textBox 
dan klik button Refresh, maka yang ditampilkan pada WebBrowser pun ikut berubah.
Nah, jika kita ingin membuatnya berubah seiring dengan apa yang kita ketikkan 
tanpa harus menekan button, buatlah sebuah event baru untuk TextBoxnya. 
Coba kembali ke design project dan klik TextBox-nya.
Pada properties, pilihlah Events lalu KeyUp
hte7
Selanjutnya panggil method refresh tadi pada event KeyUp
private void textBox1_KeyUp(object sender, KeyEventArgs e)
        {
            refresh();
        }

Sekarang jalankan kembali dan ketikkan pada TextBox, maka apa yang ditampilakn pada WebBrowser juga akan ikut berubah.

Terimakasih atas kunjungannya.. Semoga bermanfaat dan tunggu postingan-postingan selanjutnya.. CMIIW