module ta223 vbnet

98
[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009 Module TA 223 PARADIGMA PENGATURCARAAN VISUAL Prepared by : Norliza Muhammad Nor Page 1

Upload: api-20008383

Post on 14-Jun-2015

239 views

Category:

Documents


4 download

TRANSCRIPT

Page 1: module ta223 vbnet

[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009

Module TA 223

PARADIGMA PENGATURCARAAN VISUAL

Prepared by : Norliza Muhammad Nor Page 1

Page 2: module ta223 vbnet

[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

Page 3: module ta223 vbnet

[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

Page 4: module ta223 vbnet

[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

Page 5: module ta223 vbnet

[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009

Prepared by : Norliza Muhammad Nor Page 5

Page 6: module ta223 vbnet

[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

Page 7: module ta223 vbnet

[KOLEJ POLY-TECH MARA KOTA BHARU : TA 223] June, 2009

Prepared by : Norliza Muhammad Nor Page 7

Page 8: module ta223 vbnet

[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

Page 9: module ta223 vbnet

[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

Page 10: module ta223 vbnet

[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

Page 11: module ta223 vbnet

[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

Page 12: module ta223 vbnet

[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

Page 13: module ta223 vbnet

[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

Page 14: module ta223 vbnet

[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

Page 15: module ta223 vbnet

[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

Page 16: module ta223 vbnet

[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

Page 17: module ta223 vbnet

[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

Page 18: module ta223 vbnet

[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

Page 19: module ta223 vbnet

[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

Page 20: module ta223 vbnet

[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

Page 21: module ta223 vbnet

[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

Page 22: module ta223 vbnet

[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

Page 23: module ta223 vbnet

[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

Page 24: module ta223 vbnet

[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

Page 25: module ta223 vbnet

[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

Page 26: module ta223 vbnet

[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

Page 27: module ta223 vbnet

[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

Page 28: module ta223 vbnet

[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

Page 29: module ta223 vbnet

[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

Page 30: module ta223 vbnet

[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

Page 31: module ta223 vbnet

[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

Page 32: module ta223 vbnet

[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

Page 33: module ta223 vbnet

[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

Page 34: module ta223 vbnet

[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

Page 35: module ta223 vbnet

[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

Page 36: module ta223 vbnet

[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

Page 37: module ta223 vbnet

[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

Page 38: module ta223 vbnet

[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

Page 39: module ta223 vbnet

[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

Page 40: module ta223 vbnet

[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

Page 41: module ta223 vbnet

[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

Page 42: module ta223 vbnet

[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

Page 43: module ta223 vbnet

[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

Page 44: module ta223 vbnet

[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

Page 45: module ta223 vbnet

[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

Page 46: module ta223 vbnet

[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

Page 47: module ta223 vbnet

[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

Page 48: module ta223 vbnet

[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

Page 49: module ta223 vbnet

[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

Page 50: module ta223 vbnet

[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

Page 51: module ta223 vbnet

[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

Page 52: module ta223 vbnet

[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

Page 53: module ta223 vbnet

[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

Page 54: module ta223 vbnet

[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

Page 55: module ta223 vbnet

[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( )

Page 56: module ta223 vbnet

[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

Page 57: module ta223 vbnet

[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

Page 58: module ta223 vbnet

[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

Page 59: module ta223 vbnet

[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

Page 60: module ta223 vbnet

[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

Page 61: module ta223 vbnet

[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

Page 62: module ta223 vbnet

[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

Page 63: module ta223 vbnet

[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

Page 64: module ta223 vbnet

[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

Page 65: module ta223 vbnet

[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

Page 66: module ta223 vbnet

[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

Page 67: module ta223 vbnet

[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

Page 68: module ta223 vbnet

[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

Page 69: module ta223 vbnet

[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

Page 70: module ta223 vbnet

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

Page 71: module ta223 vbnet

[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

Page 72: module ta223 vbnet

[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

Page 73: module ta223 vbnet

[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

Page 74: module ta223 vbnet

[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

Page 75: module ta223 vbnet

[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

Page 76: module ta223 vbnet

[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

Page 77: module ta223 vbnet

[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

Page 78: module ta223 vbnet

[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

Page 79: module ta223 vbnet

[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

Page 80: module ta223 vbnet

[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>

Page 81: module ta223 vbnet

[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”

Page 82: module ta223 vbnet

[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;

Page 83: module ta223 vbnet

[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

Page 84: module ta223 vbnet

[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