CS-404 Visual Programming

Lecture 1-2 (An overview)

Course Teacher: Awais Mehmood, Department of Computer Science, UET, Taxila (Pakistan)
DEPARTMENT OF COMPUTER SCIENCE, UET TAXILA (PAKISTAN) 1
 Course Info
COURSE INFORMATION

DEPARTMENT OF COMPUTER SCIENCE, UET TAXILA (PAKISTAN) 2

 Instructor:
Awais Mehmood
Course Department of Computer Science,
Administration University of Engineering and Technology,
Taxila).
Contact Details
Contact Information:
awais.mehmood@uettaxila.edu.pk

awais.mehmood@uettaxila.edu.pk

DEPARTMENT OF COMPUTER SCIENCE, UET TAXILA (PAKISTAN) 3

How to access MS Teams and Turnitin
▪ Turnitin (Via code):
Codes to be provided later
▪ MS Teams:
You have been added to a Team named [CPSD] 2K21 FA24 | CS-404 Visual Programming

DEPARTMENT OF COMPUTER SCIENCE, UET TAXILA (PAKISTAN) 4

 To use the different elements of a visual
programming language as building blocks
to develop correct, coherent programs.
Course
Objectives To program using the fundamental
Major course objects are:
software development process, including
design, coding, documentation, testing,
and debugging.
Analyze problems, develop conceptual
designs that solve those problems, and
transform those designs to Visual
Programs.

DEPARTMENT OF COMPUTER SCIENCE, UET TAXILA (PAKISTAN) 5

 ▪ Introduction to Visual Programming
▪ IDEs used for Visual Programming
▪ Event-driven programming
▪ C# and its basic concepts such as: datatypes,
Course variables, control structures, Datatype conversion,
Methods, Arrays, Strings, Enumerations, OOP
Overview concepts (classes, inheritance, polymorphism,
abstract class etc.)
▪ .NET framework
▪ Working with WinForms and controls (GUI)
▪ Exception handling
▪ Database connectivity with LINQ & Entity
Framework
DEPARTMENT OF COMPUTER SCIENCE, UET TAXILA (PAKISTAN) 6
Pre-requisites
▪ C++ Programming concepts.
▪ Basic concepts of Object-Oriented Programming.
▪ Basic Database concepts.

DEPARTMENT OF COMPUTER SCIENCE, UET TAXILA (PAKISTAN) 7

Recommended ▪ Visual C#: How to Program, Deitel and
textbook Deitel, 6/e Edition, Prentice Hall /
Pearson Education, 2017.

DEPARTMENT OF COMPUTER SCIENCE, UET TAXILA (PAKISTAN) 8

 ▪ Programming in C# .NET, J.C. Bradley, A.C.
Reference Millspaugh, McGraw-Hill, 2014
textbook
▪ Microsoft Visual C# Step by Step, 8th Edition
JOHN SHARP

DEPARTMENT OF COMPUTER SCIENCE, UET TAXILA (PAKISTAN) 9

 ▪ Quizzes 05%
▪ Assignments 10%
Grading
▪ Class Participation 10%
criteria ▪ Midterm 25%
▪ Final term 50%

DEPARTMENT OF COMPUTER SCIENCE, UET TAXILA (PAKISTAN) 10

 ▪ Revision of programming concepts related
to C++.
▪ What is Visual Programming?
Goals for ▪ Characteristics of Visual Programming.
today

DEPARTMENT OF COMPUTER SCIENCE, UET TAXILA (PAKISTAN) 11

Pre-requisite concepts
▪ Primitive data types (int, char, bool,▪ Inheritance
float, double, string, long)
▪ Polymorphism
▪ Arrays, Structure, Enumeration
▪ Command Line interface (CLI)
▪ Pointers
▪ Console Application
▪ Classes and objects
▪ Encapsulation
▪ Access modifiers

DEPARTMENT OF COMPUTER SCIENCE, UET TAXILA (PAKISTAN) 12

Visual Programming language (VPL)
▪ A programming language that uses a visual representation (such as graphics,
drawings, animations or icons partially or completely).
▪ A visual language manipulates visual information or supports visual
interaction or allows programming with visual expressions [Golin 90].
▪ Any system where the user writes a program using two or more dimensions
[Myers, 90].
▪ A visual language is a set of spatial arrangements of text-graphic symbols with
a semantic interpretation that is used in carrying out communication actions in
the world.

DEPARTMENT OF COMPUTER SCIENCE, UET TAXILA (PAKISTAN) 13

Characteristics of VPL
▪ Easy to learn and use.
▪ Provides many built-in objects that can be used in developing the new
programs. New objects can also be created.
▪ The user-interface can be designed very easily by using mouse.
▪ The components are placed on the main interface component like forms.
▪ These components can be resized and moved easily.

DEPARTMENT OF COMPUTER SCIENCE, UET TAXILA (PAKISTAN) 14

Characteristics of VPL
▪ Provides facility to attach code to each interface component. The attached
code is executed when the user interacts with the interface component.
▪ The users can use the visual applications very easily.
▪ Requires computer with more memory, high storage capacity of hard disk,
and faster processor.
▪ Can only be implemented on graphical operating systems like Linux, Mac
and Windows.

DEPARTMENT OF COMPUTER SCIENCE, UET TAXILA (PAKISTAN) 15

Why we need VPL?
▪ VPL enables the development of programs by eliminating textual code
with a series of visual graphics elements.
▪ VPL incorporates these graphical elements as the primary context of the
language arranged in a systematic order.
▪ The graphics or icons included within a visual program serve as input,
activities, connections and/or output of the program.

DEPARTMENT OF COMPUTER SCIENCE, UET TAXILA (PAKISTAN) 16

Why we need VPL?
▪ Most of us learned programming using "textual" programming
languages like BASIC, C/C++, and Java.
▪ But it is more natural and efficient for humans to think visually.
▪ Visual programming allows developers to write programs by
manipulating graphical elements.
▪ Using visual programming should improve the quality of code and
reduce programming bugs.

DEPARTMENT OF COMPUTER SCIENCE, UET TAXILA (PAKISTAN) 17

VPL and IDE

Visual
C#
Studio.

DEPARTMENT OF COMPUTER SCIENCE, UET TAXILA (PAKISTAN) 18

 Questions
Q&A

DEPARTMENT OF COMPUTER SCIENCE, UET TAXILA (PAKISTAN) 19

 C#.NET
INTRODUCTION TO C#
BASIC CONCEPTS RELATED TO
C#

DEPARTMENT OF COMPUTER SCIENCE, UET TAXILA (PAKISTAN) 20

What is C#?

21
Component-oriented Language?
▪ Component-based development (CBD): A branch of SE, with the priority
of the separation of concerns in respect of the wide-ranging
functionality available throughout a given software system.
▪ A component is a software package that encapsulates data and
functionality - much like an object in OOP - but at a higher level.
▪ C# supports COP through the concepts of properties, methods, events,
and attributes (or metadata), allowing self-contained and self-describing
components of functionality called assemblies.

DEPARTMENT OF COMPUTER SCIENCE, UET TAXILA (PAKISTAN) 22

 Suitable for developing
Web-based and Desktop
Applications
What is C#?
C# as a programming language

Designed for developing

robust, reliable & durable
components to handle
real-world applications.

DEPARTMENT OF COMPUTER SCIENCE, UET TAXILA (PAKISTAN) 23

Overview of C#?

24
Overview of C#?

25
26
27
Evolution
of C#

28
29
Characteristics of C#

30
Characteristics of C#

31
Characteristics of C#

32
Characteristics of C#

33
Characteristics of C#

34
Characteristics of C#

35
Applications of C#

36
Enhancements and Improvements

38
Enhancements and Improvements

39
How C# differs from Java?

40
 Thank you
Your time is limited, so don't waste it living someone else's life. Don't be trapped
by dogma – which is living with the results of other people's thinking.
-Steve Jobs
DEPARTMENT OF COMPUTER SCIENCE, UET TAXILA (PAKISTAN) 41