Senin, 30 Maret 2015

MEMBUAT WEBSITE DENGAN ASP MENGGUNAKAN VISUAL STUDIO 2012

mulai Visual Studio dengan memilih Start All Programs Microsoft Visual Studio 2012 Microsoft Visual Studio 2012. Ketika Visual Studio dibuka pertama kali, itu menunjukkan halaman Mulai nya :



Halaman ini mencakup daftar aplikasi yang terakhir dibuka. Anda dapat mengklik link dalam daftar Recent ini dengan cepat untuk melanjutkan pekerjaan Anda di mana Anda terakhir tinggalkan. Halaman awal ini juga memuat link ke konten developer online dari Microsoft Developer Network (MSDN). Meskipun Anda bebas untuk mengabaikan konten ini, Anda mungkin menemukan sebuah artikel menarik, contoh kode yang berguna, atau nifty add-on yang Anda ingin coba. Jika kebiasaan surfing Anda sedikit lebih tradisional, Anda dapat menemukan konten yang sama secara online. Poin awal yang baik adalah komunitas ASP.NET di www.asp.net.
Untuk melakukan sesuatu yang praktis dengan Visual Studio, Anda perlu membuat aplikasi web. Bagian berikut menunjukkan kepada Anda bagaimana carany :
Membuat Empty Web Application
Untuk membuat aplikasi web pertama Anda dengan Visual Studio, ikuti langkah berikut :
  1. Pilih File New Web Site dari menu Visual Studio. Kotak dialog New Web Site muncul, seperti yang ditunjukkan pada Gambar di bawah :

Dalam daftar di sebelah kiri, pilih bahasa yang ingin Anda gunakan untuk menulis kode Anda.
  1. Dalam daftar drop-down di bagian atas jendela, pilih versi. NET yang Anda inginkan untuk digunakan. Biasanya, Anda akan memilih .NET Framework 4.5. Namun, Anda juga dapat menggunakan Visual Studio untuk membuat aplikasi web yang dirancang untuk versi .NET 2.0.
  1. Daftar list template ada di dalam, posisinya tengah jendela, digunakan untuk memilih jenis aplikasi yang ingin Anda buat. Untuk saat ini, pilihan terbaik adalah ASP.NET Empty Web Site, yang tidak akan mengacaukan website Anda dengan tumpukan file pregenerated dan file-file pengaturan. Untuk informasi lebih lanjut tentang perbedaan beberapa template Website Visual Studio, periksalah “Template Website” di bagian sidebar.
Template Website
Anda dapat membuat berbagai jenis aplikasi ASP.NET dengan menggunakan berbagai template di dalam Visual studio. Tidak peduli template apa yang Anda pilih, website Anda dikompilasi dan dijalankan dengan cara yang sama. Satu-satunya perbedaan adalah file yang dibuat Visual studio secara default. Berikut adalah ikhtisar pilihan template Anda :
Berikut adalah ikhtisar pilihan template Anda

ASP.NET Web Forms Site

Menciptakan sebuah situs web dengan fitur lengkap dari ASP.NET, dengan infrastruktur dasar yang sudah terpasang di tempat. Website ini mencakup halaman master yang mendefinisikan tata letak keseluruhan (dengan header, footer, dan menu bar) dan dua halaman web siap pakai, bernama default.aspx dan about.aspx. itu juga mencakup folder Account dengan halaman untuk pendaftaran, login, dan merubah password. Setelah Anda membaca buku ini dan mempelajari rincian tentang semua fitur forms di ASP.NET, Anda dapat memilihnya untuk menggunakan template ini sebagai titik awal untuk sebuah situs baru.
ASP.NET Web Site (Razor)

menciptakan sebuah situs web menggunakan ASP.NET dengan pendekatan Model-View-Controller (MVC). Model AsP.NET dengan MVC menawarkan beberapa manfaat yang dimana pada forms web ASP.NET tidak bisa menandinginya-misalnya : memberikan pengembang untuk dapat mengontrol lebih terhadap HTML yang dihasilkan, dan menciptakan situs web yang jauh lebih mudah digunakan dengan alat pengujian otomatis. Kelemahannya adalah bahwa situs ASP.NET dengan pendekatan MVC mengorbankan beberapa kenyamanan dari ASP.NET dengan pendekatan tradisional dan kemudahan saat penggunaan. jika Anda tertarik untuk belajar lebih banyak tentang ASP.NET dengan pendekatan MVC, pertimbangkan diri anda untuk membaca Pro ASP.NET MVC 4 BY Adam Freeman dan steven sanderson (Apress, 2012).
ASP.NET Empty Web Site

menciptakan sebuah situs web kosong. Hanya ada file konfigurasi seperti web.config. Dengan hal ini, Tentu saja anda mudah untuk mengisi bagian yang Anda butuhkan ketika Anda mulai meng-coding. Ini adalah titik awal terbaik untuk belajar tentang ASP.NET, karena Anda tidak akan memiliki tambahan file yang tidak perlu.
ASP.NET Dynamic Data Entities Web Site

menciptakan sebuah situs ASP.NET yang menggunakan fitur data dinamis dari ASP.NET. Sebenarnya ada dua data template dinamis, yang menggunakan pendekatan yang sedikit berbeda untuk berkomunikasi dengan database Anda. Meskipun data dinamis tidak dibahas dalam buku ini, Anda dapat mempelajari tentang hal itu dalam Pro ASP.NET 4.5 di C#.
WCF Service

menciptakan layanan-WCF. Sebuah library method server-side untuk klien jarak jauhperpustakaan metode server-side klien jarak jauh (misalnya, aplikasi Windows) dapat memanggilnya.
ASP.NET Reports Web Site

Hal ini menciptakan sebuah situs AsP.NET yang menggunakan Report View control dan sQl server Reporting services (sebuah tool untuk menghasilkan laporan database yang dapat dilihat dan dikelola melalui Web). ASP.NET Crystal Reports Web template menyediakan layanan serupa, tetapi menggunakan perangkat lunak esaing Crystal Reports.
Meskipun sebagian besar pengembang lebih memilih untuk memulai dengan ASP.NET Empty Web site atau ASP.NET Web site template dan memulai coding, masih ada template yang lebih khusus untuk tipe tertentu dari aplikasi web. Untuk melihatnya, klik heading (dengan status online) di dalam pohon di sebelah kiri dari kotak dialog Website Baru, dan pilih item Template di bawahnya. Akan ada penundaan singkat, sementara itu Visual studio menghubungi server web Microsoft, selanjutnya aka nada penambahan daftar subkategori Template, masing-masing dengan kelompok tersendiri dan template siap pakai.
  1. Pilih lokasi untuk website. Lokasi menentukan dimana file website akan disimpan. Biasanya, Anda akan memilih File System dan kemudian menggunakan folder pada komputer lokal. Anda dapat mengetikkan direktori secara manual di textbox dengan “Web Location” dan melompat langsung ke langkah 7. Alternatif lain, Anda dapat mengklik tombol Browse, untuk menunjukkan Pilihan Lokasi dengan kotak dialog.
  1. Menggunakan Pilihan Lokasi di kotak dialog, tetapkan dari penelusuran direktori di mana Anda ingin menempatkan website Anda. Seringkali Anda ingin membuat direktori baru untuk aplikasi web Anda. Untuk melakukan ini, pilih direktori di mana Anda ingin menempatkan subdirektori, klik icon Create New Folder lalu ketik nama untuk folder baru Anda, dan tekan Enter. Setelah Anda memilih direktori Anda, klik Open. Pilihan Lokasi pada kotak dialog juga memiliki pilihan untuk membuat aplikasi web pada direktori virtual IIS atau web server. Anda dapat mengabaikan pilihan tersebut untuk saat ini. Secara umum, paling mudah untuk mengembangkan aplikasi web Anda secara lokal dan mengupload file.
    Ingat, lokasi di mana anda menciptakan website mungkin berbeda saat anda membuka website dengan alamat urlnya. Karena disini menggunakan alias name. jangan khawatir untuk masalah ini, kita akan membahasnya kemudian di chapter yang berbeda. Anda juga nantinya akan belajar bagaimana mengembangkan website Anda dengan meletakkannya di web server online sehingga dapat diakses orang lain melalui jaringan atau internet.
  1. Klik OK untuk membuat website. Pada titik ini, Visual Studio menghasilkan sebuah website baru dengan hanya satu file, bernama web.config. Ini adalah file konfigurasi di mana Anda dapat menempatkan berbagai pengaturan yang mempengaruhi bagaimana aplikasi web Anda bekerja. Anda akan menggunakan file konfigurasi di seluruh buku ini, dan Anda akan membayar perhatian khusus untuk itu dalam Bab 5.

Sekarang Anda memiliki situs web baru yang polos, dan Anda siap untuk mulai merancang halaman web pertama Anda. Tapi sebelumnya, Anda mungkin ingin tahu lebih banyak tentang bagaimana Visual Studio melacak file website Anda dengan menggunakan projects (opsional) dan solutions.
Catatan mendasar bagaimana set we.conf untuk memulai online
Memilih target framework versi 4.5 dan selebihnya anda bisa lihat pengaturan di bawah ini :
1
2
3
4
5
6
7
8
<?xml version="1.0"?>
<configuration>
  <system.web>
    <compilation debug="true" targetFramework="4.5"/>
    <httpRuntime/>
    <pages controlRenderingCompatibilityVersion="4.5" clientIDMode="AutoID"/>
  </system.web>
</configuration>
Perbedaan Antara Website dan Web Projects
Biasanya, Visual Studio menggunakan file project untuk menyimpan informasi tentang aplikasi yang Anda buat. Aplikasi web yang sedikit tidak biasa, karena Visual Studio tidak selalu membuat file project untuk mereka. Bahkan, jika Anda mengikuti langkah-langkah di bagian sebelumnya, Anda membuat website baru tanpa file project. Sistem ini, yang disebut pembangunan project yang kecil, berbeda dengan cara Visual Studio bekerja dengan jenis lain dari aplikasi,
mulai Visual Studio dengan memilih Start All Programs Microsoft Visual Studio 2012 Microsoft Visual Studio 2012. Ketika Visual Studio dibuka pertama kali, itu menunjukkan halaman Mulai nya :


Halaman ini mencakup daftar aplikasi yang terakhir dibuka. Anda dapat mengklik link dalam daftar Recent ini dengan cepat untuk melanjutkan pekerjaan Anda di mana Anda terakhir tinggalkan. Halaman awal ini juga memuat link ke konten developer online dari Microsoft Developer Network (MSDN). Meskipun Anda bebas untuk mengabaikan konten ini, Anda mungkin menemukan sebuah artikel menarik, contoh kode yang berguna, atau nifty add-on yang Anda ingin coba. Jika kebiasaan surfing Anda sedikit lebih tradisional, Anda dapat menemukan konten yang sama secara online. Poin awal yang baik adalah komunitas ASP.NET di www.asp.net.
Untuk melakukan sesuatu yang praktis dengan Visual Studio, Anda perlu membuat aplikasi web. Bagian berikut menunjukkan kepada Anda bagaimana carany :
Membuat Empty Web Application
Untuk membuat aplikasi web pertama Anda dengan Visual Studio, ikuti langkah berikut :
  1. Pilih File New Web Site dari menu Visual Studio. Kotak dialog New Web Site muncul, seperti yang ditunjukkan pada Gambar di bawah :

Dalam daftar di sebelah kiri, pilih bahasa yang ingin Anda gunakan untuk menulis kode Anda.
  1. Dalam daftar drop-down di bagian atas jendela, pilih versi. NET yang Anda inginkan untuk digunakan. Biasanya, Anda akan memilih .NET Framework 4.5. Namun, Anda juga dapat menggunakan Visual Studio untuk membuat aplikasi web yang dirancang untuk versi .NET 2.0.
  1. Daftar list template ada di dalam, posisinya tengah jendela, digunakan untuk memilih jenis aplikasi yang ingin Anda buat. Untuk saat ini, pilihan terbaik adalah ASP.NET Empty Web Site, yang tidak akan mengacaukan website Anda dengan tumpukan file pregenerated dan file-file pengaturan. Untuk informasi lebih lanjut tentang perbedaan beberapa template Website Visual Studio, periksalah “Template Website” di bagian sidebar.
Template Website
Anda dapat membuat berbagai jenis aplikasi ASP.NET dengan menggunakan berbagai template di dalam Visual studio. Tidak peduli template apa yang Anda pilih, website Anda dikompilasi dan dijalankan dengan cara yang sama. Satu-satunya perbedaan adalah file yang dibuat Visual studio secara default. Berikut adalah ikhtisar pilihan template Anda :
Berikut adalah ikhtisar pilihan template Anda

ASP.NET Web Forms Site

Menciptakan sebuah situs web dengan fitur lengkap dari ASP.NET, dengan infrastruktur dasar yang sudah terpasang di tempat. Website ini mencakup halaman master yang mendefinisikan tata letak keseluruhan (dengan header, footer, dan menu bar) dan dua halaman web siap pakai, bernama default.aspx dan about.aspx. itu juga mencakup folder Account dengan halaman untuk pendaftaran, login, dan merubah password. Setelah Anda membaca buku ini dan mempelajari rincian tentang semua fitur forms di ASP.NET, Anda dapat memilihnya untuk menggunakan template ini sebagai titik awal untuk sebuah situs baru.
ASP.NET Web Site (Razor)

menciptakan sebuah situs web menggunakan ASP.NET dengan pendekatan Model-View-Controller (MVC). Model AsP.NET dengan MVC menawarkan beberapa manfaat yang dimana pada forms web ASP.NET tidak bisa menandinginya-misalnya : memberikan pengembang untuk dapat mengontrol lebih terhadap HTML yang dihasilkan, dan menciptakan situs web yang jauh lebih mudah digunakan dengan alat pengujian otomatis. Kelemahannya adalah bahwa situs ASP.NET dengan pendekatan MVC mengorbankan beberapa kenyamanan dari ASP.NET dengan pendekatan tradisional dan kemudahan saat penggunaan. jika Anda tertarik untuk belajar lebih banyak tentang ASP.NET dengan pendekatan MVC, pertimbangkan diri anda untuk membaca Pro ASP.NET MVC 4 BY Adam Freeman dan steven sanderson (Apress, 2012).
ASP.NET Empty Web Site

menciptakan sebuah situs web kosong. Hanya ada file konfigurasi seperti web.config. Dengan hal ini, Tentu saja anda mudah untuk mengisi bagian yang Anda butuhkan ketika Anda mulai meng-coding. Ini adalah titik awal terbaik untuk belajar tentang ASP.NET, karena Anda tidak akan memiliki tambahan file yang tidak perlu.
ASP.NET Dynamic Data Entities Web Site

menciptakan sebuah situs ASP.NET yang menggunakan fitur data dinamis dari ASP.NET. Sebenarnya ada dua data template dinamis, yang menggunakan pendekatan yang sedikit berbeda untuk berkomunikasi dengan database Anda. Meskipun data dinamis tidak dibahas dalam buku ini, Anda dapat mempelajari tentang hal itu dalam Pro ASP.NET 4.5 di C#.
WCF Service

menciptakan layanan-WCF. Sebuah library method server-side untuk klien jarak jauhperpustakaan metode server-side klien jarak jauh (misalnya, aplikasi Windows) dapat memanggilnya.
ASP.NET Reports Web Site

Hal ini menciptakan sebuah situs AsP.NET yang menggunakan Report View control dan sQl server Reporting services (sebuah tool untuk menghasilkan laporan database yang dapat dilihat dan dikelola melalui Web). ASP.NET Crystal Reports Web template menyediakan layanan serupa, tetapi menggunakan perangkat lunak esaing Crystal Reports.
Meskipun sebagian besar pengembang lebih memilih untuk memulai dengan ASP.NET Empty Web site atau ASP.NET Web site template dan memulai coding, masih ada template yang lebih khusus untuk tipe tertentu dari aplikasi web. Untuk melihatnya, klik heading (dengan status online) di dalam pohon di sebelah kiri dari kotak dialog Website Baru, dan pilih item Template di bawahnya. Akan ada penundaan singkat, sementara itu Visual studio menghubungi server web Microsoft, selanjutnya aka nada penambahan daftar subkategori Template, masing-masing dengan kelompok tersendiri dan template siap pakai.
  1. Pilih lokasi untuk website. Lokasi menentukan dimana file website akan disimpan. Biasanya, Anda akan memilih File System dan kemudian menggunakan folder pada komputer lokal. Anda dapat mengetikkan direktori secara manual di textbox dengan “Web Location” dan melompat langsung ke langkah 7. Alternatif lain, Anda dapat mengklik tombol Browse, untuk menunjukkan Pilihan Lokasi dengan kotak dialog.
  1. Menggunakan Pilihan Lokasi di kotak dialog, tetapkan dari penelusuran direktori di mana Anda ingin menempatkan website Anda. Seringkali Anda ingin membuat direktori baru untuk aplikasi web Anda. Untuk melakukan ini, pilih direktori di mana Anda ingin menempatkan subdirektori, klik icon Create New Folder lalu ketik nama untuk folder baru Anda, dan tekan Enter. Setelah Anda memilih direktori Anda, klik Open. Pilihan Lokasi pada kotak dialog juga memiliki pilihan untuk membuat aplikasi web pada direktori virtual IIS atau web server. Anda dapat mengabaikan pilihan tersebut untuk saat ini. Secara umum, paling mudah untuk mengembangkan aplikasi web Anda secara lokal dan mengupload file.
    Ingat, lokasi di mana anda menciptakan website mungkin berbeda saat anda membuka website dengan alamat urlnya. Karena disini menggunakan alias name. jangan khawatir untuk masalah ini, kita akan membahasnya kemudian di chapter yang berbeda. Anda juga nantinya akan belajar bagaimana mengembangkan website Anda dengan meletakkannya di web server online sehingga dapat diakses orang lain melalui jaringan atau internet.
  1. Klik OK untuk membuat website. Pada titik ini, Visual Studio menghasilkan sebuah website baru dengan hanya satu file, bernama web.config. Ini adalah file konfigurasi di mana Anda dapat menempatkan berbagai pengaturan yang mempengaruhi bagaimana aplikasi web Anda bekerja. Anda akan menggunakan file konfigurasi di seluruh buku ini, dan Anda akan membayar perhatian khusus untuk itu dalam Bab 5.

Sekarang Anda memiliki situs web baru yang polos, dan Anda siap untuk mulai merancang halaman web pertama Anda. Tapi sebelumnya, Anda mungkin ingin tahu lebih banyak tentang bagaimana Visual Studio melacak file website Anda dengan menggunakan projects (opsional) dan solutions.
Catatan mendasar bagaimana set we.conf untuk memulai online
Memilih target framework versi 4.5 dan selebihnya anda bisa lihat pengaturan di bawah ini :
1
2
3
4
5
6
7
8
<?xml version="1.0"?>
<configuration>
  <system.web>
    <compilation debug="true" targetFramework="4.5"/>
    <httpRuntime/>
    <pages controlRenderingCompatibilityVersion="4.5" clientIDMode="AutoID"/>
  </system.web>
</configuration>
Perbedaan Antara Website dan Web Projects
Biasanya, Visual Studio menggunakan file project untuk menyimpan informasi tentang aplikasi yang Anda buat. Aplikasi web yang sedikit tidak biasa, karena Visual Studio tidak selalu membuat file project untuk mereka. Bahkan, jika Anda mengikuti langkah-langkah di bagian sebelumnya, Anda membuat website baru tanpa file project. Sistem ini, yang disebut pembangunan project yang kecil, berbeda dengan cara Visual Studio bekerja dengan jenis lain dari aplikasi,

0 komentar:

Posting Komentar