Mengenal Visual Designer Dan IntelliSense

1y ago
56 Views
1 Downloads
3.52 MB
9 Pages
Last View : 5d ago
Last Download : 4m ago
Upload by : Wren Viola
Transcription

Juli 09,2010ASP.NETMODUL 2Mengenal visual designer dan IntelliSenseSejak dahulu, keunggulan Visual Studio dibandingkan tools lainnya adalah adanya fitur visualdesigner, yaitu developer melakukan editing secara visual, dan di balik itu Visual Studio akanmenggenerate code yang sesuai dengan tampilan visual yang dibuat oleh developer. Dengandemikian, developer tidak perlu menulis code-code yang sudah sangat umum. Misalnya,menambahkan suatu tombol pada halaman website. Developer hanya perlu melakukan dragand-drop serta mengubah tampilan tombol melalui window Properties sambil dapat melihatsecara langsung perubahan tampilan yang terjadi pada tombol. Ikuti Langkah BerikutMenambahkan tombol pada halaman website1. Buka Visual Studio 2008, pilih Open: Web Site 2. Bukalah website yang terakhir kali Anda buat, yaitu WebASPNET35PenjelasanDengan kemampuan visual editing, Visual Studio menghemat waktu dan tenaga dalammembuat dan mengolah control pada suatu halaman website tanpa perlu mengubah code-nyasecara langsung. Dengan mengubah properti BackColor menjadi Yellow dan Text menjadi Wow,maka Visual Studio secara otomatis menggenerate code berikut:Selanjutnya, kita akan memanfaatkan fitur IntelliSense, baik untuk code ASP.NET, C#, bahkansampai JavaScript.Ikuti Langkah BerikutMenambahkan event handler pada tombol1. Buka kembali halaman Default.aspx pada website WebASPNET35 dengan menggunakanVisual Studio 2008.2. Gunakan mode Source View dengan mengklik pilihan SourceWAN H MANIHURUK /VISUAL STUDIO 2008/ASP.NET/1

Juli 09,2010ASP.NETMODUL 23.Tambahkan properti Width pada Button1, dengan menekan spasi pada control Button1. Ketikamenekan spasi, otomatis Visual Studio akan menampilkan code yang dapat digunakan untukButton1.4. Dari pilihan yang ada, pilih Width kemudian ketikkan tanda 5. Isi properti Width dengan 100. Jangan lupa menambahkan tanda “ dan “ dalam mengisi suatupropertiWidth "100"6. Sekarang code untuk Button1 adalah seperti berikut asp:Button ID "Button1" runat "server" Text "wow" BackColor Yellow Width "100" / 7. Kembali ke Default.aspx dan gunakan mode Source View8. Tambahkan code JavaScript berikut di dalam tag head /head (Anda juga akan dibantuoleh IntelliSense dalam menambahkan script ini): script type "text/javascript" function sayHi() { alert("Hi.!");} /script 11. Di sebelah Button1, tambahkan sebuah HTML Button yang memanggil method sayHi jikadiklik input type "button" value "Say Hi" onclick "sayHi()" / 12. Tes website Anda dengan menekan Ctrl F5Visual Studio 200814. Sekarang klik tombol bertuliskan Say Hi, maka akan muncul window alert yang menyapaAndaWAN H MANIHURUK /VISUAL STUDIO 2008/ASP.NET/2

Juli 09,2010ASP.NETMODUL 2PenjelasanSetiap kali Anda mengetikkan sesuatu, Visual Studio akan memberikan Anda pilihan-pilihan yangsesuai dengan apa yang Anda akan ketikkan. Fitur ini disebut IntelliSense. Dengan adanya fiturini, biasanya kita hanya akan mengetikkan sebuah atau beberapa huruf saja kemudian menekanEnter untuk kemudian akan otomatis dilengkapi oleh Visual Studio 2008.Fitur IntelliSense berlaku untuk code ASP.NET pada file .aspx, untuk code C# pada file .cs, danuntuk code JavaScript, baik yang diembed di suatu halaman web maupun script yang berada didalam file .js.Pada control Button1, event OnClick dihandle oleh method Button1 Click yang berada dicode behind dari halaman Default.aspx, yaitu Default.aspx.cs. Di dalam method Button1 Click,dipanggil method Response.Write(“I was clicked”) sehingga ketika Button1 diklik, akanmuncul tulisan I was clicked.Di control lainnya, yaitu sebuah HTML input yang bertipe button, event onclick dihandle olehmethod sayHi yang ada di JavaScript. Di dalam method sayHi, dipanggil method alert(“Hi.!”).Dengan demikian jika tombol ini diklik, akan muncul window yang bertuliskan Hi.!.AJAXSekilas tentang AJAXAsynchronous JavaScript and XML atau yang lebih dikenal dengan AJAX mulai bergaung sejaktahun 2005. AJAX bukanlah suatu bahasa pemrograman, bukan pula merupakan suatu script,akan tetapi merupakan suatu teknik baru untuk membuat aplikasi web yang lebih interaktif.Dengan menggunakan AJAX, JavaScript yang ada pada suatu halaman web dapat berkomunikasilangsung dengan server dengan menggunakan objek XMLHttpRequest. Nah, dengan objek ini,JavaScript dapat mengambil dan mengirimkan data ke server tanpa perlu melakukan reload ataurefresh pada halaman web. Mengapa? Karena AJAX melakukan transfer data (request Http)secara asynchronous antara browser dengan web server sehingga memungkinkan untukmengambil sebagian data dari server tanpa perlu mengambil semua isi halaman web tersebutdari ulang. Dengan demikian, aplikasi web menjadi lebih cepat dan lebih user-friendly. DanWAN H MANIHURUK /VISUAL STUDIO 2008/ASP.NET/3

Juli 09,2010ASP.NETMODUL 2untungnya AJAX tidak tergantung dari web server tempat AJAX tersebut berada, karena AJAXmenggunakan protokol Http dan transfer data melalui request Http. Perlu diketahui bahwaobjek XMLHttpRequest hanya didukung oleh browser-browser masa kini, yaitu: Internet Explorer 5 dan yang lebih baru Safari 1.2 dan yang lebih baru Mozilla Firefox 1.0 dan yang lebih baru Opera 8 dan yang lebih baru Netscape 7 dan yang lebih baruAJAX pada ASP.NETKetika masih menggunakan framework .NET 2.0, AJAX merupakan “benda asing” sehingga perludiinstal sebagai suatu “tambahan” pada ASP.NET 2.0. Sekarang, framework. NET 3.5 sangatmemudahkan kita dalam menggunakan AJAX di ASP.NET karena AJAX Extensions sudahmerupakan bagian dari .NET framework. Control-control yang memungkinkan penggunaan AJAXpun sudah dimasukkan ke dalam Toolbox, yaitu:1. ScriptManager. Berfungsi untuk mengatur client script untuk halaman web yangmenggunakan AJAX.2. ScriptManagerProxy. Memungkinkan komponen yang nested seperti content page dan usercontrol untuk menggunakan AJAX di mana komponen yang menjadi parent sudah memilikiScriptManager.3. Timer. Berfungsi untuk melakukan postback dalam setiap kurun waktu tertentu.4. UpdatePanel. Berfungsi sebagai tempat di mana AJAX beraksi. Hanya bagian yang di dalamUpdatePanel yang akan di-reload oleh web server. Bagian di luar UpdatePanel tidak akanmengalami reload.5. UpdateProgress. Berfungsi untuk menyediakan informasi status bagian dari halaman webyang sedang di-update dalam suatu control UpdatePanel.Ikuti Langkah BerikutMembuat halaman web ASP.NET yang menggunakan AJAX1. Buka kembali website WebASPNET35.2. Buatlah sebuah halaman web baru. Caranya yaitu klik kanan root dari website pada SolutionExplorer, kemudian pilih Add New Item WAN H MANIHURUK /VISUAL STUDIO 2008/ASP.NET/4

Juli 09,2010ASP.NETMODUL 23. Pilih Web Form pada pilihan Templates. Beri nama LatihanAjax.aspx. Pilih Visual Basic sebagaiLanguage dan jangan lupa untuk memilih check box “Place code in separate file” agarotomatis dibuatkan code behind untuk halaman ini oleh Visual Studio.4. Di dalam elemen div, tambahkan sebuah TextBox tanpa tulisan, sebuah Button dengantulisan “Set Text” di samping TextBox dan sebuah Label tanpa tulisan di bawah TextBox.Tambahkan Button1 Click sebagai handle OnClick pada Button. Berikut adalah code yangterdapat pada elemen div:WAN H MANIHURUK /VISUAL STUDIO 2008/ASP.NET/5

Juli 09,2010ASP.NETMODUL 2 div asp:TextBox ID "TextBox1" runat "server" /asp:TextBox asp:Button ID "Button1" runat "server" Text "SetText" OnClick "Button1 Click" / br / asp:Label ID "Label1" runat "server" /asp:Label /div 5. Buka code behind LatihanAjax.aspx, yaitu LatihanAjax.aspx.cs. Tambahkan methodButton1 Click di dalamnya seperti berikut:protected void Button1 Click(object sender, EventArgs e){Label1.Text TextBox1.Text;}6. Jalankan halaman LatihanAjax.aspx pada browser dengan cara klik kanan LatihanAjax.aspxpada Solution Explorer, kemudian pilih View in Browser7. Coba tuliskan suatu kata di text box, kemudian klik tombol “Set Text”. Halaman akan di-postback ke server dan terjadi reload atau refresh yang ditandai dengan sempatnya muncul“layar putih” di browser.WAN H MANIHURUK /VISUAL STUDIO 2008/ASP.NET/6

Juli 09,2010ASP.NETMODUL 28. Pada contoh di atas, kita belum menggunakan kemampuan AJAX. Sekarang kita akan gunakanAJAX agar dalam memanggil method Button1 Click tidak perlu postback seluruh halaman webke server sehingga tidak terjadi refresh. Buka kembali halaman LatihanAjax.aspx.9. Tambahkan UpdatePanel dan isi UpdatePanel tersebut dengan ContentTemplate. PindahkanTextBox, Button serta Label yang sebelumnya ada ke dalam ContentTemplate. Berikut adalahcode pada elemen div setelah langkah ini selesai /div asp:UpdatePanel ID "UpdatePanel1" runat "server" ContentTemplate asp:TextBox ID "TextBox2" runat "server" /asp:TextBox asp:Button ID "Button2" runat "server"Text "Set Text" OnClick "Button1 Click" / br / asp:Label ID "Label2" runat "server" /asp:Label /ContentTemplate /asp:UpdatePanel /div 10. Tambahkan sebuah ScriptManager sebelum UpdatePanel sehingga code LatihanAjax.aspxmenjadi seperti berikut /div asp:ScriptManager ID "ScriptManager1" runat "server" /asp:ScriptManager asp:UpdatePanel ID "UpdatePanel2" runat "server" ContentTemplate asp:TextBox ID "TextBox3" runat "server" /asp:TextBox asp:Button ID "Button3" runat "server"Text "Set Text" OnClick "Button1 Click" / br / asp:Label ID "Label3" runat "server" /asp:Label /ContentTemplate /asp:UpdatePanel /div 12. Isi TextBox1 dengan suatu tulisan, kemudian klik Button1. Akan muncul tulisan pada Label1sesuai dengan tulisan yang ada di TextBox1. Dan hebatnya, hal ini terjadi tanpa adanya refreshpada halaman web.WAN H MANIHURUK /VISUAL STUDIO 2008/ASP.NET/7

Juli 09,2010ASP.NETMODUL 211. Untuk menjalankan LatihanAjax.aspx pada browser, klik kanan LatihanAjax.aspx padaSolution Explorer kemudian pilih View in BrowserPenjelasanHingga langkah ke-7, halaman LatihanAjax.aspx merupakan halaman website ASP.NETbiasa, karena halaman web tersebut “bersikap” seperti biasa, yaitu terjadi refresh ketikabrowser melakukan request ke web server.Pada langkah ke-9, kita memasukkan semua control yang akan diberikan kemampuan untukmelakukan request ke web server secara asynchronous ke dalam control UpdatePanel. Dengandemikian, TextBox1, Button1, serta Label1 memiliki kemampuan AJAX, yaitu melakukan updatedan terupdate tanpa perlu me-refresh seluruh halaman web.Namun jangan lupa bahwa agar LatihanAjax.aspx diperlakukan secara AJAX, maka perluditambahkan sebuah ScriptManager pada halaman tersebut. ScriptManager ini harus munculsebelum adanya UpdatePanel sehingga biasanya memang ditempatkan di awal halaman website.Dengan adanya ScriptManager serta masuknya control-control ke dalam UpdatePanel, makahalaman LatihanAjax.aspx sudah diberikan kemampuan AJAX, yaitu melakukan update tanpaperlu melakukan refresh.WAN H MANIHURUK /VISUAL STUDIO 2008/ASP.NET/8

Juli 09,2010ASP.NETMODUL 2Ada kalanya update yang terjadi di belakang layar butuh waktu lama dan karena halaman webyang diberikan kemampuan AJAX tidak Nampak untuk refresh, maka sebaiknya pengunjung webperlu diberitahu bahwa proses update sedang dilakukan. Untuk kebutuhan ini, kita bisamenggunakan control UpdateProgress.WAN H MANIHURUK /VISUAL STUDIO 2008/ASP.NET/9

WAN H MANIHURUK /VISUAL STUDIO 2008/ASP.NET/ 1 Mengenal visual designer dan IntelliSense Sejak dahulu, keunggulan Visual Studio dibandingkan tools lainnya adalah adanya fitur visual designer, yaitu developer melakukan editing secara visual, dan di balik itu Visual Studio akan

Related Documents:

Design Fundamentals* *Fashion and Textiles Food Technology Industrial Technology Multimedia Photography (Video and Digital Imaging)* Visual Arts *Subject is non ATAR. Designer: graphic designer, fashion designer, furniture designer, industrial designer, interior designer, jewellery designer, landscape designer, textile designer

Gambar 3 Grafik Pra Siklus Kemampuan Mengenal Konsep Bilangan, 59. Gambar 4 Grafik Siklus I Kemampuan Mengenal Konsep Bilangan, 67. Gambar 5 Grafik Siklus Ii Kemampuan Mengenal Konsep Bilangan, 78. Gambar 6 Grafik Pra Siklus, Siklus I, dan Siklus II Kemampuan Mengenal konsep bilangan, 84.

Support for SAP Lumira Designer Client Version Visual BI Extensions 12 SAP Lumira Designer Release Supported Visual BI Extensions (VBX) Release Lumira Designer 2.0 or higher Till Release 2.0 Lumira Designer (2.1 or hi

Mengembangkan potensi anak dalam mengenal angka dan merangsang kemampuan mengidentifikasi jumlah dan simbol angka melalui media kartu angka. 2. Untuk mengetahui apakah kemampuan mengenal angka siswa kelompok B dapat meningkatkan Melalui Media Kartu Angka di PAUD Cahaya Hati Desa Serange Kecamatan Lopok Tahun Pelajaran 2013/2014. D.

Wedding Invitation Designer - Social Media Promotional’ s Designer and Marketer -Flyer Designer Corporate Gift: Mug Corporate Event Invitation Card Designer Web Banner Designer -Magazine Cover Designer Slideshows & Promo Videos Creator -Poster Designer Data Entry Operator News

DESIGNER Line Comparison Chart 1.2 2 FEATURES DESIGNER EPIC 2 DESIGNER BRILLIANCE 80 DESIGNER TOPAZ 50 DESIGNER TOPAZ 40 DESIGNER JADE 35 Multi-Size Embroidery Fonts 8 5 2/1 1 Embroidery Unit Size Large Large Medium/Small Small Imperial Hoop 14¼”x10¼” (360x260mm) Included

Asep Ramdhani M – Mengenal Microsoft Visual Basic 2008 Hal - 2 sebuah tampilan grafis yang sangat berbeda dari sebelumnya, Salah satunya adalah Microsoft Visual Basic. Microsoft Visual Basic atau dikenal dengan VB, merupakan salah satu perangkat lunak

OMRON M10-IT Intellisense. OMRON M10-IT Intellisense è un misuratore di pressione completa-mente automatico, il cui funzionamento si basa sul principio oscillome-trico. L’apparecchio misura in modo semplice e rapido la pressione arteriosa e la frequenza delle pulsazioni. Grazie alla tecnologia avan-

Laporan Program Visual 3 dan 4 Page 4 PRAKTIKUM 3 – 4 FORM DAN OBJEK KONTROL (2) A. TUJUAN - Memahami dan mengenal Form dan Objek Kontrol; - Dapat membuat aplikasi sederhana dengan menggunakan form dan objek control. B. PERANGKAT LUNAK (S OFTWARE ) - Microsoft Visual Basic 2008 C. DASAR TEORI OBJEK KONTROL MenuStrip, ContextMenuStrip dan .

Puspitasari (2013) yang berjudul “Upaya Meningkatkan Kemampuan Mengenal Lambang Bilangan 1-10 Melalui Media Kotak Pintar Pada Anak Kelompok A Tk Pertiwi 1 Balongbesuk Kec. Diwek Kab. Jombang ”, menemukan bahwa dengan kotak pintar kemampuan mengenal lambang 1-10 di sekolah tersebut mengalami peningkatan. Sugeng . Harnanto (2016) yang .

Laporan ini menyampaikan tentang Pengenalan Visual Basic dan mengaitkan platform Microsoft .NET , Mengenal Integrated Development Environment (IDE) Visual Basic .NET , Memahami struktur project Visual Basic .NET , Terwujudnya laporan ini tidak terlepas dari bantuan berbagai pihak dan sumber –

c. Kegiatan analisis mencakup analisis representasi visual dan isi buku teks tersebut ditinjau dari aspek tipe visual, keterkaitan representasi visual dengan konten, realitas visual, dan fungsi penerapan representasi visual yang berkaitan

WEB 2.0 DAN BLOG Sebelum mengenal dan memahami lebih jauh apa yang dimaksud dengan Blog, maka kita sebaiknya mengenal lebih dahulu istilah Web 2.0. Evolusi internet yang dikenal dengan istilah era Web 2.0, melahirkan aplikasi web atau layanan online yang memudahkan kita untuk berkomunikasi, berkolaborasi, dan berbagi

9.Pada tahun 2008 Microsoft Visual Basic Versi 9.0 10. 10.Pada tahun 2010 Microsoft Visual Basic Versi 10.0 . Mengenal IDE Visual Basic Dalam upaya memudahkan penggunaan IDE, maka diperlukan pemahaman yang baik mengenai IDE Visual Basic 2012 Gambar 1.4 Keterangan:

1. Memulai Visual Foxpro lewat menu Start – Programs – Microsoft Visual Foxpro. 2. Memulai Visual Foxpro lewat Shortcut Visual Foxpro. 1.3. Tampilan Utama Visual Foxpro 1.3.1. Jendela Microsoft Visual Foxpro . Buatlah program untuk menghitung konversi dari celcius menjadi reamur, fanrenheit dan . Dari pertemu

Microsoft Visual Basic 6.0 adalah bahasa pemrograman yang digunakan . komputer dengan menggunakan sistem operasi Windows yang belum mengenal . 23 November 2008. Suparman., 1991. Mengenal Artificial Intellegence . Andi Offset, Yogyakarta. Sri, 2005. Kamus Komputer dan Teknologi Informasi ,

Graphic Designer Creates designs for maximum visual impact on screen. Lettering Artist Creates designs for maximum visual impact on screen. Lettering Designer Creates designs for maximum visual impact on screen. Creature Designer Designs and makes masks/body parts/actual creatures to

Analytics Designer Cloud first strategy Lumira Designer State-of-the art Analytics Designer for professional users spanning across BI, Planning & Predictive SAP Analytics Cloud SAP is committed to delivering innovative analytics designer

BSC Designer Online - Balanced Scorecard Software Use BSC Designer Online to create a Balanced Scorecard with KPIs, strategy maps, and dashboards. Sign-up with a free plan at BSC Designer Online. No credit card is required. Get start with a template. Use BSC Designer Online to follow the Balanced Scorecard approach using a real template with a

It would be called the American Board of Radiology. A short time after his speech to the ACR, Dr. Christie repeated his proposal at a session of the American Medical Association (AMA) Section on Radiology in June 1933. It was received favorably. After two years of discussion among representatives of the four major national radiology societies (ACR, ARRS, ARS, and RSNA), the ABR was .