View
228
Download
4
Category
Preview:
Citation preview
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
Module TA 223
PARADIGMA PENGATURCARAAN VISUAL
Prepared by : Norliza Muhammad Nor Page 1
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
Topik 1: Pengenalan
1.1 Pengenalan
Visual basic.Net merupakan salah satu perisian yang disediakan di dalam pakej perisian Microsoft Visual Studio .Net.
Menawarkan satu persekitaran kerja yang lebih sistematik, mudah dan berkesan khususnya dalam menghasilkan projek-projek yang diperlukan.
Menggunakan pendekatan visual dengan antaramuka pengguna berasaskan grafik (Graphical user interfaces: GUI)
Visual basic merupakan sebuah perisian bahasa pengaturcaran yang berorientasikan objek(OOP), dan proses pengaturcaraan yang dilaksanakan pula lebih kepada berpusatkan peristiwa atau event-driven.
Proses menghasilkan program menggunakan Visual Basic.Net:
o Proses menghasilkan program menggunakan Visual Basic melibatkan beberapa langkah mudah iaitu:
Menyediakan antaramuka penggguna.
Menetapkan sifat atau property bagi setiap objek atau element kawalan.
Menulis kod atau aturcara bagi membolehkan program berfungsi seperti mana yang diperlukan.
Melakukan proses pengkompilan (compile) atau pempakejan untuk menjadikan projek Visual Basic sebagai sebuah program yang boleh dimainkan secara sendiri.
Proses memasukkan (installasi) perisian Visual Studio.Net:
o Perisian Microsoft Visual Basic .Net datang sebagai pakej bersama-sama dengan perisian Microsoft Visual Studio. Net. Di dalam pakej ini terdapat juga perisian
Prepared by : Norliza Muhammad Nor Page 2
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
pengaturcaraan lain iaitu C#.Net dan C++. Net. Semasa membuat proses installasi pengguna boleh memilih untuk membuat installasi lengkap ataupun memilih perisian serta komponen-komponen yang diperlukan sahaja.
o Berikut merupakan langkah untuk membuat installasi:
Masukkan cakera padat Visual Basic 2005 Express edition atau perisian lain yang menyediakan kemudahan untuk menggunakan Visual Basic.Net dan autorun akan melancarkan fail setup.exe secara automatic.
Prepared by : Norliza Muhammad Nor Page 3
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
Sekiranya kemudahan autorun gagal berfungsi, pengguna boleh memilih terus fail setup.exe yang ada dalam cakera padat tersebut.
Skrin user licence agreement akan di paparkan, pengguna perlu klik pada checkbox agree dan butang next.
Prepared by : Norliza Muhammad Nor Page 4
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
Prepared by : Norliza Muhammad Nor Page 5
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
Seterusnya windows bagi installation option akan dipaparkan. Pengguna boleh memilih samada untuk install semua atau salah satu edisi yang disenaraikanlu
Kemudian antaramuka bagi destinasi folder akan dipaparkan. Pengguna boleh menentukan tempat di mana perisian ini akan disimpan dan seterusnya menekan butang “install ” untuk install perisian pada computer.
Prepared by : Norliza Muhammad Nor Page 6
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
Prepared by : Norliza Muhammad Nor Page 7
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
Apabila proses instalasi selesai antaramuka seperti di bawah akan dipaparkan. Pengguna perlu menekan butang exit untuk mengakhiri proses instalasi.
Prepared by : Norliza Muhammad Nor Page 8
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
1.2 Platform.Net
Digunakan untuk menyediakan pelantar bagi pembangunan perisian dalam bentuk .Net
Platform.Net menyediakan:
o Language independent
o Operasi telus dan jelas
o Memudahkan pertukaran teknologi
o Sokong HTTP, XML, Soap
o Support for Components
Prepared by : Norliza Muhammad Nor Page 9
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
o Language Integration
o Common Runtime Engine
o Base Class Library
o Application Interoperation across the Web
o Simplified Development and Deployment
o Improved Reliability
o Portability
o Greater Security.
Diagram platform.Net
Visual studio .Net
Orehestution
.Net Framework
Internet
+
Communication
.Net interpose server Building block service
windows
Prepared by : Norliza Muhammad Nor Page 10
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
Diagram rangka kerja .net:
Kod aturcara yang ditulis dalam pelbagai bahasa akan ditukar kepada kod mesin seperti diagram di bawah:
Di dalam cakera Visual studio.Net biasanya terdapat beberapa bahasa pengaturcaraan seperti Visual basic, visual C++, C#, J# dan rangkakerja .NET.
Rangka kerja .NET ini membenarkan objek dari bahasa pengaturcaraan yang berbeza berinteraksi dan berkerja bersama-sama.
Semua bahasa pengaturcaraan berasaskan .Net akan di compile kedalam bentuk bahasa mesin yang dipanggil sebagai Microsoft Intermediate Language (MSIL).
Code MSIL akan dilarikan di dalam Common Language Runtime (CLR) yang merupakan salah satu file di dalam rangka kerja .Net.
Prepared by : Norliza Muhammad Nor Page 11
ASP.Net :web forum dan service GUI
ADO.NET : data dan XML
.NET class library
CLR
VB.Net MSIL Kod mesin
Visual studio .Net CLR
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
1.4 : Komponen.Net
Komponen. Net framework yang terlibat dalam pembangunan sesuatu system ialah:
o ASP .Net : web forum and service
o GUI
o ADO . Net : Data dan XML
o .Net class library
o CLR
Prepared by : Norliza Muhammad Nor Page 12
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
Topik 2: Ciri-ciri Persekitaran Pembangunan
2.1 : Intergrasi Persekitaran Pembangunan.
Pengaturcaraan menggunakan Visual Basic dilaksanakan dalam persekitaran windows dan dikenali sebagai Integrated Development Environment (IDE).
Ciri-ciri IDE:
o Hanya 1 IDE sahaja untuk semua Microsoft .Net projek yang dibina.
o Projek yang dibangunkan mengandungi bahasa pengaturcaraan.
o IDE boleh di konfigurasikan (customize) melalui my-profile.
o IDE mempunyai built-in internet browser yang tersendiri.
Perisian yang digunakan bagi membangunkan aturcara visual basic .Net adalah perisian Microsoft Visual Studio.Net, Microsoft Visual basic 2005 Express Edition dan lain-lain.
Microsoft Visual studio.Net
Perisian Microsoft Visual Studio .Net yang di install pada sesuatu computer kebiasaannya menyediakan 3 kumpulan aplikasi yang dikategorikan sebagai Microsoft Visual Studio .Net, Microsoft .Net Framework SDK dan HTML Help Workshop.
Ciri-ciri Visual Studio.Net:
o Keyword dan syntax menggunakan warna yang berbeza (highlighted)
o Intersense
o Console (gambar)
o Projek dan solution management ( solution explorer)
o Properties tab
Prepared by : Norliza Muhammad Nor Page 13
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
o Drag & drop over from windows
o Hot compiler
Cara –cara menggunakan perisian Microsoft Visual Studio.Net.
o Klik pada button start > All Programs> Microsoft Visual Studio. Net > Microsoft Visual Studio.Net
o Perisian Microsoft Visual Studio.Net akan dipaparkan seperti berikut:
Pada paparan ini pengguna boleh menetapkan spesifikasi atau profail peribadi.
o Sebagai contoh, klik pada pautan My profile dan medan yang membolehkan penetapan profail akan dipaparkan seperti berikut:
o Pada kategori profile, klik butang anak panah ke bawah dan pilih Visual basic Developer jika pengguna ingin menggunakan perisian visual basic secara intensif.
o Pilihan ini juga turut menyediakan kemudahan yang membolehkan pengguna menetapkan spesifikasi lain seperti skema papan kekunci, susun atur tetingkap dan lain-lain.
o Seterusnya, pengguna boleh menggunakan perisain Visual Basic dengan menyediakan satu fail atau projek yang baru, ini dilakukan dengan menggunakan arahan File > New> project.
o Apabila tetingkap New projek dipaparkan, pengguna boleh memilih jenis projek , jenis template yang dikehendaki, namakan projek, tentukan lokasi dimana projek akan disimpan.
o Jenis projek yang disediakan adalah:
Visual basic projects
Visual c# projects
Visual C++ projects
Prepared by : Norliza Muhammad Nor Page 14
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
Setup and development projects
Other projects
Visual studio solutions
o Jenis pilihan template adalah seperti berikut:
Windows application class library
Windows control library
ASP.Net Wec (untuk mencipta boring)
ASP.Net Web service
Web control library (bagi membolehkan pengguna menggunakan laman web)
Console application service
Console application
Other
Microsoft Visual basic 2005 Express Edition
Cara –cara menggunakan perisian:
o Pengguna perlu click pada butang start > all program > Microsoft Visual basic 2005 Express Edition.
o Bagi perisian yang diguna pada kali pertama, windows berikut akan dipapatkan.
Prepared by : Norliza Muhammad Nor Page 15
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
o Dan seterusnya antaramuka berikut akan dipaparkan. Pada antaramuka ini pengguna boleh membina projek baru atau membuka projek yang telah dibina.
2.2 : Mencipta projek .Net
memulakan projek visual basic.Net
o untuk memulakan projek baru pengguna perlu memilih menu File > New > Project.
Prepared by : Norliza Muhammad Nor Page 16
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
o Tetingkap New Project akan dipaparkan. Pada antaramuka yang dipaparkan ini, pengguna dikehendaki memilih jenis projek (project types) dan templates yang ingin disediakan.
o Pada antaramuka yang dipaparkan ini juga pengguna perlu menamakan projek yang akan dibina pada medan Name dan tentukan lokasi dimana projek tersebut akan disimpan pada medan location.
o Apabila button ok ditekan, Visual Basic.Net secara automatic akan menamakan fail dan projek sebagaimana maklumat yang dimasukkan oleh pengguna dan ianya akan disimpan di dalam direktori dengan nama visual studio project di dalam direktori My Document.
o Pengguna juga boleh memilih direktori yang lain mengikut pililhan masing-masing.
o Seterusnya antaramuka bagi perisian Microsoft Visual Basic .Net akan dipaparkan dan antaramuka bagi form akan dipaparkan pada ruangan kerja. Pada ruangan Form ini pengguna boleh mula melukis antaramuka yang dikehendaki untuk projek,menulis kod aturcara yang bersesuaian, menguji kod aturcara dan seterusnya melarikan projek tersebut.
o File projek ini boleh ditutup dengan menggunakan menu File > Close Solution.
konsep projek di dalam visual basic .Net
o setiap projek Visual Basic .Net yang dihasilkan terdiri daripada beberapa kumpulan fail yang saling bersandar di antara satu sama lain.
o Untuk melihat kumpulan fail yang terdapat di dalam satu-satu projek pengguna boleh mengikut arahan berikut:
Buka aplikasi windows explorer dan aktifkan direktori di mana fail projek Visual Basic .Net anda berada.
Sebagai contoh katakan direktori Visual Studio Projects anda berada di dalam direktori My docments dan fail projek anda bernama windowsApplication1.
Prepared by : Norliza Muhammad Nor Page 17
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
pengguna perlu klik pada my documents > Visual Studio Project> windows Application1.
Perhatikan bahawa terdapat 2 direktori utama iaitu direktori “bin” dan direktori “obj” akan terhasil.
Direktori “bin” merupakan lokasi di mana fail projek anda yang telah dibina sebagai aplikasi kendiri (standalone application) disimpan. Fail ini merupakan fail dengan format .exe yang boleh digunakan tanpa kehadiran perisian Visual Basic.Net.
Direktori “obj” pula merupakan lokasi di mana fail projek anda yang sedang diuji (debug) akan disimpan.
Selain 2 direktori ini, terdapat juga beberapa fail lain yang mana setiap satunya mempunyai fungsi yang tersendiri. 2 fail utama yang perlu pengguna perhatikan ialah fail dengan format .vb dan .sln.
Fail dengan format .sln merupakan fail solution yang memegang maklumat-maklumat berkaitan dengan projek secara keseluruhan.
Fail dengan format .vb menyimpan maklumat mengenai form iaitu tempat dimana pengguna meletak elemen-elemen kawalan bagi sesebuah projek.
struktur projek:
o projek kebiasaanya mengandungi banyak fail yang unik berdasarkan jenis projek yang dipilih
o fail projek (visual studio.Net) yang dibina disimpan di dalam my document.
o Berikut merupakan struktur projek dan jenis applikasi yang biasa dibina:
my document
Prepared by : Norliza Muhammad Nor Page 18
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
Visual studio project
Console Windows application
1. solution files (.s/u, .suo)
a. memuatkan satu atau lebih projek secara bersama
b. suo :
i. stand for solution user option
ii. ia akan menyimpan setting yang ditetapkan pengguna.
iii. Break point
iv. Task item
2. project files (.vbproj)
a. mengandungi rujukan kepada semua item dalam projek tersebut
b. antara item yang ada adalah form, class, reference (.dll <dynamiclink library>) dan compitation option (start)
3. local project item (.vb)
a. .vb –cls, frm, module.bas
b. Rpt ( crystal report)
4. web project items (.aspx, .asmx, .asax)
a. .aspx – web form
b. .asmx – xml web service
Prepared by : Norliza Muhammad Nor Page 19
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
c. .asax – global class service
o Namespace:
Digunakan dalam .NET Framework assembly.
Menyusun objek-objek assembly (class, interface dan module)
System (system.data)
Mencipta namespace:
Create classes, module
Antaramuka dan maklumat pelanggan
Contoh kod aturcara:
namespace customers
public class customers
-
-
end class
-
-
end namespace
o console application
projek untuk membuat command line application/ applikasi komen baris ( c;\>)
sekiranya nama aplikasi ConsoleApplication 1
nama assembly yang dihasilkan adalah consoleapplication.exe dan consoleapplication adalah namespace.
Prepared by : Norliza Muhammad Nor Page 20
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
File → new → projek
Projek type → VB
Tamplate→ console application
→ Click open
Contoh aturcara:
module module 1
sub main()
console.writeLine()
console.writeLine (“Ali”)
end sub
end module
Module1.vb
Import system
Module myhelloworldApplication
Sub main()
Console.writeLine(“hello world”)
End sub
End module
End namespace
o Assembly
Adalah 1 atau lebih file.exe yang membentuk sebuah aplikasi .NET
Ianya akan dicipta secara automatic
Untuk mencipta Assembly, pengguna perlu
compile aturcara (build)
taip command line (c;\> USC.prog1vb)
Contoh kod aturcara: (menerima input dari keyboard)
Prepared by : Norliza Muhammad Nor Page 21
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
console.ReadLine
Dim umur As Integer
Dim Nama As String
console.Writeline (“Masukkan nama:”)
Nama= console.ReadLine()
Console.Writeline (“masukkan umur:”)
umur=console.readLine()
umur=Integer.pause(console.readLine())
2.3: Debug dan Kompil aplikasi.
(Menggunakan Microsoft Visual Studio.net)
Debug:
o Setiap projek yang sedang dihasilkan perlu diuji. Proses pengujian ini dilakukan bagi memastikan aturcara yang disediakan berfungsi dengan betul dan bebas dari sebarang pepijat (bugs) atau ralat ( sama ada ralat sintaksis, ralat logic, run time error dan linker error).
o Proses pengujian dilakukan seperti berikut:
Pastikan fail projek anda masih dibuka.
Gunaka arahan debug > start atau tekan kekunci F5.
Proses debug akan dilaksanakan dan ini dapat dilihat menerusi tetingkap output.
Sebaik sahaja proses debug selesai dilaksanakan, aplikasi atau projek yang sebenar akan dipaparkan ( sekiranya tiada sebarang ralat).
Untuk memberhantikan proses debug, pengguna perlu menekan butang stop atau menekan ikon bertanda x di sebelah kanan tetingkap.
Prepared by : Norliza Muhammad Nor Page 22
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
Untuk membuka tetingkap kod pengguna boleh menggunakan arahan View > Code atau tekan pada tab pilihan tetingkap yang sedia ada.
Jika sekiranya terdapat ralat pada kod aturcara, message error akan dipaparkan.
Untuk berhenti dan menyemak ralat atau kesilapan, pengguna perlu menekan butang NO dan apabila butang No ditekan, tetingkap task List akan memaparkan ralat yang wujud di dalam aturcara.
Kompil aplikasi:
o Projek yang telah diuji dan bebas ralat perlu dikompil atau dipakejkan untuk disebarkan kepada pengguna.
o Proses pengkompilan merujuk kepada proses menjadikan projek Visual basic sebagai sebuah program kendiri iaitu program yang boleh dimainkan secara sendiri.
o Proses ini akan menjadikan fail Visual basic sebagai fail dengan format .exe dan ianya boleh digunakan terus tanpa memerlukan perisian visual Basic.
o Berikut merupakan proses pengkompilan:
Pastikan kod aturcara bagi projek telah diperbaiki dan bebas dari sebarang ralat.
Pilih menu Build > Build Solution, pada proses ini aturcara akan diuji dari sebarang kesilapan.
Buka applikasi windows explorer dan seterusnya buka direktori “bin” yang berada di dalam direktori projek Visual basic.
Direktori “bin “ merupakan lokasi di mana fail projek yang dibina sebagai aplikasi kendiri ( standalone application) di simpan.fail ini merupakan fail dengan format .exe yang boleh digunakan tanpa kehadiran perisian Visual Basic .NET.
Prepared by : Norliza Muhammad Nor Page 23
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
(Menggunakan Microsoft Visual basic 2005 Express Edition)
Debug:
o Proses pengujian dilakukan seperti berikut:
Pastikan fail projek anda masih dibuka.
Gunaka arahan debug > start debugging atau tekan kekunci F5.
Proses debug akan dilaksanakan dan ini dapat dilihat menerusi tetingkap output.
Sebaik sahaja proses debug selesai dilaksanakan, aplikasi atau projek yang sebenar akan dipaparkan ( sekiranya tiada sebarang ralat).
Untuk memberhantikan proses debug, pengguna perlu menekan butang stop atau menekan ikon bertanda x di sebelah kanan tetingkap.
Untuk membuka tetingkap kod pengguna boleh menggunakan arahan View > Code atau tekan pada tab pilihan tetingkap yang sedia ada.
Jika sekiranya terdapat ralat pada kod aturcara, message error akan dipaparkan.
Prepared by : Norliza Muhammad Nor Page 24
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
Untuk berhenti dan menyemak ralat atau kesilapan, pengguna perlu menekan butang NO dan apabila butang No ditekan, tetingkap task List akan memaparkan ralat yang wujud di dalam aturcara.
Kompil aplikasi:
Prepared by : Norliza Muhammad Nor Page 25
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
o Projek yang telah diuji dan bebas ralat perlu dikompil atau dipakejkan untuk disebarkan kepada pengguna.
o Proses pengkompilan merujuk kepada proses menjadikan projek Visual basic sebagai sebuah program kendiri iaitu program yang boleh dimainkan secara sendiri.
o Proses ini akan menjadikan fail Visual basic sebagai fail dengan format .exe dan ianya boleh digunakan terus tanpa memerlukan perisian visual Basic.
o Berikut merupakan proses pengkompilan:
Pastikan kod aturcara bagi projek telah diperbaiki dan bebas dari sebarang ralat.
Pilih menu Build > Build namaprojek , pada proses ini aturcara akan diuji dari sebarang kesilapan.
Buka applikasi windows explorer dan seterusnya buka direktori “bin” yang berada di dalam direktori projek Visual basic.
Direktori “bin “ merupakan lokasi di mana fail projek yang dibina sebagai aplikasi kendiri ( standalone application) di simpan.fail ini merupakan fail dengan format .exe yang boleh digunakan tanpa kehadiran perisian Visual Basic .NET.
Prepared by : Norliza Muhammad Nor Page 26
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
Topik 3: Bahasa dan Peningkatan Sintak
3.1: Jenis data
Jenis data digunakan bagi memaklumkan kepada computer jenis data yang akan disimpan di dalam lokasi memori bagi sesuatu pemboleh ubah atau pemalar.
Jenis data yang dinyatakan pada sesuatu pemboleh ubah atau pemalar juga akan menetukan kapasiti storage bagi setiap lokasi memori.
Jenis data yang digunakan dalam Visual Basic .Net adalah:
Jenis data Penerangan dan julat nombor
Boolean Data yang menyimpan 2 nilai sahaja iaitu: True dan False
Byte 8 bits storage capacity, range number from 0 to 255 ( using ASCII character set)
Currency Menyimpan nilai dengan titik perpuluhan untuk matawang. Julat nombor dari $922,337,203,685,477.5808 hingga $922,337,203,685,477.5807
Date Simpan nilai tarikh dan masa. Julat nombor adalah Januari 1,100 hingga December 31,9999.
Prepared by : Norliza Muhammad Nor Page 27
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
Double Menyimpan nombor dengan titik perpuluhan. Julat nombor adalah -1.79769313486232E+308 hingga 1.79769313486232E+308
Integer Menyimpan nombor tanpa titik perpuluhan. Storage Capacity adalah 2 bytes. Julat nombor dari -32,767 hingga +32,768.
LongInteger Menyimpan data tanpa titik perpuluhan . mempunyai julat nombor yang lebih besar iaitu -2147,483,648 hingga 2,147,483,647.
Object Jenis data yang special dengan objek rujukan seperti controls dan forms.
Single Menyimpan nombor dengan titik perpuluhan tetapi mempunyai julat nombor yang lebih kecil iaitu -3.402823E+38 hingga 3.402823E+38
String Jenis data yang menyimpan nilai dalam bentuk jujukan aksara.
Variant Jenis data yang boleh menyimpan apa-apa jenis nilai.
3.2: Penggunaan pembolehubah
Salah satu konsep asas pengaturcaraan yang digunakan dalam Visual basic adalah penggunaan Pembolehubah (variable) dan juga pemalar (constant)
Pembolehubah:
Pembolehubah adalah merujuk kepada lokasi memori yang diguna untuk menyimpan data yang boleh diubah atau berubah.
Pembolehubah yang ingin diguna perlu diistihar terlebih dahulu sebelum ianya diguna dalam kod aturcara.
Menamakan pembolehubah:
Pembolehubah dinamakan dengan menggunakan nama yang sah (Valid identifier nama).
Iaitu nama yang:
Prepared by : Norliza Muhammad Nor Page 28
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
Bermula dengan huruf.
Boleh terdiri daripada huruf dan nombor
Tidak menggunakan symbol atau ruang kosong.
Tidak menggunakan kata simpan.
Dalam VB huruf kecil dan huruf besar adalah berbeza.
Menggunakan imbuhan awalan bagi menunjukkan jenis data
Imbuhan awalan Jenis combobox Imbuhan awalan Jenis combobox
chk Checkbox Fra Frame
cmd Command button Lst Line
Dir Directory list box Mnu List box
Fil File list box Ole OLE client
Fra Frame Opt Option button
Frm Form Pic Picture box
Grd Grid Shp Shape
Hsb Horizontal scroll bar
Tmr Timer
Img Image Txt Text box
lbl label vsb Vertical scroll bar
Penistiharan pembolehubah:
Syntax:
Prepared by : Norliza Muhammad Nor Page 29
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
DIM <namapembolehubah> As <jenis data>
Contoh:
DIM I As Integer
DIM Jawapan As Boolean = True
DIM Peratusan = 87.88 As Single
DIM digit As Char = “1”
Pemalar:
Pemalar merujuk kepada lokasi memori yang menyimpan data dan data yang disimpan ini tidak boleh berubah atau diubah.
Nama yang digunakan untuk menamakan pemalar adalah menggunakan nama yang sah (Valid identifier name).
Penistiharan pemalar:
o Syntax:
Const <nama pemalar> As <Jenis data> = nilai
o Contoh:
Const jumlah As single = 7.25
Const ucapan As string = “selamat belajar”
Const saiz As Integer =142
Option Explicit (On, Off)
Prepared by : Norliza Muhammad Nor Page 30
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
Fungsi explicit ialah menyediakan kemudahan yang membolehkan anda mengistiharkan semua pembolehubah yang ingin digunakan dalam sesuatu projek.
Option explicit On / Off ini tidak akan membenarkan pengguna menggunakan sebarang pembolehubah yang tidak diistihar dengan cara betul.
Contoh:
o Dim MyName As String = “MINAH” (pernyataan yg benar)
o MyName = “MINAH” ( pernyataan yang salah)
3.3: Operator dalam VB.Net
Operator Arithmetik:
Operator arimetik digunakan dalam operasi matematik.
Antara operator yang boleh diguna dalam VB.net adalah:
Operator Fungsi Contoh Hasil
+ Menambah 7+2 9
- Menolak 7-2 5
* Mendarab 7*2 14
/ Membahagi (decimal) 7/2 3.5
\ Membahagi (integer) 7\2 4
^ Eksponen 7^2 49
Mod Module 1900 Mod 72 28
Prepared by : Norliza Muhammad Nor Page 31
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
Visual basic juga menyediakan jalan pintas/ shortcut bagi mendapatkan hasil yang serupa.
Jalan pintas operator Ringkasan bagi proses
X+=Y X=X+Y
X-=Y X=X-Y
X*=Y X=X*Y
X/=Y X=X/Y
X\=Y X=X\Y
X^=Y X=X^Y
Peraturan dalam operasi pengiraan:
o Dalam VB, urutan operai pengiraan perlu diteliti dan dipatuhi. Oleh sebab itu jika wujud banyak operator operasi dalam satu soalan jujukan berikut perlu diikuti:
Kurungan : ( )
Eksponen :^
Darab dan bahagi (decimal) : * dan / (dari kiri ke kanan)
Bahagi (inteher) :\
Module :Mod
Campur dan tolak : + dan – (dari kiri ke kanan)
Operator perbandingan:
Operator perbandingan digunakan bagi membandingkan nilai sesuatu penyataan atau expression.
Proses perbandingan ini memberi hasil dalam bentuk Boolean iaitu nilai True atau False.
Berikut merupakan operator yang diguna semasa membuat perbandingan:
Operator Fungsi penerangan
Prepared by : Norliza Muhammad Nor Page 32
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
= Bersamaan True jika nilai sama kedua-dua belah
<> Tidak bersamaan True jika nilai kedua-dua belah tidak sama
> Lebih besar True jika nilai sebelah kiri lebih besar
< Lebih kecil True jika nilai sebelah kiri lebih kecil
>= Lebih besar atau sama dengan True jika nilai sebelah kiri lebih besar/ sama dengan nilai sebelah kanan
<= Lebih kecil atau sama dengan True jika nilai sebelah kiri lebih besar/ sama dengan nilai sebelah kanan
Contoh penggunaa:
Operator logical
Operator ini digunakan untuk membuat perbandingan yang kompleks.
Antara operator yang digunakan adalah:
Prepared by : Norliza Muhammad Nor Page 33
Dim Markah As Integer
Markah = val(txtMarkah.Text)
If Markah >= 85 Then
msgBox (“Tahniah, anda lulus dengan cemerlang”)
ElseIf Markah >= 50 Then
msgBox (“Anda lulus”)
Else
msgBox (“Anda gagal”)
End If
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
Operator Fungsi
AND Semua syarat mesti dipenuhi barulah nilai TRUE diberi
OR Nilai TRUE akan diberi jika semua syarat atau salah satu syarat dipenuhi
NOT Syarat negative atau keterbalikan dipenuhi, nilai TRUE diberi.
XOR
ANDALSO
ORELSE
Contoh:
3.4: Fungsi, subrutin dan property
Fungsi = subrutin = prosedur = method
Sebahagian kod daripada program yang besar, di mana menjalankan tugas yang spesifik dan berkait rapat dengan kod yang lain.
Menurut konsep OOP, yang mana subrutin adalah sebahagian daripada objek ataupun kelas objek.
Ia bertindak seperti complete computer program, subrutin ini boleh di execute beberapa kali atau dari tempat yang berlainan.
Prepared by : Norliza Muhammad Nor Page 34
Dim I=6 ; j= 12 As Integer
Dim firstvar As Boolean =I >3 and j <10
Dim secondvar As Boolean = i>3 or j<10
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
Komponen yang penting dalam subrutin ialah body.
Body ialah sebahagian daripada program yang akan di execute apabila subprogram dipanggil.
Kelebihan:
Mengurangkan pengulangan code dalam sesuatu program.
Menaiktaraf program supaya mudah dibaca dan mudah di selenggara.
Menukarkan tugas programming yang kompleks kepada langkah yang lebih mudah.
Membahagi tugas programming yang besar kepada variasi programming/ tahap sesuatu projek.
Menyembunyikan implimentasi yang kompleks daripada pengguna subrutin.
Property:
Is a special sort of class member, intermediate betwwn a field (or data member) and a method.
Its provide a higher level of encapsulation than public field.
3.5: Pengendalian pengecualian
Pengecualian berlaku apabila pengguna memasukkan data yang tidak sah sekaligus menyebabkan kod program gagal menjalankan tugas.
Contoh kesalaha data yang berlaku:
o Pengguna memasukkan data bukan berjenis nombor di dalam text box apabila kod aturcara sepatutnya menjalankan numeric conversion function.
Prepared by : Norliza Muhammad Nor Page 35
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
o Pengguna memasukkan data dimana result dibahagi kepada kosong.
Penggunaan struktur pengendalian pengecualian untuk mengesan ralat sebelum run-time error muncul.
Mengesan pengendalian pengecualian dikenali sebagai error trapping
Aturcara untuk menangani pengecualian ialah error handling.
Pengendalian pengecualian dalam Visual studio .Net telah deselaraskan bagi semua bahasa pengaturcaraan menggunakan CLR.
Topik 4: Rekabentuk berasaskan Objek bagi .Net
Merekabentuk kelas
Merekabentuk kelas dimulakan dengan menggunakan gambarajah use case.
Kelas kebiasaannya mewakili koleksi objek yang mempunyai attribute dan operasi yang Sama, namum nilai attribute yang berbeza.
Use case diagram:
o Kegunaan:
Menyediakan ketarangan fungi bagi setiap proses utama.
Menggunakan bahasa bukan teknikal untuk menerangkan proses.
Menunjukkan sempadan system (masalah yang hendak diselesaikan).
o Kemudahan dalam use case diagram:
Prepared by : Norliza Muhammad Nor Page 36
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
Actor
Actor utama : orang yang utama menggunakan use case.
Actor sekunder: orang yang melakukan kerja
Extend hardware: other system
Proses
hubungan
Konsep pengaturcaraan berasaskan objek
Konsep yang digunakan dalam membangunkan perisian .Net ialah OOP (object-oriented programming or pengaturcaraan berorientasikan objek)
Pengaturcaraan berorientasikan objek ini melayan sesuatu program atau kod aturcara sebagai satu siri objek dan mesej.
Objek disini merujuk kepada kombinasi data dan procedure atau aturcara dan ianya disimpan bersama sebagai satu unit yang boleh diguna pakai secara berulangkali.
Kelebihan OOP ialah ia boleh digunakan berulang kali dan boleh diubahsuai dengan mudah dan pantas.
Mesej juga dikenali sebagai event atau peristiwa merujuk kepada prosedur yang dikongsi atau dihantar diantara objek-objek yang ada.
Pengaturcaraan berasaskan objek lanjutan
Dalam membangunkan pengaturcaraan berasaskan OOP biasanya melibatkan encapsulation, inheritance (pewarisan) dan polymorphism di dalam aturcara tersebut
Encapsulation:
Encapsulation means that a group of related properties, methods, events, and other members are treated as a single unit or object.
Class ... End Class
Prepared by : Norliza Muhammad Nor Page 37
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
Encapsulation also makes it easier to change your implementation at a latter date by letting you hide implementation details of your objects, a practice called data hiding.
Contoh:
BankAccount Class Example
Class BankAccount
Public Sub New() ‘A constructor
balance = 0.0
End Sub
Public Sub New(balance as Decimal)
‘ The 2nd constructor
Me.balance = balance
End Sub
Private balance As Decimal
‘Variable field - Data Hiding
. . .
End Class
Inheritance (pewarisan)
Inheritance describes the ability to create new classes based on an existing class.
Reuse Class
Prepared by : Norliza Muhammad Nor Page 38
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
Keyword - Inherits
The new class or derived class inherits all the properties and methods and events of the base class, and can be customized with additional properties and methods.
VB.NET
Only single inheritance
Multiple Interface
Ability to create a new class from an existing class
Original class is called Base Class, Superclass, or Parent Class
Inherited class is called Subclass, Derived Class, or Child Class
For example, each form created is inherited from the existing Form class
Purpose of inheritance is reusability
Examine first line of code for a form in the Editor
Contoh:
Person Class and Student Class
Public Class Person ‘Base Class
Private Name As String
Private Address as String
…
End Class
Public Class Student ‘Derived Class
Inherits Person
Prepared by : Norliza Muhammad Nor Page 39
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
Private Freshman As Boolean
…
End Class
Polymorphism:
o Can have multiple classes that can be used interchangeably, even though each class implements the same properties or methods in different ways.
o It is essential to object-oriented programming because it allows you to use items with the same names, no matter what type of object is in use at the moment.
o Drive() Method
SportsCar – Drive() method
Sedan – Drive() method
o Methods having identical names but different implementations
Overloading
Overriding
o Overloading:
Constructor Method Overloading
Class BankAccount
Public Sub New()
‘A constructor – no deposit is given
balance = 0.0
Prepared by : Norliza Muhammad Nor Page 40
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
End Sub
Public Sub New(balance as Decimal)
‘ The 2nd constructor
Me.balance = balance
End Sub
Private balance As Decimal
‘Variable field - Data Hiding
. . .
End Class
Implementation in VB.NET - Polymorphism provides the ability to both overloading method’s implementation and overriding method’s implementation
o Overloading
Argument type determines which version of a method is used
Example: MessageBox.Show method
o Overriding:
Refers to a class that has the same property or method name as its base class
Overridable
Prepared by : Norliza Muhammad Nor Page 41
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
The keyword specifies that a property or method can be overridden in a derived class
Overrides
The keyword specifies that a property or method overrides a member inherited from a base class
Operator Overloading Examples in VB.NET
The + sign
o code: “decCount += 1”
o code: “decAnswer = CDec(txtInput) + 2D”
o code: “strOut = strA + strB”
Reusable classes:
A characteristic of some programming styles or languages (for example, object-oriented programming) in which code written for one application can be reused with different applications.
Reuse Classes
New classes created with Class Module can be used in multiple projects
Each object created from the class can have its own properties
Multitier application:
o In a multitier application, the goal is to create components that can be combined and replaced.
o Most popular approaches is a three tier application:
o A Typical Definition
Prepared by : Norliza Muhammad Nor Page 42
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
A 3-tier application is an application program that is organized into three major parts, each of which is distributed to a different place or places in a network.
The three parts are: the workstation or presentation interface, the business logic, and the database and programming related to managing it.
The 3-tier view is a convenient way to think about the parts in a large-scale enterprise application system.
o 3-tier client-server computing model:
The application user's workstation contains the programming that provides the graphical user interface (GUI) and application-specific entry forms or interactive windows.
Business logic is located on a local area network (LAN) server or other shared computer. The business logic acts as the server for client requests from workstations. In turn, it determines what data is needed (and where it is located) and acts as a client in relation to a third tier of programming.
The database and a program to manage read and write access to it. A 3-tier application uses the client/server computing model.
o With three tiers or parts, each part can be developed concurrently by a different team of programmers coding in different languages from the other tier developers. Because the programming for a tier can be changed or relocated without affecting the other tiers, the 3-tier model makes it easier for an enterprise or software packager to continually evolve an application as new needs and opportunities arise.
Prepared by : Norliza Muhammad Nor Page 43
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
Topik 5: Pengaturcaraan Berasaskan objek bagi .Net
Menentukan kelas
Instantiating an Object
Creating a new object based on a class
Create an instance of the class by using the New keyword and specify the class
General Form
From the step-by-step Booksale example in the text:
Private mBookSale As BookSale
……
mBookSale = New BookSale()
Prepared by : Norliza Muhammad Nor Page 44
New className ( )
Module level
In a Private Sub
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
o Creating a New Class:
o Begin the project:
Class file adalah sebahagian daripada projek Visual basic
Apabila pengguna ingin membina kelas baru, mereka perlu membina projek terlebih dahulu.
o Begin a new class: langkah yang terlibat
Select Add class pada project menu dan pilih add new item pada dialog box.
Prepared by : Norliza Muhammad Nor Page 45
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
Di dalam dialog box add new item pengguna perlu memasukan nama bagi kelas yang akan dibina dan seterusnya pengguna perlu menekan butang Add.
Apabila butang Add ditekan window dokumen bagi kelas yang baru akan dipaparkan.
Kemudian pengguna perlu memasukkan:
Properties: characteristics
o Variables in the class module
Methods: behaviors
o Functions and Subs in the class module
Regions:
o Properties
o Methods
Prepared by : Norliza Muhammad Nor Page 46
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
Define the class properties
Contoh: set properties
Public Class Class1
'Make this simple: Name of a Car and its Cost
#Region "Properties"
Private mstrCar As String
Private mdecCost As Decimal
Property Car() As String
Get
Car = mstrCar
End Get
Prepared by : Norliza Muhammad Nor Page 47
Module Level Variables to hold Values.
Property creates Get and Set routines
Using this property - Get:
mClass1.Car = txtCar.Text
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
Set(ByVal Value As String)
mstrCar = Value
End Set
End Property
Memasukan method di dalam kelas
#Region "Methods“
Public Function CustomerPrice() As Decimal
'Calculate the price to the customer
Return mdecCost * 1.5D
'This calculates and returns the markup
End Function
#End Region
Contoh: membina kelas bagi book sale
1 Example: BookSale
o Properties – declare private module-level variables and write property procedures for all public properties:
o Instance Variables – Title, Quantity, Price
o Shared Variables– SalesTotal, SalesCount
o Methods
Prepared by : Norliza Muhammad Nor Page 48
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
Procedures Actions
ExtendedPrice Calculation
Return extended price
o Create a class:
o Create a new class di dalam kelas yang ditambah diatas berdasarkan properties yang telah ditetapkan:
Prepared by : Norliza Muhammad Nor Page 49
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
o Set property bagi kelas baru yang dibina:
o Penggunaan method di dalam kelas:
Prepared by : Norliza Muhammad Nor Page 50
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
o Create a class:
Mencipta dan menghapuskan objek
Prepared by : Norliza Muhammad Nor Page 51
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
Mencipta objek baru dengan menggunakan kelas:
o Declare a variable for a New Object
o Instantiate the Object using New keyword, and other identfiers Dim, Public, or Private
Ex. Dim mBookSale As New BookSale
o Define the GUI
o Set the properties of each object as you have planned
Prepared by : Norliza Muhammad Nor Page 52
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
o Write the code – working from the pseudocode, write each event procedure
o The output will be displayed
Constructor dan destracture:
Prepared by : Norliza Muhammad Nor Page 53
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
o Constructor:
Method that automatically executes when an object is instantiated
Constructor must be public and is named New
Overloading Constructor
It means that two methods have the same name but a different list of arguments (the signature)
It creates by giving the same name to multiple procedures in your class module, each with a different argument list
Ex 1. Sub New() Ex 2. Sub New(ByVal Title As String)
…… titleString = Title
End End
Parameterized Constructor
o Constructor that requires arguments
o Allows arguments to be passed when creating an object
Ex. aBookSale = New BookSale(titleTextBox)
Sub New(ByVal Title As String, ByVal Quantity As Integer, ByVal Price As Decimal)
Me.Title = Title
Me.Quantity = Quantity
Me.Price = Price
End Sub
Create a new object using class:
Prepared by : Norliza Muhammad Nor Page 54
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
o It similar to creating a new tool for the toolbox but not yet creating an instance of the class
o The two steps to create a new object:
Declare a variable for the new object
Instantiate the object using the New keyword
o If object variable is needed in multiple procedures, declare the object at class level
o Instantiate the object
o Only when(if) it is needed
o Inside a Try/Catch block for error handling (Try/Catch block must be inside a procedure)
o Pass values for the arguments at instantiation when using a parameterized constructor
Overriding method:
Methods with the same name and the same argument list as the base class
Derived class (subclass) will use the new method rather than the method in the base class
Prepared by : Norliza Muhammad Nor Page 55
Private aBookSale As BookSale
aBookSale = New BookSale( )
Or
Dim aBookSale As New Booksale( )
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
To override a method
o Declare the original method with the Overridable keyword
o Declare the new method with the Overrides keyword
o Destructor:
Method that automatically executes when an object is destroyed
Method yang digunakan ialah overrides dan juga juga dispose.
Tujuan dispose() digunakan adalah untuk menutup sambungan ke database.
Prepared by : Norliza Muhammad Nor Page 56
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
Topik 6: Penggunaan windows forms
Kelebihan menggunakan windows form ialah:
Rich sets of controls:
o System.windows.form – namespace menyediakan pelbagai controls
o Kekayaan interface (banyak objek dalam kelas)
Flat look style
o Skrin berbentuk flat
o Content sahaja yang berubah
Advance printing support
o Page setup dialog
o Print preview control
o Print setup control
Advance graphic support – GDI + graphic drawing
o System .drawing.image -namespace
o System.drwaing.text – namespace
Accessibility support
o Keboleh capaian bantuan
Prepared by : Norliza Muhammad Nor Page 57
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
Visual inheritance
o Pewarisan secara visual
o Form = kelas perwarisan (form blh menyediakan subkelas)
Extensible object model
o Boleh gunakan kelas sedia ada atau modified tetapi cirri-ciri asal masih lagi kekal.
o Mengandungi kelas library windows form
o Boleh tambah form secara automatic
Advance form design
o Function untuk : docking , anchoring (paut)
Struktur windows dorm (hirarki)
Prepared by : Norliza Muhammad Nor Page 58
Control
Scrollable control
Container control
Form
User control
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
Control: kelas paling asas, berfungsi untuk menentukan saiz, tab order, visibility dan lain-lain.
Scrollable control : mewarisi cirri-ciri kelas control
Container control : kawalan disimpan di dalam container
: Simpan bentuk-bentuk control
Form: mewarisi semua sifat control
: form biasa / individu form
: MDI form (multiple document interface)
User control : dalam form wujud user control
Aplikasi windows form
Kelas → windows.form.Application
Menguruskan masa larian bagi sebarang aplikasi
o Memulakan aplikasi - Kelakuan run
o Kelakuan do event - check error
o Paparkan form - kelakuan form
o Tamatkan aplikasi - exit
Contoh:
Prepared by : Norliza Muhammad Nor Page 59
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
Examine the code behind windows form
Import – import win form = system.windows.form
Class – form ia an instance of class in VB.Net
Inherits system.windows.forms.form(kelas)
Constructor – public sub new
Initializer – initialize component
Destructor – finalize/ dispose
Penggunaan windows form
Form properties - Dialog result
- Font
- Opacity
- Maximum size & minimum size (weight, width)
- Top most
- Accept button & cancel button
Dialog result – tutup form (biasanya panggil destructor)
Prepared by : Norliza Muhammad Nor Page 60
Sub main()
Dim frmfirst As New form1()
frmfirst.show ()
Application .Run ()
End Sub
Private Sub Lastform_closing (…)
Mybase.closing
Application.exit
End Sub
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
Font
Opacity
Size – jenis data
o Ubah di property untuk tentukan saiz paparan windows
1. height
2. width
Prepared by : Norliza Muhammad Nor Page 61
Form1.showDialog()
if Form1.gialogResult.Yes then
‘do something
Enf if
…………….
Form1.Dispose
Form.BackColor =
Form.Foredround
Me.opacity = 50
Dim maxSize As New Size()
Dim minSize As New Size()
maxSize.height = 500
maxSize.width = 500
minSize.height =500
minSize.width = 500
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
Top most – form yang sentiasa di atas
Accept button (Enter) & cancel button (Esc)
o Enter
Me.AcceptButton =btnOk
Me.AcceptButton =btnCancel
Me.AcceptButton = Me.btnOk
o Esc – Me.cancelButton =btnOk
o Closed → boleh digunakan untuk menyimpan maklumat dari dalam form sebelum form tersebut ditutup.
Handling event
Prepared by : Norliza Muhammad Nor Page 62
Private sub form2.Activated (……….event handling)
Me.TopMost = Not Me.TopMost
Private sub btnAdd,click (….) handles btnAdd.click
btnAdd.Enable =False
btnAdd.Visible = False
btnDel.Visible =False
btnUpd.Visible =False
txtName.Focus()
btnSave.Visible =True
End
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
Prepared by : Norliza Muhammad Nor Page 63
Private sub btnSave,click (….)
Name=txtName.text
ID =txtID.text
txtName.text = “”
txtID.text = “”
btnSave.Visible = False
btnAdd.Visible = True
btnDel.Visible = True
btnUpd.Visible = True
End
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
Topik 7: Pembangunan Aplikasi Web
Pengenalan
Memerlukan:
o Visual studio web server
o Internet information services
Fail bagi web → fail system = website/ nama projek
Visual studio.Net
File / New Project/ Project Type (web)
New web site - 1) web page = Default.aspx
File yang simpan VB kod dalam projek ialah Default.aspx
Mencipta aplikasi berbentuk web
Cara-cara:
o Hasilkan interface aplikasi bagi web
Prepared by : Norliza Muhammad Nor Page 64
Request
Response
1. HTML , Aspx
2. IE, Opera, Mozilla
serverclient
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
o Hasilkan label & button (name) = submit
o Web pages name (first page): Default.aspx
Contoh kod aturcara:
Membina perkhidmatan web
Stateless
o Does not store any information about its contents from one invocation to the next
Techniques for working around Stateless
o Cookies stored on local machine
o Sending state information to server as part of the page's address, uniform resource locator (URL)
ASP.NET is the latest Web programming technology from Microsoft
When using Web Forms in VB .NET you are using ASP.NET
Prepared by : Norliza Muhammad Nor Page 65
Partial class_Default
Inherits system.web.UI.page
Protected sub submitButton_click (Byval sender As Object, Byval As system.EventArgs)
Handles SubmitButton.click
Messagelabel.text = “Hello” & NameTextBox.text & “ 1”
End sub
End class
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
Each Web Form has two distinct pieces
o HTML, .aspx
o VB code, .aspx.vb
Visual Studio IDE automatically generates the HTML
Membina web form:
o New Project dialog box, select ASP.NET Web Application
o Name box is disabled
o Name project by modifying the location to include the ProjectName in place of WebApplication1
Prepared by : Norliza Muhammad Nor Page 66
Folder on your machine set
up by IIS
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
o The ProjectName will become a new folder located in the Inetpub\wwwroot folder on the local machine
Web form di dalam visual studio IDE:
o As Web project opens, connection to Web Server is established
o Web forms are based on a completely different class
o Web forms have different
Controls
Properties, Methods, and Events
Toolbar, Toolbox and lists of files in Solution Explorer
o Web controls have an ID property rather than a Name property
o A Web form inherits from System.Web.UI.Page
o A button control for web forms inherits from System.Web.UI.WebControls.Button
Prepared by : Norliza Muhammad Nor Page 67
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
Memaparkan kod HTML:
o Tabs at bottom of the form in the Designer allow you to switch between the HTML code and VB code
Prepared by : Norliza Muhammad Nor Page 68
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
o Do not worry about reading HTML since it is automatically generated
Toolbar:
o Display while you are creating the user interface
Control:
o HTML Controls
Standard HTML client side elements
o HTML Server controls
All the attributes of HTML (client) Controls
Added capability of object-oriented, event-driven, server-side programming
o Web Server Controls (ASP.NET Controls)
Most powerful controls
Rendered differently for different browsers
o Toolbox includes tabs for selecting control type
Prepared by : Norliza Muhammad Nor Page 69
Display Borders
Show Details
Lock Elements
Show Grid
Snap to Grid
Server Control
Client-side HTML Control
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
HTML
Web Forms
Components for Web Server controls
o VS Designer adds a small green arrow in the upper-left corner of server controls
Event handling:
o Events are written in the same way as for Windows controls
o Events may actually occur on
Client
Server
o Events are somewhat different than for Windows Forms
Example: Page_Load versus Form_Load
o
Prepared by : Norliza Muhammad Nor Page 70
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
Jenis-jenis fail:
o .aspx file
Holds specifications for the user interface
o .aspx.vb (“code-behind” file)
VB code written to respond to events
o Styles.css
Cascading Style Sheet for positioning and formatting text and elements on a Web Page
o Web.config
Configuration info about each URL resource
o .dll
Generated by compiler
Contains compiled code
When a request for the Web page is made by accessing the URL of the Web page, the .dll file produces the HTML output for the page
Pengujian dengan menggunakan browser yang berbeza:
o By default, Web projects are tested in Microsoft Internet Explorer
o To test in another browser
Launch the browser, Netscape
Type the URL of the page into the Address Bar
Example: http://localhost/Ch09WebHello/WebForm1.aspx
Prepared by : Norliza Muhammad Nor Page 71
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
Laying out web form:
o Factors that will effect the layout of page
Browsers
Screen Sizes
Screen Resolutions
Window Sizes
o Methods for better control of layout
Page Layout Property
HTML Tables
The page layout:
o The Page Layout property determines how and where the controls on a Web page appear
o Choices
Flow Layout
Similar to adding text in a word processor
When user resizes window in browser, controls move to fit window
Grid Layout (default)
Determine exact placement based on an X and Y grid
Using table or layout:
Prepared by : Norliza Muhammad Nor Page 72
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
o HTML Tables contain rows and columns
o Add controls and text to the table cells to align the columns
o Most useful in a flow layout
o Table is an HTML control, requiring no server-side programming
o Add Table control from Toolbox
OR
o Table menu / Insert / Table
Dialog box allows specification for
Number of Rows and Columns, Borders, Alignment, Background Color
o Move Table
Select table and drag (Grid), Insert spaces (Flow)
o Add/Delete Row or Column
Right-click, use context menu
o
Using validator layout:
o Client-side controls that automatically validate input data
o Steps for using
Add a validator control
Attach it to an input control, such as a text box
Set the error message to be used for invalid data
o Validator control:
Prepared by : Norliza Muhammad Nor Page 73
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
RequiredFieldValidator
CompareValidator
RangeValidator
RegularExpressionValidator
ValidationSummary
Maintaining:
o Take steps to maintain values of variables and controls on page
o Set EnableViewState to True (default) so control contents reappear for each postback
o Store value of module-level variables in controls to hold their values during postback
o Use IsPostBack property to control actions on postback
o See Advanced VB .NET text to learn about using cookies to maintain state
Navigator web:
o Add a HyperLink to allow user to navigate to another site or page
o Enter a Text property for the text to display for the user
o Enter a NavigateUrl property to specify the URL to navigate to
o Specify “Document Relative” or “Root Relative”
Menggunakan perkhidmatan web
Mmenguruskan web projek:
Prepared by : Norliza Muhammad Nor Page 74
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
o Successfully moving Web Projects is a challenge
o Solution files (.sln and .suo) are saved in a separate folder in a different location from the rest of the project
Lokasi bagi fail yang dibina:
o Visual Studio IDE saves solution files, .sln and .suo, in the default folder that you select in Tools/Options/Environment
o All other files (EXCEPT the solution files) are stored in a new folder created beneath Inetpub/wwwroot
o If you move your project to a different machine you must remember to move both project folders
o Recommendation:
o As soon as you create a new Web Project, select the solution file in Solution Explorer, File menu, Save As, save in project folder under Inetpub/wwwroot
Memindahkan projek:
o Copy the project folder from Inetpub/wwwroot on the source computer to same location on the target machineThen
Create a Virtual Directory (virtual folder) OR
Web Share the Project Folder
Bina virtual directorie:
o Right-click on My Computer, select Manage, double-click on Services and Applications
Prepared by : Norliza Muhammad Nor Page 75
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
o Internet Information Services is last item, click on Web Sites, then Default Web Site
o Select project folder, right-click, display Properties and on Directory tab under Application Settings, click Create button, click OK
o Open project in VS IDE, select startup page in Solution Explorer, right-click, choose Set as start page
Web sharing the project folder:
o Select the Project folder in My Computer
o Right-click, select Properties, Web Sharing, activate Share This Folder
o In Edit Alias dialog click OK
Renaming web project:
o Must take one more step after renaming a Web project
o Open the .sln file in an editor (such as Notepad)
o Carefully edit folder and project name to new project name
Delate a web project:
o Project in IIS Virtual Directory
o Delete the directory
o Project in Web Shared Folder
o Unshare it from Properties dialog
Prepared by : Norliza Muhammad Nor Page 76
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
o Either Reboot Computer or Stop and Restart IIS
o Delete Folder
Topik 8: Penggunaan ADO.Net
Pengenalan kepada ADO.Net
Prepared by : Norliza Muhammad Nor Page 77
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
ADO.Net
o Active data objects (ADO)
o Kelebihan : maklumat disimpan dan ditukarkan kepada (XML)
o Boleh access dalam banyak format iaitu OLEDb, SQL client (SQL server)
Access data dalam visual studio.net (database obj)
o Binding sources (linking data)
o Table adapter (manipulasi data); gunakan SQL, keluar statement SQL.
o Data set ( mengandungi data sebenar)
A
Sambungan ke database (connection)
Perlu menggunakan teknologi OLE db yang dikeluarkan oleh ODBC (online database connectivity)
Prepared by : Norliza Muhammad Nor Page 78
DatabaseBinding source Table
AdapterData set
Web form
Windows form
clientDatabase system
1. buat sambungan
2. hantar query & baca hasil DB
3. tutup sambungan
4. buat semula sambungan
5. hantar query dan baca hasil DB
6. tutup sambungan
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
Import namespaces OLE db
o Dari OLE db namespaces kelas-kelas yang akan digunakan ialah OLEdb connection.
Istiharkan pembolehubah yang diperlukan untuk sambungan
Menyatakan lokasi db dalam folder dengan menggunakan kelakuan connection string.
conAccess.Connection string = “provider =Microsoft .get.OLEDB.4.0;
data source = “ & Application. Startup path & “\data.mdb”;
persist security info = False”
Untuk membuka database
Kelakuan connection state untuk semak database
Prepared by : Norliza Muhammad Nor Page 79
Import systemData.Oledb
Dim conAccess As New Oledb connection
conAccess.open
If conAccess.state = connection state.close
conAccess.open
End If
Try conAccess.open
Catch c As Exception
msgBox.Show (c.message)
end Try
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
Untuk tutup database
SQL (Structured query language)
Arahan yang digunakan untuk memanipulasi database:
o Select
o Insert
o Delete
o Updata
Select:
Format/ syntax:
Prepared by : Norliza Muhammad Nor Page 80
conAccess.close()
Select <nama medan> from <nama table>
<where condition>
<group by>
<having condition>
<order by>
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
Contoh: Nama table adalah PhoneBook
No Nama Tarikhlahir Alamat Notelefon
1 Zubaidah 1.1.09 Kb 0123487777
2
3
Insert:
Masukkan data baru dalam database
Prepared by : Norliza Muhammad Nor Page 81
Select Nama from PhoneBook where
Nama = “Zubaidah”
Ordered by Notelefon Asc
Or
Select * from PhoneBook where nama= “ Zubaidah”
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
Format :
Insert into <Nama jadual>
(nama medan) values
(nilai1, nilai2,……..)
Contoh:
Insert into PhoneBook (No,Nama, Tarikhlahir, Alamat, Notelefon) values (2, “fatimah”, “2.5.09” , “Johor”, “0194444787”) , (3, “Abdullah” , “3.3.08”, “Perlis”, “012222444”)
Update:
Digunakan untuk kemaskini data dalam database.
Format:
Contoh:
Prepared by : Norliza Muhammad Nor Page 82
update <nama jadual>
set <nama medan> = <nilai baru>;
:
:
where (condition)
Update PhoneBook
Set Nama= “Hanisah” ;
:
:
Where No = 1;
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
Delete:
Digunakan untuk membuang data dalam database.
Format:
Contoh:
Topik 9: Pembangunan komponen dalam .Net
Pengenalan komponen
Prepared by : Norliza Muhammad Nor Page 83
Delete from <nama jadual>
Where condition
Delete from PhoneBook
Where No= 2
Or
Delete * from PhoneBook
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009
ASP.NET is the latest Web programming technology from Microsoft
When using Web Forms in VB .NET you are using ASP.NET
Each Web Form has two distinct pieces
o HTML, .aspx
o VB code, .aspx.vb
Visual Studio IDE automatically generates the HTML
Mencipta perkhidmatan komponen
Mencipta kelas komponen
Topik 10: Pengaturan dan penempatan aplikasi
Pemilihan strategi pengaturan
Penempatan aplikasi
Prepared by : Norliza Muhammad Nor Page 84
Recommended