November 2010 - Posts - Sampaikanlah Walau Satu Ayat

Free Ebook : Panduan Dasar Microsoft WebMatrix

Alhamdulillah, puji syukur kepada Allah SWT. sehingga saya bisa menyelesaikan ebook yang berjudul Panduan Dasar Microsoft WebMatrix dalam waktu yang relatif sangat singkat.

Ebook ini ditulis dengan tujuan untuk memberikan pengetahuan dasar tentang teknologi Microsoft Web Platform yang ditulis untuk para developer yang sedang belajar membangun situs web.

Di dalam ebook ini dibahas mulai dari instalasi WebMatrix, Membuat situs web berbasis ASP.Net dan PHP disertai database, sampai pada proses publikasi ke web hosting.

Silakan kirimkan kritik, saran ataupun koreksi tentang konten hingga tata bahasa dalam ebook ini ke email ciebal745 –at- gmail.com. Semuanya jelas akan saya terima dengan senang hati karena saya sendiri masih dalam tahap pembelajaran.

Download Ebook : Panduan Dasar Microsoft WebMatrix

Semoga bermanfaat.

326 Views, 2 Comment(s), Published on: 11-18-2010 0:42 by iqbal to Sampaikanlah Walau Satu Ayat

| More

Filed under: WebMatrix, Free Ebooks

WebMatrix : Menampilkan Data dari Database

Pada tulisan ini kita mencoba membuat website dinamis dengan database yang telah kita buat di tulisan saya sebelumnya. Anda dapat menampilkan data dalam sebuah halaman Web ASP.NET. Untuk memilih baris tabel untuk ditampilkan, Anda dapat menggunakan pernyataan SQL sederhana.

Buat file baru dengan nama film.cshtml, kemudian replace dengan kode berikut ini :

Kemudian Save dan Run. Maka akan tampil sebagai berikut :

Karena kita sudah membuat kolom Tahun maka kita coba pergunakan untuk memfilter judul film berdasarkan tahun. Berikut contoh kodenya :

Jika di jalankan maka akan tampil sebagai berikut :

Demo : http://ciebal.web01.appliedi-labs.net/film.cshtml

Semoga bermanfaat. Hot smile

346 Views, 0 Comment(s), Published on: 11-12-2010 8:19 by iqbal to Sampaikanlah Walau Satu Ayat

| More

Filed under: WebMatrix, ASP.Net, Database

WebMatrix : Bermain dengan Data

Tidak hanya membuat halaman web statis, WebMatrix juga dapat membuat sebuah situs dinamis dengan menggunakan SQL Compaq Edition. Tapi sebagai cacatan, WebMatrix tidak hanya dapat menggunakan SQL Compaq Edition, tapi juga dapat menggunakan SQL Server dan MySQL.

Kita mulai dengan membuat sebuah database baru.

Klik Databases pada WorkSpace, kemudian klik Add a Database to your site atau New Database pada Ribbon. Kemudian beri nama database.

Selanjutnya anda bisa membuat table baru dengan meng-klik tombol New Table pada ribbon. Kita akan membuat tiga kolom yaitu id, judul, dan tahun. Dengan Primery Key bernilai True adalah id.

Untuk menambah kolom, klik New Coloumn pada ribbon, kemudian ubah nama kolom dengan merubah di bagian Coloumn Properties. Setelah membuat table, tekan CTRL+S untuk menyimpan tabel. Kali ini saya memberi nama tabel dengan film.

Selanjutnya kita tambahkan data dengan cara klik icon Data pada ribbon kemudian isi data tabel.

Sekarang kita telah memiliki tabel dengan data film di dalamnya. Party smile

164 Views, 1 Comment(s), Published on: 11-12-2010 8:11 by iqbal to Sampaikanlah Walau Satu Ayat

| More

Filed under: WebMatrix, Database

Webmatrix beta 3 Kini Mendukung PHP 5.3

WebMatrix beta 3 telah di rilis baru-baru ini, banyak fitur yang di tambahkan pada versi ini dan terlihat bahwa Web Platform Installer pun ikut berubah. Ada yang menarik di versi ini, karena WebMatrix beta 3 dan Web PI 3 kini mendukung PHP 5.3 karna diversi sebelumnya Webmatrix dan Web PI hanya mendukung PHP 5.2.

Bagaimana untuk mengaktifkan PHP 5.3 pada Webmatrix? Yuk kita intip fitur terbaru Webmatrix beta 3 ini. Nerd smile

Jalankan Webmatrix dan buka situs web php anda. Kemudian pilih setting

Install PHP 5.3

Sebelum instalasi PHP, webmatrix memberikan deskripsi produk yang akan di instal. Klik Next saja.

Klik I Accept untuk menginstal

Anda bisa dengan mudah merubah versi PHP yang ingin anda gunakan.

Sesuaikan dengan kebutuhan anda. Punk

205 Views, 0 Comment(s), Published on: 11-12-2010 7:14 by iqbal to Sampaikanlah Walau Satu Ayat

| More

Filed under: WebMatrix, PHP, Web Platform Installer

Web.Config : Default Page/Document

Jika anda mempunyai situs website yang berjalan di IIS 7 dan anda ingin menentukan default page pada sebuah file tentu itu perkara mudah bagi IIS. Seperti halnya pada webserver Apache yang menggunakan .htaccess untuk melakukan ini semua, pada IIS 7 juga terdapat Web.Config untuk melaksanakan hal ini.

Masih bingung dengan tulisan ini? Gini singkatnya :

Anda memiliki sebuah forum diskusi yang juga terdapat portal di dalamnya, sementara untuk mengakses portal harus mengakses file portal.php, bagaimana jika ketika orang mengunjungi website kita pertama kali yang dilihat bukan file index.php tapi portal.php ?

Solusinya adalah merubah Default Page. Contoh : http://www.indoblogger.or.id yang sudah diubah default page nya menjadi portal.php

Web Server Apache (.htaccess) :

DirectoryIndex portal.php

Web Server IIS 7 (Web.Config) :

<defaultDocument>
<files>
<remove value="portal.php" />
<add value="portal.php" />
</files>
</defaultDocument>

Sangat mudah bukan?

Semoger bermanfaat (walaupun tulisannya sangat singkat) Smile with tongue out

151 Views, 0 Comment(s), Published on: 11-10-2010 14:33 by iqbal to Sampaikanlah Walau Satu Ayat

| More

WebMatrix Beta – Beta 3 Released!

Tidak terasa dalam hitungan minggu WebMatrix sudah mencapai versi beta 3. Ada berbagai fitur baru yang menarik untuk di coba. Smile

Download WebMatrix 3 Sekarang! : http://www.microsoft.com/web/webmatrix/

Jika sebelumnya anda sudah menginstal versi sebelumnya anda harus uninstal terlebih dahulu. Tampilan Web Platform Installer 3 pun berubah drastis. Hot smile

Anda bisa update option dialog yang memungkinkan anda untuk memilih target lokasi menginstal Aplikasi Web, apakah default menggunakan IIS 7 atau IIS Express dari WebMatrix

Diversi sebelumnya hanya terdapat empat buah template, sekarang menjadi lima template dengan template calender.

Pada Web Gallery, terdapat kolom pencarian yang akan mempermudah anda untuk melakukan pencarian web.

Terdapat pilihan untuk developer PHP untuk mengaktifkan PHP jika ingin membangun website php dari awal.

Anda bisa mengecek kompatibilitas terhadap hoster yang ingin digunakan untuk mempublikasikan website anda. Anda juga bisa mendownload situs web yang sudah anda publikasikan.

Sekarang anda juga bisa mengatur pengaturan default seperti lokasi folder tempat anda menyimpan aplikasi sampai tampilan kode editor.

Pengelolaan database kini lebih mudah untuk mengubungkan antar tabel

Laporan SEO untuk website anda pun sekarang menjadi lebih detail.

Cukup menarik untuk mainan baru. Smile with tongue out

323 Views, 1 Comment(s), Published on: 11-09-2010 23:53 by iqbal to Sampaikanlah Walau Satu Ayat

| More

Filed under: WebMatrix, ASP.Net

Pengenalan ASP.NET Menggunakan Razor Syntax

Ditulisan sebelumnya kita sudah meng-instal ASP.Net Web Helper Library, pada kesempatan kali ini saya akan memberikan Anda gambaran pemrograman ASP.NET menggunakan Razor syntax. ASP.NET merupakan teknologi Microsoft untuk menjalankan halaman web dinamis pada server web.

Kita akan membuat sebuah halaman yang menggunakan kode sederhana untuk waktu dan tanggal. Contoh di sini akan memperkenalkan kepada anda Razor syntax yang memungkinkan Anda masukkan kode ke dalam HTML pada Halaman ASP.NET.

Buka default.cshtml dan tambahkan markup berikut ini :

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>Belajar Menggunakan WebMatrix</title>
    </head>
    <body>
    <h1>Hello World</h1>
        <p>Saya berhasil membuat halaman web dengan WebMatrix</p>
        <p>Waktu Menunjukan @DateTime.Now</p>
    </body>
</html>

Simpan kemudian jalankan.

Pada gambar di atas terlihat bahwa @DateTime.Now akan menampilkan waktu saat ini pada server. Selanjutnya kita sisipkan beberapa baris kode berikut :

@{ var nama = "Iqbal"; }
@{ var umur = 19; }
 
<p>Nama Saya: @nama </p>
<p>Umur Saya: @umur</p>

Maka akan tampil sebagi berikut :

Misal anda ingin membuat yang lebih kompleks dalam halaman yang anda buat, kita coba membuat halaman untuk menampilkan list tweet user tertentu.

Anda buat file baru dengan nama twit.cshtml, Kemudian replace dengan kode berikut :

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>Twitter Feed</title>
    </head>
    <body>
        <h1>Twitter Feed</h1>
        <form action="" method="POST">
         <div>
            Enter the name of another Twitter feed to display:
            <input type="text" name="TwitterUser" value=""/>
            <input type="submit" value="Submit" />
         </div>
         <div>
            @if (Request["TwitterUser"].IsEmpty()) {
                @Twitter.Search("mugi_org")
            }
            else {
                @Twitter.Profile(Request["TwitterUser"])
            }   
         </div>
        </form>
    </body>
</html>

Dari kode di atas terdapat baris kode Request["TwitterUser"].IsEmpty dan @Twitter.Search("mugi_org") yang akan menampikan jika form kosong akan menampilkan twit dari mugi_org.

Misal saya masukan user twitter ciebal, maka semua twit ciebal akan tampil.

Hot smile

237 Views, 0 Comment(s), Published on: 11-05-2010 12:14 by iqbal to Sampaikanlah Walau Satu Ayat

| More

Filed under: WebMatrix, ASP.Net

Instalasi ASP.NET Web Helpers Library

Ditulisan sebelumnya kita sudah membuat halaman web yang dibuat menggunakan WebMatrix, sekarang kita coba meng-instal ASP.Net Web Helper Library, Library ini berisi komponen pembantu yang mempermudah tugas pemrograman ASP.Net nantinya. Anda dapat menemukan daftar semua helper tersedia di halaman http://bit.ly/dneDeG

Buka halaman default.cshtml yang sudah anda buat pada bagian sebelumnya, kemudian ganti default.cshtml dengan _admin

Contoh : http://localhost:52839/default.cshtml ubah menjadi http://localhost:52839/_admin

Anda akan dibawa ke halaman yg memungkinkan anda untuk mengelola situs anda. Karena ini adalah pertama kalinya Anda login ke halaman _Admin, anda akan diminta untuk membuat kata sandi.

Setelah anda membuat kata sandi, anda akan masuk ke halaman administrator. Install microsoft-web-helpers.

Jika anda berhasil meng-instalnya akan ada pesan bahwa paket Microsoft web helpers berhasil di install. Jika anda ingin meng-uninstalnya anda bisa masuk ke halaman ini kembali.

Untuk fungsi dari library ini akan dibahas di post selanjutnya, Rolling on the floor laughing

183 Views, 1 Comment(s), Published on: 11-05-2010 12:10 by iqbal to Sampaikanlah Walau Satu Ayat

| More

Filed under: WebMatrix, ASP.Net

Membuat Halaman Web Sederhana dengan WebMatrix

Jika sebelumnya anda sudah terbiasa dengan tools atau code editor yang anda gunakan untuk membangun sebuah halaman web, WebMatrix juga memungkinkan anda untuk membuat halaman web berbasis asp.net dan php dengan mudah.

Jika anda belum tau apa itu WebMatrix, anda bisa membaca tulisan saya sebelumnya disini Thumbs up

Kali ini kita coba membuat satu halaman sederhana menggunakan WebMatrix. Sekarang Jalankan WebMatrix.

Pada halaman Quick Start anda pilih Site From Template. Terdapat beberapa template yang siap anda gunakan untuk membuat situs web. Seperti :

· Empty Site. Template ini dapat anda gunakan apabila anda ingin membuat situs web dari awal.

· Starter Site. Template ini memberikan Anda sebuah situs dengan tata letak yang dirancang secara profesional dengan sistem login.

· Bakery. Template ini dapat Anda gunakan untuk membangun sebuah situs yang berisi database produk Anda seperti halnya took jual beli.

· Link Directory. Template ini dapat anda gunakan untuk membuat situs direktori link beserta deskripsinya.

· Photo Gallery. Template ini dapat Anda gunakan untuk membuat sebuah situs galeri yang memungkinkan pengguna dapat mengupload dan menampilkan foto dengan system login.

· Wishlist. Template ini dapat anda gunakan untuk membuat seuatu planning atau harapan yang ingin anda capai. Anda bisa membuat daftar produk yang ingin anda beli dan hanya anda yang tau.

Karena kita akan membuat halaman baru maka anda pilih Empty Site dan ubah nama web sesuai keinginan anda.

Di bagian atas, Anda melihat Quick Access Toolbar dan ribbon, seperti pada Microsoft Office 2010. Di kiri bawah, terdapat WorkSpace. Di sebelah kanan terdapat konten, yang dapat anda gunakan untuk mengedit dan melihat file, dsb.

Untuk membuat halaman baru anda pilih menu Files di WorkSpace, Kemudian klik Add a file to your Site atau dengan klik New pada toolbar.

WebMatrix menampilkan daftar jenis file. Sebagian besar mungkin akrab dengan ekstenssi file seperti HTML, CSS, ASP, Javascript, dan lain-lain.

Pilih CSHTML, dan pada kotak name isi default.cshtml. CSHTML adalah tipe khusus dari halaman dalam WebMatrix yang dapat anda isi dengan pemrograman web html, javascript dan lain-lain.

Klik OK, WebMatrix akan membuat halaman baru dan membuka sebuah kode editor.

Seperti yang Anda lihat, ini adalah HTML markup. Anda bisa mengubahnya dengan tag HTML biasa. Pada contoh saya menambahkan beberapa tag html sederhana :

Kemudian Save dan Run. Maka akan tampil di browser seperti gambar di bawah ini :

Selamat mencoba. Hot smile

432 Views, 4 Comment(s), Published on: 11-05-2010 11:49 by iqbal to Sampaikanlah Walau Satu Ayat

| More

Filed under: WebMatrix, ASP.Net

Introducing WebMatrix

WebMatrix adalah web development tool gratis yang menyatukan server web, database, dan programming frameworks menjadi satu. WebMatrix memungkinkan Anda untuk coding, pengujian, dan menggunakan ASP.NET dan PHP.

Dengan WebMatrik membuat website lebih mudah karena didalamnya sudah terdapat lightweight development tool, IIS Developer Express, SQL Server Compact, dan ASP.Net extensions.

Pada tulisan ini saya mencoba menginstal WebMatrix menggunakan Web Platform Installer (WPI), dan pastikan sebelumnya WPI sudah terinstall.

Saya anggap sudah menginsyallnya, dilanjutkan dengan mendownload dan menginstall WebMatrix DISINI jika sudah selesai mendownloadnya, pada WPI terdapat web platform tools baru. Klik install untuk menginstall WebMatrix.

Installasi WebMatrix selesai, dan otomatis akan ada menu WebMatix pada Program Files

Ketika Anda menjalankan WebMatrix maka akan menampilkan layar seperti di bawah ini, tiga ikon pada sebelah kanan memberikan kemampuan untuk membuat situs Web baru - baik menggunakan open source yang ada pada Web Galley, atau dari template kosong yang disediakan oleh WebMatrix.

Untuk penggunaan WebMatrix, nantikan tulisan ciebal selanjutnya.. :)

215 Views, 0 Comment(s), Published on: 11-05-2010 11:46 by iqbal to Sampaikanlah Walau Satu Ayat

| More

Filed under: WebMatrix

Sampaikanlah Walau Satu Ayat