Contents 0 Introduction 4



Download 383.54 Kb.
Page1/9
Date05.08.2017
Size383.54 Kb.
#26674
  1   2   3   4   5   6   7   8   9

Progranimate User Manual for Prototype V3.0 ©2008 Andrew Scott




Progranimate User Manual
For Prototype Version 3.5
©2005- 2008 Andrew Scott
Faculty of Advanced Technology
University of Glamorgan


Contents

1.0 Introduction 4

1.1Document Scope 4

1.2What is Progranimate? 4

2.0 Progranimate Overview 5

1.3Feature Overview 5

1.4User Interface Overview 6

1.4.1Flowchart View 7

1.4.2Code View 7

1.4.3Variable Inspector 8

1.4.4Palette 8

1.4.5Toolbar 8

1.4.6Console 8

1.4.7Menus 8



3.0 Creating Programs With Progranimate 9

1.5Variables 11

1.5.1Adding Variables, 11

1.5.2Default Variable Values 12

1.5.3Deleting Variables 12

1.5.4Editing Variables 13

1.6Arrays 13

1.6.1Adding Arrays 14

1.6.2Default Array Values 14

1.6.3Deleting Arrays 15

1.6.4Editing Arrays 15

1.7Adding Components or Structures 16

1.8Nesting Structures 17

1.9Defining Components and Structures 18

1.10Deleting Components and Structures 18

1.11Editing Component and Structures 19

1.12Copying, Cutting and Pasting Components and Structures. 19

1.12.1Copying and Cutting 19

1.12.2Pasting 20

1.13The Components and Structures in Detail 21

1.13.1The Print Component. 21

1.13.2The Read Component 23

1.13.3 The Assign Component 23

1.13.4Control Structures. 26

1.13.4.1The If Structure 26

1.13.4.2The If_Else Structure 27

1.13.4.3The While Loop Structure 29

1.13.5The For Loop Structure 30

1.13.6Constructing Logical Boolean Expressions 35

1.13.6.1Comparison Operators 36

1.13.6.2Entering Simple Boolean Expressions 36

1.13.6.3Using AND, OR and XOR 39

1.13.6.4Complex Boolean Expressions 40

1.13.7Expression Analysis and Evaluation 41

1.13.7.1Syntax Analysis 41

1.13.7.2Operator Precedence 43



4.0 Animating a Program 44

1.14The Animation Controls 44

1.15The Console 45

1.16Skipping through links 46



5.0 Loading and Saving a Program 46

1.17Saving a Program 46

1.18Loading a Program 47

1.19Auto Loading 47



6.0 Language Selection Code Generation and Translation 47

1.20The Languages Available 48

1.21Language Translation 48

1.22The Code Generation Menu 48

1.22.1Language Selection 49

1.22.2Code Commenting Level 49

1.22.3Font Size 51

1.22.4Font Style 52



7.0 Visual Settings and Adjustments 53

1.23The View Menu 53

1.24Resizing Parts of the User Interface Using Split Dividers 55

1.25Changing the Visual Representation of the Inspectors 56

1.26Adjusting the Font Size of the Variable and Array Inspectors 56

8.0 Advanced Settings Menu 57

1.27Variables 57

1.28Animation 58

1.29Programming 59



9.0 Error Handling 60

10.0 Deploying Progranimate 61

1.30Web Server Installation 61

1.31Java Web Start Deployment 61

1.31.1Creating a Basic Launch File 61

1.31.2Launching Progranimate Via Java Web Start 63

1.31.3Passing Parameters Via WJS 64

1.31.4Troubleshooting Java Web Start Deployment 67

1.32Applet Deployment 72

1.32.1Creating a Basic Web Page To Contain Progranimate. 73

1.32.2Launching an Applet 75

1.32.3Passing Parameters to the Applet 77

1.32.4Troubleshooting Applet Launching 78

1.33A Complete List of Parameters 83



1.0Introduction




    1. Document Scope

This document is intended as a user guide for Progranimate. It is aimed at instructors and system administrators rather than the complete novice programmer. Detailed in this document are Progranimate’s (Version 3.0) range of features and instructions on their use, as well as information regarding the deployment of Progranimate. Details regarding the technical implementation of Progranimate are not covered in this document.




    1. What is Progranimate?

Progranimate is an interactive and dynamic web enabled visual problem solving tool and code generator aimed at novice programmers. The application of the tool aims to increase student comprehension and maintain student motivation when engaging in the introductory levels of programming. It removes the focus from syntax and focuses on the logic skills needed to solve introductory programming problems.


The use of the tool focuses on using flowcharts to develop visual solutions to basic programming problems from which syntactically correct program code is generated. Progranimate provides the ability to generate program code in a variety of languages that currently includes Java, Visual Basic.Net and Visual Basic 6.0. Progranimate allows user or pre-created programs to be animated, where each step of a program’s execution is highlighted in both the flowchart and code representations. A variable inspector is provided to allow users to see the effect each instruction has on any variables and arrays used within a program. The animation features and the synchronised interaction between the visual and code representations aim to reinforce student understanding of both the visual solution and program statement flow.
Progranimate integrates with the World Wide Web and is deployable via Java Web Start or as an applet within a web page. This makes Progranimate an ideal centrepiece or valuable accompaniment to an online tutorial covering the basics of imperatives (non object oriented) programming. Progranimate can also be installed locally as an executable Java JAR file on computers without Internet access.



Download 383.54 Kb.

Share with your friends:
  1   2   3   4   5   6   7   8   9




The database is protected by copyright ©ininet.org 2024
send message

    Main page