october 23, 2014

April 20, 20231

April 20, 2023April 20, 2023 Azusa, CAAzusa, CA

Sheldon X. Liang Ph. D.

Computer ScienceComputer Science at at APUAPU

Azusa Pacific University, Azusa, CA 91702, Tel: (800) 825-5278 Department of Computer Science, http://www.apu.edu/clas/computerscience/

CS 363 Web ProgrammingCS 363 Web Programming

http://www.apu.edu/clas/computerscience/

April 20, 20232

A silent night … …

Computer Science & Software EngineeringComputer Science & Software EngineeringCS363 Web ProgrammingCS363 Web Programming: Event-Driven Programming: Event-Driven Programming



April 20, 20233

A silent night … …




April 20, 20234

In the beginning, our project is formless …

We’re planning GUI form first

Then we deign interface form, plan properties and Basic code …




April 20, 20235

After we got GUI form, programming …

Now we define interface, set properties and write Basic code …

We’re programming Project




April 20, 20236

What’s needed to bridge the gap between…

Planning Programming

VISION is our Golden Gate Bridge




April 20, 20237

Form Planning vs. Programming Blank-filling under Framework Declaration vs. Scope & Lifetime Incremental Building Blocks Menu and Dialog Boxes (sub-form) Self-defined Procedures (Function)



CS363 Web ProgrammingCS363 Web ProgrammingEvent-Driven VBEvent-Driven VB


April 20, 20238

Project Planning vs. Programming

Two kinds of structures (seq / sel)

Four kinds of controls

Three kinds of data

One kernel in mind: you do less but re-use




April 20, 20239


Controller controls

Four kinds of controls appearing on Forms Mute controls

Controlled controls

Contributor controls

They will do nothing dynamically, just display information. You do not need to consider them anymore in programming.

They not only do a lot of things, but also stimulate other controls to react. You need to give careful consideration in coding

They are passively affected by other controls and provide main showcase for calculation. You need to put data for display

They are happy to join others’ calculation by contributing their data. You need to pick data from them for calculation




April 20, 202310


Controller

Four kinds of controls appearing on Forms Mute

Controlled Contributor

Group Box and Most Labels

It only needs its “.Text” property, never needs a ”.Name” property, that is to say, you even do not need to give a name to it.

In your code, you won’t do anything.




April 20, 202311

Project Planning vs. Programming Four kinds of controls appearing on Forms

Most Buttons

It needs not only its “.Text” property, but also a serious “.Name” property, this is because some auto-generated code is strongly tied up with it.

Double-click will start your programming.

Mute


Controller




April 20, 202312


Double Click to startYour serious name should be: orderBtn




April 20, 202313


Some Labels and TextBoxes

It usually has an empty “.Text” property. It needs a serious “.Name” property, and a variable for storing datum. Finally it is required to put datum back. i.e.,

totalLabel (name), totalDecimal (variable)

totalLable.Text = totalDecimal.toString()

Mute


Controller




April 20, 202314


Text Box, Radio and Check Box

It usually has an companied “.Text” property. It needs a serious “.Name” property, variable (or constant) related to it. Generally it just contribute something for calculation, i.e.,

quantityTextBox (name), quantityInteger (variable)

quantityInteger = Integer.Parse (quantityTextBox.Text)

Mute


Controller




April 20, 202315


Inner Identifier .Name property

Three kinds of data Appearance .Text property

Variable/Const store data at run time

This property is for users to look at while using the form, so brief, exact, and precise TEXT will be good for them.i.e., Order Coffee, Clear, Exit

This property is for designers to identify controls while design form and programming, so easy to remember will be great.i.e., quantityTextBox (or quantityTB), totalLabel (or totalLB)

This is for data storage in calculation, pickup and conversion, so data type postfix to the variable will be good for programmers.i.e., quantityInteger, totalDecimal, taxDecimal, TAX_RATE_Decimal




April 20, 202316


Inner Identifier

Three kinds of data Appearance

Variable/ConstAll information appearing on the form

Their purpose appearing on the form is to prompt users to know the meaning, so that they are guided to further operation. i.e.,

.Text properties Bill Form, Coffee Selection, Cappuccino, Espresso, Latte, Iced Latte, Iced Cappuccino, Your Order, Quantity, takeout, Discount15%, Oder, Total Tax, Discount, Total Due, Enjoy yourself (Clear)




April 20, 202317


Inner Identifier


Variable/Const

Every control has an inner identifier

Their purpose is to let form designer and programmer use their various properties through the .Name, but for mute controls, just take the default one.

cappuccinoRadioButton

espressoRadioButton

quantityTextBox

orderButton

quantityTextBox

quantityTextBox




April 20, 202318


Inner Identifier


Variable/Const

Contributor & Controlled controls need variables to hold data

Their purpose is to let programmer hold data for calculation, conversion, and other use

quantityInteger

totalDecimal

taxDecimal

discountDecimal

totalDueDecimal



April 20, 202319

Form Planning vs. Programming Blank-filling under Framework Declaration vs. Scope & Lifetime Incremental Building Blocks Menu and Dialog Boxes (sub-form) Self-defined Procedures (Function)




April 20, 202320

Blank-filling under framework A Perfect VISION Form

Math description



Blank-filling under framework A Perfect VISION Form


April 20, 202322

Form Planning vs. Programming Blank-filling under Framework Incremental Building Blocks Menu and Dialog Boxes (sub-form) Self-defined Procedures (Function) Declaration vs. Scope & Lifetime




Incremental Building Blocks Simple Form and Brief Operation

Simple Form

Menu Window and Integrated Forms

Father Window and Common Dialog Box



Declaration vs. Scope & Lifetime

Variable Scope accessible privilege

Variable lifetime live an actual life



April 20, 202325

That is all

Thank you very much!

Questions?



october 23, 2014

Documents

department of computer

apuazusa pacific university

programming blankfilling

kinds of controls

web programmingeventdriven

form planning

kinds of data

interface form