Showing posts with label Web Matrix. Show all posts
Showing posts with label Web Matrix. Show all posts

Tuesday, December 20, 2011

Instalasi ASP.NET Web Helpers Library


webmatrix Instalasi ASP.NET Web Helpers LibraryDitulisan 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
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.

clip image002 thumb Instalasi ASP.NET Web Helpers Library
Setelah anda membuat kata sandi, anda akan masuk ke halaman administrator. Install microsoft-web-helpers.
clip image004 thumb1 Instalasi ASP.NET Web Helpers Library
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.
clip image006 thumb1 Instalasi ASP.NET Web Helpers Library
Untuk fungsi dari library ini akan dibahas di post selanjutnya, wlEmoticon rollingonthefloorlaughing Instalasi ASP.NET Web Helpers Library

Installing Umbraco CMS Using WebMatrix


umbraco Installing Umbraco CMS Using WebMatrixUmbraco adalah Content Management System (CMS) Open source berbasis ASP.Net friendly dan powerfull. Umbraco CMS juga merupakan cms paling banyak di download ke 5 melalui Web Platform Installer.
Namun kali ini, saya mencoba meng-install Umbraco menggunakan WebMatrix, karena Umbraco harus di install di root directory sedangkan direktori root saya sudah terinstall berbagai macam web jadi saya memutuskan untuk meng-install mengguankan WebMatrix karena dengan WebMatrix akan membuat virtual host sendiri.
OK, jika belum tau apa itu WebMatix, silahkan baca tulisan ciebal sebelumnya. Saya anggap sudah siap dan sekarang jalankan WebMatrix
webmatrix thumb 57A84CC9 Installing Umbraco CMS Using WebMatrix
Pilih Site From Web Gallery
image thumb 6F3F3895 Installing Umbraco CMS Using WebMatrix
Pilih node CMS, kemudian pilih Umbraco CMS.
image thumb 338F0408 Installing Umbraco CMS Using WebMatrix
Klik I Accept untuk melanjutkan.
image thumb 2A9EB022 Installing Umbraco CMS Using WebMatrix
Pada tahap ini, anda diminta untuk membuat database baru untuk Umbraco.
image thumb 54225588 Installing Umbraco CMS Using WebMatrix
Proses download dan installasi di webmatrix selesai.
image thumb 7A07E011 Installing Umbraco CMS Using WebMatrix
Klik URL-nya, untuk melihat hasilnya.
image thumb 5C55B978 Installing Umbraco CMS Using WebMatrix
image thumb 5128DCD6 Installing Umbraco CMS Using WebMatrix
Tahap pertama adalah, menyetujui license Umbraco. Klik Next untuk menyetujuinya.
Tahap ke dua, kita diminta untuk meminta memeriksa kembali pengaturan database dan server.
image thumb 6A5048DC Installing Umbraco CMS Using WebMatrix
Selajutnya Klik Install. Dan Next untuk melanjutkan pada tahap selanjutnya.
image thumb 5CDA1009 Installing Umbraco CMS Using WebMatrix
Tahap ke-tiga, Umbraco memeriksa hak akses file untuk keamanan. Klik Next untuk melanjutkan.
image thumb 5180D5FF Installing Umbraco CMS Using WebMatrix
Tahap ke-empat, Umbraco meminta kita untuk merubah password default demi keamanan. Setelah merubah password, klik next.
image thumb 5B85515D Installing Umbraco CMS Using WebMatrix
Pada tahap terakhir, anda diminta untuk menginstall foundation atau tidak. Karena saya termasuk pengguna baru, jadi saya memilih untuk meng-install foundation seperti yang disarankan Umraco.
image thumb 10520B01 Installing Umbraco CMS Using WebMatrix
Kemudian kita bisa memilih untuk menginstall module standar yang telah di sediakan oleh Umbraco.
image thumb 6C590DD9 Installing Umbraco CMS Using WebMatrix
Atau anda bisa melihat semua module yang telah disediakan oleh umbraco dengan meng-klik link full list of community module by clicking here.
Instalasi Umbaco selesai, pada tahap akhir, anda diminta untuk mendaftarkan diri untuk menerima notifikasi jika ada berita update dari Umbraco. Klik Lauch Umbraco.
image thumb 40F0D8E0 Installing Umbraco CMS Using WebMatrix
Maka akan tampil sebuah halaman Umbraco, pilih Restat umbraco untuk ke admin area, dan Browse your website untuk melihat website
image thumb 5716CE65 Installing Umbraco CMS Using WebMatrix
Selamat mencoba. smiley beer Installing Umbraco CMS Using WebMatrix

Membuat Halaman Web Sederhana dengan WebMatrix


webmatrix Membuat Halaman Web Sederhana dengan WebMatrixJika 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 wlEmoticon thumbsup Membuat Halaman Web Sederhana dengan WebMatrix
Kali ini kita coba membuat satu halaman sederhana menggunakan WebMatrix. Sekarang Jalankan WebMatrix.

image thumb Membuat Halaman Web Sederhana dengan 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.
clip image004 thumb Membuat Halaman Web Sederhana dengan WebMatrix
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.
clip image006 thumb Membuat Halaman Web Sederhana dengan WebMatrix
Untuk membuat halaman baru anda pilih menu Files di WorkSpace, Kemudian klik Add a file to your Site atau dengan klik New pada toolbar.
clip image008 thumb Membuat Halaman Web Sederhana dengan WebMatrix
WebMatrix menampilkan daftar jenis file. Sebagian besar mungkin akrab dengan ekstenssi file seperti HTML, CSS, ASP, Javascript, dan lain-lain.
clip image010 thumb Membuat Halaman Web Sederhana dengan WebMatrix
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.
clip image012 thumb Membuat Halaman Web Sederhana dengan WebMatrix
Seperti yang Anda lihat, ini adalah HTML markup. Anda bisa mengubahnya dengan tag HTML biasa. Pada contoh saya menambahkan beberapa tag html sederhana :
image thumb1 Membuat Halaman Web Sederhana dengan WebMatrix
Kemudian Save dan Run. Maka akan tampil di browser seperti gambar di bawah ini :
image thumb2 Membuat Halaman Web Sederhana dengan WebMatrix
Selamat mencoba. wlEmoticon hotsmile Membuat Halaman Web Sederhana dengan WebMatrix

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Best Web Host