SlideShare a Scribd company logo
1 of 8
Download to read offline
[Uploading File Excel Into Gridview ASP.NET C#]
[Bahasa Indonesia]
Christian Yonathan S.
Page 1 of 8
A. Bahan dan Alat
1. Hardware berupa PC/Laptop dengan perangkat lunak Microsoft Visual
Studio 2008 atau 2010 atau lebih dari itu. Akan tetapi Penulis menggunakan
Visual Studio 2008.
2. Data dummy berupa file excel, yang nantinya akan digunakan untuk
diupload pada website.
3. Knowledge programming language C#.NET.
4. Modul mengenai Tutorial File Excel Into Gridview.
B. Waktu Yang Diperlukan
15-20Menit.
[Uploading File Excel Into Gridview ASP.NET C#]
[Bahasa Indonesia]
Christian Yonathan S.
Page 2 of 8
C. Praktikkum
1. Buatlah sebuah tampilan UI seperti gambar di bawah ini :
Gambar 1. Tampilan UI
Nama
Label
Nama Kontrol Keterangan
A fileupload_Excel Berfungsi sebagai file upload
B gridviewHasil_Excel Isi pada file excel akan ditampilkan disini
C tombolUpload_Excel Jika tombol ditekan maka dan semua
kondisi terpenuhi isi pada file excel akan
tampil pada gridview
D labelKet_Error Jika terjadi error atau suatu kesalahan,
akan tertulis disini
[Uploading File Excel Into Gridview ASP.NET C#]
[Bahasa Indonesia]
Christian Yonathan S.
Page 3 of 8
2. Listing Code .aspx
3. Setting Upload File
“Banyak Jalan Menuju Roma”, itulah ungkapan yang pas untuk setting
upload file excel : setting via web config atau via direct. Penulis akan
menjelaskan via web config terlebih dahulu.
3.1. Bukalah web.config. (panah merah)
Gambar 2. Setting Web.Config
[Uploading File Excel Into Gridview ASP.NET C#]
[Bahasa Indonesia]
Christian Yonathan S.
Page 4 of 8
3.2. Buatlah sebuah folder dengan nama folder “fUploads”, sebenarnya
nama folder dibebaskan. Setelah membuah folder, buatlah sebuah file
excel dengan nama file apapun lalu simpan pada folder yang telah
dibuat tadi, dalam kasus ini folder “fUploads”. (panah orange)
3.3. Ketika sudah membuka web.config tambahkan seperti ini
Gambar 3. Tambahkan pada Web.config
3.3.1. Listing Code .aspx.cs
3.3.1.1. Listing Code tombolUpload_Excel_Click
Gambar 4. Listing Code Tombol Upload
[Uploading File Excel Into Gridview ASP.NET C#]
[Bahasa Indonesia]
Christian Yonathan S.
Page 5 of 8
3.3.1.2. Listing Code excelToGridViewP02()
Gambar 5. Listing Code #1
Gambar 6. Listing Code #2
[Uploading File Excel Into Gridview ASP.NET C#]
[Bahasa Indonesia]
Christian Yonathan S.
Page 6 of 8
Gambar 7. Listing Code #3
3.4. Via direct
3.4.1. Listing Code .aspx.cs
3.4.1.1. Listing Code tombolUpload_Excel_Click()
Gambar 8. Listing Code Tombol Upload
3.4.1.2. Listing Code excelToGridViewP04()
Gambar 9. Listing Code #1
[Uploading File Excel Into Gridview ASP.NET C#]
[Bahasa Indonesia]
Christian Yonathan S.
Page 7 of 8
Gambar 10. Listing Code #2
3.5. Via web.config
3.5.1. Listing Code .aspx.cs
3.5.1.1. Listing Code tombolUpload_Excel_Click()
Gambar 11. Listing Code Tombol Upload
3.5.1.2. Listing Code excelToGridViewP03()
Gambar 12. Listing Code #1
[Uploading File Excel Into Gridview ASP.NET C#]
[Bahasa Indonesia]
Christian Yonathan S.
Page 8 of 8
D. Questions & Answers
1. Q : apa perbedaan setting melalui web.config dengan direct?
A : pada baris 69,74,157,162(.aspx.cs) merupakan settingan dengan
web.config, sedangkan pada 125,129(.aspx.cs) merupakan settingan
dengan direct. Secara garis besar yang membedakan settingan web.config
dengan direct adalah “tempat deklarasi”nya saja apakah mau pada
web.config atau di aspx.cs langsung. Akan tetapi, pada umumnya
peletakkan mengenai web yang sedang proses develop diletakkan pada
web.config.
2. Q : untuk nama sheet diexcel harus kita tuliskan atau tidak pada koding
.aspx.cs?
A : tidak harus, jika ingin ya tidak apa-apa juga. Lihat pada baris
{(81,82),(132),(164)} jika ingin tulis nama sheet dengan benar, maka
ikutilah {(132),(164)}, ingat huruf besar dan kecil harus sesuai dengan
nama sheet pada Excel. Jika tidak ingin ditulis, maka ikutilah {(81,82)}.
3. Q : perbedaan provider=Jet.4.0 atau Ace.12.0?
A : Jet.4.0 diperuntukkan untuk jenis office (dalam hal ini Excel 1997-
2003(dengan extension .xls)), sedangkan Ace.12.0 diperuntukkan untuk
jenis office (dalam hal ini Excel 2007-2013(dengan extension .xlsx)).

More Related Content

Viewers also liked

Kerangka Kerja Ruang Situs Iklan (E-Commerce)
Kerangka Kerja Ruang Situs Iklan (E-Commerce)Kerangka Kerja Ruang Situs Iklan (E-Commerce)
Kerangka Kerja Ruang Situs Iklan (E-Commerce)Jonathan Christian
 
Getting started
Getting startedGetting started
Getting startedblue coat
 
Uts 1211501075 christian yonathan s_ti
Uts 1211501075 christian yonathan s_tiUts 1211501075 christian yonathan s_ti
Uts 1211501075 christian yonathan s_tiJonathan Christian
 
Implementasi Algoritma Naive Bayes (Studi Kasus : Prediksi Kelulusan Mahasisw...
Implementasi Algoritma Naive Bayes (Studi Kasus : Prediksi Kelulusan Mahasisw...Implementasi Algoritma Naive Bayes (Studi Kasus : Prediksi Kelulusan Mahasisw...
Implementasi Algoritma Naive Bayes (Studi Kasus : Prediksi Kelulusan Mahasisw...Jonathan Christian
 
أنا أحب الملابس: كتاب لتعليم أهم الصفات العربية للأطفال الناطقين بغيرها I lik...
أنا أحب الملابس: كتاب لتعليم أهم الصفات العربية للأطفال الناطقين بغيرها I lik...أنا أحب الملابس: كتاب لتعليم أهم الصفات العربية للأطفال الناطقين بغيرها I lik...
أنا أحب الملابس: كتاب لتعليم أهم الصفات العربية للأطفال الناطقين بغيرها I lik...Yaman Hussein
 

Viewers also liked (10)

Diagram
DiagramDiagram
Diagram
 
Kerangka Kerja Ruang Situs Iklan (E-Commerce)
Kerangka Kerja Ruang Situs Iklan (E-Commerce)Kerangka Kerja Ruang Situs Iklan (E-Commerce)
Kerangka Kerja Ruang Situs Iklan (E-Commerce)
 
Pengenalan Static Pada Java
Pengenalan Static Pada JavaPengenalan Static Pada Java
Pengenalan Static Pada Java
 
Getting started
Getting startedGetting started
Getting started
 
Uts 1211501075 christian yonathan s_ti
Uts 1211501075 christian yonathan s_tiUts 1211501075 christian yonathan s_ti
Uts 1211501075 christian yonathan s_ti
 
Laporan KKP
Laporan KKPLaporan KKP
Laporan KKP
 
UTS JST 2014/2015
UTS JST 2014/2015UTS JST 2014/2015
UTS JST 2014/2015
 
Implementasi Algoritma Naive Bayes (Studi Kasus : Prediksi Kelulusan Mahasisw...
Implementasi Algoritma Naive Bayes (Studi Kasus : Prediksi Kelulusan Mahasisw...Implementasi Algoritma Naive Bayes (Studi Kasus : Prediksi Kelulusan Mahasisw...
Implementasi Algoritma Naive Bayes (Studi Kasus : Prediksi Kelulusan Mahasisw...
 
أنا أحب الملابس: كتاب لتعليم أهم الصفات العربية للأطفال الناطقين بغيرها I lik...
أنا أحب الملابس: كتاب لتعليم أهم الصفات العربية للأطفال الناطقين بغيرها I lik...أنا أحب الملابس: كتاب لتعليم أهم الصفات العربية للأطفال الناطقين بغيرها I lik...
أنا أحب الملابس: كتاب لتعليم أهم الصفات العربية للأطفال الناطقين بغيرها I lik...
 
Requirement Engineering
Requirement EngineeringRequirement Engineering
Requirement Engineering
 

Similar to Tutorial Upload File Excel Into Gridview ASP.NET

Panduan microsoft office access 2007 2
Panduan microsoft office access 2007 2Panduan microsoft office access 2007 2
Panduan microsoft office access 2007 2adityo_nugroho
 
Java Web Form Pendaftaran - JSP
Java Web Form Pendaftaran - JSPJava Web Form Pendaftaran - JSP
Java Web Form Pendaftaran - JSPDoni Andriansyah
 
Dasar pemrograman-visual-basic1
Dasar pemrograman-visual-basic1Dasar pemrograman-visual-basic1
Dasar pemrograman-visual-basic1hasznud89
 
Dasar pemrograman-visual-basic1
Dasar pemrograman-visual-basic1Dasar pemrograman-visual-basic1
Dasar pemrograman-visual-basic1Alan Alan
 
Visual basic bsi 2
Visual basic bsi 2Visual basic bsi 2
Visual basic bsi 2erna irawan
 
Dasar pemrograman-visual-basic1
Dasar pemrograman-visual-basic1Dasar pemrograman-visual-basic1
Dasar pemrograman-visual-basic1Sepri Tarigan
 
Tutorial Lengkap Cara Membuat Aplikasi Android Sederhana
Tutorial Lengkap Cara Membuat Aplikasi Android SederhanaTutorial Lengkap Cara Membuat Aplikasi Android Sederhana
Tutorial Lengkap Cara Membuat Aplikasi Android Sederhanacreatorb dev
 
Visual basic 6 tutorial its 4
Visual basic 6 tutorial its 4Visual basic 6 tutorial its 4
Visual basic 6 tutorial its 4Renhard Manurung
 
Belajar Visual Basic 6
Belajar Visual Basic 6Belajar Visual Basic 6
Belajar Visual Basic 6tm_prasetyo
 
Panduan prodi v1_silemkerma
Panduan prodi v1_silemkermaPanduan prodi v1_silemkerma
Panduan prodi v1_silemkermaNur Rohman
 
9 h = 5 novyan siswanto akfen efendi
9 h = 5 novyan siswanto   akfen efendi9 h = 5 novyan siswanto   akfen efendi
9 h = 5 novyan siswanto akfen efendiEka Dhani
 
Arti fungsi-terbilang-excel
Arti fungsi-terbilang-excelArti fungsi-terbilang-excel
Arti fungsi-terbilang-excelBais Wong
 
Simple tutorial : Android get and post data
Simple tutorial : Android get and post dataSimple tutorial : Android get and post data
Simple tutorial : Android get and post dataPikiring Hutama
 
Chapter 10 - Pembatan Report Kwitansi
Chapter 10 - Pembatan Report KwitansiChapter 10 - Pembatan Report Kwitansi
Chapter 10 - Pembatan Report KwitansiRakhmat Dedi Gunawan
 

Similar to Tutorial Upload File Excel Into Gridview ASP.NET (20)

Panduan microsoft office access 2007 2
Panduan microsoft office access 2007 2Panduan microsoft office access 2007 2
Panduan microsoft office access 2007 2
 
Java Web Form Pendaftaran - JSP
Java Web Form Pendaftaran - JSPJava Web Form Pendaftaran - JSP
Java Web Form Pendaftaran - JSP
 
Dasar pemrograman-visual-basic1
Dasar pemrograman-visual-basic1Dasar pemrograman-visual-basic1
Dasar pemrograman-visual-basic1
 
Dasar pemrograman-visual-basic1
Dasar pemrograman-visual-basic1Dasar pemrograman-visual-basic1
Dasar pemrograman-visual-basic1
 
Visual basic bsi 2
Visual basic bsi 2Visual basic bsi 2
Visual basic bsi 2
 
Dasar pemrograman-visual-basic1
Dasar pemrograman-visual-basic1Dasar pemrograman-visual-basic1
Dasar pemrograman-visual-basic1
 
Tutorial Lengkap Cara Membuat Aplikasi Android Sederhana
Tutorial Lengkap Cara Membuat Aplikasi Android SederhanaTutorial Lengkap Cara Membuat Aplikasi Android Sederhana
Tutorial Lengkap Cara Membuat Aplikasi Android Sederhana
 
Chapter 01 - Pembuatan Database
Chapter 01 - Pembuatan DatabaseChapter 01 - Pembuatan Database
Chapter 01 - Pembuatan Database
 
Visual basic 6 tutorial its 4
Visual basic 6 tutorial its 4Visual basic 6 tutorial its 4
Visual basic 6 tutorial its 4
 
Visual basic 6
Visual basic 6Visual basic 6
Visual basic 6
 
Visual basic
Visual basicVisual basic
Visual basic
 
Visual basic 6
Visual basic 6Visual basic 6
Visual basic 6
 
Visual Basic 6.0
Visual Basic 6.0Visual Basic 6.0
Visual Basic 6.0
 
Belajar Visual Basic 6
Belajar Visual Basic 6Belajar Visual Basic 6
Belajar Visual Basic 6
 
Java web application 1
Java web application 1Java web application 1
Java web application 1
 
Panduan prodi v1_silemkerma
Panduan prodi v1_silemkermaPanduan prodi v1_silemkerma
Panduan prodi v1_silemkerma
 
9 h = 5 novyan siswanto akfen efendi
9 h = 5 novyan siswanto   akfen efendi9 h = 5 novyan siswanto   akfen efendi
9 h = 5 novyan siswanto akfen efendi
 
Arti fungsi-terbilang-excel
Arti fungsi-terbilang-excelArti fungsi-terbilang-excel
Arti fungsi-terbilang-excel
 
Simple tutorial : Android get and post data
Simple tutorial : Android get and post dataSimple tutorial : Android get and post data
Simple tutorial : Android get and post data
 
Chapter 10 - Pembatan Report Kwitansi
Chapter 10 - Pembatan Report KwitansiChapter 10 - Pembatan Report Kwitansi
Chapter 10 - Pembatan Report Kwitansi
 

Tutorial Upload File Excel Into Gridview ASP.NET

  • 1. [Uploading File Excel Into Gridview ASP.NET C#] [Bahasa Indonesia] Christian Yonathan S. Page 1 of 8 A. Bahan dan Alat 1. Hardware berupa PC/Laptop dengan perangkat lunak Microsoft Visual Studio 2008 atau 2010 atau lebih dari itu. Akan tetapi Penulis menggunakan Visual Studio 2008. 2. Data dummy berupa file excel, yang nantinya akan digunakan untuk diupload pada website. 3. Knowledge programming language C#.NET. 4. Modul mengenai Tutorial File Excel Into Gridview. B. Waktu Yang Diperlukan 15-20Menit.
  • 2. [Uploading File Excel Into Gridview ASP.NET C#] [Bahasa Indonesia] Christian Yonathan S. Page 2 of 8 C. Praktikkum 1. Buatlah sebuah tampilan UI seperti gambar di bawah ini : Gambar 1. Tampilan UI Nama Label Nama Kontrol Keterangan A fileupload_Excel Berfungsi sebagai file upload B gridviewHasil_Excel Isi pada file excel akan ditampilkan disini C tombolUpload_Excel Jika tombol ditekan maka dan semua kondisi terpenuhi isi pada file excel akan tampil pada gridview D labelKet_Error Jika terjadi error atau suatu kesalahan, akan tertulis disini
  • 3. [Uploading File Excel Into Gridview ASP.NET C#] [Bahasa Indonesia] Christian Yonathan S. Page 3 of 8 2. Listing Code .aspx 3. Setting Upload File “Banyak Jalan Menuju Roma”, itulah ungkapan yang pas untuk setting upload file excel : setting via web config atau via direct. Penulis akan menjelaskan via web config terlebih dahulu. 3.1. Bukalah web.config. (panah merah) Gambar 2. Setting Web.Config
  • 4. [Uploading File Excel Into Gridview ASP.NET C#] [Bahasa Indonesia] Christian Yonathan S. Page 4 of 8 3.2. Buatlah sebuah folder dengan nama folder “fUploads”, sebenarnya nama folder dibebaskan. Setelah membuah folder, buatlah sebuah file excel dengan nama file apapun lalu simpan pada folder yang telah dibuat tadi, dalam kasus ini folder “fUploads”. (panah orange) 3.3. Ketika sudah membuka web.config tambahkan seperti ini Gambar 3. Tambahkan pada Web.config 3.3.1. Listing Code .aspx.cs 3.3.1.1. Listing Code tombolUpload_Excel_Click Gambar 4. Listing Code Tombol Upload
  • 5. [Uploading File Excel Into Gridview ASP.NET C#] [Bahasa Indonesia] Christian Yonathan S. Page 5 of 8 3.3.1.2. Listing Code excelToGridViewP02() Gambar 5. Listing Code #1 Gambar 6. Listing Code #2
  • 6. [Uploading File Excel Into Gridview ASP.NET C#] [Bahasa Indonesia] Christian Yonathan S. Page 6 of 8 Gambar 7. Listing Code #3 3.4. Via direct 3.4.1. Listing Code .aspx.cs 3.4.1.1. Listing Code tombolUpload_Excel_Click() Gambar 8. Listing Code Tombol Upload 3.4.1.2. Listing Code excelToGridViewP04() Gambar 9. Listing Code #1
  • 7. [Uploading File Excel Into Gridview ASP.NET C#] [Bahasa Indonesia] Christian Yonathan S. Page 7 of 8 Gambar 10. Listing Code #2 3.5. Via web.config 3.5.1. Listing Code .aspx.cs 3.5.1.1. Listing Code tombolUpload_Excel_Click() Gambar 11. Listing Code Tombol Upload 3.5.1.2. Listing Code excelToGridViewP03() Gambar 12. Listing Code #1
  • 8. [Uploading File Excel Into Gridview ASP.NET C#] [Bahasa Indonesia] Christian Yonathan S. Page 8 of 8 D. Questions & Answers 1. Q : apa perbedaan setting melalui web.config dengan direct? A : pada baris 69,74,157,162(.aspx.cs) merupakan settingan dengan web.config, sedangkan pada 125,129(.aspx.cs) merupakan settingan dengan direct. Secara garis besar yang membedakan settingan web.config dengan direct adalah “tempat deklarasi”nya saja apakah mau pada web.config atau di aspx.cs langsung. Akan tetapi, pada umumnya peletakkan mengenai web yang sedang proses develop diletakkan pada web.config. 2. Q : untuk nama sheet diexcel harus kita tuliskan atau tidak pada koding .aspx.cs? A : tidak harus, jika ingin ya tidak apa-apa juga. Lihat pada baris {(81,82),(132),(164)} jika ingin tulis nama sheet dengan benar, maka ikutilah {(132),(164)}, ingat huruf besar dan kecil harus sesuai dengan nama sheet pada Excel. Jika tidak ingin ditulis, maka ikutilah {(81,82)}. 3. Q : perbedaan provider=Jet.4.0 atau Ace.12.0? A : Jet.4.0 diperuntukkan untuk jenis office (dalam hal ini Excel 1997- 2003(dengan extension .xls)), sedangkan Ace.12.0 diperuntukkan untuk jenis office (dalam hal ini Excel 2007-2013(dengan extension .xlsx)).