This course introduces visual programming, the design and implementation of programs that utilize a visual user-interface. Topics covered will include: use of Microsoft Visual Studio for designing the interface; the message/event driven programming model, , audio and visual programming concepts, and will provide the framework to explore artistic programming projects; logical structure of the program (e.g. separating interface from ―business logic‖); control containers (e.g. graphics, dialogs, forms); and controls (e.g. button, slider, edit box.) Programming will be done in Visual Studio, which the student should have installed and operational on the first day of class.
Intended learning outcomes
Knowledge &understand
Explain basic concepts and definitions of visual programming.
To be familiar with the basic components of the program using the JavaFX language
Understand 2D and 3D shapes in JavaFX
Understand Layouts Pane
To be familiar with the JavaFX FXML application
To be familiar with UI Controls
To learn about the use of effects, graphics, and animation in the program
Learn how to deal with databases and link controls with data.
mental skills
To distinguish between events and methods
To choose the appropriate tools in the design of user interfaces
To distinguish between JavaFX application and JavaFX FXML application
To compare different types of effects, graphics, and anima
Practical & professional skills
To use the JavaFX language, the NetBeans development environment in developing visual programs.
Designing interactive user interfaces easily using the Scene Builder program
Using CSS technology to design attractive interfaces.
using MySQL Server to manage databases
General and transferable skills
To be able to use modern technological tools.
To be able to work in a team.
To be able to managing time.
To be able to deliver and present,
Teaching and learning methods
Lectures
Tutorials
HomeWorks
Labs
Methods of assessments
Midterm exam = 20
HomeWorks = 5
Lab exam = 15
Project = 20
Final exam = 40
Course contents
Introduction of JavaFX, The JavaFX Architecture
First JavaFX Application Managing Stages , and scenes
Understanding 2D Shapes
Understanding the Layouts Pane
Styling Nodes : CSS in JavaFX
Understanding Colors, Applying Effects
Understanding FXML , The structure of an FXML document
Event Handling
Scene Builder - Building JavaFX Applications with the Scene Builder JavaFX Dialogs
Controls (UI Control) About controls such as Label, Button, CheckBox, RadioButton, Hyperlink, ChoiceBox, ComboBox, ListView, ColorPicker, DatePicker, TextField, TextArea, and Menu
JavaFX with MySQL Connection to Database
Understanding Charts - he Chart API is in JavaFX. different types of charts using the Chart API. style charts with CSS
Understanding 3D Shapes - Knowing 3D shapes and they represented 3D in JavaFX
Understanding Animations About classes in JavaFX that are used in performing animation in JavaFX perform a timeline animation.