The words you are searching are inside this book. To get more targeted content, please make full-text search by clicking here.

Pembuatan Situs Berita Dengan ASP.NET 2.0 Special Workshop

Discover the best professional documents and content resources in AnyFlip Document Base.
Search
Published by Perpus Kota Semarang, 2018-10-30 18:29:35

Pembuatan Situs Berita Dengan ASP.NET 2.0 Special Workshop

Pembuatan Situs Berita Dengan ASP.NET 2.0 Special Workshop

Kata Pengantar

Alhamdullillah, akhirnya buku workshop ini kelar juga. Setelah

sekian lama "berpuasa" dan sempat patah arang menulis buku, kini
semangat itu pulih lagi. Buku ini sendiri pada awalnya berdasarkan
sebuah ide tentang membuat sebuah modul yang harusnya akan

menjadi acuan workshop dengan durasi full day. Dan saat itu

pula, terpikir, mengapa tidak menjadikannya sebuah buku yang
nantinya juga dapat digunakan oleh orang lain .

Terima kasih kepada seluruh keluargaku, kedua orang tuaku
dan dukungan semangat yang luar biasa dari istriku, juga putri
kecilku yang selalu membangkitkan berbagai keceriaan di
saat lelah menerpa. Juga kepada para tester buku yang telah
banyak melakukan koreksi saat buku seri workshop akan dikirim
ke penerbit, Teguh "Joss" Sutanto, Yuli "Scrappy" Siswanto,
Kusumaningati "Dani" dan Nugroho "SA".

Tak lupa, terima kasih untuk rekan dosen seperjuangan di kampus
biru STIKOM Surabaya, Pak Yus, Pak Sholiq dan Meli, serta Mbak Tri
"Pust" yang membantu proses pengiriman naskah dan order buku
ASP.NET 2.0 di perpustakaan . Terima kasih juga untuk Kang Lutfi
di Semarang yang sudah "memanaskan hati" lewat messenger
"gombal" -nya, semua mahasiswa aktivis dotnet di STIKOMPlus
dan MUGI STIKOM yang tetap semangat melakukan kegiatan
"sharing is caring" dan community in touch ASP. NET 2.0. Terakhir,
para ASP.NET team (Scott G uthrie, Shawn, Steve Marx) nun jauh
di sana, dengan berbagai tip trik yang sungguh menakjubkan dan
masih mau menjawab berbagai pertanyaan naif dari para pemula
sepertiku .

Semoga buku ini menjadi sebuah bahan referensi yang berguna bagi
para insan Tl di Indonesia, khususnya para penggiat pemrograman
web dan dotnet. lnsya Allah, orisinalitas ide ini akan tetap
meluncur di buku-buku workshop berikutnya, terutama tentang
implementasi AT LAS dengan AJAX dan VB 2005.
Sekali lagi, tetap berkarya!

Surabaya, Agustus 2006

.Daftar lsi

Kata Pengantar-- 1
Daftar lsi-- 3
Pendahuluan-- 5
Bab 1. Persiapan Awal-- 7

Pengetahuan Awal-- 8
Visual Web Developer Express Edition-- 11
Sekilas ASP. NET 2. 0-- 12
Bab 2. Tahap Awal Pembuatan Situs-- 15
Sitemap-- 16
Pembuatan Project-- 17
Pembuatan CSS-- 18
lmplementasi Sitemap-- 20
Membuat Master Page-- 21
Bab 3 . Pembuatan Database-- 23
Folder App_Data-- 24
Pembuatan Database dengan MS Access-- 24
Bab 4. Administrasi Situs Berita-- 27
Sitemap Administrasi Berita-- 28
Master Page Administrator-- 29

Maintenance Berita-- 3 0
Edit Password User-- 3 7
Bab 5 . Tampilan Situs Berita -- 3 9
Halaman Web Awal-- 4 0
News Archieve dan Detail-- 4 1
Bab 6 . Pembuatan Login-- 4 5
Halaman Login-- 4 6
Modifikasi Bagian Administrator-- 4 8
Bab 7 . Upload Situs-- 5 1
P ublikasi Situs -- 52
Upload Situs ke WebHosting-- 5 3
Lalu, Apa Selanjutnya?-- 5 6

Pendahuluan

Belajar jenis pemrograman baru itu sulit! ltulah paradigma yang
banyak tercipta di kalangan praktisi programmer, baik mahasiswa,
para profesional, atau juga para hobiis program. Paradigma lama
tersebut tidak sepenuhnya benar karena jika Anda mempelajarinya
dengan cara yang lebih mudah dan menyenangkan maka belajar
jenis pemrograman baru tidaklah sesulit yang dibayangkan.

Konsep learning by doing memang menjadi sebuah gaya baru
dalam mengajarkan sesuatu yang dianggap sulit. Buku ini misalnya,
dengan mengambil konsep workshop, yang dapat dilakukan dengan
melakukan pengajaran langsung secara singkat di sebuah lab
komputer ataupun dengan melakukannya sendiri secara otodidak
di rumah, maka diharapkan Anda mampu melakukannya dalam
waktu kurang dari 6 jam !

Hanya dengan 6 jam bisa membuat sebuah situs dengan ASP. NET
2. 0? Apakah hal itu mungkin dilakukan? Sangat mungkin dengan
asumsi sebagai berikut:

• 1 jam yang pertama, Anda membaca buku ini secara singkat
sambil melakukan instalasi VWD Express.

• 1 jam yang kedua, Anda melakukan pembuatan tahapan awal
hingga ke pembuatan database.

• 1 jam yang ketiga, Anda melakukan pembuatan bagian
administrasi berita.

• 1 jam yang keempat, Anda melakukan pembuatan bagian
halaman awal.



Babi

Persiiap.an Awal

Bab ini:
• Menjelaskan pengetahuan awal sebelum memulai
workshop.
• Membahas persiapan sebelum melakukan workshop.
• Menjelaskan perangkat apa saja yang dibutuhkan untuk
menjalankan Visual Web Developer Express Edition.
• Melakukan instalasi Visual Web Developer Express Edition.
• Menjelaskan bagaimana cara memulai Visual Web Developer
Express Edition.















Baba
Tah.ap. Awal
Pembuatan Situs

Bab ini:
• Menjelaskan secara singkat sitemap atau peta sebuah
situs.
• Membuat project web pertama.
• Membuat CSS untuk style situs.
• Membuat Master Page sebagai template situs.

sit:ernap dalam ASP.NET 2.�

Sitetttap

Situs berita yang akan dibuat memiliki peta situs sebagai berikut:

Situs Berita

I

I I I

Home -7 Archieve -7 Admin -7

default.aspx archieve.aspx login.aspx

I I I I
I
Detail News -7 Logout -7
-?detail.aspx User -7
default.aspx default.aspx?m
user.aspx
ode=logout

Sitemap

Sitemap atau peta sebuah situs merupakan rancangan awal yang
harus ada sebelum kita melakukan pembuatan sebuah situs atau
aplikasi web. Dengan adanya sebuah sitemap maka seorang
desainer web dan programmer web dapat lebih fokus mengerjakan
situsnya.

Dalam studi kasus situs berita sederhana, sitemap terdiri dari tujuh
bagian situs dan enam halaman web yang akan dibuat nantinya.
Halaman web tersebut adalah:

1. Default.aspx

Digunakan untuk menampilkan tiga berita terbaru dari data
yang telah ada, sekaligus sebagai tampilan awal situs berita.
Halaman web ini merupakan halaman utama situs berita.

2. Archieve.aspx

Merupakan halaman web yang menampung seluruh arsip
berita secara keseluruhan. Halaman web ini hanya akan
menampilkan judul berita, sedangkan isi berita selengkapnya
akan ditampilkan dalam halaman web detail.aspx.

3. Detail.aspx

Menampilkan detail isi berita dari halaman archieve.aspx.

4 . Login.aspx

Digunakan untuk menginputkan id user serta password yang
dibutuhkan sebelum memasuki bagian administrasi berita.

5 . admin/Default.aspx

Merupakan halaman web bagian administrasi berita untuk
melakukan maintenance data berita, sekaligus halaman
utama dari bagian administrasi berita dan menangani proses
logout dari administrasi berita.

6 . admin/user.aspx

Halaman web yang berfungsi melakukan maintenance data
user administrasi berita.

Pettbt uatatt Pr-oject

Langkah pertama yang harus dilakukan adalah membuat sebuah
project kosong dalam ASP.NET 2. 0 . Kini yang harus Anda lakukan
adalah mulai mengeksekusi VWD Express dan membuat project
baru.

1. Setelah tampilan awal VWD Express muncul, pilih menu File,

New Website.

2. Pilih Empty Website, dan pastikan Anda memilih tipe bahasa
Visual Basic. Jika Anda yakin telah memiliki instalasi web
server (liS) dalam P C Anda maka pilih tipe HIT P. Jika tidak,
disarankan untuk memilih tipe File System. Tipe ini akan
membuat project web dalam folder biasa, dan saat eksekusi,
VWD Express akan mengalokasikan sebuah port acak yang
akan menjadi web server temperer saat proses kompilasi
berlangsung.

• Club Web Site Starter Kit
� Search Online Templates...

Kotak dialog New Website

3. Beri nama folder project -7 news. Jika sudah, klik tombol OK,
dan kini Anda telah siap memulai langkah berikutnya.

Pettbt uata" CSS

Langkah awal sebelum pembuatan halaman web adalah melakukan
pembuatan CSS. CSS yang akan dibuat merupakan template dari
keseluruhan halaman web. Desain kerangka halaman web adalah
sebagai berikut:

I Bagian Banner

lsi Halaman

Kerangka halaman web









Bab3
Pembuatan .Database

Bab ini:
• Menjelaskan folder khusus App_Data.
• Membahas pembuatan database dengan MS Access.
• Menjelaskan struktur tabel dari database untuk situs
berita.















2. Saat muncul kotak dialog untuk memilih Master Page, klik di
folder admin, dan pilih Master Page yang terletak di dalam
folder tersebut.

3 . Dalam mode Design, drag tabel news dari Database Explorer
sehingga dalam keadaan desain, terlihat sebuah komponen
GridView dan sebuah komponen AccessDataSource.

j] Data Connections

, , news.mdb
Tables

.ti· :.:J news
'tJ :J u�er
:+: :':a V1ews
i+] i":.ii StoredProcedur
:±' � Funct1ons

Keadaan awal desain Default.aspx

(�),4. Klik komponen GridView, dan klik ikon Smart Tag
kemudian pilih opsi Enable Paging, Enable Deleting dan Enable
Selection.
GridView Tasks
Auto Format ...
Choose Data Source: fA(�;�D�t�;;-�el
Configure Data Source ...
Refresh Schema
Edit Columns ...
Add New Column .. ,
P' Enable Paging
r Enable Sorting
r Enable Editing
r Enable Deleting
P' Enable Selection
Edit Templates
Opsi Gridview

5 . Kemudian, klik submenu Edit Columns dan hapus semua field
kecuali field judul dan namafile. Kemudian, set property
Title tiap field tersebut menjadi Judul dan File Berita.















Bab5

Taap..ilan Situs
Berita

Bab ini:
• Membuat halaman web awal.
• Membuat halaman web untuk news archieve.















6. Di baris ketiga kolom pertama, tempatkan sebuah Button dan
set property Text menjadi Login.

7. Di baris ketiga kolom kedua, tempatkan sebuah Label dan
kosongkan isi property Text.

Desain halaman Login

8. Sekarang dobel klik di komponen Button dan ketikkan listing
berikut:

Dim xkoneksi As New OleDbConnection
Dim xcommand As New OleDbCommand
xkoneksi.ConnectionString =
"provider=microsoft.jet.oledb.4.0;" &
"data source=" & Server.MapPath("-/ ") &
"app_data/ news.mdb"
xcommand.Connection = xkoneksi
xkoneksi.Open()
xcommand.CommandText =

select count(*) from [user] where userid='" &
TextBoxl.Text & "' and userpass='" &
TextBox2.Text & "' "

Dim xada As Integer = xcommand.ExecuteScalar()
xkoneksi.Close()
If xada > 0 Then

Session.Add("Login_Ok" , True)
Server.Transfer("-/ admin / default.aspx")
Else
Session. Clear()
Labell.Text = "Login error !"
End If


Click to View FlipBook Version
Previous Book
Pasti Bisa Belajar Sendiri Microsoft Word 2010
Next Book
Pemrograman Aplikasi Android dengan Sencha Touch