ayezt Barat FUMELOUDLAL WoI-sAl s 4aa/1213/110/e, al. 18-3-2013-eL aiege COMPUTER STUDIES Standard 11 @ PLEDGE India is my country. All Indians are my brothers and sisters, Tlove my country and I am proud of its rich and varied heritage. I shall always strive to be worthy of it. I shall respect my parents, teachers and all my elders and treat everyone with courtesy. T pledge my devotion to my country and its people. My happiness lies in their well-being and prosperity Price : 96.00 (a Gujarat State Board of School Textbooks &, ‘Vidyayan’, Sector 10-A, Gandhinagar-382010© Gujarat State Board of School Textbooks, Gandhinagar Copyright of this book is reserved by Gujarat State Board of School Textbooks. ‘No reproduction of this book in whole or in part, in any form is permitted without written permission of the Director, Gujarat State Board of School Textbooks. Subject Adviser Prof. R. P. Soni Authors Dr Harshal Arotkar (Convener) DrSonalben Jain DrNilesh Modi Shri Triptiben Dodiya Reviewers DrKuntal Patel Shri Jyotika R. Doshi Shri Girish S. Brahmbhatt Shri Saket A. Dave Shri Ankita S. Dwivedi Shri Bimal K. Raval Shri Mayuri L. Shah Shri RL. Gilatar Shri Rajnikant P. Pandya Shri Pankaj R. Shukla Shri NishitaN. Gandhi Shri Rajshree N. Padia Shri Dimple U. Shukla Co-ordinator Shri Ashish H. Borisagar (Subject Co-ordinator : Mathematics) Preparation and Planning Shri Haren Shah (Dy. Director : Academic) Lay-out and Planning Shri Haresh 8. Limbachiya (Dy. Director : Production) PREFACE ‘The Gujarat State Secondary and Higher Secondary Education Board has prepared new syllabi based on the open source operating system and compitible open source software tools for various topics of Computer Studies. These syllabi are sanctioned by the Government of Gujarat. It is a matter of pleasure for the Gujarat State Board of School Textbooks to place this, textbook of Computer Studies before the students of Standard 11 prepared according to the new syllabus. Before publishing the textbook, its manuscript has been fully reviewed by experts and teachers teaching at this level. Carrying out suggestions given by teachers and experts, we have made necessary changes in the manuscript and then have published the textbook. The board has taken special care to ensure that this textbook is interesting, useful and free from errors. However, we welcome suggestions to enhance the quality of the textbook. P. bharathi (IAS) Director Date : 13-12-2019 Executive President Gandhinagar First Edition : 2013, Reprint : 2017, 2018, 2019, 2020 Published by Printed by :P, Bharathi, Director, on behalf of Gujarat State Board of School Textbooks, “Vidhyayn’, Sector 10-A, Gandhinagar.FUNDAMENTAL DUTIES It shall be the duty of every citizen of India :* (@) to abide by the Constitution and respect its ideals and institutions, the National Flag and the National Anthem; (6) to cherish and follow the noble ideals which inspired our national struggle for freedom; (© to uphold and protect the soverenty, unity and integrity of India; (4) to defend the country and render national service when called upon to do so; (© to promote harmony and the spirit of common brotherhood amongst all the people of India transcending religious, linguistic and regional or sectional diversities; to renounce practices derogatory to the dignity of ‘women; ( to value and preserve the rich heritage of our composite culture; (g) to protect and improve the natural environment including forests, lakes, rivers and wild life, and to have compassion for living creatures; (h) to develop the scientific temper, humanism and the spirit of inquiry and reform; () to safeguard public property and to abjure violence; @ to strive towards excellence in all spheres of individual and collective activity so that the national constantly rises to higher levels of endeavour and achievement; (k) to provide opportunities for education by the parent or the guardian to his child or ward between age of 6 to 14 years, as the case may be. * Constitution of India : Section 51-A4. 5. 10. uu. 12. 13. |. Introduction to Multimedia Animation Tool : Synfig Creating Animation Using Synfig Introduction to Layers Using Pictures in Synfig Basic Ubuntu Linux Commands Vim Editor and Basie Seripting Advanced Scripting Introduction to Database Management System Working with Tables Retrieving Data Using Queries Forms and Reports Current Trends and Technologies Appendix 20 38 57 99 137 158 184 208 233 263 286 313About This Textbook... Dear Teachers, With a mission to spread computer literacy on a fast track, the Gujarat Government has provided latest computer equipments to more than 6000 aided schools under the ICT@School program. As a new policy initiative all the schools are given the Ubuntu (a variant of Linux) Operating System and other Open Source software packages so that schools can use and exchange the software freely without botheration of the licensing issues. Since earlier text books were largely based on proprietary sofiware, there was a need to rewrite the text books based on new syllabus. This was also necessary in view of the fact that the 8 standard has been transferred to primary section. Therefore, new content has been provided for 9" to 12 standard in a phased manner based on the Open Source Operating System and compatible Open Source software tools for various topics of computer studies. This text book for 11* standard is the third in series for the subject of ‘Computer Studies’. In this text book, the aim is to provide elementary knowledge of multimedia, inoduction to animation using Open Source multimedia tool on Linux known as Synfig, discuss essential Ubuntu Linux commands for various operations, introduction to Shell scripting, data base operations on Open Office Data Base Management System tool known as Base, and an overview of certain emerging technologies which may gain ground in the days to come. We hope the coverage will be useful to the students to get insight into computer applications and you will enjoy teaching and conducting practical using open source software tools. Dear Students, We assume that you are familiar with Open Source Operating System Ubuntu Linux and Open Office components, In this text book you will be learning fundamentals of multimedia, basic Linux commands for file and general operations, working with editors and Shell scripting for elementary administrative tasks. You will also learn how to create database, write queries for information retrieval and generate forms and reports. Finally, few emerging technologies and trends will be discussed so that you would become aware of the information technology which is likely to take in close future.The chapters 1 to 5 cover introduction to multimedia, features of multimedia tool Synfig, creating animation using Synfig, advanced concepts of animation using layers and what can be achieved by superimposing layers, how to handle pictures and images in Synfig tool. Chapters 6 introduces basic Linux commands for general purpose operations, file and directory manipulations, i/o redirection and pipe as well as for sorting of records. Chapter 7 covers the Vim editor for creating and editing files followed by introduction to shell scripting. In chapter 8 several examples of Shell scripting have been presented so that you can develop confidence and write scripts for elementary administrative tasks. Chapter 9 and 10 introduce the Open Office tool Base for creating database (tables) and populating the created tables with actual data, Chapters 11 and 12 discuss writing queries for data retrieval and creation of forms as well as reports for output presentation. The last chapter 13 deals with few emerging technologies and trends such as Mobile Computing, Cloud Computing, RFID, Biometrics, and Green Computing among others. We are sure these will make you reading and learning of current and future trends in computing interesting. It is sure that if you carefully study the text and practice the laboratory exercises, you will develop reasonable confidence in working with Synfig animation tool, writing Shell scripts, creating data base and generating forms, reports and queries for information retrieval.Introduction to sf Multimedia Toolbars —> Drawing. This will open the drawing toolbox. © On the Drawing toolbar click on the Fontwork Gallery icon [,\|. A Fomwork Gallery dialog box as shown in the figure 1.5 will open. Introduction to Multimedia 3Figure 1.5 : Fontwork Gallery dialog box © In the Fontwork Gallery dialog box, select any style that you like and click on the OK button. The Fontwork object is inserted into the document as shown in figure 1.6. * Double click on the ubject to enter into the text edit mode. Fea v7 = omy Figure 1.6 : Edit the fontwork text dialog box © Replace the default “Fontwork” text with text “Gujarat Tourism” . Press ESC key to exit the text edit mode. 4 Computer Studies : 11© You can now see that the text “Gujarat Tourism” appears on the slide as shown in the figure 1.7. © Save the file for further use. Si 1e8-0p O8IEE BEIGE wa | ) Co eel Cy = V7 eB eMy-.-e-O-2-B Se 1D ei wie =e ae Figure 1.7 : Final slide with the text Audio ‘Sound is the most important element of multimedia, We can define sound as a meaningful speech in any language. ‘The term sound is used in the analog form, and the digitized form of the sound is called audio. ‘Text and images without any sound are helpful when we are presenting in front of the audience. But in the absence of the presenter, sound plays an important role. The best example is when we are viewing an educational CD. The user can enable or disable the sound option. But the learning process is more enjoyable when it is played with sound. To make such a kind of multimedia presentation, we need to first record the voice and play it according to the animation in the presentation, Thus when a user sees the presentation he/she is able to understand it easily by seeing the animation along with the voice. Now-a-days, computers support multimedia applications. They come along with required hardware and software needed for multimedia applications. We get inbuilt sound card, speaker, microphone, and web camera which are required for multimedia applications. The operating system provides application that can be directly used for capturing audio and video. Let us have a look at an audio recording application provided in Ubuntu Linux. Be sure you have microphone and speaker connected to the computer. Let us record our voice using the application by following the steps given Introduction to Multimedia 5© Select Applications —» Sound and video > Sound recorder. This opens a Sound Recorder application as shown in figure 1.8. © — Choose File > New. © Use the Record as drop-down list to select one of the following recording options © CD quality, Lossless © CD quality, Lossy Voice Peete See Record as: | Voice, Lossy (.spx type) File Information Filename: untitled Length: Ready re LR + Sound Recorder © To start recording, choose Control > Record or click on record button @ shown figure 1.8 © Now start recording the voice. For example, describe a tourist place of Gujarat for our multimedia presentation on “Gujarat Tourism”. Figure 1.9 shows the audio recording process. iene. eno Record as: File information Filename: Untitled Length: 12seconds lRecording. Figure 1.9 : Audio Recording 6 ‘Computer Studies* To stop recording, choose Control -> Stop or click on Stop button (Il). © To play back the recording, choose Control —> Play or click on Play button (>). © Torun the audio mixer, choose File - Open Volume Control. © To save the recording, choose File - Save As, and type a name for the sound file. ‘We can also make changes to this sound file like, delete a part of it, change the playback speed, change the playback volume and add echo etc. Multimedia elements like sounds or videos are stored in media files. To discover the type of media file we should look at the file extension. The commonly used audio formats are described in table 1.1. amid, midi MIDI File MIDI (Musical instrument digital interface) files contain music data. arm, ram Real Audio File .ram (real audio metadata) is combination of audio and video. away Wave File Waveform audio file. wma Windows Media Audio File | Audio file compressed with windows media compression. -mp3, .mpga MP3 Audio File Compressed audio format. Table 1.1 : Commonly used Audio File Extension .wav is the most popular uncompressed sound format on the Internet, and it is supported by all popular browsers. The mp3 is the new compressed format for recorded music. So if you want to use the recorded music, mp3 is the best choice. Image Generally multimedia presentations are graphics/image based. Information communicated through images is easier to remember and understand. Images used in a multimedia application can be photographs converted into digital form with the help of scanners or generated on the computer. Computers store the pictures in the form of pixels maps also known as bitmap or raster images. A Pixel (short for picture element) is the small dot on the screen. A map is a two dimensional matrix of these dots. Thus, a bitmap is a simple matrix of tiny dots which forms an image on the computer screen. Each pixel contains values representing a color. When an image is sent to be displayed on the screen, the picture data is converted to pixels. Another form of image generated by computers is vector graphics. They store the images in the form of mathematical equations. On the screen both bitmap and vector graphics looks the same. But when you enlarge the bitmap image, it will blur and the pixels will get enlarged as shown in figure 1.10, The vector images on the other hand looks the same when enlarged. This is because, Introduction to Multimedia 7the data is stored in the mathematical form and the values are recalculated when displayed on the screen. Bitmap image Enlarged bitmap image showing pixels Figure 1.10 : Bitmap Image Both the types of images are stored in different file formats as mentioned in table 1.2. Typically, these files are compressed to save memory space. Bitmap image file formats like gif, jpeg and ‘png use compression within the file itself. The commonly used image formats are described in table 1.2. Uncompressed image file used to store bitmap digital images. Bitmap Image Common for web graphics with small images and images with text. Uses limited number of colors. Graphical Interchange Format File Used to store graphics for web images and supports upto 32-bit colors. It was an improvement over gif. Portable Network Graphic Common image format used by digital cameras, Supports upto 24-bit colors. sipeg / jpg | Joint Photographic Expert Group Image File psd Photoshop Document | Image file created by Adobe Photoshop. Highly flexible and platform independent format which is widely used today. 5 Tagged Image File Format Table 1.2 : Commonly used Image File Extension Using inbuilt images is a common practice while preparing a presentation. For example, in Open office Writer, we can insert a picture by going to Insert —> Picture. The pictures used can be a 8 Computer Studies : 11file already present in the computer or we can scan the picture using a scanner and convert it into digital format to be used further by the computer. Figure 1.11 shows a document with an image inserted using OpenOffice Writer. The image used in figure 1.11 was already available to us. We may use any other image of our liking. We can also make changes to our images by using programs like Adobe Photoshop, GIMP, MS-Paint and others. - j Figure 1.11 : Document with Image Video and Animation Animation can add great power to any multimedia application. Any static presentation becomes lively by adding a video or animation, Let us first differentiate between animation and video. ‘The term video refers to the sequence of natural scenes captured using analog or digital video capturing device. This device can be a web camera, digital camera or even mobile phones. Animation is a visual change over time. The digital images are played one after the other to create a moving effect. We can say that, animation is created from drawn pictures and video is created using real time visuals. Carefully planned and well-executed video clips or animations can make a great difference in a multimedia application. Some examples of animation are movies like Kung Fu Panda and Smurfs. Animations can be classified as two-dimensional (2D) or three dimensional (3D). In 2D animation the visual change occurs on the x and y axis of the screen. This type of animation is simple, Some examples of 2D animation software are Macromedia Flash, Synfig studio and Pencil. In 3D animation the visual change occurs along three axis namely x, y and z. This type of animation gives almost Introduction to Multimedia 9a realistic view of the image as can be seen by the human eye. Some examples of 3D animation software are Maya, Blender and 3D Max. Figure 1.12 shows the view of an object in 2D animation software and figure 1.13 shows the view of an object in 3D animation software. We will learn ‘how to create animation in later chapters Sows some setts ate aa aM ran? aa 10 Computer Studies : 11Let us now see how to record a video using VLC media player. It is essential that you have VLC Media Player installed in your computer, if not then download it from Ubuntu Software Center. It is a free open source multimedia player. Be sure you have webcam connected to the computer. Let us start recording a video by following the steps given © Open VLC media player. © Select Media + Open Capturing Device. This will take you to the Open Media dialog as shown in figure 1.14, Select the video device name and audio device name. Figure 1.14 shows the selected options. > win Sw) mie = Figure 1.14 : Open Media dialog box Note : ‘The device name and the audio device name may machine. In case you have multiple devices you can choose the one that you would like to use, vary as per the settings of reader’s © From the Play drop down menu visible in the Open Media dialog box of figure 1.14, select Convert option. This will open the Convert dialog box as shown in figure 1.15. In the textbox after Destination file label, select the destination and filename. Check ‘Display the output” checkbox to see what you are recording. © — Click on the Start button, Introduction to Multimedia un> mam sis seo = Figure 1.16 shows the video recording in progress. Click on the Stop button |) to stop the recording, 2 Computer Studies : 11Later the recorded video can be attached to the multimedia application. You can also try out another open source video recording software called "Cheese Webcam Booth" available in Ubuntu Software Center. The commonly used video formats are shown in table 1.3. avi Audio Video Interleave File | Developed by Microsoft to play videos in windows environment, avmvy Windows Media Format File | .wmy (windows media video) is a compressed video format developed by Microsoft for intemet streaming applications. -mpg,.mpeg | Moving Pictures Expert | Popular video format used for creating Group File movies distributed over internet, mov Quick Time Format File | Developed by Apple. Files are compressed and are easier to download from internet. rm, ram Real Video Format File | ram (real audio metadata) are combination of audio and video. swf, flv | Adobe Flash Shockwave File| Animated file containing text and images. Created by using Adobe Flash software. anp4 MPEG4 Video File Commonly used for sharing video files on the internet. Table 1.3 : Commonly used Video File Extension ‘Today mp4 is most widely used format for the Internet video. It is supported by Flash players, ‘YouTube as well as HTMLS. Interactive objects For a multimedia presentation to be effective it should have maximum interactivity. At times the user ‘may want to skip a portion of the presentation or want to again go through that same portion. ‘The user is given buttons or hyperlinks for navigation in such cases. When these interactive objects are clicked, the flow of the presentation changes as per the user’s choice. Earlier the Internet browsers supported only one media element : text. Text was also limited to single font and color. All the media elements descrited earlier are now supported by latest Internet browsers in different ways. Some media elements can be handled inline and some require plug-in. Inline media objects are specified inside the program using a specific ) jpeg (©) tif (a) .bmp (15) Which of the following is used to store the images are stored in form of mathematical equations? (a) vector (b) raster (©) bitmap (@_ picture (16) Which of the following devices help us to convert photographs into a digital format? (@) scanners (b) modem © printer @ monitor 18 Computer Studies : 11(17) Which of the following terms represent PNG? (a) programmable network graphic (b) photo network graphic (© portable new graph (@)_ portable network graphic (18) Which of the following terms represent a helper programs that can be easily installed and used as a part of the web browser? (@)_ plug-in (b) text (© video (@) audio (19) In which of the following terms can Multimedia be classified? (@) intelligent and non-intelligent __(b) interactive and non-Interactive multimedia (©) intuitive and non-intuitive (@)_ informative and non-informative 20) In which of the following animation types does the visual change occur in the x and y axis? (a) 2D ®) 3D © 4D @ sD 1. Create a title text using OpenOffice Impress or Writer for the text “Gujarat”. 2. Record your voice using sound recorder describing about “Adalaj ni Vav". 3. Record a video describing “What is Multimedia”. Introduction to Multimedia 19ll Animation Tool : Synfig In previous chapter, we discussed about multimedia and the basic building blocks of multimedia. To create a multimedia presentation using these building blocks we need application programs known as multimedia authoring tools. These authoring tools provide the important framework to organize and edit the multimedia elements like graphies, sound, video and animation. Generally, the authoring tools are classified into: © Card or Page based tools © Icon and Event based tools © Time based tools In Card or Page based authoring tools the elements are organized as pages of a book or pile of cards. The authoring tool links these pages into an organized sequence. These types of tool are useful when the different elements can be viewed individually like the pages of a book. Some examples of card based authoring tools are Hypercard and Multimedia Toolbook. In Icon and Event based authoring tools the elemenis are organized as objects in a structural framework or process. Here you need to build the flowchart of the events or tasks and then add the elements as per the structure. Some examples of icon and event based authoring tools are Authorware and TeonAuthor. In Time based authoring tools the elements are organized along a timeline. They are useful when you want to give a message that has a beginning and an end. The elements are displayed as per the time or location of the events. Time based authoring tools are the most popular amongst all. Some examples of time based authoring tools are Synfig, Pencil, Flash and Director. ‘There are many multimedia tools available in the market. Some of these tools are proprietary while others are open source. Some of the open source animation tools easily available on internet are Pencil and Synfig. Pencil Pencil is a 2D animation software that lets you create traditional hand-drawn animation using both bitmap and vector graphics. It can be freely downloaded from http://www.pencil-animation.org. It is available on various operating systems like Linux, Windows and MacOS X. Figure 2.1 shows the user interface of pencil software. The interface looks quite similar to other animation or drawing softwares. In pencil animation software, you can create good animation if you are good at free hand drawing instead of object drawing. 20 Computer StudiesFustec 720 Sop ters ant 2 Bau Le © Keres @ ©| onon ace) Bp Sag var Figure 2.1 : User interface of Pencil ation software For object drawing and animation, let us learn about an open source animation tool called Synfig Studio. Synfig Studio Synfig Studio is a time based multimedia authoring tool that falls in the category of open source. It is available free of cost on the internet and can be downloaded from http:/Wwww.synfig.org . Synfig Studio (or simply Synfig) is 2D vector animation software released in 2005 under the GNU GPL (General Public License). It is designed to produce film-quality animation with fewer people and resources. It is available on various operating systems like Linux, Windows and MacOS X. The first version of Synfig was 0.61.05 and new versions have been regularly launched with additional features till date. The latest version of Synfig is 0.63.05. Since it is not available as a standard package in Ubuntu Linux, we need to install it first. Once installed, it will be available under the Graphics option of Applications menu, Synfig stores animations in XML (extensible markup language) file format, often compressed using compression software gzip which stands for GNU zip. These files use the filename extension .sif in uncompressed form or .sifz in compressed form. Getting Started To start Synfig, in the menu bar click Applications > Graphies > Synfig. When you start Synfig Studio you must have observed that it does not start in one window, but opens a number of individual Animation Tool : Synfig awindows on the desktop. We can drag the window to change the size. If you want to reset the Synfig studio window to default window arrangement as shown in the figure 2.2 then go to ‘Toolbox — File menu -> Panels > Reset Windows to Original layout. Let us first get familiar with the user interface of Synfig. In figure 2.2 you can see the Synfig studio window layout, Toolbox Canvas Panels ae & «lai * Panels Figure 2.2 : Synfig user interface ‘As seen in the figure 2.2 the components in the user interface are: toolbox, canvas and panels. Let us discuss the role of each of them. ‘Toolbox Toolbox is the main window which contains system menu and tools to create and edit your artwork as shown in figure 2.3. Closing the toolbox exits the application. Even if you have several projects open there will only be one Toolbox for all. Using the toolbox we can create a new file, open an existing file, save the file and setup properties The toolbox also contains the general tools like circle, rectangle, transform and others, for creating and editing an object. The toolbox window is separated into three areas or palette: ‘© The upper palette contains buttons for standard file operations like create a new file, open a file, save, save all files, undo and redo as well as access to the settings dialog and the help system. ‘© In the middle palette we have the tools like circle, rectangle, transform and others for creating and manipulating an object. We will leam more about each tool later in this chapter. 2 Computer Studies : 11‘© The lowest palette contains the default settings for new layers like : Canvas Foreground and background color : it creates the fill and the outline colors for the object. When we create a layer without outline then it has only fill color. We can change the color by clicking on fill or outline color. Brush size : sets the size of the line for new outline layers. Blend method : sets the blend method which will be discussed in the later chapters. It is set to “By layer default”. Opacity + it controls the layers visibility. 0 means the layer is invisible and 1 means the layer is visible. Gradient : used by Gradient layers as, their fill. It sets to a default gradient between the foreground color and background color. Interpolation : each waypoint has an interpolation setting which determines the manner in which the parameter changes. @) |||) |S) | 4/4) 2)4)/@ Geass IJog_oHe Mari@i2 az2e By Layer Default» 1.00 Sa clamped . upperPalette Middle Palette LowerPalette Figure 2.3 : Toolbox ‘When you open a new file or create a new project you will see the canvas window. It can be seen at the center of the user interface as shown in figure 2.4. This is the place where you display your artwork and create animation, Whenever we start Synfig studio a new canvas window appears. BAG vt a ret wD ‘rmelne Workares Figure 2.4 : Canvas Window Animatio n Tool : SymfigThe area with the grey check-board pattern is the working area in which you can create elements! layers and manipulate them. In the upper left comer of the canvas window you can see caret |»), a little black triangle. Clicking on this button, the canvas window menu will pop up which allows access to most of the Synfig features. Generally, in most of the applications you find the set of menus at the top of the screen or at the top of the drawing window. You can also see the timeline which appears only when you have non-zero duration in the settings dialog of your project. To the left you can see the number of the current frame and on the right side two buttons to switch the animation status and to lock/unlock the keyframes. Panels Synfig has different type of panels like layers, parameter, history etc. Panels contain tools and information aed Satake sal about certain elements of our pect. Wavigator Some panels will allow you to modify these elements, ‘The two windows on the bottom and Info 6 Palette to the right are customizable dock aa Eom Editon, dialogs. Each dock dialog contains re -tro0npt 80% Tool Canvas aset of panels which are arranged rt. —= canvas, horizontally or vertically. Some panes tgry | share the same space inside the dock dialog and we can switch between them by clicking on their tabs. We Layers —, Gi can rearrange the contents of dock ole HOmRy kon Name __ZDepth dialogs by dragging the panel tab to where we want it. Ifaccidentally we close a panel go to the Toolbox, select File — Panels and click on the name of the panel you need. ‘Then drag the panel into the dock dialog where you want to place it, Figure 2.5 and 2.6 shows the Figure 2.5 : Panels arranged vertically panels arranged vertically and horizontally. 24 Computer Studies : 11Curves Canvas Metadata Params Children Keyframes. Figure 2.6 : Panels arranged horizontally Let us discuss the function of some of the important panels: Layers Panel It displays the layers of your working canvas. It also allows you to manipulate these layers. Params Panel It shows the currently selected layer parameters. When multiple layers are selected, only the parameters that are common in the selected layers are displayed. ‘Tool Options Panel It shows options that are specific to the currently selected tool. ‘Navigator It shows a thumbnail image of what the currently selected canvas looks like. We can also zoom in and move the focus around. History Panel It keeps track of all the actions that are done while editing the file. The check box column is used to disable specific actions without going through the entire action list. So if we want to redo or undo an action or group of actions just click on the check box. ‘There are many other panels and to know about each simply hold mouse over its icon and a tooltip will pop up deseribing its function, Creating new file Now let us see how to create a new file and set its properties. To create a new file, perform the following steps: © Select Toolbox + New file. Alternatively, when you start Synfig a new file is automatically created, Click on the Caret > Edit —» Properties. This will open a dialog box as shown in figure 2.7. Animation Tool : Synfig 28Een Lenk) Canvas info Name Description Image |Time Other Image Size wideh 403) xRes 72.0 2) Physical width 6.07 Height 270|:) yes 72.0 2) Physical Height 3752 Image span 9.1788 = Image Area Toplet x ~4.0000000000 |=: 2.2500000000 |> | Bottom ight x 4,0000¢00000 | >: 2.2500000000 > OK || Apply Close Figure 2.7 : File properties dialog box You can set the name of the file and give a description to your animation. In the window, you can see three tabs namely Image, Time and Other. The Image tab is used to set the image size and image area as shown in figure 2.7. The Time tab is used for setting the start time, end time and frames per second. The default settings are as shown in figure 2.8. We will learn more about these properties later. Canvas Info Name ‘Synfig Animation 1 Description mage Time | other Time Settings Frames per second 24.0000 2 start Time oF End Time Ss [20K | (apply) | close Figure 2.8 : File property dialog box with time tab selected 26 Computer Studies : 11‘© Now click OK button and the changes will be applied. © After creating the file and setting properties we can now start creating our artwork and Let us now see different tools used to create and manipulate an object. Tools Tools help you to crete the arwork for your multimedia peeee project. Synfig provides various tools to create and = UE manipulate an object. Figure 2.9 shows these tools, each Owes) tool has its own set of options and parameters. Tools are A BIA|S)\2) visible in the tool options panel. And parameters are visible A zie) in the parameter panel. When you select a particular tool, the tool options panel displays the options that are available for that tool. Figure 2.9 : Tools to create and manipulate objects Let us first discuss the tools used to draw an object. Circle Tool The Circle tool is used to create new circle layer. Circle layers are used to represent circles. A circle has two important parameters: centre and radius. You can sce the parameters in the parameter pancl. We can change any of the parameter aficr drawing the object. To draw a circle select the circle tool, Click in the working area where you want the center of the circle to be and then drag to set the radius as shown in figure 2.10. rama seasons $a i eo Risser Figure 2.10 : Use of Circle tool Animation Tool : Synfig 27Using the tool options panel you can also change the name of the circle layer, create additional layers using the checkboxes like create outline layer which is used to create an outline around the circle. In the figure 2.10, only the Create Circle Layer is selected. If we select the Create Outline Bline option then the circle object will be created with an outline If you want to edit the circle, say for example you want to increase the radius of the circle or move the circle then click on the duck as shown in the figure 2.11, In case the ducks are not visible then click on the transform tool to see the ducks. You may be wondering what a duck is? 462 Figure 2.11 : Ducks for ‘A duck is a handle that is used to control some parameter of a layer. For example, a circle will have two ducks: one to control the position of its centre, and second to control its radius. In figure 2.11, you can see the green and blue colored ducks. Ducks come in different color and they have specific meaning. The color of the duck signifies a change in the following aspects of the object: © Green — position of the object © Blue — radius of the circle © Orange — vertices © Yellow— curves © Dark blue — to change the angle in star In figure 2.11 the green duck is used to change the position of the circle and the blue color duck is to change the radius of the circle, Ducks are displayed in the work area for all the currently selected layers. You have to drag the ducks to change the parameters. You can even use the cursor keys for more precise control. If you want to constrain the movement to be either horizontal or vertical then hold down the shift key while dragging. Sometimes, one type of duck interferes or gets into the way of another duck. You can turn the ducks on/off by selecting the option present on the top of the canvas window as shown in figure 2.12. 28 ‘Computer Studies : 11(@Rlo) & (4) Figure 2.12 : Turn on/off various ducks Rectangle Tool We can use the rectangle tool in the same way we used the circle tool. It is used to create a rectangle layer. To draw a rectangle, select the rectangle tool, click where you want any comer of the rectangle to be, and then drag to the opposite comer as shown in figure 2.13. on te itt) Figure 2.13 : Use of Rectangle tool You can also see the tool options available in the tool options panel. Also the parameters are displayed in the parameter panel. As we have two objects on the working area, the parameter panel displays the parameters that are common to circle and rectangle. This way we can change asingle parameter to make changes in all the objects. If we want to see the parameters of only the rectangle object; then in the layers panel we can select rectangle layer which will now display the parameters of rectangle only. Oo We can make the changes to the rectangle by selecting the duck and then dragging it, Figure 2.14 shows the ducks for the rectangle tool. Figure 2.14 : Ducks for Rectangle tool Animation Tool : Synfig 29Star and Polygon Tool Likewise, we can use the star and polygon tool to create the star layer and polygon layer. The only change that you can see is while editing them. The ducks for each shape is different and change accordingly. Figure 2.15 (a) shows use of star tool and ducks to edit the star. Make the changes to see the difference, Figure 2.15 (b) shows how to draw polygon with polygon tool. A polygon can be created using any number of points and then click on the first Figure 2.15(a) : Use of Star tool point to close it. Figure 2.15(b) : Use of Polygon tool BLine Tool Blinc tool is used to make objects with any number of points and curves. Click on the Bline tool and start inserting the points, In figure 2.16 (a) you can sce a shape drawn using Bline tool. To stop drawing the object, right click on the last point. After drawing, the object can be edited using the ducks. Figure 2.16 (b) shows the ducks of the shape drawn using Bline tool, noe a < lain a ‘mr | Figure 2.16(a) : BLine tool 30 Computer Studies : 11Figure 2.16(b) : Drawn shape with the ducks After discussing about the object drawing tools, now let us discuss some other tools Draw Tool ‘You must be familiar with the draw tool as itis the most common tool used for drawing, You can draw with the help of mouse. Figure 2.17 shows iS the use of draw tool. Fill Tool Figure 2.17: Draw tool The Fill tool changes the color of objects. To fill a color in the object, select the color from the color palette. Select the Fill tool button and then click on the object. This tool has an effect on the following layers: © Circle Layer © Rectangle Layer © Polygon Layer © Star Layer © Region Layer © Outline Layer © Checkboard Layer The other layers are not affected by this tool because they use gradient to fill the visual area. Eyedrop Tool The Eyedrop tool allows you to select colors from the Eyedrop tool. Select the Eyedrop tool, and then click in the work area to set the default foreground color in the Eyedrop tool to be the color you are currently pointing at. Animation Tool : Synfig EtGradient Tool Gradient Tool ‘The Gradient tool is used to create smooth ‘Gradientoz ] transitions between two or more colors in an aa object. When you select the Gradient tool, the | |S tool options panel will show the options for the Gradient tool as in figure 2.18. Figure 2.18 : Gradient tool options panel It allows you to set a name for the layer and choose the type of gradient. There are 4 types of gradients namely linear, radial, conical and spiral. Linear - This produces a simple transition in a straight line. Set the foreground and background colors. Click where you want the gradient to begin, and drag to where you want the transition to end. The gradient will be created perpendicular to the line you drag out. You can edit the gradient by moving the endpoint in any direction using the normal tool. Figure 2.19 shows the effect of linear gradient. Figure 2.19 : Linear gradient Radial - This produces circular colors with the transition being at the center of those circles. Click where you want the center of the circles to be, and drag to set the radius of the transition. Figure 2.20 shows the effect of radial gradient. Figure 2.20 : Radial gradient Conical - This has the appearance of looking down on a tip of a cone. The gradient is along the circular arc of the center and goes in all directions. Click to set the center, and drag to indicate the direction in which the foreground and background colors should go. The center endpoint adjusts the center of the gradient and the other endpoint adjusts the direction of the gradient. Figure 2.21 shows the effect of conical gradient. 32 Computer StudiesFigure 2.21 : Conical gradient Spiral - This produces a spiral gradient. Click to set the center of the spiral and drag to set the ‘tightness’. Figure 2.22 shows the effect of spiral gradient, Figure 2.22 : Spiral gradient Text tool Text tool allows you to enter text by creating a text layer. Select the text tool icon from the toolbox, and then click in the canvas window where you want the text layer to be created. A dialog box will appear, allowing you to enter the text you want in the created layer as shown in figure 2.23 (a). Figure 2.23(a) : Text layer dialog box Animation Tool : Synfig 3Figure 2.23 (b) shows a new text layer created along with its ducks. Using the parameter panel we can change the entered text later on according to our need. Gujarat*tourism Figure 2.23(b) : Text with ducks The tool options panel will allow us to: © Select the name for the new layer; this number will increment as we add new layer. © Select single or multi line editor for entering the text. If single line is selected then click the enter key to submit the value while in multi-line editor, click the OK button to submit the value. © Select the horizontal and vertical size of the text © Select the ‘orientation’ of the text. By default (0.5, 0.5) is selected which means that the text will be centered around the point you clicked on. © Select the font family. Zoom Tool ‘The Zoom tool is used to get a closer or far away view of the objects in the working area. The zooming does not affect the output results. It is used to just view the objects from close or far range. Width Tool The Width tool helps to increase or decrease the width of a line. It acts like the way you use pencil to make a line thicker or eraser to make it thinner. Select the outline layer to change the width on particular segment of a line, and then move mouse over that line, press the left mouse button and move cursor back and forth along the line. The width of outline will be increased at the places where you moved the cursor. To decrease the width hold “CTRL” key while moving the cursor. This tool is used to fine tune the line width, ‘Transform Tool ‘Transform tool allows you to select objects and to move, rotate or scale the ducks. Select the object on the canvas window and click the transform tool. If the object cannot get 34 Computer Studies : 11selected as it is obscured by another layer then you can select its layer in the layer panel. This will display the ducks of the object. Select the duck and make the change according to your need. Smooth Move Tool Smooth move tool works just like transform tool, except when multiple ducks are selected, Select multiple ducks by pressing CTRL#a or dragging a rectangle around the ducks. Now when you drag one of the selected duck, the other selected ducks will also move along with it, Seale Tool Just as we discussed smooth move tool, here also when we select multiple ducks, and drag ‘one of the selected ducks the other selected ducks will scale relative to the centre of the selected group. Rotate Tool As in smooth move and scale tool, when we select multiple ducks, and drag one of the selected ducks the other selected ducks will move rotating about the centre of the selected group. EXERCISE What are authoring tools? List different types of authoring tools. 2. What is the purpose of gradient tool? State the use of four types of gradient learned in this chapter. 3. Briefly explain the three palettes of toolbox window. 4. List the important panels and their function. 8. Choose the most appropriate option from those given below : (1) The elements are organized as pages of a book or pile of cards in which of the following forms? (a) card or page based tools (b) icon and event based tools (©) time based tools (@) animation tools Animation Tool : Synfig 352) Which of the following tool helps in changing the color of objects? (@) draw (b) fll (©) circle (@)_ rectangle (3). Synfig Studio represents which of the following type of authoring tools? (a) time based authoring tool (b) event based authoring tool (©) page based authoring tool (@ icon based authoring tool (4) Which of the following terms represents the number of palettes a toolbox window separated into? (a) two (b) three © four @ five (5) Which of the following is the file extension of a file created in Synfig Studio? (a) fiz (b) itz © af @ is (©) Which of the following panel shows the currently selected layer parameter? (a) layer (b) params (©) timetrack @ history (7) Which of the following represents the colour of the duck used to change the radius of the circle? (a) green (6) yellow (© orange @ dive (8) Which of the following tools is used to make objects with any number of points and curves? (a) bline (&) circle (©) rectangle @ star (9) Which of the following tools is used to create smooth transitions between two or more colours in an object? (a) width &) fl (©) _eyedrop @)_ gradient (10) Which of the following gradient produces simple transition in a straight line? (@) conical (b) radial (© linear @ spiral (11) Authorware and IconAuthor are examples of which of the following types of tools? (@) card or page based tools (b) icon and event based tools (© time based tools (@) animation tools (12) Which of the following animation software lets you create traditional hand-drawn animation? (a) pencil (b) synfig (©) flash @ director Computer Studies(13) Which of the following are two important parameters of circle tool? (@) centre, diameter (b) diameter, point (© radius, diameter (@ centre, radius (14) Which of the following terms represent a handle used to control some parameter of the layer? (@)_ point (6) tool (© duck @ panel (15) The duck used to change the position of the object has which of the following colour? (a) green (b) blue © rd @ yellow (16) The layers visibility is controlled by which of the following operations? (a) opacity (b) gradient (©) interpolation (@) blend (7) Which of the following tools allow you to enter text by creating a text layer? (circle (b) text (©) draw @ fil 1. Draw a circle, rectangle and star on the canvas. Select different color for each object. Also insert text as per the object. Using Bline tool draw a candle. Using appropriate tools draw a flower and a candle. Animation Tool : Synfig 37ll Creating Animation «(&) Using Synfig < In previous chapter we discussed about the Synfig Interface. We also saw how to use different tools to create and manipulate the basic artwork. Let us now learn how to create an animation. As we have discussed earlier, animation is a visual change over time. In other words, it is the sequence of images displayed one after the other in a given time frame. Let us discuss some basics of animation. Animation Animation is a visual change over time wherein the digital images are played one after the other to create a moving effect. The images used in animation can be first created and then displayed in a sequence. This type of animation is known as frame by frame animation. Frames are defined as the length of time in the document. Each frame consists of some objects to be displayed over a period of time. Hence in frame by frame animation, each small change in the image is created and then displayed in sequence. This method is slow and tedious. It also requires lot of time and resource, The other simple way to ereate animation is through keyframe. A keyframe is a frame in which we define a change to an object’s propertics. Using keyframes you need to specify the first position and the last position of the object. The in-between frames are automatically understood and need not be specified. For example, say we want to show a circle moving from left to right. Here you need to create the first keyframe on the left and include the last keyframe on the right. The series of frames in between are drawn automatically. This effect is known as tweening. ‘Tweening is an action which calculates the number of frames between keyframes and path of the action. This type of animation is known as cel animation and the computers generally employ this type animation. The real difference between varieties of animation software is how much to be drawn by the user and how much is automatically generated by the computer. Another type of computer animation is known as kinematics. It is the study of movement and motion of objects that have joints such as walking man or running leopard. In some animations we can use an effect known as morphing, wherein the image transforms into another. Say for example you must have seen that a person’s face transforms into another face and so on. Many products are available in the market that supports this type of effect. Creating Animation Now let us create our first animation of a circle moving from left to right. Follow the steps given to create this animation: 38 ‘Computer Studies : 11© Start Synfig (or Select Application + Graphics —> Synfig), this will automatically open anew file for you. © Click the Caret > Edit -> Properties. This opens the canvas properties dialog box as shown in the figure 3.1 Canvas Info Name ‘moving circle Description [my first animation Image | Time | other Time Settings Frames per second 24.0000 : Start Time oF End Time 2s OK... | | Apply. Close Figure 3.1 : Canvas property dialog box ‘© Give a name and description to your first animation. As shown in figure 3.1 we have given the name to our animation as “moving circle” and description “my first animation”. Now click on Time tab and change the End time to 2s. It means that our animation will be of 2 seconds duration. By default the End time is set as 5s, © Click Ok. This will close the canvas properties dialog box and the changes we made can be seen as the file name has changed and the timeline is now 2s long. © Now we need to draw a circle. Select the color of the circle by clicking on foreground color or using the palette. We can also change the color later by using the parameter panel. Currently we choose the fill color as yellow. Then select the circle tool and create a circle as shown in figure 3.2. You can use the transform tool to make changes in the le drawn. Creating Animation Using Synfig ESQRS A &otowree le 2 FO 0 o 7 Se UL LE DB GiB Rl PP AR PB ls aaaae D oF ale KOM 40D > Oe oH te co Figure 3.2 : Use of circle tool Now we are ready with the object that is to be animated. Before starting with animation let us ‘understand two important things: Timebar and Animate editing mode. ‘Timebar As shown in figure 3.3 click on the timebar, you can see the orange indicator showii position in time. Clicking at various points, you can see values “Of, 1s, 1s 10f” ete. in the entry field. You can also type the position in the entry field and press Enter, the indicator will take you to that position in timeslider. These values indicate a specific point on the timeline in terms of seconds (s) and frames (f). By default each second is divided into 24 frames. As you can see in figure 3.1 frames per second (fps) is set as 24. The frame starts at 0 and goes up to 24. For example, when one second and thirteen frames have passed, the entry box displays “1s 131". (range indicator Figure 3.3 : Timebar with the indicator at Of, 1s and 1s 13f 40 ‘Computer Studies : 11Animate editing mode On the right side of the timebar shown in the figure 3.3, you can see a green button ( gp ) . It will be v button ({f) and the canvas displays a red outline as i animate editing mode is active and any changes made will have an effect on the animation in the timeslider. ble if you have a non-zero end time. Clicking on this button, turns it into red figure 3.4. This means that now the In animate mode, whenever a parameter of an object is changed, a waypoint is created to remember the change in the position and the time on the timestider at which the change happened Owl) el4 Aowese is 2 #9 0 a0 7 ee PEE EE EE EI I BP RAB aaaae or Kt me seccaifhoddsucayru f | \ Z Previous Play Next ame ad outine fame Figure 3.4 : Animate e ing mode ‘When not in animate editing mode, changes to a parameter are applied throughout the entire timeline of the animation. © Let us now start creating our animation. Click on Animate editing mode. © You can see “Of” in timeline entry field. Move the circle slightly so that it records the location for the first frame. You can also move the circle to a new location on the working area as the starting point. © Now click at the end of the timeline. This will show the *2s’ mark in the entry field. You can even type ‘2s’ in the entry field to reach the end of timeline. Grab the circle Creating Animation Using Synfig aland hold the shift key to move it in a straight line to the right of the working area as shown in figure 3.5. ORO ef Rltwee [2 | #9 0 a0 | se ES aaaac > 2s Wel A 0D ite e Figure 3.5 : Moving the circle to the right © Click on any position on the timeslider and you will see the circle on a new position. We had specified only the beginning and the end locations of our circle, but Synfig has automatically created the in-between images or frames. As we discussed earlier, this process is known as tweening. These frames when displayed together will give an effect of moving circle, © Click on the play key as shown in figure 3.4 to see how our animation will look. You can also click on the previous frame and next frames buttons to see frame by frame animation, ‘© Finally we need to render our work. Rendering means the computer uses various algorithms to apply the final effects you have specified on the objects created. ¢ Before rendering, click on the gf button to leave the animate editing mode. © Click on Caret + File > Save, Save the file by the name “moving-circle.sif2”. © Click on Caret a File & Render. Change the filename to “moving-circle gif” and the same location where you saved “moving-cirele sifz”. Select target format as “gif” instead of “Auto”, then click Render as shown in figure 3.6 (a). It will take few seconds for the file to render. You can see the message “file rendered successfully” on window status bar located on the bottom of the window. 2 ‘Computer Studies : 11Render Settings - moving circle Target Filename } (choose Target (it settings awity 3 Anti-aliasing [1 Render curent Frame only Image | Time |ot image Size width 4802) Re 72.03) Physical width 667 Height 270|) YRes 72.0) Physical Hegh 315 Image spa 9.1788 Image Area Topteft x «0000000000 > ¥ 22500000000 Bottom Right x 000080000 =: 2.2500000000 :) | | Render. | cancel Figure 3.6(a) : Render the file © Open movin if file in a web browser or image viewer to see your animation. Figure 3.6 (b) shows the output as visible in the web browser, SS err Figure 3.6(b) : Output displayed in web browser Creating Animation Using Synfig 8BGood. So, you have created your first animation. Animation using keyframe Let us create an animation of moving the circle from left to right and then left again using keyframes. For this we need to create following three steps: — First the circle is on the left. © Second, the circle is on the right. © And third, the circle is back on the left. Follow the steps given to create this animation: ‘© Start Synfig and open a new file. © Click the Caret -> Edit + Properties. Give a name and description to your animation. ‘As shown in figure 3,7 we have given the name to our animation as “moving circle2” and description “moving circle using keyframes”, Now click on Time tab and change the End time to 2s. Click OK to meke the changes. Canvas info Name moving circle2 Description | moving circle using keyframes Image | Time | other Time Settings Frames per second 24.0000 = Start Time oF endine Ok | | Apply... | Close. Figure 3.7 : Canvas property dialog box © Now let us draw the background for our animation, Select the rectangle tool and create a simple black rectangle as shown in the figure 3.8Genre) ORAS eA Rtowres@ & a ee oe EA 2 ui Ee PL A) I aaae or LS + +f Xx a ide co Figure 3.8 : Rectangle drawn using rectangle tool © Now we need to draw a circle. First change the fill color to green. Then select the circle tool and create a circle as shown in figure 3.9, You can use the transform tool to make changes in the circle dawn = QRS es & rowrs& 8 0 Bo ae a aaae [or Ce ¥ t ae c Figure 3.9 : Cirele drawn using circle tool ‘© As the object is ready let us now start creating our animation by clicking on Animate editing mode. Creating A\ Using Synfig 45© Go to parameter panel and click on ® to open keyframe panel to add keyframes. Earlier we discussed the three steps; these will now become our keyframes. Click the small bution to add a new keyframe as shown in figure 3.10. This will make a new entry in the list displaying “Of, Of, MP)”. wie? Tne Le 09 0 es Figure 3.10 : Keyframe panel © Go to the “Is” mark in the time slider. Click on 9] to add another keyframe. Again {20 to “2s” in the timeslider and add another keyframe. So now you have three keyframes in the list as shown in figure 3.11. sreth mp |e Ca) Bs owe a ' Samia = : Tie engen sump _$_ ws Me) | an | | - {| | Figure 3.11 : Three keyframes at Of, Is and 2s 46 ‘Computer StudiesLet us understand the keyframe panel. It displays “Time” which indicates the start time, “Length” which indicates duration, “Jump” which are links used to jump to correct time and “Description” ‘© Here, in all the three keyframes the circle is on the left. But as discussed in our steps the second position of the circle is on the right. So now let us edit the circle at second keyframe i.e at 1s mark, Click on the “(JMP)” of 1s mark and move the circle from left to right as shown in figure 3.12 (2). So finally, we have our circle at Of on the left, then at 1s we have it on right and on 2s we have it on left again. On the Timetrack panel you can see three orange diamonds known as Waypoints as shown in figure 3.12 (b). They represent the time at which the parameter (like color or location) of the object changes. ‘© Click on any position on the timeslider and you will see the circle on a new position. We specified only three locations of our circle, but Synfig has automatically created the in-between images or frames. These frames when displayed together will give an effect of moving circle. ORSO A Couwmee © > Fe Ol LL LE lt ET lle oe il EP ES i RE I) Figure 3.12(a) : Moving circle at 1s to its right lt | oun Tine Leth 0 oer ew) 1 —— | tL. i a> 4 Figure 3.12(b) : Waypoints Creating Animation Using Synfig 47* Now to see the animation we need to render our work. © Before rendering, click on the { gg) button to leave the animate editing mode. © Click on Caret > File —> Save. Save the file by the name “moving-circle2.sifz”. © Click on Caret — File -> Render. Change the filename to “moving-circle2.gif” and the same location where you saved “moving-circle2.sifz”. Select target format as “gif” instead of “Auto”, then click Rendes as shown in figure 3.13 (a). You can see the message “file rendered successfully” on window status bar located on the bottom of the window. Target rar cos Target | gif é amete Settings Quality 3 ‘i Anti-aliasing [1 Render current frame only Image | Time Other Image Size Width 480 =| XRes 72.0 =| Physical width 6.67 |: Height 270 2) YRes 72.0 | Physical Height 3.75 | Image Span 9.1788 |= j Image Area Topleft -4.0000000000 | > 2.2500000000 | = Bottom Right 4.0000000000 |= ¥: 2.2500000000 | > Render Cancel Figure 3.13(a) : Render the file © Open moving-circle.gif file in web browser to sce your animation. Figure 3.13 (b) shows the output, 48 Computer Studies : 11Figure 3.13(b) : Output displayed in web browser Using Time Loop Ifyou want your animation to repeat again use the time loop. Let us take an example of a bouncing ball to understand Time loop. We will also see how to duplicate a keyframe which saves time in positioning the object in the animation all over again. In the example we will bounce the ball on the wall. The animation will be created twice using duplicate keyframes concept. And then use the time loop to show the bouncing continue till the end time of the animation. © Create a new file. © Select the Circle tool and in the tool options select only the region and the outline layer as in figure 3.14. Draw a circle on the canvas as shown in figure 3.15. O| | @ Circle Tool Circleoot Create Circle Layer @ Create Outline BLine Create Advanced Outline BLine @ create Region BLine Create Plant BLine Create Curve Gradient BLine @ Link origins @ BLine Origins at center Invert Falloff Cosine 7 Feather 0.000 z BLine Points: [4 Point Angle Offset: |0.0 ‘ Figure 3.14: Circle tool options Creating A\ 49@ Ree ela KO townes® 8 e [0 oo " Poli laB Bilt ot) Figure 3.1 : Ball drawn using Circle tool Turn on the animate mode. In the timeline, record the position at “Of” by moving the ball slightly from its position. Now select the keyframe panel and add a keyframe by pressing 4 at the bottom of the keyframe panel. Figure 3.16 shows the keyframe added at “Of [fectmens Ta adkeviane sues ous [sre Lease [osc | | fr. Figure 3.16 : Keyframe at 0f ‘Computer StudiesNow in the timeline come to 6f and drag the ball to a new position. Add a new keyframe at “6f” as shown in figure 3.17. lta» ime Lng sump vein oe My © em : fa Figure 3.17 : Keyframe added at 6f © Similarly, go to “12”, “18f” and drag the ball to the location as shown in figure 3.18 and 3.19. Add a keyframe at both the timing location. ee ele sia 9] Hn pec Race eT Me aie 5: ais ais e| aizsl ears ae « i or oo ous i ——————§ ao j omlarcmfen Pehl | a) amin pas! ¥ htt Figure 3.18 : Keyframe added at 12f Creating Animation Using Synfig SIcme a — oe om Li] iat UM Lt \ in hide 7 Rrtt Figure 3.19 : Keyframe added at 18f © Now come back to “Is” in the timeliae, here we need the ball to come to its original position which we had at “Of”. So we need to duplicate the keyframe at “Of”. Select the “Of” keyframe from the keyframe panel and press duplicate keyframe as shown in figure 3.20. This will add a new duplicate keyframe at “1s” as shown in figure 3.21. ee in me tee | eo iam bt " dae! SN on) - Figure 3.20 : Add a duplicate keyframe at 1s ‘Computer Studies : 11format ole [2 8 tone & iB ne om a 2 &) a) (Pv ele Pyar befale Tye th ang [Deion wo ae * uN [olen nf a UM ha I vet of UMP) 1 | Ll 1s fF (UMP) (Duplicate) poe ca o) mINIED anne q re 3.21 : Panel showing duplicate keyframe added © Likewise to animate the ball twice we need to create the duplicate keyframes at 1s6f, IsI2f, 1s18f and 2s. Figure 3.22 shows the duplicate keyframes added. Biel eM a Tine Leth snp Dssctption oe Bo anh Roopa sso of (MP) (uplicat) ast 6 (amr) (Duplicate) | | 513 6 UMP) Cuplcated 2 OF (me) ouplicate) 220 Figure 3.22 : Duplicate keyframes added © Now preview the animation using File > Preview. You will see the ball bouncing twice till 2 seconds and then stop. We want the animation to go on till the end time. In our case the end time is 5 seconds. We will insert a new time loop layer above the circle layer. © Select topmost circle outline layer -» Right click > Add new layer —> Other Time loop. This will add a new layer as shown in figure 3.23. Creating Animation Using Synfig 33ae Icon Name ZDepth Pe) & © Circleoo1 outline 1.000000 @ @ Circleoo1 Region 2.000000 Figure 3.23 : Inserting time loop layer PRECURSOR © The time loop parameters @\t P in figure 3.24 shows the | ame Teh a duration which denotes the TE Zoot 2.000000 real frames or seconds that @ LinkTime or Sime are looped. We can change @ Local Time oF time it to 28 as our animation is playing twice till 2s, (W OnlyFor Positive Duration bool © Symmetrical @ bool Figure 3.24 : Duration parameter in the Time loop ‘© Preview the animation and you will see that the animation goes on playing till the end time. If you change the endtime to “10s” in the file properties window then the animation will go on playing till 10s. © Save and render the file. Figure 3.25 shows the output on web browser. Figure 3.25 : Output displayed in web browser 54 Computer Studies : 11i EXERCISE Define Animation and state its type. Explain frame by frame and cel animation, What is a keyframe? What is tweening? Explain animate edit mode. State the purpose of timebar. What is morphing? What is kinematics? Give three examples. ‘Choose the most appropriate option frem those given below : ()) Which of the following terms represent the objects to be displayed over a period of time? (@)_ frame (b) object (©) keyframe (@)_ panel (2) Each small change in the image is created and then displayed in sequence in which of the following techniques? (@) frame by frame animation (b) cel animation (©) tweening (@_ morphing (3) Which of the following timings is default setting for the End time? (@ 2s (b) 5s © 3s @ 6s (4) Which of the following terms represents a frame that defines the change to an object’s properties? (@)_ timeline (b) layer (©) keyframe (@)_ panel (S) Which of the following represents an indicator used to represent waypoint? (@) circle (6) square (©) rectangle (diamond Creating Animation Using Synfig 55.(©) Inanimate edit mode the canvas outline colour changes to. which of the following colours? (@)_ orange (b)_ yellow (©) red (green (7) Which of the following terms defines the length of time in the document? (a) frame (6) keyframe (©) layer (@)_tweening (8) Which of the following is correct entry in the timeslider? (a) 3f9F (b) 3s OF (©) 3£9s @ 38 9% (©) Which of the following terms represent an effect wherein the image transforms into another? (a) morphing (6) tweening (©) kinematics @ keyfiame (10) Which of the following is the default setting for frames per second? (a) 15 (&) 30 © 24 (@) 28 (11) Which of the following terms represent the study of movement and motion of objects that have joints such as walking man or running leopard? (@) animation (©) kinematics (©) tweening @ morphing Create an animation showing the star moving from top to bottom. ‘Create an animation showing a ball bouncing on the floor. Use time loop to continue the animation till the end time. Create an animation showing a circle moving from right to left and at the same time star moving from left to right on the canvas. Create an animation showing three balls bouncing at different speeds. ‘Computer Studies4 Introduction to Layers A beautiful sight of a rising sun is always soothing to eyes. If this sunrise is observed in mountains, the sight becomes more pleasurable. This scene consists of many objects like mountains, sun, birds, trees etc. Assume that we want to create such an animation. Each of these objects when drawn on the canvas will be either above or below another object. For example, sun rises from behind the mountains, so the object “sun’ should be placed behind the object ‘mountain’. Similarly, if the mount is behind the hut, the object ‘hut’ will be placed above the object ‘mountain’. Likewise we can place the other objects in our example like the trees and birds above or below the other objects. In this chapter we will learn about a concept named “layers” that will help us to create the scene mentioned here. Layers A “layer” in Synfig refers to different levels on waich we can place our drawing objects or pictures, stacked above and below each other. Top layers will hide bottom layers. We can think of layers as sheets of paper which are cut into different shapes. On one layer we have a paper-sheet shaped like a star. On second layer we have a paper sheet shaped like a square. The square might overlap and hide some part of the star. Use of layers gives us the freedom to work with each object individually. When modified it does not disturb the other objects either above or below it, Layers can also be rearranged, allowing us to change the order in which objects are displayed, thus changing the appearance of our scene. In Synfig, each individual element of the canvas is broken down into layers. For example, when we had drawn a circle it appeared on a different layer. The layers in Synfig are different from other animation software in the following two aspects: 1. Every object, element, and effect have their own layer. We do not have a layer with multiple effects. In other words a layer represents a single primitive such as object, outline or image, ‘The upper layer can change the behavior of the layers below it. It can distort or modify the layers beneath. This is done by using effect or filter layers. Nv There are different types of layers such as gradient, blur, distortion, filter and others. Each layer has its own set of parameters. We can see the parameters of a layer by first selecting the layer from the layers panel and then looking into the params panel. Let us understand layers Introduction to Layers s7concept by taking an example. Assume that, we want to give a gradient effect to a circle layer. Perform the steps mentioned to achieve gradient effect. © Create a new file. © Create two circles of different sizes using the circle tool. Keep the color of the circle as white so as to see the effect of gradient. Figure 4.1 shows these two circles. Figure 4.1 : Two circles of different size © Select the gradient tool from toolbox, Select the outline color of your choice. Here we have selected the outline color as red. Now drag the gradient over the area as shown in the figure 4.2. pp Figure 4.2 : Add gradient © You see the entire canvas is covered by the gradient as in figure 4.3. This can be useful if you want to use the gradient as the background layer. But we want the gradient to be applied only onto the objects. 38 ‘Computer Studies : 11Figure 4.3 : Effect of Gradient on the canvas © Select the gradient layer and go to the params panel. You can see “blend method” parameter. Blend mode defines how the image is layered on everything below it. By default, the setting is “Composite”, which simply displays the content of the layer. In the blend method parameter change the setting to “straight onto” as shown in figure 4.4. Now you ccan see that the gradient is applied to the object layers below it. But we want the gradient to be applied only to a single object and not all the objects below the gradient layer. For this we will be using encapsulation. Encapsulation means grouping things together. If we want to apply gradient to a particular object or a group of objects then we need to encapsulate them into a layer. Thus, using encapsulation we can apply the gradient to one layer without applying it to the layers beneath it. So, in our example we need to select the gradient and the object (to which the gradient is to be applied) and encapsulate them together. NEOs Gomme | 2 es ae 1 gai ase v bese x Figure 4.4 : Use of “straight onto” blend method n to Layers 39© Select the gradient layer and the circle layer (press and hold the CTRL key to select two layers) on which we want to apply the gradient. Right click —> Encapsulate. This will create a new layer named “inline canvas” as shown in figure 4.5. You can see a small triangle near the inline canvas. Click on this and the inline canvas will expand to show you the two layers: gradient and circle as given in figure 4.6. Figure 4.7 shows the canvas with gradient applied only to the smaller circle. 28 S\a Icon Name ZDepth Icon Name ZDepth &> @© Inline canvas 0.000000 &v @ inline Canvas 0.000000 & Bisraient 000000 &@ @circleoo1 — 1.000000 & @ Circleooz —_ 1.000000 Figure 4.5 : Inline canvas layer created Figure 4.6 : Expanded Inline canvas layer Figure 4.7 : Canvas showing the gradient effect after encapsulation ‘Thus we have seen how the gradient is applied to the objects using encapsulation. To make it more clear let us add one more circle using the circle tool as shown in figure 4.8. 60 ‘Computer StudiesSNEOVE fine eo se feo ae a ial Now drag this new circle layer into the inline canvas layer. We place the circle layer just below the gradient layer and the effect will be as shown in figure 4.9. Here you can see the gradient is applied to all the objects inside the encapsulated area. Figure 4.9 : New circle layer placed below the gradient layer If we reposition the gradient layer using the lower layer button as shown in figure 4.10 (a), the gradient will now be applicable to only one of the circle layer. In other words, we can say that the gradient layer has an effect on only the layers that are below it in the encapsulated area. Figure 4.10 (b) shows the effect of this repositioning. Introduction to Layers aSe. Icon Name ZDepth @Y @© Inline canvas 0.000000 @ _@circleoos _0.000000 @ @circleoor — 2.000000 & @ Gircleooz —_ 1.000000 Av HH Oo x + Figure 4.10(a) : Figure 4.10(b) = Reposition gradient layer Effect of repositioning gradient layer The important point to remember here is that a layer can only modify the data that it gets from the layer directly below it. For exampl inline canvas, it would just blur the inline canvas layers and not every layer that lies under the wwe used a Blur Layer on top of the layers inside the inline canvas. Rotation on a specified path Using the concept of encapsulation, let us discuss another example of a ball rotating around a particular path, In our animation example of the circle moving from left to right described in previous chapter, we defined the starting point and the ending point. Here, Synfig automatically assumes the path to be straight. But in our example we want to move the object as per our defined path. Follow the steps mentioned to ereate user defined path, © Create a new file. ‘© Let us first create our path for rotation using the Bline tool. Select the Bline tool and draw an oval shaped path as shown in the figure 4.11. In the Tool options panel select only the Create Outline Bline option. a ‘Computer Studies : 11ee eee ae A A spigaamaconsats S52 ou ive voce SS = Figure 4.11 : Creation of path using Bline tool © Select the transform tool to finish the Bline. (Pressing Esc will clear the Bline). ‘© Now select the circle tool. Using the palette editor select a color of your choice and draw a circle on the canvas as shown in figure 4.12 yan ory 1o Nenlinet oen 1 Figure 4.12 : Create the circle © Let us add a new rotate layer above the circle layer. In the layers panel select the circle layer — Right click + New layer —> Transform — Rotate. This will add a new layer named rotate above the circle layer as shown in figure 4.13 (a) and 4.13 (b). Introduction to Layers 3Skeets tee noe es Se al a BR EB allt | or oo C seotinent ote Zone Figure 4.13(a) : New rotate layer above the cirele layer Icon Name & @ Circleor & © NewBLineoot Outline 2.000000 Figure 4.13(b) : Layers panel showing rotate layer above the circle layer As we need to rotate the circle, we have added a rotate layer above the circle layer. aia Icon Name © Now we will encapsulate the circle | gv @ inline canvas layer and rotate layer. To select |g — % Rotate both the layers, click on the rotate |g — @ circleot layer in the layers panel, press shift Reto tiecnkeemnosssd and select circle layer. ‘© Right click and select encapsulate. Thus the rotate and the circle layer are encapsulated into a layer Figure 4.14 : Eneapsulate rotate and cirele layer 64 ‘Computer Studies : 11named inline canvas. You can change the name of the encapsulated layer. Figure 4.14 shows the encapsulated layer ‘Inline Canvas’. ‘© Select the rotate and the circle layer and bring their positioning duck (green duck) near to one another as shown in figure 4.15. Figure 4.15 : Dragging the green ducks near to one another © Select the inline canvas layer and select its positioning duck (green duck). Hold the CTRL key and choose the rotate layer. Continue to hold the CTRL key and select the blue duck on the rotation layer. Continue to hold the CTRL key and select the Bline layer. Now right click on the Bline in the canvas where you want the circle to start from. Select the option ‘Link to Bline’. © Link to Bline feature is used to attach a vertex of an object to the vertex of a Bline. The vertex gets stuck to the Bline vertex and can be moved along with it. Figure 4.16 shows the effect of using link to bline option. Son Figure 4.16 : Link to Bline option selected Introduction to Layers 6s© Click on the small triangle near the inline canvas layer to close it. Select the inline canvas layer as shown in figure 4.17. S\a Icon Name Lene Co © NewsLineoo1 Outline 1.000000 Figure 4.17 : Select Inf ¢ canvas layer © Tum on the animation editing mode. © In figure 4.18 you can see the red line around the canvas indicating that the animation mode is on. Drag the cirele a little bit using the positioning duck (green) to record the starting position on the “Of” mark in the timeline as in figure 4.18. You can see a waypoint is added at “Of” mark. WO hime 16 C perma cain te e Bon Siemens) = K \ Waypoint animate edit mode on Figure 4.18 : Recording the position at 0s in the timeline © Now click on 5s mark in the timeline and drag the circle in anticlockwise direction using the positioning duck (green duck) till you reach the ending point of the bline. 66 ‘Computer Studies : 11Figure 4.19 (a), (b) (©), (@), (€) and (f) shows the circle dragged from starting point to ending point. The timeline in each image shows the position of the circle at that particular time. Note : Do not drag the circle directly to the end point by moving in clockwise direction. This will not record properly the position of the circle at different timing locations. (QL RPA DPB DPA OP es oo @ 5 & Ki 1] > > ot idle e Figure 4.19(a) : Position of circle at Of ORR eA aoiwee (2 2 #9 > ceo || ee EP A PE Pua bt Lut iB ull J J PP PP PP I pseatnssnocaratasenacs Figure 4.19(b) : Position of circle at 1s Introduction to Layers orIO eA) aciwese fs | #0 f 7 vo || se ol EE EE Ell EP BE BBB Figure 4.19(¢) : Position of circle at 2s Wi) aoiumee fe > #8 ») -d0 | oe FER LPR ESE I Re AP Figure 4.19(d) : Position of circle at 3s 68 ‘Computer Studies : 11IRR) foie |] Hep fe ae eA PH OE TI NE EP ta EP SR PO PE HF 6: 5 i: SaB8ea a 45 Ke 6 [> D> De idle 7 Te Figure 4.19(e) : Position of circle at 4s (OMROA eoimse @ | #e ae UE EP IS, BPS BAR le LL «| * CO ———— —————————— ale e Figure 4.19(f) : Position of circle at 5s * Click on play to preview the animation. You can see the circle moving in anticlockwise direction. © Save and render the file. Figure 420 show the output as viewed using a web browser. Introduction to Layers 0peers ‘moving ball (CiF image, 480 «270 pixels)- Mozlla Firefox Tis/jfhame/beskton/mavina Summary In this chapter we introduced the concept of layers and how we can place our objects above or below another objects. Layers give us the freedom to work with each object individually. We introduced an important concept called “Encapsulation”. Using encapsulation, we can give effects to various objects without changing other objects in the animation. We also discussed how to animate objects on a user defined path, EXERCISE 1. Explain Layers. Give an example. 2. What is Encapsulation? Why do we need it? 3. Imagine a street view with objects such as building, car, sun, traffic light and person. State which layer will be above and below? What is the purpose of Link to Bline option?5. Choose the most appropriate option from those given below : a) @) e @ © © o ® o Which one of the following is a type of layer? (@ Timebar (b) Gradient (© Palette (@)_ Animate edit mode Which of the below have their own layer? (a) object, element, effect (b) parameter, object, panel © time, parameter, layer @ effect, object, panel Which of the following panel shows the parameters of a layer? (@) layer (0) keyframe (©) params (@)_ timetrack Which of the following is the default setting for blend method? (@)_ composite (b) alpha over (©) straight (@)_ straight onto Using which of the following feature we can apply an effect to one layer without applying it to the layers beneath it? (@)_ encapsulation (b) groups (©) elements (@) parameters Each individual element of the canvas is broken down into which of the following ‘components? (a) frames (b) layers (© keyframes @ panels Which of the following feature is used to attach a vertex of an object to the vertex of aBline? (@) link to object (b) link to tine (©) link to bline (@) link to object Which of the following represents a new layer created after encapsulation ‘operation? (@) inline layer (b) inline frame (©) inline keyframe (@) inline canvas Each layer has its own set of which of the following components? (a) frames (©) keyframes (©) parameters (© panels (10) Which of the following terms represent grouping things together? (@) cluster (b) inline (©) parameters (@)_ encapsulation Introduction to Layers 1(11) Which of the following terms represent the different levels on which we place our objects stacked above and below each other? (@)_ layer (b) frame (©) parameter (@) panels (12) Gradient, blur, distortion and filter are types of which of the following components? (@) frames (b) layer (©) keyfiames (@) panels 1. Draw a rectangle, circle and square overlapping each other. Select different tool options and different color for each object. Also give a background color to the canvas. 2. Create a star and a circle layer. Apply gradient on the star layer. Create a square and apply blur effect on it. Now create a rectangle and also apply the blur effect. Note: the objects should overlap each other. 3. On the canvas using gradient show the sky and ground. Use different colored gradient for both. For sky use the shades of blue color as gradient and for ground use the shades of green color as gradient. 4. Draw two circles overlapping each other and apply blur effect to one of them. 5. Create an animation showing a star moving on the user defined path. 6. Create an animation showing a star rotating while moving fom left to right. 7. Create an animation to show a kite flying in the sky. ° n ‘Computer Studies|| Using Pictures 4/3}, in Synfig <> Pictures when used in a presentation or animation improve the quality of reception. In Synfig, we can insert images to give a different look to our animation. We can also work with these images and adjust them as per our requirement just the same way as we work with the objects drawn using the tools. In this chapter, we will see how to work with pictures. Inserting Image Let us try to create a layer that contains image in it. To import an image onto a canvas perform the steps mentioned. © Create a new file. © Select File > Import. Alternatively, you can also press CTRL + i. This combination is the shortcut key to import image. This will open a dialog box showing the folders from where you want to import the image as shown in figure 5.1. Select the image that you ‘would like to import and press open. The image will be imported on the canvas. Figure 5.2 shows the image imported to the canvas by us. Note that our screen may vary depending on the image that you chcose to import. ase =a eerecl | | a iaoaaas YP toicinaton ate i be Figure 5.1 : Import image dialog box Using Pictures in Synfig 3o aisle @ acini oo ele, ove Figure 5.2 : Image inserted on the canvas To resize the imported image, select the image layer in the layers panel. As shown in figure 5.3 you can see two green points on the image. These can be now used to change the size of the image. Figure 5.4 shows the resized image when the green dots are moved. fal AIsI@ Wiz) 8 owen @ ala ucLalta or 2ae Figure 5.3 : Green points to resize the image ” ‘Computer Studies : 11Figure 5.4 : Image resized using green points © Observe that whenever we resize, the image tends to get distorted. This happens as we have not maintained the aspect ratio. If we want to resize the image and keep its aspect ratio we need to encapsulate the layer. © Right click on the image layer and select encapsulate, This will add an inline canvas layer. Open up the encapsulated layer using the small triangle and you can see the image layer inside the inline canvas as shown in figure 5.5. Sia 3 Icon Name ZDepth Icon Name ZDepth be Ud 0.000000 & [BD webclip-icon.png 0.000000 Figure 5.5 : Encapsulated image layer © Now we need to add a new scale layer above the image layer. Select the image layer —> Right click +> New Layer + Transform — Scale. You can see a scale layer is added to top of the image layer as shown in figure 5.6. Using Pictures in Synfig 18oa Icon Name ZDepth &* @ inline canvas 0.000000 Zi Eo 0.000000 © GW webclip-icon.png 1.000000 Figure 5.6 : Scale layer added above image layer © Select the scale layer and in the parameters panel change the amount setting from 0 to -1 as shown in figure 5.7. In the canvas you see the change in the image size as shown in figure 5.8 PUR UuC GS Le UL aL Bt & Name value TE Amount }1.000000000000¢ > © origin 15.083985pt,-4.058743pt Figure 5.7 : Scale layer amount setting changed from 0 to -1 Figure 5.8 : Scaled image 16 ‘Computer Studies : 11© Now if you want to rotate the image then add a new rotate layer above the scale layer. Select the scale layer > Right click > New Layer > Transform — Rotate. You can see a rotate layer is added to top of the scale and image layer as shown in figure 5.9. a ee 2 ee sttpaamaon aE AAR a PM a ES 4 om. le . fe ie nce ome ewe mes Nene a = Bonin ie Figure 5.9 : Rotate layer added above scale layer © By using the rotation duck (blue duck) you can rotate the image as you want, Figure 5.10 shows the rotated image. Figure 5.10 : Image rotated using the duck Observe that once an image has been inserted we can scale, rotate and perform different operations on it. Images when used always enhance the animation. Using Pictures in Synfig 7Masking Suppose, in your animation you want to show the movement of an object say clouds moving through the window. If the window is drawn using Synfig then you can place the object behind the window and can move the cloud object. But if the window is an image then it becomes difficult to animate the cloud. Masking is a feature by which you can hide or reveal areas of a layer. Basically, the shape used as a mask acts like a window with the help of which you can see the objects beneath it. Alternatively, it can be used as patch to hide the objects beneath it. Let us understand by an example and try to show a cloud moving through the window using the concept called masking, © Create a new file. © Now import an image on the canvas using CTRL + i. Select the picture. And resize it as per the requirement. Figure 5.11 shows the imported image. Note that your screen may look different based on the image you select. You can see the image layer added in the layers panel. a ln ry uae edt Sele Figure 5.11 : Image imported on canvas © Now using Bline tool draw a cloud on the left side of the canvas as shown in figure 5.12. You can see the Bline layer on top of the image layer. 8 ‘Computer Studies : 11ore ® sntyninson a 15 © nenteseee Figure 5.12 : Cloud drawn using Bline tool © Now turn on the animate edit mode. © We will create a small animation of cloud moving from left to right of the canvas. Move the cloud a little bit to record the position at Of in the timeline. Now click on 53 mark on the timeline and drag the cloud towards the right. Figure 5.13 (a) and (b) shows the status of animation at “Of” and “5s” respectively. Olalsle)&[4) ROtowese [2 2 #O fo 7 Bo 7 we DBS Ba Palle BiB lal Figure 5.13(a) : Animation of cloud at OfPIU ee | also (4) & Lownes & Figure 5.13(b) : Animation of cloud at 5s © Tum off the animate mode and click on the play button to see the animation. © You e; layer) is above the image layer showa in figure 5.14(a), see the cloud moving in front of image, as the cloud layer (or NewBline00S © To change the animation, in the layers panel, drag the cloud layer below the image layer as shown in figure 5.14(b). Click on the play button to see the animation. You can see the difference in the animation, Now the cloud is moving from behind the image. S\a i) Icon Name ZDepth| Icon Name ZDepth| & @ NewBLineoos Region 0.00000) |g [5 imagesijpg 0.000001 & G imagestjpg 1.000001 /@ @ NewBLine00s Region 1.000004 Figure 5.14(a) : Actual position of layers Figure 5.14(b) : Modified position of layers But we want the cloud to move through the window image only. We will do this by using masking. Masking is used to hide or reveal an object. Let us first use masking for hiding the objects. Here we want the cloud object to be hidden at both the ends of the image. 80 ‘Computer Studies : 11© First, we need to create a mask shape to hide the cloud on both the sides of the canvas. We will use the Bline tool to create the mask shape. Select the Bline tool and from the tool options select only ‘Create Region Bline’ option. Draw a rectangular shaped Bline as shown in figure 5.15. To end the Bline, at the last vertex right click and select ‘Loop Bline’ Figure 5.15 : Mask shape created using Bline tool © Place the mask shape above the elements you want to mask. In our example we will place the mask shape above the cloud layer. Also, as we want to apply mask only on the cloud layer, we will encapsulate the mask shape and the cloud layer. Figure 5.16 shows the encapsulated layer ‘inline canvas’ and also shows the contents of inline canvas layer. We have renamed the layers NewBline005 as cloud layer and NewBline006 as mask layer. Click on the layer name which will allow you to change the name. SB S\a Icon Name ZDeptt} Icon Name ZDepth &> @© inline canvas 0.0000(| @* @© Inline canvas 0.000000 oe eee 1.00004} & mask 0.000000 O ood & [@ imagest.jpg 1.000000 Figure 5.16 : Mask shape and cloud layer encapsulated Pictures in Synfig 81© Select the mask layer from the layers panel and in the parameters panel set the blend method to ‘Alpha over’, Figure 5.17 shows the blend method changed to “Alpha Over’. Ou ue ee poo — © origin 0.000000u,0.000000u © invert Figure 5.17 : Change the Blend method to ‘Alpha over’ © Play the animation and you will see that the cloud is now not visible on the left side of the canvas. © We need to do the same thing on the right side of the canvas also. So draw a rectangular mask shape using Bline tool on the right side of the canvas as we did earlier on the left side. Figure 5.18 shows the mask shape on the right side of the canvas. [sasoee eine Daten a ae oat carve Figure 5.18 : Mask shape created on the right side of the canvas © Rename the layer as mask2 and drag the mask2 shape layer into the encapsulated layer above the mask layer as shown in figure 5.19. 82 ‘Computer Studies : 113. Icon Name ZDepth @* @ inline Canvas 0.000000 y fred tr Se Omask 1.000000 & SO cloud 2.000000 & G imagestjpg 1.000000 Figure 5.19 : Repositioning mask2 layer © Select the mask2 layer from the layers panel and in the parameters panel set its blend method to ‘Alpha over’. Play the animation and you can see that now the cloud moves through the window image © Save and render the file. Figure 5.20 shows the output on web browser. Eee I clouasvndow.g (oF image 4 TE fie//medi/clouswindow st Figure 5.20 : Output displayed in web browser Thus, using masking we can hide the objects. Masking can also be used to reveal the objects. Let us say, in the image we want to show the sun, Only some part of the sun is visible in the image. Here we use masking to reveal the objects. © Create a new file. © Import an image on the canvas using CTRL + i. Select the picture. Figure 5.21 shows the imported image and the image layer added in the layers panel. Using Pictures in 8}icin @ Aeinie in| | og | naroe at as on Figure 5.21 : Import the image © Select circle tool and the color from the palette, Draw an orange coloured circle as shown in the figure 5.22. Rename the layer as ‘sun’. Na Soe AP eee oe ra a ae ace eaaencPcBa ure 5.22 : Draw a circle © Draw a mask shape using Bline tool. Here we need to draw the mask on the part of the sun that will be revealed. Figure 5.23 shows the mask. Rename the layer as ‘mask’ as shown in figure 5.24. 84 ‘Computer Studies : 11Figure 5.23 : Draw a mask shape 3|\a Icon Name ZDepth v fuss eee & @ sun 1.000000 & BD images jpg 2.000000 Figure 5.24: Renaming the new Bline layer Select the mask layer and in the parameters panel select the ‘invert’ option as shown in figure 5,25. Figure 5.26 shows the effect on the canvas after selecting invert option. CeCe eae Bt & Name value Type sy Blendethos Composite integer color 0.008000.,0.000000u vector & Antialiasing TE Feathera leio €ig) ar Figure 5.26 : Effect on the canvas after selecting invert option © Change the blend method to “Alpha over” as shown in the figure 5.27. The canvas will now appear as shown in figure 5.28. een Ce meta aa @\% Name Value Type TU Z0eoth 0.000000 real TE Amount ® Color @ origin 0.00000u,0.000000u vecto © Invert @ bool Figure 5.27 : Change the blend method to Alpha over j me oe les e Figure 5.28 : Effect on the canvas after changing blend method 86 Computer Studies© As the image layer is placed below the mask layer, only the objects that are below ‘the mask layer are visible, But we went the mask effect on only the sun layer and not the image. So we need to encapsulate both of them as shown in figure 5.29. Sa Icon Name ZDepth &* @ inline canvas 0.000000 0.000000 1.000000 menos Figure 5.2 9: Encapsulate the mask and sun layers © We can see the effect of masking in figure 5.30. We can put any number of objects below the mask layer which will be revealed. The objects on which we do not want to have masking effect should be placed out of the encapsulated layer. Wao W (A) & towne @ Figure 5.30 : Effect of masking to reveal an object Create slideshow using Synfig Assume that you want to create a slideshow on “Gujarat Tourism” wherein you want to show the viewer glimpse of Gujarat. To show the glimpse we will need to display images one after the other. Also at a time, only one image is visible. As we need to work with individual image they should be placed on different layers. To handle the visibility of the images we will use the parameters ‘blend ‘method! and ‘amount’ property of each layer. We have earlier used the blend method property which Using Pictures in Synfig 87defines the layering of the image on everything below it. The amount property is used for the visibility of the image just like the alpha value. Amount value of I signifies the layer is fully visible and 0 ‘means the layer is fully transparent, Follow the steps given to create the slideshow: © Create a new file. © Press CTRL +i to import the image. If you do not have images then download some from the Internet, Import the images one by one on the canvas. Place each image in a different layer. Figure 5.31(a), (b), (c), (4), (¢) and (£) shows the six imported images in the layers panel. Resize the images to the size of the canvas. Bsa anys to Figure 5.31(b) : Imported Sarkhej Roza image 88 ‘Computer Studies : 11Qirlslole[4 Aoowese |p = #e fo eo > ee Pile els lB EB lB Rte Figure 5.31(c) : Imported Somnath image [OPIS &[4) ROiowese [ss eM fo BO | we WPA AT LIE Ll i 8s Faull sli uli EP Pio HS Figure 5.31(d) : Imported Palitana image Using Pictures in Synfig 89[@lalatl@) ez) Rowse [9 > #O 0 FBO > ee Pel PG bP Pla ul Hf Ef ul if Pal ol a PP EPR a Li \or ia > > BE GC lide e Figure 5.31(e) : Imported Akshardham image PP Bit | Figure 5.31(): Imported Navratri image © Press shift key and select all the images in the layers panel. Go to parameters panel and change the blend method to “straight” for all the images as shown in figure 5.32. 90 Computer StudiesParams, Children, Keyframes, Timetrack, Curv| Bits & ld) Dd Name Value Type en TE zbest ‘.coson0 a ey | ee re! Overiet 966667u2 26667u | vector | navratrijpg 5.00 @ doromesine —4co0000y-2 2165679 vector 5; Interpolation Linear integer (Stati) Figure 5.32 : Select the images and change blend method to straight © After setting the blend method property we now need to work with the amount parameter. But like blend method, the amount parameter cannot be set collectively for all the layers. ‘We need to work with amount property for each layer individually. Here we need to convert the amount property to “Timed swap’ © Select the topmost map layer as shown in figure 5.33 and in the parameters panel select the amount parameter and right click. Right clicking will open a context menu. Select Convert —> Timed swap. Convert specifies that the parameter is controlled automatically in different ways. Each parameter can be converted and contains different options. Figure 5.34 shows the amount property Timed swap. This will add new sub parameters: Before, ‘Afier, Time and Length to the amount property as shown in figure 5.35. These options specify the visibility of the image, swapping it from ‘before’ to ‘after’ parameter using ‘length’ and finishing the swap at the specified ‘time’ 28 Icon Name ZDepth nd & GD sarkhej roza.jpg 1.000000 & G somnathjpg 2.000000 a s TD palitanajpg 3.000000 GB akshardham.jpg 4.000000 & BD navratrijpg 5.000000 Figure 5.33 : Select the topmost image layer COSC URL ie Cae kag ta P Name Value Type TE ZDenth 0.000000 real Fj BlendMethos Straight integer O Tooter -3.9666670,2.216667u vector @ Bottomnight __4,00000u,2.216667u vector Fi Interpolation Linear integer ttati) Figure 5.34 : Change the amount parameter to Timed swap Using Pictures in Synfig anCee Cee aac ea B\t% 2 Name Value Type TE Z0enth 0.900000 real TE before #000000 real TU ater 1.000000 real Q@ tine a time @ terath 1s tine Figure 5.35 : Newly added parameters to the amount parameter © Set the parameter ‘before’ to 1.0 and ‘after’ to 0.0. The parameter before set to 1.0 indicates the layer will be visible before the ‘time’ specified and after set to 0.0 indicates that the layer will be invisible after the specified ‘time’. If you want the images to display for 5 seconds using 1 second transition between each image then change the length to “1s and time to *Ss". After 5 seconds the image will be invisible. Figure 5.36 shows the settings applied to amount parameter. Params, Children, Keyframes, Timetrack, Curv| Ste | ame Value Type TE Zens o.acon00 al + TE Aout 1.00000 cel Timees TE befoe 1.00000 real Tater 2.030000 rel Q tine ss Sine Q tenath i time Figure 5.36 : Map layer Sub parameters settings © Select the next image layer. Make it timed swap just like we did in earlier layer. Set the parameter ‘before’ to 1.0, ‘after’ to 0.0 and length to Is. Set time to 10s. The swapping will be done at 10s. And image will be invisible after 10s. Likewise for the next image Params, Children, Keyframes, = oe Sue Ole Pe Name value Type Name Value Type TE 20605 co0000 vel TE zest .0%e00 wel + TE Avent +2000 reamed | | TE Anount 1900000 rel ined TE before + 00000 rel TE beter 1000000 rel Tx 2000200 el Te sier 2.00000 rel ee | ee Ota i" ne @ tenes * one Figure 5.37(a) : Figure 5.37(b) Time setting for Sarkhej Roza layer Time setting for Somnath layer 2 ‘Computer Studies : 11Poe Eee Bt Sse bia Value Type Name Value Type TE z0050 arom e Th 200 amon val 70 ama ‘eoteo retinas | |¥°7E Anant 10% ral ined Th ese onto al Th oor ‘aoe ca Tae sono = Taw 7 ia Pte ee Otew ts Soe ‘Ou ™ = Figure 5.37(c) : Figure 5.37(d) : Time setting for Palitana layer Time setting for Akshardham layer layers change the time to 15s, 20s, 25s and so on. Figure 5.37 (a), (b), (c), (@) and (©) shows the settings for all the image layers. S| & Name Value Type TE zest ‘o1eco0 real + TE Amount +.ov0000 real Timed TE before 1.090000 real TE wer 2.000000 real CoS See Olne * = Figure 5.37(¢) : Time setting for Navratri layer * Click on Caret > Edit —> Properties. Select the time tab and set the end time equal to the last image layers time value. Ia our case the last image layer time is 30s. You can set the end time a little more than 30s if you want a blank screen in the end. Figure 5.38 shows the end time setting. canvas into Name —_(Syefig Animation 1 Description Image Time | other Time Settings Frames per second 24:00000 startTime oF ok _||_Anply | |_close Figure 5.38 : End time set to 30s Using Pictures in Synfig 93© Click the play button to preview the presentation. © Save and render the file. Figure 5.39 shows the output in web browser. If you want to place a background in the slideshow then encapsulate all the image layers. Place the background as the bottommost layer. The blend and amount parameters will be applied only in the encapsulated layer. We can also add text to the images and display the text during the slideshow. Interactivity Sometimes in animation, you need to move according to the choice of the user. Also the user might ‘want to skip a particular portion of the animation and move further. These actions used for interactivity in animation software are known as action scripts. Action scripts are used to add flexibility to the animation programs. The term action script signifies the use of scripting language to add flexibility to the actions performed during the animation. It helps the user to either play the animation on a particular action or move as per his choice during the animation. As of now, Synfig studio does not support action scripting directly in the animation software. But ‘we can use javascript or java to add interactivity to our animation. It may not be possible here to discuss in detail the use of javascript or java to our animation. But let us discuss an example wherein we have used javascript to add interactivity to our animation 4 ‘Computer Studies : 11‘Assume that you want to play the animation only when the user takes the mouse over the image. To achieve this, first we take two images. One of the images is the static image. In our example the static image is static-ball gif. The second image is the animated image. In our example the animated image is animated-ball. gif. The animated image is the rendered file from Synfig in a format like gif, peg or bmp. The listed options are available when we render the files in Synfig as discussed in the earlier chapters. When the user opens the web browser, static image will be displayed. After he/she takes the mouse over the image, the animated image will be displayed using the javascript code. When the user moves the mouse away from the image the animation will stop. Follow the steps as mentioned: © Create a new file in Gedit and write the code given: — heads cecitlesnoliover with a mouse events Seer pn, Dypeetent/iayarcrspn> aE Yatoeisgee = stat heeat oie Yarsinages = new dmaged): "| 1// preload second tmage Yaboets gee = SenaeteBisCiny gir if prevoad an tmge script Jocunent .myinage. sre=tnage?.sre” orcuseout="document .myinage. src=tmagel.sre"> © Save the file with extension html, © Open the file in a web browser to see the output. Figure 5.40 shows the output when the page loads. Taking the mouse over the image will animate it. Figure 5.41 shows the animated image. I@ne CX & Cilmnarntaecenn regi fe A Figure 5.40 : Image displayed when the page loads. Using Pictures in Synfig 98@rcxoa (Ta ieimmasoa jemayehe Flr en as @ ct att SL ree Figure 5.41 : Animated image displayed when the mouse is over the image. ‘Thus, using javascript we added interactivity to the animation, Portability of files ‘The animation files created using particular animation software can be converted into Adobe Flash files (SWF files) for further manipulation, SWFTOOLS is an open source software tool suite which provides the conversion of various file formats into swf files. SWF is an Adobe flash file format used for vector graphics animation. Afler converting the files into swf format they can be further amauipulated or ereated using Adobe Flash animation sofware, The tuo! includes programs for reading SWF files, combining them, and creating them from other content like images, sound or video file. Table 5.1 shows some of the programs used for conversion of files into swf format. Program Description GIF2SWF Converts gif files into swf files PNG2SWF Converts png files into swf files JPEG2SWF | Converts jpeg files into swf files PDF2SWF Converts pdf files into swf files WAV2SWE Converts wav audio files into swf files AVI2SWE Converts avi animation files into swf files FONT2SWF | Converts font files to swf files SWFExtract | Extracts images, sounds and movie clips from swf files Table 5.1 : List of programs supported in SWFTOOLS 96 Computer Studies : 11Using the programs listed in the table 5.1, we can also convert the gif or jpeg files created using Synfig to Adobe Flash files (swe) for further manipulation. Beppe EXERCISE What is masking? Explain the use of timed swap option. What is action script? Why do we need it? Choose the most appropriate option from those given below : wo @) 8) @) 6) © Which of the following commands is used as a shortcut key to import image? (@ CTRL +a (&) CTRL +m © CTRL i @ crRL ia Which of the following colour represents the points used to change the size of the image? (a) green (b) yellow (© blue (@ ted Which of the following amount value signifies that the layer is fully visible? @1 ) 0 © 2 @- Which of the following is used to add actions as a part of interactivity in animation software? (@) action seript (b) java script {c) action programs (d)_ java actions Which of the following is a feature used to hide or reveal areas of a layer? (a) tweening (b) masking (©) morphing (@)_ encapsulation The visibility of the images is handled by which of the following parameters? (@) lend, amount (©) mask, amount (©) blend, import (@ mask, blend Using Pictures in Synfig ”(7), Which of the following blend method is used to reveal or hide the object? (@) composite (b) alpha over (© straight onto @ straight (8) Timed swap property adds which of the following sub parameters? (@) up, down, time, length (b) before, after, size, shape (©) before, after, time, length (@ top, bottoms, time, length Create a slideshow on the theme of “Khushboo Gujarat ki”. Create a slideshow on the theme of “Festivals of India”. Use text to display name of each festival. Insert an image showing scenery with sky and mountains. Using masking show the sunrise in the image. Computer Studies : 11| Basic Ubuntu Linux Commands In standard 9 we have studied in depth the working of an operating system called Ubuntu. During the study we learned that once a user logs into the computer system having Ubuntu Linux, he/she can interact with the computer using command line interface or graphical interface, Both these interfaces are important and have their own uses. In this chapter we will learn how to use the command line interface in detail. The command line interface allows us to access the real power of Linux with greater efficiency. It is the most influential parts of any Ubuntu system. Starting Up the Terminal To open a commanc-line console in a graphical interface, a window named terminal window is provided in Linux. To open a terminal window, click on Applications 4Accessories Terminal alternatively you can use CTRL* ALT + t keys together. A terminal window similar to the one shown in figure 6.1 will be seen on the screen. Note that the look of your actual window may be different from the one shown in figure 6.1 as the user might be different. Figure 6.1 : Terminal Window Once the window is clearly visible, you will see a blinking cursor preceded by some letters, and perhaps numbers and symbols, ending with a S. The first word in that string of characters is usemame, followed by the symbol @. The symbol @ is followed by the name of the computer that is being used. Finally you will find a colon and the name of the directory you are working in (Generally you start working in your home directory, which is represented by a ~ symbol). The command prompt indicates that the interface is ready to interact with the user in the form of ically a program that accomplishes certain task. Once the prompt is displayed we can issue commands as described in this chapter. Before discussing various commands, let us revise our knowledge about the term shell. A shell is the command-line interface. Shell is a user program or an environment provided for user interaction. It is a command language interpreter that accepts or issues commands, understands it, interacts with the kernel to execute it and displays results as per given instruction. Numerous shells are available to work on the Ubuntu Linux systems, but the shells available on a particular system may vary. commands. A command is ba Basic Ubuntu Linux Commands 9Some popular shells provided with Linux are Bourne shell (sh), C shell (csh and tesh), Korn shell (ksh) and bash (sh) shell. Bourne shell with sh command line interface. Bourne shell provides basic mechanisms for shell script programming, which allows us to write a program based solely on commands. C shell identified as esh is another shell commonly found on Linux systems. Shell programming can be done using C programming syntax in this shell. The newer version of csh is tesh. It provides additional shell script programming features to address the limitations of esh. The Kom shell or ksh was developed to combine the features of both sh and csh. Bash shell is a newer version of Bourne shell. Thus it contains same syntax and fumetions as sh. Nowadays bash is considered standard shell for Linux systems and is thus commonly used and available on all Linux operating systems. its acronym is the earliest Unix shell used as Listing the shells available on the system To find all available shells in your system you can use the cat command. Type the command as shown in figure 6.2 on the command prompt. You will get list of all the available shells in your computer system. The list of shell that you get as an output may be different from the one shown in figure 6.2 depending on your system configurations. ‘The cat command is discussed later in this chapter. Determining the default shell Each Ubuntu Linux account is configured with a certain shell as its default command line interface. Each time you log on, this default shell is utilized for working within the system. Linux operating system comes with certain variables that contain current environment settings as its values and thus are known as environment variables. 100 Computer Studies : 11‘The value of default shell is stored in one such envionment variable named SHELL. Thus by displaying ‘the value of the variable SHELL, we can come to know which our default shell is. To display the value of any variable, echo command can be used. Type echo $SHELL on the command prompt and press Enter key. Default shell will be displayed on the screen as shown in figure 6.3. Note that Linux commands are case sensitive hence SHELL, Shell and shell are not same. erst tire Figure 6.3 : Default Shell Changing the current shell As discussed earlier we have different shells available with Linux. To change your default shell, type the name of the shell you want to use on the command line. For example, if you want to use the C shell (provided it is available on the system), type esh at a command prompt. Then the command prompt will provide a csh interface. Note : ‘A shell change is temporary and will last only es long as you are logged on that command line. To return to default shell, type exit or press CTRL, + d at the command prompt of the new shell Command Syntax The syntax of Linux commands is uniform. It consists of three parts, in the order specified below © Name : It is the name of the command, for example Is, echo ete. © Options : It is possible to alter the behavior of the commands by specifying additional options. A command may have zero or more options. Options when present starts with ahyphen symbol (-) and are usually a single letter or a digit. Some commands may have options with double hyphen and/or sequence of letters or digits. Depending on the command, the number and meaning of the options will vary. © Arguments : Along with options user can also provide arguments. A command may take zero or more arguments to do its work. The number and expected meaning of the arguments vary from command to command, Some commands may take no arguments; others may take an exact number, while other commands may take any number of arguments, Linux commands can be classified as internal or external based on whether its binary file exists or not. The commands that have a binary file explicitly stored in either /sbin, /ust/sbin, /usr/bin, /bin, or /ust/local/bin directories are called external commands. They are generally executed by the kernel and will generate a process id at the time of execution, Most of the commands that we use in Basic Ubuntu Linux Commands 101Linux are external commands. On the other hand the commands directly executed by the shell are called internal commands. Intemal commands do not generate a new process. To know whether a command is internal or external we can use the ‘ype command. The syntax of type command is shown below Stype command For example if we execute a command Stype info we will get the output as shown below info is /usr/bin/info As can be observed this refers to a binary file info stored in /ust/bin/, this indicates that info is an external command, Issuing General Purpose Commands As you are now familiar with the syntax of commands, let us see how to issue commands through command line interface. The best way to start with leaning Linux commands is to try working with some general purpose Linux commands. You can issue a command by typing a command name followed by necessary options and arguments. Other way is you can type in first few letters of ‘a command, press the tab key and the shell automatically provides the remaining information. For example, to display a calendar, type ca on the prompt and press tab key. Linux shell will automatically display list of all commands starting with alphabets ca including the calendar command cal on the sereen. If you get more than one command in the list, then type the desired command on the prompt and press Enter key to execute the command. Calendar (cal) The cal command is used to display a calendar of any specific month or entire year. The default output of cal command is calendar of the current month, See figure 6.4 Figure 6.4 : Output of cal command 102We can change the calendar as per our requirement, for example to display the calendar of January, 2013 type the following command on the prompt and press Enter key. Seal 01 2013 The output of this command will be similar to the one shown in figure 6.4 except that the month would be January 2013. Similarly if we want to display the calendar of the entire year 2013, we simply have to type cal followed by the year as shown below : Seal 2013 ‘Note that the calendar of entire year may not be displayed on the entire monitor screen; hence we will have to use a pipe operator as shown below Seal 2013 | more In the above command we have concatenated two commands, here more is also a command which takes input from the cal command. The pipe (| ) symbol used in between the two commands is discussed in detail later in this chapter. Date (date) Another utility command is date; it is used to display the system date. Sdate ‘The output of the command is shown in figure 6.5. Figure 6.5 : Output of date command Observe that the output displays both date as well as time. The date command can also be used with suitable format specification as arguments. Each format is preceded by + symbol, followed by % operator and a single character describing the format. For example, to display only the current date in mm/dd/yy format use the command shown below Sdate +%D Figure 6.6 shows the output of the command. Basic Ubuntu Linux Commands 103ies eC nd rupee rer eC ieee CRE yee) Crores) bet Ee The command line calculator (bc) The bc command in Linux is a command line calculator. In addition to performing simple mathematical functions, it can also perform conversions between different number systems, as well as allows us to use some scientific functions. To work with this command use the syntax given below She 1 A screen similar to the one shown in figure 6.7 will be displayed. Notice that the dollar prompt is not visible on the screen; this indicates that the be command is now ready to take input from you. The -1 switch is used to include the standard math library. ie eC mn COs esas tec Mie arene) CTC Uae Ce eC eC aa CL A ee eT) ation, Inc Wee ace cum Ra CUCL lee Reis] CCC Loe ls eae Now, just type the formula that you want to evaluate at the blinking cursor and the press Enter 5, or you may type a complex expression with grouped operators. Let us type the expression ((99.1 / 5.15) * 99.9), now press the Enter k The command will display the output in the next line as shown in figure 6.8. key. You can type a simple expression like 104 Computer Studies : 11ac Figure 6.8 : Output of be command Observe that we still are not able to see the promps; this simply means that we can continue working in command line calculator mode. In addition to the normal mathematical functions like addition, subtraction, multiplication, division, modulus, and exponents, we can also use trigonometric or logarithmic functions like sine, cosine, arctangent, and log. For example, if you need to find the natural logarithm of value 2013, use the command 1(2013) and you will get output 7.60738142563979148420, The duse function allows us ty set the uumbering system that we want ty use for iput, Similatly the vduse function allows us to set what numbering system to use for output. Let us uy to convert numbers from decimal number system to hexadecimal number system. First, we need to set obase as shown below obase = 16 ‘Now, type the number you want to convert to hexadecimal as shown in the example and press the Enter key. 256 100 Here 100 is the hexadecimal equivalent of decimal number 256. Similarly if you want convert this result to binary number system then just change the obase again as shown here. obase=2 ‘Now type 100 and the output will be 1100100, observe that this is binary equivalent of decimal 100 and not 256. The reason for this is very simple, we have not changed ibase, and hence all entries are considered to be decimal entries. Basic Ubuntu Linux Commands 105To convert hexadecimal value 100 to its binary equivalent, set ibase and obase as shown below : ibase=16 obase=2 ‘Now type a hexadecimal number that you need to convert to binary. For example, type 100 and you will get 100000000 as a result. ‘To return back to decimal mode set ibase to 10. Execute the following to find out the square root of a number using sqrt function available in math library. sqrt(256) 16.00000000000000000000 ‘As compared to graphical calculator the command line be calculator is more faster and flexible. To return to the Linux command prompt, press CTRL" . Displaying a message (echo) ‘We need to display message very frequently when using command prompt. The echo command is used to display a message on the terminal. For example, type the following command and press the Enter key. The string written after echo will be displayed on your monitor screen, Secho Hi, I am learning Ubuntu Linux Hi, I am learning Ubuntu Linux Itis also possible to enclose the string within double quotes. The output will not contain the double quotes. The echo command can also be used to display values of variable. For example, define a variable named cost and assign it value 10 as shown below : Seost=10 Once you press the Enter key you will be returned to prompt. Now type the command given below : Secho The cost of product is Rs. Scost ‘The cost of product is Rs. 10 ‘To display the value of cost on the sereen it is passed to the echo command. Notice that in the string we have written cost twice. The one that is prefixed with $ symbol represents a variable, while the other is a normal string. When the echo command finds any string prefixed with a $ symbol will consider it to be a variable. It will then try to print the value of variable. 106 ‘Computer Studies : 11‘The echo command can be used along with other commands to give meaningful output. For example we may combine the echo and the date command in the manner shown below : Secho Current time is ‘ date +%T ‘ Current time is 14 :55 :04 Observe that the command to be executed is placed within back quotes (quotes available on key with ~ sign), thus first the date command will be executed and then its result will be displayed using echo command. Changing password (passwd) A user needs to change password very often due to various reasons. The passwd command helps us perform this operation. It is used to change the password of the current login account by default. The following command allows you to change the password. Spasswd, Once you press the Enter key a message similar to the one below will be shown, along with the blinking cursor. Changing password for administrator (current) UNIX password : ‘Type your current password and press the Enter key, Linux will check whether you have entered a valid password, and if you have then it will prompt for the new password. You will be asked to enter new password and retype it again as shown below : Enter new UNIX password : Retype new UNIX password : passwd : password updated successfully If you have typed the new password correctly and it does not conflict with any guidelines decided for password, your new password will be registered by the system. In case of any problem you may get an error message. It is also possible to change the password of other user of the system by specifying the username after the passwd command. For example, if we have a user named harshal, to change its password we may type the following command. Spasswd harshal In case of genuine user you will be allowed to change its password. Clearing the Screen (clear) Basic Ubuntu Linux Commands 107wi times it also becomes difficult to see the output clearly, we have one simple solution for this problem, ile working on command prompt you must have observed that the screen often gets full. At use the clear command to remove data on the screen, Sclear Getting Help on the Linux Commands Before looking at any other commands first let us learn how to get help when using commands on Linux platform. Linux provides two inbuilt commands namely help and man to assist the user while working on the command line interface. All the commands that we use in Linux supports the -h (or -help) option. This option generates a small description of how to use the command, Figure 6.9 shows the use of help command. Gee ac roe eee) : my [OPTION]... [-T] SOURCE DEST my [OPTION]... SOURCE... DIRECTORY Cas | oy Cac asa e Pee eae Gag ST aOR SCC U Cs MC eas ce ea make @ backup of each existing destina Cuma) ere at eae ae Cocoa) crass Cae ee eens Ste tasty i sae aes feats is COR estcist mets pecify more than one of -i, Se ane CLO strip-trailing-slashes remove any trailing slashes from each Observe that the command used to display the help in figure 6.9 is my - - help. The alternate mechanism to get help on the command is to use Linux online manuals. The man command activates a manual corresponding to a specific command that we need to look at, For example, the command ‘man mv will show us the manual for the move command. Figure 6.10 shows the output of man ‘command. Observe that man command gives us exhaustive information of a command and may run into multiple ter key the contents scroll sereens, It generally displays one page at a time, as we press the down. To come out of the manual screen type alphabet ‘q’, this will take you back to the command prompt. 108 Computer Studies : 11File Edit View Terminal Help Tear CUS may (eres cas cl) Pee eae eee ee ag Mandatory arguments to long options are mandatory for short options coe Set ee Pee esis moet ie Cen Manual page mv(1) Line J] In case we want only small description of a command then we may use the whatis command. It gives us one line explanation of the command, but omits any additional information about options. Fignre 6.11 shows the sample ontpnt of whatis command Gee kD Eocene ese etc me Erne Many times it may happen that we may not know which command to look for exactly. In such situations we may use the apropos command. The syntax of the command is mentioned below : Sapropos string When we execute this command we will get a list of all the commands that has the string as the part of the command or command description. For example if we type apropos copy on the command prompt and try to execute it, then we may get screen full of commands that have copy as a string within the command or its description, A user must take caution while using this command, Sample output of apropos command is shown in figure 6.12 109Com) ldd (1) Figure 6.12 : Sample output of apropos command Working with Directories In Linux a directory is a special type of file that is used to store files and other directories. Here J symbol represents the root directory. All other directories come under root directory. Let us learn how to work with directories using terminal window. Home directory When a user logs on to the system, Linux automatically places the user in the directory called the home directory. It is created by the system at the time when a user account is created and generally will have a path /home/username. Here the username refers to the login name. For example if the username is harshal, then the home directory will be /home/harshal. It is possible to change this path if needed. The default working directory path is stored in system variable named HOME. We can cross check the directory by using the echo command. Secho SHOME ‘home/harshal Note that the path displayed using this command is an absolute path name. Absolute path name is a sequence of directory names separated by / (slashes). An absolute path name shows a location in reference to the root directory. The first slash (/) is synonymous to root directory while the other slashes act as delimiters to other directory names. Thus the directory harshal is located within directory home which further is located in the root directory. Similarly the directory /home/administrator refers to home directory of username admi istrator, It is possible to change the default path of the home directory. Suppose that you are able to see the output as shown below /home/its/ugl/svies Here svies (home directory of user svics) is within the sub directory ug/ (a directory that represents a sub group), which further is within a directory its (a directory that represents a group). Directory home and ‘/” have their default meaning. 110 Computer Studies : 11Present Working Directory (pwd) After we log into a system we can move around from one directory to another. But at any given point of time we will be located only in one directory. The directory where we are located at that ‘moment is known as current directory or present working directory. To know the current directory that we are working in we can use the pwd command, Spwa Creating a Directory (mkdir) A directory in Linux can be created using the mkdir command. The command takes the name of the directory to be created as its argument. Let us create a directory named subject. Smkdir subject ‘The power of command line over GUI lies in its flexibility. If we create a directory using GUI we will be able to create one directory at a time, while it is possible to create multiple directories using a single mkdir command. The following command syntax illustrates the same. Smkdir animals birds vehicles plants ‘The command when execnted will create fon directories named animals, hirds, vehicles and plants in the current directory. Change Directory (ed) In the case when we need to store any data within a directory, first we need to make it our current directory. We can change (go within) a specific directory using the ed command. Let us try to create a directory named math, science and economics within a directory subject. To create these directories first we need to be in the subject directory. The command sequence shown below allows us to perform the said operation. Sed subject Spw ‘/home/administrator/subject Smkdir math science economies Observe that the user name here is administrator. To again come back to the administrator directory, simply type the command below : Sed .. Basic Ubuntu Linux Commands m1In the above command double dots (..) refer to the parent directory. Note that there should be one space between the ed command and the double dot. Assume that you are in some internal directory that has path /home/administrator/subject’ economics and you need to come back to the users home directory then again the ed command comes in handy. To come back to home directory we can issue the ed command twice as shown below : Sed Sed .. The command sequence here will take us back one level at time. If we are say M levels down within the home directory, then we will have to execute the ed command M times. An alternative approach is to use a single cd command as shown below : Sed wal Some example usage of the ed command along with its description is given in table 6.1. ed ~/Desktop Changes directory to /home/username/Desktop, from any current path. Here the symbol ~ refers to home directory of the user. ed / Changes directory to the root directory from any current path ed Changes directory to the home directory from any current path. ed - Changes directory to the previously changed directory. ed /var/www Changes directory directly to the www sub-directory with directory var, It is useful when we know the path explicitly. Table 6.1 : Sample cd commands Remove Directory (rmdir) An empty directory can be deleted by using the command rmdir. Srmdir science Here science is a directory name, and it will be removed using the above command only if it is empty. In case it is not empty we will get a message ‘rmdir: failed to remove ‘science’ : Directory not empty’. In this case we have to first delete all the contents within the directory and then reissue this command. Note that it is also possible to delete multiple empty directories in the same way we created them. 112 ‘Computer Studies : 11To delete a non-empty directory with all its contents we can use the rm command as shown below : $rm -r science ‘The rm command is discussed in detail in the later part of chapter. ‘Naming Conventions in Linux We have created directories with different names using the mkdir command, While creating any object like a directory or a file in Linux we have to follow certain rules. On most of the Linux systems today, a name (of directory or file) can consist of up to 255 characters. Unlike Windows OS, names in Linux can practically consist of any ASCII character except for the slash (/) and the NULL character. Any other control characters or nonprintable characters are permitted. Examples of some valid names are .name, “myname’++, -{}0, testS#, xy.ab.ef etc. However, it is recommended that a name should be relevant and contain only alphabetic characters, numerals, period (.), hyphen (~ ) and underscore (_). Linux strictly adheres to case sensitivity, thus math, Math and MATH are three different names. It is possible for the directories with these names to coexist at same level. If these names refer to a file then they can again coexist in the same directory. Working with Files Directory generally works as a container. The data is normally stored in files, which further may be stored in directory for proper arrangement and easy access. Text editors like nano, pico, vi or vim, ed and others are generally best suited for creating text file. However, many times the user needs to create a file quickly. The cat command comes in handy in such scenatio. It is mainly used to display the contents of a small file on the terminal. But it can also be used to create a file, concatenate two files and append contents into a file. Create a file using caf command Let us create a file named introduction within the directory economics. To create this file you will have to first make the directory economics as your current directory. You can use the ed command here. Now type the command cat followed by a greater than (>) symbol and name of the file as shown below : Scat > introduction When we execute this command the cursor will be positioned in the next line, waiting for us to type the contents of the file. Type the text that you want fo store in file and press CTRL + d. This will take you back to the command prompt. The combination CTRL + d in Linux indicate the end of file character. The greater than (>) symbol used in the above command is known as Basic Ubuntu Linux Commands 113redirection operator. It is used to instruct the shell that a redirection is required i.e, input should g0 to the specified file. The cat command when used without the greater than (>) symbol, displays the contents of the filename specified in argument. Figure 6.13 shows the process of creating and then displaying a file. mee! TE Ts Coa) Figure 6.13 : Creating and displa g file using cat command Appending contents using cat command Assume that you have an existing file and you want to add some more content in the file. The cat command can be used again here with one simple change. The redirection operator used previously is to be replaced by append output (>>) redireetion operator. ‘Ihe command to append data in the introduction tile is shown below : Scat >> introduction An alternate definition states that Economics is a science which studies human behaviour as a relationship between ends and scarce means which have alternative uses. [CTRL+d] Note that if the file already exists and we use the command cat > filename then, the existing contents will be overwritten with the new one. So it is necessary to be careful while opening a file that already has some contents. Concatenating multiple files using cat command The cat command can also be used to concatenate the contents of multiple files and store it in another file. The syntax of using the concatenation is shown below : Scat filel file2 > file3 The above command will create file3 that contains the text of both the files, namely file! and file2. The new file created will have contents based on the sequence of filenames. Here the intial contents will be of filel, after which the contents of file? will be appended. 14 Computer Studies : 11Deleting a File (rm) ‘The rm command is used to delete/remove one or more files. For example to delete the file introduction, execute the following command Srm introduction We can also delete multiple files using a single rm command. For instance the command Srm file1 file2 file3 will delete all the three files supplied to it as argument. Table 6.2 gives some options that can be used along with the rm command. mm -i Filename Deletes file using interactive mode. The user will be asked to verify the delete operation. m -t Directoryname Deletes directory and along with all its contents mt Deletes all contents (file and/or directory) within the current directory. Here the symbol * is known as wildcard character. This is a very dangerous command as it will delete all the files and directories within the current directory, hence such command should be used only if you certain about the action and the result. mm arf * Same as rm -r, but also deletes the contents even if it is write protected Table 6.2: Some options of rm command Moving around the File system So far we have learned how to create and delete a directory or file. Now let us see how to view the contents that are part of our file system. The Js command gives us the list of the contents in the current or a specified directory. The Is command can be used with different options to change the output. Let us begin with the plain and simple Is command without any options. Figure 6.14 shows the output of simple Is command, Note that the output on your computer may vary. Figure 6.14 : Output of the ls command Basic Ubuntu Linux Commands 115Let us now create a file named .introduction and then check whether we are able to list it or not. Type the command shown below to create the file. Scat > .introduction ‘Learning Ubuntu Linux is fun. ICTRL + | Now use the Is command again to list the contents of a file. You must have observed that the file recently created is not visible on the screen. Note that in Linux any filename that is preceded by a‘. is treated as a hidden file. To list hidden files in the current directory we need to use -a option of the Is command. Figure 6.15 shows how to list hidden files. ota Mrecier «gconf erty ae erst) Pree avast aed -gnome2_private Pe ee) gtk-bookmarks eed Brae ristsy eee] er Bree ae cst2012 Biter swp ery err) eater Cater tree ad Veer ee) Area ts irraaae) Pease Peres crests Peres Downloads perrsty ees es eee openoffice.org .xsession-errors.old volution Crapper Observe the difference in the output of figure 6.14 and figure 6.15. Note that figure 6.15 shows more number of files than shown in figure 6.14. The two entries ‘.” and ‘..” visible in figure 6.15 are of importance, these two entries are automatically created in the directory whenever the directory is created. Table 6.3 gives some options that can be used along with the Is command. 116 Computer Studies : 11Is~ Lists the files that are in user's home directory. Is [svies]* Lists all the files in which the first character of the filename matches with any of the given alphabets within the square brackets. The remaining part of filename can contain and valid ASCII character. Is [nes][5-7122 Lists all files with 4 character filename. With the condition that the first character is in the range n to s, second character is in the range of § to 7, whereas the third and fourth characters are any valid ASCII character. Is List the files by sorting them in reverse order. Ist List the files by sorting them based on their modification time. Is -F List the files and mark all executable files with * and directories with / symbol. Is +1 List one file per line, ‘Table 6.3: Some options of Is command Pattern Matching — The wildcards In the above discussion you have already seen the usage of characters asterisk (*) and question ‘mark (2). These characters are known as wildcard characters used for matching a pattern as required by the user. Table 6.4 summarizes the working of wildcards used by shell. * Any number of characters including none 2 ‘A single character [abe] A single character — either a, b or e (user can use other characters also). Llabe] ‘A single character other than a, b or ¢ (user can use other characters also). (ps ‘A single character within the ASCII range of the characters p to s (user can use other characters also). Up-s} A single character that is not within the ASCII range of the characters p to s (user can use other characters also). Table 6.4: The wildcard characters Basic Ubuntu Linux Commands 7Manipulating Files and Directories In the previous section we learned how to create and delete a file or a directory. Let us now see how to perform operations like copy, move, and assign permission on them. Copying a file (cp) Very often we need to create a replica of the date that we have generated, the cp command copies a file or group of files specified as an argument to it. It creates an exact replica of a file on the disk at the location specified by the user. The ep command needs at least two arguments. The first argument refers to a source file while the second argument refers to a destination file. Let us create a copy of file introduction using the following command : Sep introduction new_introduction After execution of the above command, an exact copy of file introduction will be created with the name new_introduction. If file with the name new_introduction already exists, it will simply be overwritten without any warning from the system. In case no such file exists a new file will be first created and then the contents of the file introduction will be copied in it. ‘The ep command can also be used to copy more than one file into a specified directory. For instance, the following command Sep filet file2 my_dir will copy two files named file! and file2 in a directory named my_dir. It is necessary that the directory my_dir already exists, or else we will get an error message. Table 6.5 gives some example usage of the cp command, cp /vol/examples/tutorial/science.txt. | Copies the file science.txt to current directory. The dot () at the end refers to the current directory. ep chap01 progs/unit! ‘A file named chap01 is copied within the directory progs with name unitl. (no directory with name until should exist in progs directory) cp chap01 progs A file named chap01 is copied within the directory progs with same name. (because progs is a directory). cp -r progs newprogs ‘The directory named progs along with all its contents is copied and stored as a directory newprogs. Table 6.5 : Sample cp commands Renaming files and/or moving files (iv) Changing the name of a file or directory is another operation that user performs regularly. The mv command is used for renaming a file or directory. For example, to rename the file introduction to iniroduction.txt, execute the following command : 118 ‘Computer Studies : 11Smy introduction introduction.txt ‘The command will rename the file and store it at the same location as that of the file introduction. ‘Thus no additional space is consumed on disk during renaming. The mv command can also be used to move a file or group of files to a different directory. For example, the command Smy filel file2 my_dir will move the files named file/and file2 to the directory named my_dir. This command is also used to rename a directory. For instance, the execution of the following command : Smy math mathematies will rename an existing directory math to mathematics. Paging output (more) The more command is used to view one page of content on the screen at a time. For instance if the file introduction.txt contains text that can not fit in a single screen, then reading its contents would become difficult. The more command when used displays the contents of file one page at a time. To view the next page we may press any key. Generally we may press character “b° to ‘view previous page and character ‘f? to view next page. The sample usage of the command is shown below Smore introduction.txt Compare two files (cmp) ‘The cmp command compares two files of any type and writes the results to the standard output, IE the two files compared differ in contents then the byte and line number at which the first dissimilarity occurred is reported. In case there is no difference between the contents of the files we simply see the command prompt again. The sample usage of the command is shown below : Semp introduction introduetion.txt Difference (Diff) An extension of the cmp command is the diff command. The diff command compares two files and displays the contents of both files indicating where the difference lies. To understand the working of the diff command we have created a copy of the file introduction.txt and named it new_intro.txt. We have also removed some lines from the new file, Figure 6.16 shows the output of the command shown below : Sdiff introduction.txt new_intro.txt Basic Ubuntu Linux Commands 119Eras trarscUc Three diff introduction.txt new intro.txt Bier taa) Figure 6.16 : Output of diff command In figure 6.16 the lines beginning with a < indicates that file introduetion.txt contains the text shown but file new_intro.txt does not contain the line. Any changes in the file new_intro.txt would be shown with the lines beginning with a> sign. Counting lines, words and characters in a file (we) ‘The we command is used to count the number of lines, words, and characters in the specified file or files. The we command can be used along with three options -1, -w and -c for counting lines, words and characters respectively. For instance, execute the following command to count the number of lines in the file introduction.txt. Swe -l introduction.txt 4 introduction.txt Similarly the commands we -w introduction.txt and we —€ introduetion.txt will give us the count of number of words and characters in the file. To get all the information together we can use the command as shown below Swe -I -w -c introduction.txt 4 49 307 introduction.txt File permissions In the earlier section, we have seen options which can be used with Is command, The Is command has several other options also. For example the following command when executed may result in the output similar to the one shown here. Sis total 6 -rw-rr= 1 administrator administrator 313 2013-02-15 18 :04 about_Gandhiji.txt rw-r-r— 1 administrator administrator 444 2013-02-15 18 :19 introduction.txt -rw-r-r— 1 administrator administrator 401 2013-02-20 16 :43 address.txt drwxr-xr-x 1 administrator administrator 4096 2013-02-21 18 :15 backup -rw-r-r— 1 administrator administrator 144 2013-02-13 18 :49 city.txt istrator administrator 226 2013-02-20 14 :11 scriptl0.sh srwer-r 1 admi 120 Computer Studies : 11Observe the output; it gives us a clear idea about an object in our file system. An object can be categorized as a regular file, a directory or a process. It shows us the owner of the object, size of the object, date and time on which the object was created along with the name of the object. Let us try to understand the file permission in detail. Figure 6.17 shows the relation of different permissions w.rt. owner, group and other users. Ai 2 3 4 5 6 7 8 9 10 = r w x r w x r w x T t T Typeof Owner Group Other users object Permissions Permissions Permission Figure 6.17 : File permissions As can be observed in figure 6.17 the first column refers to type of object. The character ‘—” in the first column refers to a file, character ‘d’ refers to a directory and character ‘p’ refers to a process. The next nine characters tell the system what access is permitted for this object; hence the name “permissions”. An object in Linux has three permissions namely, read (£), write (w) and exceute (x). The set of three characters after the file type shown in column 2 to 4 tells which permission the owner of the file has. Owner of the file is the user who created the file (administrator in our case). The character r in the first position means you are permitted to read the file. A w in the second position means you may write in the file. This includes the ability to delete a file. An x in the third position means you may execute the file. A hyphen “~’ in any position means that you don’t have ‘that particular permission. As you can in the output of the Is -I command, administrator the user who owns the file can read and write files like about_Gandhiji.txt, introduction.txt and address.txt. ‘The characters in column 5 to 7 denotes permission given to the group, to which user belongs. Similarly the characters in column 8 to 10 denote permission given to any other user or group. Generally the term others refer to the users of the system that do not belong to group to which the owner of the file belongs. A user if wishes can change the permission of an object that he/ she owns. The file permissions can also be given as numeric representation. We use octal (base of 8) number system for representing permissions as numeric values. Every octal digit combines read, write and execute permissions together. For example, in permission 644, “6” refers to the rights of the owner, “4” refers to rights of the group and “4” refers to rights of others. The permission 0644 when assigned is interpreted as read and write permission to owner, only read permission to group and others. Table 6.6 shows the interpretation of the octal numbers when used as permission. Basic Ubuntu Linux Commands 121- 0 No permission assigned “x 1 Only execute access is allowed -w- 2 Only write access is allowed Wx 3 Write and execute access are allowed me 4 Only read access is allowed x 5 Read and execute access are allowed rw- 6 Read and write access are allowed mx 7 Everything is allowed ‘Table 6.6 : Octal numbers and permission Changing Permissions (chmod) ‘To change the permission we use the chmod command. The operation of changing the permission is also known as change mode operation, For instance, in the above example we have seen that user (owner) has read and write permissions on the file. To make the file read only file the following command can he used Schmod ugo-w introduction.txt The character ‘u’ in the above chmod command stands for user, ‘g” for group and ‘o’ for other. After executing the command if we again list the file, then the output will be similar to the one shown below. Sis \troduction.txt -r-r--r— 1 administrator administrator 307 2013-02-11 14 :19 introduction.txt Please note that write operation will not be permitted on this file. Additionally it also prevents user from deleting the file intentionally or unintentionally To assign write and execute permission to the owner of a file, execute the following command. Schmod u+wx seriptl0.sh Sls «1 scriptl0.sh -rwxr—r— I administrator administrator 226 2013-02-20 16 :05 scriptl0.sh Here the file script10.sh is known as a script file. We are going to learn about shell scripting in the next chapters. ‘Table 6.7 shows some abbreviations and its meaning when used with the chmod command. 12 ‘Computer Studies : 11ueuser + assign permission = read permission g-eroup —remove permission Ww - write permission o-other = assign absolute permission x = execute permission aval Table 6.7 : Abbreviation used by chmod VO Redirection A user interacts with the Operating System using a standard input device (keyboard). The Operating system displays the output on standard output device (monitor). Thus if any command is executed its input will be taken from the keyboard and output will be displayed on the monitor. Sometimes it is useful to redirect the input or output to a file or a printer. Linux provides redirection symbols to change the standard input flow. The greater than symbol * > * implies redirection of output. It instructs the OS to put the output in the destination (file) specified by the user instead of displaying on the monitor screen. Similarly the less than symbol ‘ <* implies redirection of input, it instructs the OS to accept the input from the specified source (file) instead of keyboard. Assume that we issue a command we 41 < introduction.txt, here we are instructing OS to accept the input from a file named introduction.txt instead of the keyboard. Similarly the command Is > list.txt when executed will transfer the output of Is command to a file named list.txt instead of the monitor. When output redirection is used the output will not be displayed on the monitor hence to see the output we will have to use the command cat list.txt Piping Redirection facility discussed above helps in asscciating the Linux commands to files. Many times ‘we need to use multiple commands to perform a single operation. The piping facility of Linux helps in such cases. The pipe symbol (|) is used to provide the output of one command as an input to another command. The process of converting output of one command into input of another command is known as piping. Let us see an example of piping, SIs | we +1 ‘When we execute the above command, the output of /s command becomes the input to the we command. Thus we will get information of total umber of files in a current directory. Real power of pipe facility can be availed when we use it along with filters. Filters have been discussed in the next section. Filters Filters are commands that accept data from the standard input, process or manipulate it and then write the results to the standard output. Various filters like head, tail, cut, paste, sort and uniq are available in Ubuntu Linux. Let us see the working of these filters. Basic Ubuntu Linux Commands 123Displaying lines from top of the file (head) ‘The head command is used to display the required mumber of lines at the beginning of the file based on user’s requirement. When used without any option it displays first 10 lines of the file. To display the lines as per users requirement we need to pass an argument to the head command. For example to display first 2 lines of the file infroduction.txt, execute the following command : Shead -2 introduction.txt Displaying lines from bottom of the file (tail) The tail command works exactly opposite of the head command, It displays specified number of lines from the end of the file. To display last 2 lines of the file introduction.txt, execute the following command : Stail -2 introduction. txt ‘We can use the tail command to display lines from n* line within the files. For example if we execute the following command Stail +5 introduction.txt will display lines from 5* line onwards from the file introduction.txt. Slicing a file vertically (cut) The head and tail command discussed in the above sections are used to slice the file horizontally. We can slice the data within the file vertically using the cut command. The cut command gives exact and precise outputs if the file has specific delimiters. Let us create one such delimited file to understand the working of the cut command. Create a file named address.txt using cat command that stores the data as shown : Scat address.txt 20013, Vaidehi, Sanjay, Shah, Sector-23, GH-6, Gandhinagar, 382023 20014, Dhrumil, Ajay, Patel, Yesh Enclave, Mota Bazar, Vidyanagar, 388120 20015, Harshit, Amit, Jain, 58, Jaldeep 1, Ahmedabad, 380058 20016, Abdul, Shamsher, Khan, Khan Villa, M G Road, Nadiad, 388011 20017, Nirav, Jose, Mackwan, Jose House, M G Road, Nadiad, 388011 20018, Vidita, Harshal, Arolkar, 17, Jaldeep I, Ahmedabad, 380058 Let us see how to use the cut command along with its various options. Cutting Characters (-c) To extract specific characters from each line of the file, cut command with -c option is used. For instance, to extract the roll numbers and first names from the file address,txt execute the following command : 124 ‘Computer Studies : 11Scut -c 1-15 address.txt 20013, Vaidehi, 20014, Dhrumil, 20015, Harshit, 20016, Abdul, S 20017, Niray, J 20018, Vidita, Though the output looks fine to certain extent, it is not exactly the same as we would have expected. Look at the data of Abdul and Nirav it has additional characters. The -c option is useful for fixed length fields, we had problem in the output as the first names were not stored using a fixed length. Cutting fields (-f) To overcome the problem mentioned in the -c option we may use a delimiter. The cut command can treat values separated by the delimiter as separate field values. Observe that we have used comma ‘,’ as a delimiter in the address.txt file, Thus, to extract roll number and first name only ‘we may execute the following command Scut -d "," -£ 1,2 address.txt 20013, Vaidehi 20014, Dhrumil 20015, Harshit 20016, Abdul 20017, Nirav 20018, Vidita Observe that we have got the desired output now. In this command the ~d is option used to specify delimiter appearing in a file (comma in our case) and —f option is used to specify field numbers to be displayed (roll number (1) and first name (2) in our case) It is also possible to slice the file vertically from fields in between. For example assume that we want to display the first name, city and pin-code then we need to cut field numbered 2 and 7 onwards. The said operation can be performed by executing the following command : Seut -d"," -f£ 2,7- address.txt Vaidehi, Gandhinagar, 382023 Dhrumil, Vidyanagar, 388120 Harshit, Ahmedabad, 380058 Abdul, Nadiad, 388011 Nirav, Nadiad, 388011 Vidita, Ahmedabad, 380058 Basic Ubuntu Linux Commands 128Here 7- in the command imply that we need to display all fields after field number seven (including seven) from the file address.txt. It is also possible to redirect the output to a file. For example if we execute the following command Seut output_cut.txt the output instead of being displayed on monitor will be transferred to the file output_cut.txt. Two files can be pasted together using the paste command, For the paste command to work properly we need to ensure that both the files have exactly the same number of lines. If the number of lines is not same then the command may not result into expected output as it pastes from top of the files. We will first create two different files named partl.txt and part2.txt using cut command and then join them using the paste command. Figure 6.18 shows the process of performing this operation. Goa RCC ume) POs erec Cnty arises Becta teen eriaeg oI Parueeens Proireterers tts eaes EMCO Sees RCM ats ter ac CCM Setar ROC eos amen Ota eer 20018, Vidita, Harshal Dern Te ca geod leer ec sure gers) eat eae e 58, Jaldeep I, Ahmedabad, 380 CUM Rae MC TCC MeL ON Road, Nadiad, 388611 pa eee) Doeree word OER CSR CMEC Clerrm nC SC rg OU Mn tier Sree ca Sea ea ee rire ame Te) ROEM staae Ceaeeertg 58, Jaldeep I, ahmedabad, 380058 OU ea re cen ea oe ret mer oe tam ret coe) Go rer ner ots 20018, Vidita, Harshal, Arolkar Jaldeep I, Ahmedabad, 380058 Cerca tree? 126 Computer Studies : 11Ordering Output (sort) ‘The sort command is used to order the data stored within a file in ascending or descending sequence at the time of display. Like the cut command, it also identifies fields and can sort on specified fields. ‘When the sort command is used without any options, it sorts the file based on entire line. It reorders the lines based on ASCI sequence. The sorting is first applied on white spaces, followed by numerals, uppercase letters and finally lowercase letters. Let us try to arrange the file address txt in descending order of roll numbers (you must have observed that it is already arranged in ascending order). To display contents of file sorted in reverse order, execute the following command : Ssort -r address.txt 20018, Vidita, Harshal, Arolkar, 17, Jaldeep I, Ahmedabad, 380058 20017, Nirav, Jose, Mackwan,Jose House, M G Road, Nadiad, 388011 20016, Abdul, Shamsher, Khan, Khan Villa, M G Road, Nadiad, 388011 20015, Harshit, Amit, Jain, 58, Jaldeep I, Ahmedabad, 380058 20014, Dhrumil, Ajay, Patel, Yesh Enclave, Mota Bazar, Vidyanagar, 388120 20013, Vaidehi, Sanjay, Shah, Sector-23, GH-6, Gandhinagar, 382023 Note : The execution of sort command does not modify the actual file. The records in the actual file will remain in the same position. The sort order is applied only at the time of displaying ‘the output. ‘The sort command is mostly used in conjunetion with other commands. For example, we can use it with the eut command to order the output of the cut command. Execute the following command to see the output of both the cut and sort commands when combined. Seut -d "," -f 24 address.txt | sort Abdul, Shamsher, Khan Dhrumil, Ajay, Patel Harshit, Amit, Jain Niray, Jose, Mackwan Vaidehi, Sanjay, Shah Vidita, Harshal, Arolkar The cut command in the above example extracts second, third and fourth column from the file address.txt. The extracted output is then given as input to the sort command. The sort command then sorts the contents and displays it on the screen. Basic Ubuntu Linux Commands 127Character Conversion (tr) The command used as filters work with a line or column. The fr (translate) command allows us to work with individual characters within a line. It is used to translate (convert) strings or patterns from one set of characters to another. Working with the address.txt file you must have observed that it contains “,” as delimiter. Assume ‘that we do not want to show the delimiter at the time of the display, instead we would like to show a blank space. The tr command allows us to perform this operation. Execute the command shown below : Scat address.txt | tr -s "LJ" "TJ" 20013 Vaidehi Sanjay Shah Sector-23 GH-6 Gandhinagar 382023 20014 Dhrumil Ajay Patel Yesh Enclave Mota Bazar Vidyanagar 388120 20015 Harshit Amit Jain 58 Jaldeep I Ahmedabad 380058 20016 Abdul Shamsher Khan Khan Villa M G Road Nadiad 388011 20017 Niray Jose Mackwan Jose House M G Road Nadiad 388011 20018 Vidita Harshal Arolkar 17 Jaldeep I Ahmedabad 380058 ‘The transk is only applicable at the display it will not permanently replace the actual delimiter. The -s option squeezes the additional space visible in the actual file. In case we need to save the translations visible we can redirect the output to a new file, Pattern matching (grep) The find operation is one of the most widely used operation in GUI applications. We must have used the CTRL + fkeys to find a keyword within files. The grep command performs similar operation from the command line interface. The command is based on a fundamental idea of search globally for a regular expression and display lines where instances are found (g/te/p). Let us make use of the grep command to find a name within the file address.txt and display its record. Figure 6.19 shows the working of the grep command. Figure 6.19 : Working of grep command 128 Computer Studies : 11Observe that the string that we are looking for is shown in red colour, also we have enclosed the keyword in double quote. It is not compulsory to enclose the keyword in double quotes hence the command grep Vidita address.txt will also give same output. The string used in the grep command is case sensitive hence the strings “Vidita” and “vidita” are different, We can use different options along with grep command that will help us refine our search in a better way. Table 6.8 lists the options and their usage. € Return only the number of matches, without quoting the text a Ignore case while searching 4 Retum only file names containing a match, without quoting the text. n Return the line number of matched text, as well as the text itself. wv Returns all the lines that do not match the text -w Return lines which display only whole words “0 Shows only the matched string Table 6.8: Options of grep command One very powerful feature of grep command is to use a regular expression as a keyword. Say for example we want details about the persons who are staying in society that has ‘Jal’ as it’s starting and ‘I’ as its end, then regular expression can be used. Let us execute the command shown here : Sgrep "Jal.*I" address.txt The output of this command is shown in figure 6.20. Here “Jal.*1” is a regular expression. Figure 6.20 ; Using regular expressions in grep command A regular expression is normally followed by one of several repetition operators shown in table 6.9, Basic Ubuntu Linux Commands 1292 ‘The preceding item is optional and matched at most once. The preceding item will be matched zero or more times. + The preceding item will be matched one or more times. {a} The preceding item is matched exactly n number of times {ny The preceding item is matched n or more number of times. tm} ‘The preceding item is matched at most m number of times. {nm} The preceding item is matched at least n number of times, but not more than m number of times. Table 6.9 : Repetition operator Searching a file or Directory (find) Many times we forget the location of the file or a directory that we have created. The find command helps us look for such forgotten objects. The find command looks for the search criteria (file or directory or both) that you have specified starting from the directory you specify within all its sub directories. We can also search for the object based on its name, owner, group, type, permissions, date, and other criteria. Note that the find command when used without any other arguments displays the pathname of all the files and directories in the present directory and all its subdirectories. Assume that we want to look for the location of file introduction.txt that we had created earlier, ‘the command would be $find -name introduction.txt If the file exists then its path will be given as an output. Otherwise we may either get an error or a prompt will be visible if no such file exists. Note that we know the name of the file here, what if we only remembered first few characters of the file name. The wildcard characters can be used in such cases. The example shown below he'ps in finding all files that start with string “intro”. Sfind -name intro* -/subject/economies/my1_dirfintrol -/subjeet/economies/my1_dirfintro Asubject/economics/introduetion.txt /subject/economics/introduction /subject/economies/my_dirfintrol subject/economies/my_dirfintro Jsubject/economics/introl 130 ‘Computer Studies : 11The output of this command may vary on your screens depending on the number of files that you have which start with string “intro”. Also in Linux we may not assign a file extension, hence we may not be able to know whether introl, intro and introduction in the above outputs are files or directories. We may refine the search if needed by using the type option as shown below : Sfind -name intro* -type f Table 6.10 shows some example of find and its expected output description. find / -type d Search all directory and sub directory available on root only. find . -mtime -1 Search objects modified within the past 24 hours. find . -mtime +1 Search objects modified more than 48 hours ago. find ./dirl /dir2 -name script.sh | Search directories “./dirl” and “./dir2” for a file “script.sh”. find -size 0 -delete Search for files of zero byte and delete them from the disk. find -executable Search for the executable file in current directory. find /home -user jagat Search for the object whose owner is jagat within the home directory and its sub directory. find . -perm 664 Search for object that has read and write authorization for their owner, and group but which other users ean only read. Table 6.10: Example of find command Running Commands as the Superuser When you log in to your computer, the account you use is a regular user account, This account has a limited right. The security model of Ubuntu generally allows you to work as a normal user. ‘Not providing administrative rights prevents any accidental changes or installation of malicious programs that may disturb functioning of the system. But many times the user may need to have administrative privileges. The administrative privileges are available to only a user known as superuser. To use the superuser account when using the terminal, we need to add sudo as a prefix to the commands ‘that we want to execute. For example, execute the following command to install a new program called skype from command line, Ssudo apt-get install skype ‘When you execute the command it will ask for password, provide the password of superuser (generally it will be different from the normal user). This password is the password of the first user that you Basic Ubuntu Linux Commands 131added when you installed Ubuntu Linux on the computer. Once the user is authenticated as sudo by means of the terminal, the software will start installing. Once the installation is over we can start using the software. The super user can also perform the operations of adding, deleting or updating a user, group or object in the system. Some of the commands listed below are used for such purposes. adduser : The adduser command creates a new user on the system. Figure 6.20 shows the process of creating a user. The command when executed will ask for password and some additional details as shown in figure 6.21. Once all the details are provided a new user along with its home directory will be created in the system. Gee neice FeO eee eee ee ee eee ere ee ec uascics eure eT rman eat es aC) TUR mr ate emer aCe Geers ee ete ees pieces a oem ea cece Py an ee eects) eee Meise ces Teng eet imar CRC ee ec cried eee cca aac: Coos or Tau race uen Is the information corr jadministrator@ubuntu:~$ i ] ‘The passwd command when executed as a super user do, allows us to change the password of any valid user of the system. The who command when executed displays the list of all the users that are presently logged into the machine. ‘The addgroup command adds a new group. The users are normally divided into groups so that they can be better controlled. The deluser command is used to delete a user from the system. Note that we need to explicitly remove the user’s files and home ¢irectory, by using the -remove -home option. The delgroup command deletes a group from the system. To perform this operation we must first make sure that no user is associated with the group that we are going to delete. 132 Computer Studies : 11Summary In this chapter we learned how to use the Ubuntu Linux command line interface. The CLI (Command Line Interface) when used allows us to perform all operations that we perform using the GUT in efficient and fast manner. We saw how to initiate the CLI using the Linux terminal. We also learned how to create, rename and delete a file or a directory, find out the directory that we are working in, change the directory if required. Later we saw how to create a copy of the file as well as directory. An access right is one of the ways to make sure that our data is not misused; we saw how to assign or change access rights. We saw how to increase the effectiveness of commands by joining multiple commands using the pipes. Further we looked at some features like counting the words or lines within the file, slicing the file horizontally and vertically, joining the file, searching for a file, directory ora string pattern within the files, arranging the display in ascending or descending order. Finally we saw how normal user can perform administrative tasks of installing new software, adding or deleting a user or group, checking who is using the system or change the password of some user. EXERCISE 1. What is command prompt? 2. Describe shell. Name any three Linux shells. 3. How shells interpret command? Explain with suitable figure 4. Write the steps used to start a terminal in Ubuntu Linux, 5. Explain following command in detail : Is, cat, we, chmod 6. What is the meaning of internal commands in Ubuntu Linux? 7. How can you find help for any command in Ubuntu Linux? 8. Explain different wildcard characters, giving suitable example. 9. Explain the use of pipes, giving suitable example. 10. What is redirection? Explain giving suitable example. 11, List the filter commands used in Linux. 12. Choose the most appropriate option from those given below : (1) Which of the following command is used to count the total number of lines, words, and characters contained in a file? (@)_ countw_ (b) weount © we (@ wordcount Basic Ubuntu Linux Commands 133@ @ 4 6) © @” @) eo) Which of the following command is used to remove files? @ an &) om © delete @ erase Which of the following command is used to remove the directory? (@ dir (b) remove © @ mdir Which of the following command is used to count just the number of lines contained ina file? (@) we-r () we - w © we-c @ we-1 The command chmod 761 letter is equivalent to which of the following access rights? (@) chmod u=7, g = 6,0 =1 (b) chmod a = 761 (© schmod u = rws, g = mw, 0 = x (@) chmod 167 Which of the following refers to the maximum length of a filename in Linux? @ 8 & 10 () 200 (d) 255 The hierarchy of a series of directories branching in a user system starts from which of the following directories? (@) ‘home (b) \root (© /home (@ /root Which of the following command is used to copy a file? @ tr (&) cpio © op (@) copy Which of the following command is used to display your current working directory? @)_ path (b) pwd (©) prompt $p$g @ dir (10) Which of the following command is used for searching a pattern in a file? (a) grep (b) find © lookup @ All of the above (11) Which of the following is not a redirection symbol? @> © < @ * @ > 134 ‘Computer Studies : 11(12) Which of the following syntax is correct to assign a read permission on a user file? (@)_ chmod r filename (b) chmod utr filename (© chmod filename r (@ chmod filename utr (13) Which of the following refers to the minimum arguments of ep command? (a) One (b) Two (© Three (@)_ None (14) The mv command in Linux is used for which of the following purpose? (@) To rename a directory (&) To move a file (© To copy a file @ Allof the above (15) Which of the following command is used to view one page content on the screen at a time? (@) More (&) more (©) PAGE (d) page 1. Perform the following using Linux commands : (a) Print the calendar of December 2012. (b) Execute the command which displays login name, the name of your terminal and date and time since user logged in. (©) List all files starting with character ‘n’ or “N’. (@ Display the current working directory. (©) Prepare two files named class! 1_A.txt and class11_B.txt containing details of students of eleventh standard. The file should contain names of the students. Now merge these two files ina single file and name it classi 1_txt. (Use cat command). () Hide the three files created in question ‘e”. (@ List only directories. (bh). Get help on the use of the cat command. (@ List all files whose fourth character is ‘g’ and sixth character is digit. (Using terminal calculator perform the following operation : (1) Calculate 2500/7 (2) Convert decimal 50 to its binary equivalent (3) Convert decimal 25 to its hexadecimal equivalent (4) Find square root of 36 (5) Convert hexadecimal 25 to its decimal equivalent Basic Ubuntu Linux Commands 135136 Show the output of following Linux commands : (@) cat fl >> 2 (b) echo SSHELL (©) mkdir dl d2 43 @ Iss (e) Is [af]* ® bR @ Is-xR h) cp fl 2 @ 1s | sort @ s|t-s" "| cut-d"" £5 | sont (k) Is -1| grep -c "address.txt" © grep "Harshit Jain" address.txt (m) chmod u-w address.txt (n)_ we -1 address.txt > totalstudents ‘Computer Studies : 11Vim Editor and Basic Scripting y In the previous chapter, we have discussed commands that can be used to work with Ubuntu Limux. The commands were executed one at a time. Though we could execute multiple commands by using the pipes, the process would become tedious as number of commands increases. ‘A better way of executing multiple commands at one go is to type the sequence of commands in a text file. Then give this file to Linux shell for execution, The Linux shell will execute all the commands available within the text file in the specified sequence. This text file is known as shell script. A shell script can be defined as series of commands written in a plain text file. The shell scripts are commonly used by the users to perform routine individual tasks and system administration. In this chapter we will look at an editor that assists us in writing the shell script along with some sample shell scripts. Working with Vim Editor ‘We have learned how to create a file using the cat command. The cat command although it allows tis ta ereate a file is not a good option ta nse when creating a chell script We need a goad text editor to perform such operations. Text editors like nano, pico, vi or Vim, ed and others are generally best suited for creating text file. Gedit is a graphical editor available with GNOME desktop environment. Kwrite is a graphical editor available with KDE desktop environment. We will use the Vim editor which is a visual display editor to write the shell script. This editor is available with almost all Unix and Linux flavors. The Vim (Vi Improved) is a text editor written by Bram Moolenaar and first released publicly in 1991. It is an enhanced version of the vi editor distributed with most UNIX systems. ‘Vim is a highly configurable text editor built to enable efficient text editing. The Vim editor can be used from both a command line interface and as a standalone application in a graphical user interface. ‘To work with the Vim editor we will have to initiate it first. Open a new Terminal Window. We can open the Vim editor using two ways, first type vi at the prompt and press Enter key or type vi followed by a file name and press Enter key. Figure 7.1 shows the Vim editor interface when we don’t specify a file name. Vim Editor and Basic Seripting 137