creating an ooed application
DESCRIPTION
Creating an OOED Application. 1) Plan the Application 2) Build the User Interface 3) Code the Application 4) Test and Debug the Application 5) Assemble the Documentation. 1) Planning an OOED Application. A) Identify the tasks the application needs to perform - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: Creating an OOED Application](https://reader035.vdocuments.us/reader035/viewer/2022062812/56816330550346895dd3affd/html5/thumbnails/1.jpg)
Creating an OOED Application
1) Plan the Application2) Build the User Interface3) Code the Application4) Test and Debug the Application5) Assemble the Documentation
![Page 2: Creating an OOED Application](https://reader035.vdocuments.us/reader035/viewer/2022062812/56816330550346895dd3affd/html5/thumbnails/2.jpg)
![Page 3: Creating an OOED Application](https://reader035.vdocuments.us/reader035/viewer/2022062812/56816330550346895dd3affd/html5/thumbnails/3.jpg)
1) Planning an OOED Application
A) Identify the tasks the application needs to perform
B) Identify the objects to which those tasks will be assigned
C) Identify the event(s) necessary to trigger those objects to perform their assigned task(s)
D) Draw a sketch of the user interface
![Page 4: Creating an OOED Application](https://reader035.vdocuments.us/reader035/viewer/2022062812/56816330550346895dd3affd/html5/thumbnails/4.jpg)
A) Identifying the Application’s Tasks• What information will the user need to enter?• What information will the application need to
calculate?• What information will the application need to
display on screen or print on printer?• How will the user end the application?• Will previous information need to be cleared?
![Page 5: Creating an OOED Application](https://reader035.vdocuments.us/reader035/viewer/2022062812/56816330550346895dd3affd/html5/thumbnails/5.jpg)
B) Identifying the Objects
• Assign each task to an object in the user interface– Label - used to display information that the user
will not change.– Text box - used to give the user an area to enter
data.– Command button - used to perform an action
immediately after it is clicked by the user.
![Page 6: Creating an OOED Application](https://reader035.vdocuments.us/reader035/viewer/2022062812/56816330550346895dd3affd/html5/thumbnails/6.jpg)
C) Identifying the Events
• Label - automatically display their contents; no special event needs to occur.
• Text box - accept information automatically from the user; no special event needs to occur.
• Command button - needs a click event to occur to carry out their assigned task when they are clicked by the user.
![Page 7: Creating an OOED Application](https://reader035.vdocuments.us/reader035/viewer/2022062812/56816330550346895dd3affd/html5/thumbnails/7.jpg)
![Page 8: Creating an OOED Application](https://reader035.vdocuments.us/reader035/viewer/2022062812/56816330550346895dd3affd/html5/thumbnails/8.jpg)
![Page 9: Creating an OOED Application](https://reader035.vdocuments.us/reader035/viewer/2022062812/56816330550346895dd3affd/html5/thumbnails/9.jpg)
D) Sketching the User Interface
• Organize the user interface to information flows either vertically or horizontally,
with most important information in upper-left corner of the screen.
• Command buttons should be centered along the bottom or stacked in either the upper-right or lower-right corners.
• Each control is labeled so the user knows its purpose.
![Page 10: Creating an OOED Application](https://reader035.vdocuments.us/reader035/viewer/2022062812/56816330550346895dd3affd/html5/thumbnails/10.jpg)
![Page 11: Creating an OOED Application](https://reader035.vdocuments.us/reader035/viewer/2022062812/56816330550346895dd3affd/html5/thumbnails/11.jpg)
![Page 12: Creating an OOED Application](https://reader035.vdocuments.us/reader035/viewer/2022062812/56816330550346895dd3affd/html5/thumbnails/12.jpg)
![Page 13: Creating an OOED Application](https://reader035.vdocuments.us/reader035/viewer/2022062812/56816330550346895dd3affd/html5/thumbnails/13.jpg)
Principles of Good User Interface
• Control• User-friendly• Intuitiveness• Consistency
• Clarity• Feedback• Graphics• Input
![Page 14: Creating an OOED Application](https://reader035.vdocuments.us/reader035/viewer/2022062812/56816330550346895dd3affd/html5/thumbnails/14.jpg)
2) Build the User Interface• Use TOE chart and sketch created in the
planning step as guides when building the interface.
• Involves placing the appropriate controls on the form and setting the applicable properties of those controls.– Placing and sizing design elements– Selecting appropriate font style and size– Selecting appropriate colors
![Page 15: Creating an OOED Application](https://reader035.vdocuments.us/reader035/viewer/2022062812/56816330550346895dd3affd/html5/thumbnails/15.jpg)
3) Code the Application• Flowchart - provides a visual frame of
reference of the processing steps in a program.• Pseudocode - narrative descriptions of
processing steps to be performed in a program.• Internal Documentation - refers to
comments in the Code window.• Syntax - rules when writing comments/code
![Page 16: Creating an OOED Application](https://reader035.vdocuments.us/reader035/viewer/2022062812/56816330550346895dd3affd/html5/thumbnails/16.jpg)
![Page 17: Creating an OOED Application](https://reader035.vdocuments.us/reader035/viewer/2022062812/56816330550346895dd3affd/html5/thumbnails/17.jpg)
3) Code the Application• Flowchart - provides a visual frame of
reference of the processing steps in a program.
• Pseudocode - narrative descriptions of processing steps to be performed in a program.
• Internal Documentation - refers to comments in the Code window.
• Syntax - rules when writing comments/code
![Page 18: Creating an OOED Application](https://reader035.vdocuments.us/reader035/viewer/2022062812/56816330550346895dd3affd/html5/thumbnails/18.jpg)
![Page 19: Creating an OOED Application](https://reader035.vdocuments.us/reader035/viewer/2022062812/56816330550346895dd3affd/html5/thumbnails/19.jpg)
![Page 20: Creating an OOED Application](https://reader035.vdocuments.us/reader035/viewer/2022062812/56816330550346895dd3affd/html5/thumbnails/20.jpg)
3) Code the Application• Flowchart - provides a visual frame of
reference of the processing steps in a program.
• Pseudocode - narrative descriptions of processing steps to be performed in a program.
• Internal Documentation - refers to comments in the Code window.
• Syntax - rules when writing comments/code
![Page 21: Creating an OOED Application](https://reader035.vdocuments.us/reader035/viewer/2022062812/56816330550346895dd3affd/html5/thumbnails/21.jpg)
4) Test & Debug the Application
• Testing– Valid data– Invalid data
• Debugging– Syntax errors– Run-time errors– Logic errors
![Page 22: Creating an OOED Application](https://reader035.vdocuments.us/reader035/viewer/2022062812/56816330550346895dd3affd/html5/thumbnails/22.jpg)
5) Documenting the Program
• Consists of written descriptions and explanations of programs and materials.
• Serves as a reference guide.• Includes TOE chart, user interface sketch,
flowcharts, and pseudocode.• Application printout includes form image,
form as text, and code.
![Page 23: Creating an OOED Application](https://reader035.vdocuments.us/reader035/viewer/2022062812/56816330550346895dd3affd/html5/thumbnails/23.jpg)
Desirable Program Qualities
• Programs should be:– Easy to read and understand– Efficient– Reliable– Robust– Maintainable