Data Processing Note SS 2 3rd Term
Data Processing Note SS 2 3rd Term
A graphics package is an application that can be used to create and manipulate images and
graphics on a computer. With graphic packages, several things can be created such as book
cover, magazines, logos, posters, etc.
A Graphics package may not be as detailed as you think. It can be a simple paint package,
which has features of shading, drawing line diagrams and many other simple but effective
features. As it is very difficult to draw with the mouse, many people scan the drawings on the
computer and now there are software packages, which do not use a mouse.
1. painting packages
2. drawing packages
Painting Packages:
- A painting package produces images by changing the colour of pixels on the screen.
- These are coded as a pattern of bits to create a bit-mapped graphics file.
- Bitmapped graphics are used for images such as scanned photographs or pictures taken
with a digital camera.
Drawing Packages: A drawing package produces images that are made up of coloured lines
and shapes such as circles, squares and rectangles. When an image is saved it is stored in a
vector graphics file as a series of instructions, which can be used to recreate it.
Examples of drawing graphic packages include CorelDraw and Computer-Aided Design (CAD)
packages such as AutoCAD, etc.
The Features of Graphic Packages
Most of the graphic packages possess the following features and tools.
1. Menu bar: The menu bar can be used to activate commands of graphic packages and
operations. Depending on the graphic package you are using, some packages contain the
following. File, edit, view, text, tools, window, help, etc.
2. Toolbar: The toolbar is a bar that contains short cuts to menu and other commands. For
example, you can use the “open” icon to open an existing document by clicking on it. Others
are: save, print, cut, copy, paste, alignment, bold italics, underline etc
3. Toolbox:A toolbox is a bar with tools for creating, filling and modifying objects in the drawing
4. Printable area: The workspace inside the drawing window, which you can plan your work on
can be referred to as Printable area.
5. Colour palette: It is a bar that allows you to fill desired objects or texts with any colour you
want
PAINT
Paint is a simple raster graphics program installed in all versions of the Windows operating
system. It can be used to scan images, create and modify objects. It can open and save files in
the following formats: Jpeg, Gif, PNG, TIFF and bitmap (.bmp). The bitmap file extension can be
monochrome, 16 colour, 256 colour and 24- Bit bitmap.
Paint is a software from Microsoft Inc. It allows one to create, customize and paint graphics or
images
Tools in the Toolbar
The paint toolbox has sixteen tools. The names of the different tools are shown in the diagram
below:
1. Free-form select: A free-select tool is a tool used to select objects that have been drawn in
the drawing area
2. Rectangle Select tool: The Rectangle select tool is also used to select objects in the drawing
area.
3. The eraser tool: It is used to remove mistakes that have been made in a drawing. The size of
the eraser can be adjusted to remove either big or small areas of a drawing
4. Fill colour tool: This is also known as a paint bucket tool. It is used to fill objects that have
drawn with any colour of your choice.
5. Pick colour tool: The pick colour tool is used to pick or select a colour from pictures.
6. Magnifier tool: The magnifier tool is used to make objects in the drawing area appear bigger.
7. Pencil tool: The pencil tool is known as the default tool in the paint program. You can use
thhe pencil for drawing just like a real-life pencil. You must click and drag the mouse pointer to
use the pencil tool.
8. Brush tool: The brush tool works like a real-life brush. You have different brush options to
choose from in the toolbox.
9. Airbrush tool: The airbrush tool is used to spray colour over an object. The airbrush tool
works like a spray can. The amount of colour spray over a particular area depends on how long
you hold down the mouse button and keep it in the same area.
10. Text tool: the text tool is used for inserting text into the drawing.
11. Line tool: The line tool is used to draw horizontal, vertical and diagonal lines.
12. Rectangular tool: The rectangular tool is used to draw rectangles and squares of different
sizes.
13. Curve tool: The curve tool is used for drawing curves from a line. To draw a curve line, you
must first draw a line with the tool, and then click on any part of the line and drag the mouse
pointer to create a curve on the line.
14. Polygon tool:
The polygon tool is used to draw straight line objects with different shapes and sizes. You can
use the polygon tool to draw a triangle, star, rhombus and many other polygons.
15. Ellipse tool: The ellipse tool is used for drawing ovals and circles of different sizes.
16. Rounded rectangle tool: It is used for drawing rectangles and squares of different sizes with
rounded edges.
Using the Paint to draw
Draw a line: Use Line in the shapes box to draw a straight line. Click Line, click a line width in
the size, click a colour in the Colour palette, and then drag the pointer in the drawing page to
draw the line. To draw a line using the background colour, right-click while you drag the pointer.
Draw a curve: Use the Curve in the shapes box to draw a smooth, curved line. Click Curve, click
a line width in the sizes, click a colour in the Colour palette, and then drag the pointer in the
drawing page to draw a straight line. After you have created the line, click the area in the picture
where you want the arc of the curve to be, and then drag the pointer to adjust the curve
Use Rectangle in the shapes box to draw rectangular shapes. Click Rectangle, click a colour in
the Colour palette, and then click a size. To draw a rectangle, drag the pointer diagonally in the
direction you want. To draw a square, hold down SHIFT while dragging.
Draw an ellipse or circle: Use the Ellipse to make ellipses and circles. Click Ellipse in the shapes
box, click a colour in the Colour box, and then click a size. To draw an ellipse, drag the pointer.
To draw a circle, hold down SHIFT while dragging.
Enter a text: Use Text to enter text in your drawing. Click Text, and then, click a background
colour. Click a colour in the Colour palette, and then click on the drawing and type your text.
You can resize and move the text box, and change the font, font size, and text formatting until
you click another tool or click outside the text box within the drawing.
Computer Graphics are graphics created using a computer and, more generally, the
representation and manipulation of image data by a computer.
Examples of graphics packages
1. Title Bar: The title bar displays the name of the CorelDraw file on which you are working. It is
also used to reposition the CorelDraw window on the screen.
2. Menu Bar: There are 11 pull-down menus in the menu bar. All menu commands are found in
these pull-down menus.
3. Rulers: Rulers serve as positioning and sizing aid. They can be turned off optionally. Also,
you can drag guidelines off the rulers to serve as drawing aids.
4. Scroll Bars: The scroll bars allow you to shift the page horizontally and vertically.
5. Drawing Windows: The large white portion of the screen is the drawing windows. The
rectangle with the drop shadow is the printable page.
6. Roll-up Window: The Transform (Position) roll-up is shown on the left. Although they are not a
permanent part of the interface (they can be if you want). You can use them to control many of
CorelDraw’s operations. Their beauty lies in the fact that they can remain active for playing
quick “what-ifs” without going through the longer process of invoking a standard menu dialog
box.
7. Status Bar: Status bar shows the fill pattern, outline location, movement and absolute
coordinates of the selected object.
8. Colour Palette: The colour palette allows for the quick application of a coloured fill or outline
colour. Selecting the scrollbar at the bottom of the palette opens an expanded colour palette.
9. Page Counter: CorelDraw allows you to create drawings consisting of multiple pages. The
total number of pages is displayed in the page counter box along with arrows that allow you to
page forward or back in your document.
10. Standard Toolbar: Toolbar provides quick access to commonly used features. Almost all of
these can be accessed through the Menu Bar. CorelDraw provides a series of different toolbars
for your use. Additionally, the toolbar is completely customizable. You can add buttons to invoke
just about any command that you regularly use.
NOTE: There are keyboard shortcuts that are often faster than toolbar usage. Once memorized,
you won’t need to waste precious time with a Toolbar button. Ctrl + S = Save; Ctrl + P=Print;
Ctrl + Z=Undo; Ctrl + X = Cut; Ctrl + C =Copy; Ctrl + V= Paste
Meaning of web design Website design means planning, creation and updating of websites.
Website design also involves information architecture, website structure, user interface,
navigation ergonomics, website layout colours, contrasts, fonts and photography as well as
icons design. All these website elements combined together to form websites.
Understanding a web page A web page is a text file containing Hypertext Markup Language
(HTML) formatting tags and links to graphic files and other web pages through a web server.
Web pages are unique in such a way that the can be interactive and use multimedia. The main
thing to remember when creating a web is to establish a goal by setting many links.
Uses of a web design package
A web page is basically used to create web pages. Other uses include:
1. Accessibility Checker: Which gives the users the ability to check if their codes are standard-
compliant and their website is easily accessible for people with disabilities.
2. Split View Option: Allow users to code in code view and preview in design view without the
hassle of switching from design and code view tab.
3. Interactive Buttons: Give users a new easy way to create web graphics for navigation and
eliminating the need for a complicated image-editing package such as Adobe Photoshop.
4. Dynamic Web Template (DWT): Allow users to create a single template that could be used
across multiple pages and even the whole website.
5. Code Snippets: Give users the advantage to create snippets of their commonly used pieces
of code allowing them to store it for easy access when next it is needed.
1. iWeb: iWeb allows users to create websites and blogs and customize them with their own
text, photos and movies. iWeb integrates with other services, including Facebook, YouTube,
Google AdSense and Google Maps. It allows user to create a website in just a few minutes
without the knowledge of programming or HTML. iWeb provides beautiful, Apple-designed
templates that you can easily customize so don’t have to worry about design.
2. Microsoft FrontPage: It is a web tool that allows users to create accustom web sites without
having to know HTML code. It helps you to manage the pages on your web as well as create
and edit web pages in a What-You-See-Is-What-You-Get (WYSIWYG) fashion.
3. Adobe Dreamweaver: It is a web design package that is suitable for everything from simple
page design to development of dynamic pages written with ColdFusion, PHP, ASP, CSS, XML,
XSLT, and JavaScript. Dreamweaver is the most powerful, most fully-featured web developer
tool. It combines a great WYSIWYG editor, an FTP client, and a convenient scripting
environment.
4. Microsoft Expression Web & Studio: It is a web design tool you can use to design and
developed web pages using XML, CSS, ASP.NET, ASP.NET AJAX, XHTML, XSLT, PHP and
JavaScript. Expression Web requires .NET Framework and Silverlight to install and run. It uses
its own standards-based rendering engine which is different from Internet Explorer’s Trident
engine.
5. Webplus X4: Is the quick and easy way for anyone who wants to create and publish eye-
catching desktop and mobile sites, without having to use any code.
6. NetObjects Fusion: Are commercial programs with a graphical user interface and generates
HTML or XHTML through its own proprietary database
7. Amaya: Is a free and open-source WYSIWYG authoring tool with browsing abilities. It has
XML-based capabilities such as XHTML, MathML and Scalable Vector Graphics (SVG). It
displays free and open image formats such as PNG and SVG, as well as a subset of SVG
animation.
Website design means planning, creation and updating of websites. Website design also
involves information architecture, website structure, user interface, navigation ergonomics,
website layout colours, contrasts, fonts and photography as well as icons design. All these
website elements combined together to form websites.
Understanding a web page A web page is a text file containing Hypertext Markup Language
(HTML) formatting tags and links to graphic files and other web pages through a web server.
Web pages are unique in such a way that the can be interactive and use multimedia. The main
thing to remember when creating a web is to establish a goal by setting many links.
Uses of a web design package A web page is basically used to create web pages. Other uses
include:
1. Accessibility Checker: Which gives the users the ability to check if their codes are standard-
compliant and their website is easily accessible for people with disabilities.
2. Split View Option: Allow users to code in code view and preview in design view without the
hassle of switching from design and code view tab.
3. Interactive Buttons: Give users a new easy way to create web graphics for navigation and
eliminating the need for a complicated image-editing package such as Adobe Photoshop.
4. Dynamic Web Template (DWT): Allow users to create a single template that could be used
across multiple pages and even the whole website.
5. Code Snippets: Give users the advantage to create snippets of their commonly used pieces
of code allowing them to store it for easy access when next it is needed.
INTERNET
The Internet is the global system of interconnected computer networks that
use the Internet protocol suite (TCP/IP) to link billions of devices worldwide. It
is an international network for communication, where millions of computers
are connected together. It is the largest computer network in the world.
Cyber cafe: this is a place to use computer to access the internet, create
document, chat with friends using voice and video as well as a number of
other computer related tasks.
Examples include Mozilla Firefox, Apple safari, Opera Mini, Lynx , Flock,
Microsoft Internet Explorer, Netscape Navigator, UC browser, Google
Chrome, Microsoft Edge etc.
Internet Service Provider (ISP): an organization that provides individuals
and other companies’ access to the internet. Examples include MTN, Airtel,
9mobile, Smile etc.
Internet services
1. Microsoft PowerPoint
2. Macromedia flash
4. Open Office
Uses of the presentation package
1. As a slide show
2. Using Templates
Placeholders are the dotted outline that appears when you create a new slide. These boxes
serve as placeholders for objects such as the slide title, text, chart, table, and clip art.
Just click to add text in any placeholder or double click to add the specified object.
3. Insertion of Video and Audio: presentation packages allow users to insert video and audio
into their presentation from external sources.
4. Animation: this feature makes a presentation package different from other packages. It allows
users to create a motion effect on their slides.
5. Slide Show: this feature makes users view how the group of slides will be displayed. It
displays the content to the audience during the presentation.
6. Creation of Graphics: this feature enables the presentation package to provide users with
graphics inform of shapes that can create an object from scratch.
7. Creating organizational and other Types of Chart: charts such as pie chart, bar chart etc. can
be created easily with presentation package.