It Skill Lab Manual
It Skill Lab Manual
IT SKILLS - 20CS01P
Created By:
Hanumanthu
Dept. CSE
Dedicated To..
My Dear All Friends and Supported YouTube Friends
Algorithm:
An algorithm is a set of computation steps performed to obtain the solution for a given
problem.
OR
A procedure for solving a mathematical problem (as of finding the greatest common
divisor) in a finite number of steps that frequently involves repetition of an operation.
OR
A step-by-step procedure for solving a problem or accomplishing some end.
Benefits:
• It helps to clarify complex processes.
• It helps team members gain a shared understanding of the process and use this
knowledge to collect data, identify problems, focus discussions, and identify
resources.
• It serves as a basis for designing new processes.
Menu Bar:
It gives easy access to commands that you will use while creating your projects.
Stage .
Size: It allows you to toggle between three stage sizes: Small stage layout, Regular, and
Full screen.
The Stage: It is the background of your project. It can have scripts, backdrops and sounds
like a sprite, but with a few restrictions.
Sprite Info Pane: It is where you will find a thumb nail for each sprite in your project.
Choose a Backdrop: It is marked with a symbol of a background image, and its located to
the right of the choose sprite button.
Search Educations Page 7
20CS01P | IT SKILLS - 20CS01P| First Semester |DTE
1. Motion
2. Looks
3. Sound
4. Events
The Designer view gives you a visual representation of the application you are building.
To start developing our app we need to open App Inventor and create a new project.
1. Go to the App Inventor website: http://appinventor.mit.edu/explore/
2. Now login with your Gmail account in another tab (new tab)
3. Click on Create Apps in the top right corner of the page:
5. Design and create webpage for displaying your poem (Title, header,
paragraph, formatting tags)
<html>
<head>
</head>
<body bgcolor="Cyan">
<center>
<font color="Blue">
</font>
<font color="Red">
</font>
<p align="center">
</body>
</html>
6. Design and create webpage for your wish list (What you want to do). Also list
challenges and opportunities along with images to present your dreams
(List ordered and unordered, Image, table)
<html>
<head>
<title> Wish list </title>
</head>
<body>
<center><h1> DREAMS </h1>
<img src="Dreams.jpg" height="200" width="200"></center>
<ol type="1">
<li>Completing my diploma in civil engineering. </li>
<li>Completing my Bachelor degree in a good engineering college.</li>
<li>I want to work hard to score First class / Distinction.</li> </ol>
<center><h2> OPPORTUNITIES </h2>
<img src="Opportunities.jpg" height="200" width="200"></center>
<ul>
<li>Focus on what you can control and have a plan for the rest</li>
<li>Go beyond immediate tasks and think of the big picture</li>
<li>Do a periodic comparison of your annual goals with your to-do list</li></ul>
<center><h3> CHALLENGES </h3>
<img src="Challenges.png" height="200" width="400"></center>
<table border="1">
<tr>
<th>SL NO</th>
<th>CHALLENGE</th>
</tr>
<tr>
<td>1.</td>
<td>Putting your goals off until someday.</td>
Search Educations Page 15
20CS01P | IT SKILLS - 20CS01P| First Semester |DTE
</tr>
<tr>
<td>2.</td>
<td>Waiting to take action until you 'feel' ready.</td>
</tr>
<tr>
<td>3.</td>
<td>Viewing mistakes as failure.</td>
</tr>
<tr>
<td>4.</td>
<td>Not making your goal a priority.</td>
</tr>
</table>
</body>
</html>
7. Design and create webpage using HTML and CSS about an awesome animal
(Use necessary CSS tags)
<html>
<head>
<title> Awesome Animal </title>
<style>
div img
{
margin:10px;
padding:10px;
border:10px solid red;
height:250px;
width:250px;
float:left;
}
</style>
</head>
<body bgcolor="cyan">
<h1> <font color="Blue">Awesome Animal </font></h1>
<h2><font color="Green">Lion</font></h2>
<div class="img">
<img src="Lion.jpg">
</div>
</body>
</html>
8. Design and create web page for a travel book / recipe book with more than 3
pages, table to list places/recipes (iframe, hyperlink)
Here we implemented 4 web pages for recipe book, so we should create 4 web pages
namely
1. Recipe.html (Homepage)
2. Rice.html (Recipe 1)
3. Chapati.html (Recipe 2)
4. Tips.html (Cooking Tips)
<iframe> tag specifies an inline frame. An inline frame is used to embed another
document
<hyperlink> The HTML <a> tag defines a hyperlink. You can click on a link and jump to
another document.
Recipe.html (Homepage)
<html>
<head>
<title>Recipe Book</title>
</head>
<body>
<marquee>
<b><u>Welcome</u></b></marquee>
<table border="1">
<tr>
<th>SL NO</th>
<th>RECIPE NAME</th>
<th>SERVING TIME</th>
</tr>
<tr>
<td>1.</td>
<td>Afternoon</td>
</tr>
<tr>
<td>2.</td>
<td>Chapati</td>
<td>Night</td>
</tr>
</table>
<h3>If you want to know about Recipe #1 & #2, click on below link</h3>
</body>
</html>
Rice.html (Recipe 1)
<html>
<head>
<body bgcolor="green">
<ol>
earlier.<br>
<li>Once the tamarind gets soft, then squeeze the tamarind in the water itself. <br>
Discard the strained tamarind and keep the tamarind pulp aside.</li><br>
<li>Rinse half cup toor dal (100 grams) a couple of times in water.</li><br>
<li>Drain all the water and add the dal in a 2 litre pressure cooker. Also add ¼ teaspoon
turmeric powder.</li><br>
flame.</li><br>
<li>When the pressure settles down on its own, open the lid and check the dal.<br>
IT SKILLS LAB MANUAL 20CS01P The dal should be completely cooked and mushy.
whisk.</li><br>
</body>
</html>
Chapati.html (Recipe 2)
<html>
<head>
<title>Chapati</title>
<body bgcolor="cyan">
<h1>Chapathi</h1>
<ol>
<li>Pour the wheat flour, salt, and ghee into a bowl and mix the ingredients
together.</li><br>
<li>Add half a cup of water to the flour mixture and stir the mixture until it's soft and
supple.</li><br>
<li>Add the remaining water slowly, stirring until it's fully combined.</li><br>
<li>Place the dough into an oiled bowl and cover it for 25 minutes.</li><br>
<li>Divide the dough into 10-12 small balls, and dip them into flour.</li><br>
<li>Roll the dough with a rolling pin until the balls resemble thin, round
pancakes.</li><br>
<li>Heat a heavy frying pan, tawa, or griddle over medium heat and cook each chapati on
both
sides.</li><br>
<li>Remove the chapati from the heat, and wrap it in a towel until they are all ready to
serve.</li><br>
</body>
</html>
9. Design and create web page with JavaScript to design a simple calculator to
perform the following operations: sum, product, difference and quotient
<html>
<head>
<script>
function dis(val)
{
document.getElementById("result").value+=val
}
function solve()
{
let x = document.getElementById("result").value
let y = eval(x)
document.getElementById("result").value = y
}
function clr()
{
document.getElementById("result").value = ""
}
</script>
<style>
input
{
width:100%;
padding:20px;
background-color:cyan;
}
</style>
</head>
<body>
<center><h1>MY CALCULATOR</h1>
<table border="1">
<tr>
<td colspan="3"><input type="text" id="result"/></td>
<td><input type="button" value="Clear" onclick="clr()"/> </td>
</tr>
<tr>
<!-- create button and assign value to each button -->
<!-- dis("1") will call function dis to display value -->
<td><input type="button" value="1" onclick="dis('1')"/> </td>
<td><input type="button" value="2" onclick="dis('2')"/> </td>
<td><input type="button" value="3" onclick="dis('3')"/> </td>
<td><input type="button" value="/" onclick="dis('/')"/> </td>
</tr>
<tr>
<td><input type="button" value="4" onclick="dis('4')"/> </td>
<td><input type="button" value="5" onclick="dis('5')"/> </td>
<td><input type="button" value="6" onclick="dis('6')"/> </td>
<td><input type="button" value="-" onclick="dis('-')"/> </td>
</tr>
<tr>
<td><input type="button" value="7" onclick="dis('7')"/> </td>
<td><input type="button" value="8" onclick="dis('8')"/> </td>
<td><input type="button" value="9" onclick="dis('9')"/> </td>
<td><input type="button" value="+" onclick="dis('+')"/> </td>
</tr>
<tr>
<td><input type="button" value="." onclick="dis('.')"/> </td>
<html>
<head>
<title>MY DASHBOARD</title>
</head>
<body>
<p align="center"><u>MY FINANCIAL DASHBOARD FOR FEBRUARY
2021</h1></u></p>
<u><h1>1. INCOME</h1></u>
<p align="center">
<img src="income.jpg" height="300" width="500">
</p>
<u><h1>2. EXPENSES</h1></u>
<p align="center">
<img src="Expenses.jpg" height="300" width="500">
</p>
<u><h1>3. ACCOUNTS PAYABLE</h1></u>
<p align="center">
<img src="accounts payable.jpg" height="300" width="500">
</p>
<u><h1>4. ACCOUNTS RECEIVABLE</h1></u>
<p align="center">
<img src="ACCOUNTS RECEIVABLE.jpg" height="300" width="500">
</p>
</body>
</html>
11. Design and create web page about advantages of business process automation
with respect to your branch of engineering
<html>
<head>
</head>
<body>
<p align="center">
<font face="calibri">
Given the right tools, automating computer operations can be surprisingly easy and can
reap major benefits. Understanding these benefits—and some obstacles—will help you
develop support for an operations automation project. A recent study by a leading trade
journal asked the question, “What do you see as the most important benefits of an
Given the right tools, automating computer operations can be surprisingly easy and can
reap major benefits. Understanding these benefits—and some obstacles—will help you
develop support for an operations automation project. A recent study by a leading trade
journal asked the question, “What do you see as the most important benefits of an
Typically, as other business areas were given tools to increase their productivity and
routinely conducted with online systems: order entry, reservations, assembly instructions,
shipping orders—the list goes on. If the computer is not available, the business
suffers.<br>
Productivity is an obvious benefit of automation. However, reliability is the real gem that
sparkles with automation. It is the cornerstone of any good IT operations department and
Every company would like to have their enterprise perform like a thoroughbred. In
</body>
</html>
OUTPUT
12. Create a workflow for education loan approval in bank / diploma admission
process (Use any tool)
Visit the below URL to create a sequence diagram for creating Diploma Admission
Process:
https://sequencediagram.org/
Sequence
title DIPLOMA ADMISSION PROCESS
participant STUDENT
participant COLLEGE
participant DTE BOARD
STUDENT->COLLEGE: Applies for admission
STUDENT<<--COLLEGE: Check SSLC/PUC marks [Just pass or fail \n and
Provide application]
STUDENT->COLLEGE: Fills in the details given in the application form \n and
submits with the documents.
STUDENT<<--COLLEGE: Verifies the submitted documents
note over COLLEGE,DTE BOARD:**DTE provides a circular for documents
verification**
COLLEGE->DTE BOARD: Submits the Students documents to the DTE Board
COLLEGE <<-- DTE BOARD: Verifies and acknowledges the student admission
13. Create user account and demonstrate use of Google drive, Google docs,
Google Co-lab (Usage of Jupyter Notebook)
Demonstration of Google Drive, Google Docs (Docs, Excel and Slides (PPT))
Step 1: First sign-in to your google drive by entering your Gmail id and password.
Step 2: For uploading files to your Google Drive click on NEW → File Upload →
Select which files you want to upload and click open. Now the file will start
uploading and you can see the progress of the file
Similarly Create Google Sheets (Excel) and Google Slides (PPT) by following
above steps
Demonstration of Google Co-lab (Usage of Jupyter Notebook)
As Colab implicitly uses Google Drive for storing your notebooks, ensure that you
are logged in to your Google Drive account before proceeding further.
Smart Home
We live in an exciting time where more and more everyday things are becoming
smart.
Appliances have sensors and can sensors and can communicate to other things and
can provide control to more things.
Homes of the 21st century will become more and more self-controlled and
automated due to the comfort it provides, especially when employed in a private
home.
Smart City
d.) Crop Management: You can monitor your crop growth and any anomalies to
efficiently prevent any diseases or infestations that can harm your yield.
e.) Agricultural drones: Perhaps one of the most promising advancements is the use of
agricultural drones in smart farming. Also knows ad UAVs (Unmanned Aerial Vehicles),
drones are better equipped than airplanes and satellites to collect agricultural data
Step 1: Click or Type the below link in your internet browser’s address bar (URL).
https://www.quickheal.com/download-free-antivirus
Step 5: Read the User and License and Agreement carefully and check the box that says
‘I Agree’
Step 7: Let it install files in the selected drive, till it is 100% complete.
Step 8: Once completed, it will ask you to register the product. Click on ‘Register Now’
Step 9: Registering Quick Heal Antivirus License Offline There are two ways of
registering your Quick Heal copy.
You can register offline if the system or device isn’t connected to the
Internet.Before visiting the offline activation page, ensure that you have the
product key and the installation number with you.
The product key can be found printed either on or inside the product packaging or
will be provided when you purchase Quick Heal Antivirus Total Security online.
With the help of a connected device, visit the offline activation pageFill the
registration form and enter the product key received after buying the product.
Step 10: Installing Quick Heal Antivirus with Product Key Online Buy Quick Heal Total
Security key after installing the free version from the .
exe file downloaded from the website. For premium and pro versions, register the
product key provided with the product purchase
Google Chrome
There are many steps you can take to keep your private data secure.
1.) Password-protect for everything
➢All your digital devices like computers, tablets, smartphones or any other
gadget with personal data on them should be password protected for increased
security. A lost or stolen gadget without password protection is a source of
personal information for whoever has it. This can lead to identify theft and
worse.
➢The same advice goes for online accounts. Since most of these need a
password to set up, the challenge is making strong passwords.
➢Change the default passwords for anything connected to your home network.
2.) Keep your computer virus-free
➢Digital security has a lot to do with digital privacy. If your computer, infected
by a virus or malware, not only can hackers dig through your data to steal your
identity, but they may lock up your files and ask for a ransom to get them back.
The solution is to run an antivirus program to watch for viruses and keep your
information very safely.
➢Make sure your operating system is up to date with latest security patches. To
make that process easier, we recommend turning on auto-update features for OS
that you use.
➢Your browser is how you interact with the digital world, and if you aren’t
careful, you could be leaving a trail of footprints behind you as you browse.
➢The first step for keeping advertisers out of your browser is turning off third
part cookies.
➢Use Incognito Mode / private browsing mode. This deleted your cookies,
browsing history and other temporary files whenever you close the windows.
(For example: In Firefox → Go to File / Menu → Click on New Private
Window.)
4.) Switch search engines Most search engines keep tabs on what you’re looking for so
they can target ads your tastes. If you have a habit to use multiple browsers then the site
doesn’t track any of your personal data.
Search Educations Page 56
20CS01P | IT SKILLS - 20CS01P| First Semester |DTE
Social media can feel like a conversation with your closest friends, but it may be
a conversation the whole world can see. If you post enough on social media, the
information can be used to track where you are and what you’re up to.
Beware of websites, phone calls and emails that try to part you from your personal
information. A common tactic with scammers is to pressure you into giving up your
personal information.
Example: A Scammer may tell you that you’re being audited by the IRS or that your
computer has a dangerous virus and they can fix it by handing over your personal
information.
a. Phishing
b. DoS attack
c. Man in the middle attack
d. Spamming
e. Virus
Phishing
Phishing is a type of Social Engineering attack often used to steal user data,
including login details, account numbers and credit card information.
1. Spear Phishing
2. Whaling
3. BEC (Business Email Compromise)
4. Clone Phishing
5. Vishing
b. Dos Attack
1. IP Spoofing
2. DNS Spoofing
3. HTTPS Spoofing
4. SSL Hijacking
5. Email Hijacking
6. Wi-Fi Eavesdropping
7. Stealing browser cookies
Spamming
Spamming is when one person or company sends an unwanted email to
another email to another person. Spam emails are the computer version of unwanted
“Junk Mail”that arrives in mailbox, such as advertising pamphlets and brochures.
Types of Spam
1. Advance-fee scams
2. Phishing Emails
3. Malspam
Virus
A computer virus is type of malicious code or program written to alter the way a
computer operated and is designed to spread from one computer to another. In the
process, a virus has the potential to cause unexpected or damaged effects, such as
harming the system software by corrupting or destroying data.