PRAKTIKUM ASP.NET 7 ADVANCED CONTROL

Ukuran: px
Mulai penontonan dengan halaman:

Download "PRAKTIKUM ASP.NET 7 ADVANCED CONTROL"

Transkripsi

1 PRAKTIKUM ASP.NET 7 ADVANCED CONTROL Pada Bab ini membahas beberapa server control lanjutan dari Praktikum ASP.NET 6 antara lain: FileUpload Control Calendar Control Banner Advertisement MultiView Control Wizard Control A. FileUpload Control FileUpload Control digunakan untuk meng-copy file dari HDD local client ke server, file yang dapat diupload contohnya adalah file gambar, dokumen, video dan lain sebagainya. Langkah-langkah pembuatan sebagai berikut: 1. Pilih File -> New Project, Pilih Web dan beri nama Project dan Solution-nya seperti dibawah ini: 2. Kemudian Add Item pada Project dan beri nama seperti contoh:

2 3. Ketikkan kode seperti seperti contoh dibawah ini: 4. Klik kanan di source code dan pilih view code, kemudian ketikkan kode dibawah ini:

3

4 5. Kemudian Tambakahkan New Folder di project dengan nama img seperti berikut: 6. Setelah selesai lihat hasilnya dengan CTRL+F5 7. Klik Pilih File kemudian pilih gambar yang akan diunggah.

5 8. Jika sudah memilih beberapa foto, maka akan tampak gambar di halaman web seperti ini: B. Calendar Control Calendar Control digunakan untuk menampilkan calendar dalam format tampilan perbulan. Anda juga dapat memanfaatkan calendar control ini untuk membuat DatePicker. Langkah dalam pembuatan calendar control sebagai berikut: 1. Tambahkan web form pada project beri nama seperti contoh gambar dibawah ini: 2. Ketikkan kode seperti contoh dibawah ini:

6 3. Setelah itu arahkan kursor pada Calendar di split view dan isi di SelectionChanged pada properties seperti contoh dibawah ini: 4. Setelah itu ketikkan kode program seperti dibawah ini:

7 5. Kemudian lihat hasilnya dengan menekan CTRL+F5, klik salah satu tanggal di kalendar maka akan terlihat value yang terpilih.

8 C. Pop-up DateTime Picker Control Fungsi Pop-up DateTime Picker Control sama dengan Calendar Control, namun terlihat lebih sederhana. Berikut langkah membuatnya: 1. Tambahkan web form dan beri nama seperti contoh gambar berikut: 2. Tambahkan icon calendar.png pada folder img kemudian ketikkan kode seperti contoh berikut: 3. Klik kanan halaman HTML pilih view code kemudian ketikkan kode berikut:

9 4. Lihat hasilnya dengan menekan CTRL+F5 D. AdRotator Control AdRotator control digunakan untuk menampilkan banner advertisement (iklan) secara acak. Sumber data dapat dari file XML dan database. Langkah-langkah pembuatan dari File XML sebagai berikut: 1. Tambahkan file XML pada project beri nama seperti contoh berikut: 2. Tambahkan folder imgbann pada project dan beri 3 gambar banner kemudian letikkan kode seperti contoh berikut:

10 3. Tambahkan web form pada project beri nama seperti contoh berikut: 4. Kemudian ketikkan kode seperti contoh berikut:

11 5. Lihat hasilnya dengan CTRL+F5, refresh halaman untuk melihat keacakan gambar yang ditampilkan. Dari kode dapat diketahui bahwa banner1 akan tampil 50% dan banner2 dan banner3 tampil 25%. E. PageView Control

12 PageView Control digunakan untuk menampilkan halaman dalam bentuk tab, lebih efisien karena menghemat halaman. Langkah-langkah dalam pembuatannya sebagai berikut: 1. Tambahkan web form pada project dan beri nama seperti dibawah ini dan ketikkan kode sumbernya:

13 2. Tambahkan Style Sheet pada project dan beri nama seperti dibawah ini dan ketikkan kode sumbernya: 3. Lihat hasilnya dengan menekan CTRL+F5:

14 F. Wizard Control Wizard Control mempunyai fungsi hampir sama dengan PageView Control yaitu memecah form yang besar dan komplek menjadi beberapa bagian yang lebih kecil. Dibandingkan dengan PageView, Wizard View lebih banyak fitur. Langkah-langkah pembuatannya sebagai berikut: 1. Tambahkan web form, beri nama dan ketikkan kode seperti contoh dibawah ini: 2. Lihat hasil kode dengan menekan CTRL+F5

15 TUGAS 1. Praktekkan semua contoh Advanced Control diatas sehingga membentuk beberapa project didalam project Solution Bab 4 seperti berikut: 2. Buat Form Inputan Data Siswa (dapat dilengkapi file css dan javascript), kombinasikan kode dengan contoh-contoh Advanced Control diatas! Ketentuan : Form menggunakan PageView atau bisa dengan WizardControl, tab/step berikutnya inputan terdapat upload foto siswa mulai SD, SMP, SMA. Tambahkan juga DatePicker tanggal bulan tahun lahir dari CalendarControl dan kata-kata motivasi bentuk JPG menggunakan AdRotator, dan validasi inputan seperti Praktikum ASP.Net 6, jika inputan diisi semua dan benar sesuai aturan maka akan menampilkan data-data yang diinputkan pada tab/step terakhir. Selamat Mengerjakan, semoga sukses! Share pada blog Anda masing-masing dan beri notifikasi ke Salam Hangat, Hadi Wijaya

PRAKTIKUM ASP 5 MENGGUNAKAN SERVER CONTROL. Praktikum diambil berdasar Buku Pemrograman Web Dinamis dengan ASP.NET 4.5.

PRAKTIKUM ASP 5 MENGGUNAKAN SERVER CONTROL. Praktikum diambil berdasar Buku Pemrograman Web Dinamis dengan ASP.NET 4.5. PRAKTIKUM ASP 5 MENGGUNAKAN SERVER CONTROL Praktikum diambil berdasar Buku Pemrograman Web Dinamis dengan ASP.NET 4.5. ASP.NET Control merupakan komponen utama dari ASP.NET Framework yang dieksekusi di

Lebih terperinci

Panduan Penggunaan dan Akses

Panduan Penggunaan dan Akses ProQuest Panduan Penggunaan dan Akses Cara Masuk Ke ProQuest ProQuest dapat di akses melalui website universitas, ataupun melalui URL http://search.proquest.com Untuk akses didalam universitas, dapat langsung

Lebih terperinci

E Layanan Pendidikan Dasar DAFTAR ISI

E Layanan Pendidikan Dasar DAFTAR ISI DAFTAR ISI Penjelasan Umum.. 2 Model Entri Data 2 Text Box.. 2 Combo Box 2 Calendar. 3 Option Button. 4 Check Box.. 4 Penyaluran Siswa.. 4 Prosedur Penyaluran Siswa.. 4 Pendaftaran Baru. 7 Edit Permohonan..

Lebih terperinci

Dokumentasi Aplikasi RUP

Dokumentasi Aplikasi RUP Dokumentasi Aplikasi RUP Daftar Isi Login... 1 Logout... 1 Ganti Profile... 2 Melihat Kode Satuan Kerja... 4 Unduh / Download File RUP... 5 Unggah File RUP... 7 Tambah Member... 9 Reset password... 10

Lebih terperinci

Petunjuk Penggunaan Moodle Bagi Pengajar

Petunjuk Penggunaan Moodle Bagi Pengajar Petunjuk Penggunaan Moodle Bagi Pengajar 1. Membuka Situs E-Learning Unsyiah Arahkan browser pada alamat situs e-learning Unsyiah: http://unsyiah.inherent-dikti.net/e-learning-unsyiah/. 2. Login Masukkan

Lebih terperinci

Daftar Isi PETUNJUK PEMAKAIAN APLIKASI NOMOR POKOK PERPUSTAKAAN

Daftar Isi PETUNJUK PEMAKAIAN APLIKASI NOMOR POKOK PERPUSTAKAAN 1 Daftar Isi BAB 1... 3 PENDAHULUAN... 3 1.1 ALUR KERJA SI-NPP... 3 BAB 2... 4 MENJALANKAN APLIKASI SI-NPP... 4 2.1 MASUK KE APLIKASI SI-NPP... 4 2.2 MENU DALAM APLIKASI (NPP)... 4 2.2.1 Menu Informasi...

Lebih terperinci

Modul Pelatihan Medical Learning

Modul Pelatihan Medical Learning Health Professional Education Quality (HPEQ) Project Modul Pelatihan Medical Learning bagi Koordinator Blok dan Dosen Oleh : Anisa Herdiani, M.T. Herika Hayurani, M.Kom. Puspa S. Pratiwi, S.Kom, M.SME.

Lebih terperinci

PROSEDUR MENGGUNAKAN SISTEM KOMANDAN SIKD BAGI PEMERINTAH DAERAH

PROSEDUR MENGGUNAKAN SISTEM KOMANDAN SIKD BAGI PEMERINTAH DAERAH PROSEDUR MENGGUNAKAN SISTEM KOMANDAN SIKD BAGI PEMERINTAH DAERAH 1 Dasar Implement Sistem Komandan SIKD 2 Bagaimana memperoleh User dan Password untuk Akses Sistem KOMANDAN SIKD Wujud pelaksanaan : a.

Lebih terperinci

Lampiran 2. PANDUAN PENGISIAN BORANG PENDAFTARAN ELEKTRONIK (e-pdf)

Lampiran 2. PANDUAN PENGISIAN BORANG PENDAFTARAN ELEKTRONIK (e-pdf) Lampiran 2. PANDUAN PENGISIAN BORANG PENDAFTARAN ELEKTRONIK (e-pdf) 1. TATA CARA PENDAFTARAN ONLINE a. Setelah mendapatkan KAP dan PIN SBMPTN 2013, buka laman http://ujian.sbmptn.or.id, bacalah petunjuk

Lebih terperinci

PETUNJUK OPERASIONAL WEBFORM GA

PETUNJUK OPERASIONAL WEBFORM GA PETUNJUK OPERASIONAL WEBFORM GA Daftar Isi MEMULAI APLIKASI...2 LOGIN...2 MENU...4 NEW...5 BROWSE...15 N E W...16 E D I T...16 D E L E T E...17 APPROVE...17 S E N D...18 DOWNLOAD...19 UPLOAD...20 REFERENCE...21

Lebih terperinci

BUKU SAKU SAPK MODUL PEREMAJAAN DATA

BUKU SAKU SAPK MODUL PEREMAJAAN DATA BUKU SAKU SAPK MODUL PEREMAJAAN DATA Login User BKD/Instansi 1 1. Ketikkan alamat aplikasi SAPK 2. Masukkan Username 3. Masukkan Password 4. Klik tombol Masuk 4 2 3 Tampilan Awal Aplikasi SAPK Nama instansi

Lebih terperinci

Klik tombol next, ketika tampil form sebagai berikut, masukkan passphrase yang telah Anda isikan pada saat permintaan Sertifikat Digital sebelumnya.

Klik tombol next, ketika tampil form sebagai berikut, masukkan passphrase yang telah Anda isikan pada saat permintaan Sertifikat Digital sebelumnya. I. Kondisi Prasyarat (Requirement) Prasyarat untuk menggunakan aplikasi Permintaan Nomor Seri Faktur Pajak Secara Elektronik atau Elektronik Nomor Faktur Online (e-nofa Online) adalah sebagai berikut:

Lebih terperinci

USER MANUAL SIRUP [ADMIN PPE]

USER MANUAL SIRUP [ADMIN PPE] USER MANUAL SIRUP [ADMIN PPE] [ADMIN PPE] 1. Login Pada halaman Home pilih menu Login. Setelah itu akan tampil seperti gambar di bawah ini. Gambar 1. Halaman Login Masukan username Admin PPE-id LPSE dan

Lebih terperinci

User Manual Sistem Bidikmisi 2014 SISWA. User Manual Sistem Bidikmisi. Siswa

User Manual Sistem Bidikmisi 2014 SISWA. User Manual Sistem Bidikmisi. Siswa User Manual Sistem Bidikmisi Siswa Tahun 2014 DAFTAR ISI DAFTAR ISI... i DAFTAR GAMBAR... ii PROSES PENDAFTARAN... 1 1. Login... 1 2. Dashboard... 2 3. Pelengkapan Data... 3 3.1. Biodata... 3 3.2. Akademik...

Lebih terperinci

Daftar Gambar. Gambar 1. Form Pengaduan hal.1... 3 Gambar 2. Form Pengaduan hal.2... 4 Gambar 3. Form Tanda Terima Penagaduan... 6

Daftar Gambar. Gambar 1. Form Pengaduan hal.1... 3 Gambar 2. Form Pengaduan hal.2... 4 Gambar 3. Form Tanda Terima Penagaduan... 6 Daftar Isi Daftar Isi... 1 Daftar Gambar... 2 Petunjuk Penggunaan Aplikasi Sistem Pengaduan Masyarakat (SPM) - Pelapor... 3 Menjalankan Aplikasi Sistem Pengaduan Masyarakat (SPM)... 3 Entry Pengaduan...

Lebih terperinci

Eksplorasi Gradien Menggunakan Geogebra. Muh. Tamimuddin H

Eksplorasi Gradien Menggunakan Geogebra. Muh. Tamimuddin H Eksplorasi Gradien Menggunakan Geogebra Muh. Tamimuddin H Geogebra dapat digunakan untuk membuat sebuah lembar kerja dinamis. Pada tulisan ini, GeoGebra akan kita gunakan untuk menggambarkan sebuah garis

Lebih terperinci

LANGKAH LANGKAH PENGUNAAN EMAIL KORPORAT

LANGKAH LANGKAH PENGUNAAN EMAIL KORPORAT DAFTAR ISI DAFTAR ISI...1 LANGKAH LANGKAH PENGUNAAN EMAIL KORPORAT...2 I. CARA PENGAKSESAN EMAIL...2 II. CARA MELIHAT EMAIL...4 III. CARA MEMBUAT EMAIL / PESAN BARU...6 LANGKAH LANGKAH PENGUNAAN EMAIL

Lebih terperinci

User Manual Sistem Bidikmisi. Sekolah

User Manual Sistem Bidikmisi. Sekolah User Manual Sistem Bidikmisi Sekolah Tahun 2014 Daftar isi Daftar isi... i Daftar Gambar... ii User Manual Sekolah... 1 1. Registrasi Sekolah... 1 1.1. Belum Terdaftar... 2 1.2. Sudah Terdaftar... 6 2.

Lebih terperinci

PETUNJUK PENGGUNAAN APLIKASI e- PURCHASING PRODUK BARANG/JASA PEMERINTAH PPK

PETUNJUK PENGGUNAAN APLIKASI e- PURCHASING PRODUK BARANG/JASA PEMERINTAH PPK PETUNJUK PENGGUNAAN APLIKASI e- PURCHASING PRODUK BARANG/JASA PEMERINTAH PPK Update 12 Februari 2015 Daftar Isi 1 Pendahuluan... 2 1.1 Alur Proses e- Purchasing Produk Barang/Jasa Pemerintah Dalam Aplikasi

Lebih terperinci

SIPP Online. User Manual SIPP Online

SIPP Online. User Manual SIPP Online PETUNJUK PENGGUNAAN : Aplikasi Sistem Informasi Pelaporan Perusahaan (SIPP) Online BPJS Ketenagakerjaan, adalah : aplikasi untuk pengelolaan laporan mutasi data kepesertaan BPJS Ketenagakerjaan. Buku ini

Lebih terperinci

PANDUAN PENGGUNA ELISA

PANDUAN PENGGUNA ELISA UNIVERSITAS GADJAH MADA PANDUAN PENGGUNA ELISA (UNTUK DOSEN) UNIT PENGEMBANGAN BAHAN KULIAH BERBASIS TEKNOLOGI DAN KOMUNIKASI GEDUNG PUSAT UGM SAYAP SELATAN LANTAI 3 RUANG S3-45 YOGYAKARTA 2011 DAFTAR

Lebih terperinci

Manual College Book Manager (CBM) Universitas Muhammadiyah Pontianak

Manual College Book Manager (CBM) Universitas Muhammadiyah Pontianak Manual College Book Manager (CBM) Universitas Muhammadiyah Pontianak Pengenalan 1. Mengenai CBM CBM adalah aplikasi yang dikembangan untuk pengambilan KRS (Kartu Rencana Studi), review KHS (Kartu Hasil

Lebih terperinci

Gambar 1 - Graphical User Interface (GUI) dbookpro

Gambar 1 - Graphical User Interface (GUI) dbookpro PENGANTAR DBOOK PRO UNTUK PENGGUNA TINGKAT LANJUT dbookpro adalah perangkat lunak yang bisa digunakan untuk membuat buku teks elektronik interaktif atau e-textbook. E-textbook bisa dibuat dengan memasukkan

Lebih terperinci

SITUS PEMBELAJARAN ELEKTRONIK MIKROSKIL

SITUS PEMBELAJARAN ELEKTRONIK MIKROSKIL P A N D U A N P E N G G U N A A N SITUS PEMBELAJARAN ELEKTRONIK MIKROSKIL https://www.mikroskil.ac.id/elearning/ UNTUK DOSEN DITERBITKAN OLEH: UPT PEMBELAJARAN ELEKTRONIK MIKROSKIL (2013) Persiapan Prasyarat

Lebih terperinci

Dalam membuat sebuah website ada beberapa hal yang perlu Anda persiapkan sebelum Anda memulainya.

Dalam membuat sebuah website ada beberapa hal yang perlu Anda persiapkan sebelum Anda memulainya. Belajar Membuat Website David Odang support@belajarmembuatwebsite.com http://www.belajarmembuatwebsite.com Lisensi Dokumen: Copyright David Odang, BelajarMembuatWebsite.Com Seluruh dokumen ini dapat digunakan

Lebih terperinci

SIMPLE TUTORIAL - ADOBE DREAMWEAVER CS 5 Oleh: H. Heri Istiyanto, S.Si., M.Kom.

SIMPLE TUTORIAL - ADOBE DREAMWEAVER CS 5 Oleh: H. Heri Istiyanto, S.Si., M.Kom. SIMPLE TUTORIAL - ADOBE DREAMWEAVER CS 5 Oleh: H. Heri Istiyanto, S.Si., M.Kom. Dreamweaver merupakan aplikasi yang digunakan untuk membuat website secara profesional. Pada tutorial ini akan dijelaskan

Lebih terperinci

SISTEM KONSULTASI DAN LAPORAN PEMBIMBINGAN TUGAS AKHIR

SISTEM KONSULTASI DAN LAPORAN PEMBIMBINGAN TUGAS AKHIR SISTEM KONSULTASI DAN LAPORAN PEMBIMBINGAN TUGAS AKHIR Sri Handayaningsih 1), Wahyu Pujiyono 2) Universitas Ahmad Dahlan Jl. Prof. Dr. Soepomo Janturan, Warungboto, Yogyakarta. Telp 0274. 3815223, 379418

Lebih terperinci

PANDUAN PRAKTIS MENGOLAH VIDEO MENGGUNAKAN PINACLE STUDIO 12 * Oleh: Khusnul Aflah SEPINTAS TENTANG PINACLE STUDIO 12

PANDUAN PRAKTIS MENGOLAH VIDEO MENGGUNAKAN PINACLE STUDIO 12 * Oleh: Khusnul Aflah SEPINTAS TENTANG PINACLE STUDIO 12 PANDUAN PRAKTIS MENGOLAH VIDEO MENGGUNAKAN PINACLE STUDIO 12 * Oleh: Khusnul Aflah SEPINTAS TENTANG PINACLE STUDIO 12 Pinacle Studi 12 adalah program video editing yang banyak digunakan untuk mengolah

Lebih terperinci

Bab 7 Menggunakan Gambar

Bab 7 Menggunakan Gambar Bab 7 Menggunakan Gambar Webmaster Pro Front Page XP Daftar Isi Bab 7 1. Memasang gambar pada halaman...209 1.1 Mengambil gambar dari Web FrontPage... 210 1.2 Mengambil gambar dari koleksi Clip Organizer...

Lebih terperinci

User Manual. Sistem Informasi Manajemen Rapat. Oleh. Drs. Heru Suhartanto, MSc., Ph.D. Christine Angelina, SKOM. Fuady Rosma Hidayat, SKOM.

User Manual. Sistem Informasi Manajemen Rapat. Oleh. Drs. Heru Suhartanto, MSc., Ph.D. Christine Angelina, SKOM. Fuady Rosma Hidayat, SKOM. User Manual Sistem Informasi Manajemen Rapat Oleh Drs. Heru Suhartanto, MSc., Ph.D Christine Angelina, SKOM. Fuady Rosma Hidayat, SKOM. Johanes,SKOM. Yoanna Widyanti,SKOM. Fakultas Ilmu Komputer, Universitas

Lebih terperinci