studi kasus perpustakaan - · pdf filestudi kasus perpustakaan - diharapkan dengan modul ini...

September 15, 2010

MODUL : V [ DATABASE, CONN, INPUT, TABEL,REPORT ] ASP .NET

STT Indonesia | wan h manihuruk,s.kom. [http://zagal99.wordpess.com/praktek] atau [http://wan99.wordpess.com]

1

STUDI KASUS PERPUSTAKAAN - Diharapkan dengan modul ini mahasiswa dapat membuat database semaksimal

mungkin dengan menggunakan database Access atau Sql Server. - Mahasiswa juga dapat mengenal berbagai connection yang disediakan oleh Asp .net - Diharapkan mahasiswa dapat membuat inputan dan tabel yang terhubung antara relasi

tabel yang akan di olah. - Studi kasus ini akan menghasilkan report yang diinginkan oleh user, diharapkan juga

mahasiswa dapat menguasai aplikasi report yang digunakan contohnya seperti [Cristal Report 8.5,X,XI,XII].

“Lets’ Goo……. A. RANCANGAN TABEL PERPUSTAKAAN

1. Buat Tabel Perpustakaan seperti dibawah ini dengan database Access / SQL Server 2000 / 2005

2. Untuk setiap Tabel sesuaikan field name nya dan data type untuk lebih jelasnya dapat dilihan dibawah ini:

Tabel : Anggota

Tabel : Buku

September 15, 2010



2

Tabel : Denda

Tabel : Peminjaman

Tabel : Pengembalian

Tabel : Log

Tabel : Supplier

September 15, 2010



3

Ket u/ database: Jika sudah selesai membuat database “Perhatikan Field Name dan Data Type jika tipe data anda tidak sesuai dengan yang akan diinputkan pada aplikasi asp .net, maka aplikasi yang akan anda buat akan bermasalah [ tidak akan terhubung ] Sebelum melanjutkan perhatikan hubungan relasi tabel dibawah ini apakah sudah sesuai atau belum, cek kembali primerikey pada tabel anda.

Gambar A: Hubungan Relasi Antara Tabel Perpustakaan

B. RANCANGAN HALAMAN UTAMA

1. Rancanglah desain Halaman Utama pada Asp .net seperti dibawah ini: - Untuk membuat master page lihat kembali [modul praktek2A asp] - Untuk

o Anggota o Supplier o Peminjaman o Pengembalian o Denda o Buku

Jika di klik akan link ke form, masukan sintak dibawah ini : <a href="Anggota.aspx">Anggota</a> <a href="Supplier.aspx">Supplier</a> <a href="Peminjaman.aspx">Peminjaman</a> <a href="Pengambalian.aspx">Pengambalian</a> <a href="Denda.aspx">Denda</a> <a href="Buku.aspx">Buku</a>

- Rancanglah form utama sesuai dengan selera anda

September 15, 2010



4

- Jika sudah jalankan Run [Ctrl F5] - Hasilnya akan seperti dibawah ini.

C. RANCANGAN FORM ANGGOTA Untuk Form Anggota seperti dibawah ini : Rancanglah desain Halaman Anggota pada Asp .net seperti dibawah ini:

- Untuk membuat master page lihat kembali [modul praktek2A asp]

September 15, 2010



5

c.1 CONNECTION

Untuk conn ikuti langkah-langkah dibawah ini :

1. Pada menubar Asp .net sorot table → insert tabel kemudian atur size seperti dibawah ini:

2. Pada toolbox sorot data → SqlDataSource→double klik

September 15, 2010



6

3. Maka akan muncul pada conten [halaman kerja asp .net] seperti dibawah ini

4. Klik panah samping kanan atas akan muncul Sqldatasource task 5. Kemudian klik confiqure data source makan akan muncul confiqure data

source seperti dibawah ini.

6. Klik new connection agar tampil Add Connection

September 15, 2010



7

7. Kemudian klik change pada add connection maka anda akan dihadapkan pada

change data source dibawah ini. 8. Kali ini akan kita coba dengan data source Microsoft access data file

9. Jika sudah klik OK 10. Kemudian klik browse

September 15, 2010



8

11. Jika sudah cari difolder mana anda menyimpan database perpustakaan

12. Jika sudah ditemukan Klik Open 13. Maka hasilnya seperti dibawah ini.

September 15, 2010



9

14. Klik test Connection jika success klik Ok 15. Maka anda akan dihadapkan dengan tampilan seperti dibawah ini.

16. Klik Next.

September 15, 2010



10

17. Klik lagi Next maka akan tampil seperti dibawah ini.

a. Pilih name anggota pada database b. Cekklis * pada columns c. Jika sudah klik button advanced d. Maka akan tampil advanced SQL Generation Option dibawah ini

(sebelah kanan) e. Kemudian cekklis Generate INSERT, UPDATE, dan DELETE

statements f. Kemudian klik OK.

18. Klik Next makan akan tampil seperti dibawah ini.

a. Klik Test Query jika tampil seperti dibawah ini anda berhasil terkoneksi dengan database.

b. Kemudian klik Finish.

September 15, 2010



11

Koneksi yang anda lakukan berhasil Untuk koneksi data source SQL Server dan ODBC kurang lebih sama kecuali ODBC sedikit berbeda karena anda harus mengaktifkan connection ODBC pada SO [system operasi] windows c.2 Input Anggota dan tabel anggota Gunakan form baru………………………………………………………………………

Input

Untuk inputan sangat banyak cara secara manual ataupun otomatis untuk mempersingkat waktu kita akan gunakan cara praktis [otomatis] dengan siarat koneksi anda sudah BERHASIL 1. Pada toolbox Asp.net anda sorot Data →kemudian ada tiga yang bisa kita

gunakan untuk inputan otomatis Datalist, DetailsView, FormView 2. Kali ini kita akan menggunakan DetailsView 3. Double Klik atau drack DetailsView pada konten [halaman kerja] asp .net. 4. Untuk lebih jelas lihat gambar dibawah ini.

September 15, 2010



12

5. Jika sudah maka akan tampil pada halaman kerja Asp .Net anda seperti

dibawah ini. a. Klik panah yang ada disebelah kanan atas b. Choose data source →sql datasource1 c. Cekklis paging dan inserting

5. Maka hasilnya seperti dibawah ini.

7. Jika di RUN maka tampilannya seperti dibawah ini setelah di klik Insert

September 15, 2010



13

Tabel

Tabel adalah tempat menampilkan, mengurutkan data yang di inputan ‘contoh tampilannya tabel seperti dibawah ini:

1. Untuk membuat tabel pada Asp .Net sama dengan membuat inputan 2. Ikuti langkah langkah seperti diatas dalam membuat inputan. 3. Untuk tabel gunakan Gridview

September 15, 2010



14

D. RANCANGAN FORM REPORT ANGGOTA Report adalah tampilan output hasil dari manipulasi data dengan report kita dapat mencetak berbagai tampilan output sesuai dengan kebutuhan, untuk membuat report ini kita akan menggunakan fasilitas yang sudah di sediakan oleh Asp.Net. Ikuti langkah-langkah dibawah ini:

1. Pada tampilan Toolbox Asp .Net menyediakan tampilan Report 2. Sorot Toolbox →Reporting→CrystalReportViewer 3. CrystalReportViewer Double klik / drak pada lembar kerja.

4. Maka akan tampil seperti dibawah ini.

a. Klik panah samping kanan atas. b. Pilih New Report Source

c. Maka akan tampil seperti dibawah ini.

September 15, 2010



15

5. Buat sesuai dengan tampilan dibawah ini [reportanggota] 6. Klik OK.

7. Maka akan tampil Crystal Report Gallery a. Pilih option As a blank report. b. Kemudian klik OK.

September 15, 2010



16

8. Maka akan tampil seperti dibawah ini. a. Klik kanan database fields sebelah kiri atas.

9. Klik database expert 10. Maka akan tampil seperti dibawah ini.

a. Sorot Create new Connection→OLE DB (ADO)→pada make new connection double klik

11. Setelah double klik akan tampil

a. Pilih sesuai dengan kebutuhan anda b. Untuk kasus kali ini anda pilih Provider : Microsoft Jet 4.0 OLE DB

Provider. c. Klik Next.

September 15, 2010



17

12. Maka akan tampil OLE DB (ADO) seperti dibawah ini. a. Pada database name brows [cari dimana anda membuat database] untuk

lebih jelas lihat gambar dibawah ini.

13. Klik Next

September 15, 2010



18

14. Kemudian finish. 15. Setelah tampil semua tabel yang akan digunakan blok

a. Kemudian klik tanda panah ›› b. OK.

16. Maka tampilan link akan tampil

September 15, 2010



19

17. Klik OK 18. Pada field Explorer akan tampil seperti dibawah ini

a. Pilih tabel anggota → semua field anggota yang dibutuhkan drack pada report setu persatu pada section 3 [details]

b. Kemudian Save.

September 15, 2010



20

September 15, 2010



21

19. Setelah diruning tampilannya seperti di bawah ini.

Keterangan :

- Selamat mencoba - Jika sudah selesai, rancang form dibawah ini :

o Supplier o Peminjaman o Pengembalian o Denda o Buku

studi kasus perpustakaan - · pdf filestudi kasus perpustakaan - diharapkan dengan modul ini...

Documents