Scribd
Upload
737 views22 pages

12th IT Journal (Commerce)

Uploaded by

py8471272
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
737 views22 pages

12th IT Journal (Commerce)

Uploaded by

py8471272
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 22

INFORMATION TECHNOLOGY

JOURNAL
STD – 12th (Commerce)

Page 0 of 21
(Ruled Page)
Advanced Web Designing
SOP – 1 : Creation of website using HTML5
Create a website using HTML5 and CSS using any 4 CSS properties. Write a code for 2
separate pages having different file names such as first page as Index. html and second page as
page2.html. Use any theme such as college profile or company profile etc. Every page must contain
proper Meta information and design web page as follows :
➢ The index page must contain a heading which is highest among other text on pages and must be at
centre of the page. There must be a paragraph which introduces general information about the
theme chosen. It must have at least 3 physical style tags and one image with alternate text. This
page must be connected to other page with proper navigational links.
➢ The 2nd page must contain the feedback or enrolment form related with theme chosen with features
of HTML5. The form must contain text element and email address of the company or person.
Include the submit button.

HTML Code : (Ruled Page)


Index.html
<!DOCTYPE html>
<html>
<head>
<title>Company Profile</title>
<meta charset="utf-8">
<meta name="author" content="Physical tags">
<style>
h1{border-style:dotted}
p{color:red;font-size:15pt}
body{background-color:pink}
b{text-decoration:overline}
u{text-align:right}
</style>
</head>
<body>
<h1 align="center">Tata Sons Private Limited</h1>
<p>Tata company or enterprise operates independently under the guidance and
supervision of its own Board of Directors.</p>
<b>Governance Philosophy</b><br><br>
<i>Tata code of Conduct</i><br><br>
<u>Tata Business Excellence Model</u><br><br>
<h3>Image of Tata Industries</h3>
<img src="Tata.jpg" width="200" height="250"><br><br>
<a href="Page2.html">Second Page</a>
</body>
</html>

Page 1 of 21
Output : (Blank Page)

Page2.html (Ruled Page)


<!DOCTYPE html>
<html>
<head>
<title>Enrollment Form</title>
<meta charset="utf-8">
<meta name="author" content="Enrollment form">
<style>
h1{border-style:dashed}
body{background-color:pink}
</style>
</head>
<body>
<h1 align="center">Enrollment Form</h1>
<form name="f1">
Enter Your Name: <input type="text" name="t1"><br> <br>
Enter Your Email ID: <input type="email" name="emailid"><br><br><input type="submit"
name="submitbtn" value="Submit">
</form><br><br>
<a href="Index.html">First Page</a>
</body>
</html>

Output : (Blank Page)

Page 2 of 21
(Ruled Page)
SOP – 2 : Create a webpage using HTML and CSS code to design a web page as the
layout displayed below.
➢ The top section will display the heading, ‘Tourist places’ in header. The section on the left has list
of cities. The right-hand side displays tourist places of any one of the city.
➢ Use Inline style sheet in the top section to display background color for the text ‘Tourist places’.
Use internal stylesheet for the left and right section with background color and font styles.

HTML Code : (Ruled Page)


<!DOCTYPE html>
<html>
<head>
<title> Tourist Places</title>
<style>
section{background-color:pink;width:50%;float:right}
aside{background-color:yellow;width:50%;float:left}
ol{font-style:italic;font-size:15pt}
ul{font-style:bold;font-size:18pt}
</style>
</head>
<body>
<header style="background-color:skyblue;height:100Pt">
<h1 align="center" style="color:#ff00ff;position:absolute;top:25px; left:600px ">Tourist Places</h1>
</header><br>
<aside>
<h3>City</h3>
<ol><li>Pune</li>
<li>Banglore</li>
<li>Hyderabad</li>
<li>Delhi</li>
</ol>
</aside>
<section>
<h3>Tourist places in Pune</h3>
<ul>
<li>Shanivarwada</li>
<li>Kelkar Museum</li>
<li>Sinhgad fort</li>
</ul>
</section>
</body>
</html>

Output : (Blank Page)

Page 3 of 21
(Ruled Page)
SOP – 3 : Create a website using HTML and CSS code to design webpages as follows :
➢ The first webpage will accept the name of the traveller, date of travel, telephone number. It also has
submit button as an image.
➢ The second webpage has information about the name of transporter, time, seat no and destination
displayed one below the other in the form of unordered list as
✓ Name of transporter – Air Asia
✓ Time - 09:30 am
✓ Seat no – B39
✓ Destination – Delhi
➢ Both pages should be interlinked. Create external stylesheet with relevant tags.

HTML Code : (Ruled Page)


Page-1.html
<!DOCTYPE html>
<html>
<head>
<title>Traveller Information Form</title>
<link rel="stylesheet" type="text/css" href="external.css">
</head>
<body>
<h1 align="center">Traveller Information Form</h1>
<form name="f1">
Enter the Traveller name <input type="text" name="Tname"><br><br>
Select Date of Travel <input type="date" name="Tdate"><br><br>
Enter Telephone Number <input type="tel" name="phone" ><br><br>
</form>
<a href="Page-2.html">
<img src="button.png" width="100" height="50">
</a>
</body>
</html>

External.css
h1{background-color:green;border-style:double;color:white}
body{background-color:lightgreen}
ul{font-family:Algerian}

Output : (Blank Page)

Page 4 of 21
(Ruled Page)
Page-2.html
<!DOCTYPE html>
<html>
<head><title>Information about Transporter</title>
<link rel="stylesheet" type="text/css" href="external.css">
</head>
<body>
<h1 align="center">Information about Transporter</h1>
<ul>
<li>Name of Transporter-Air Asia</li>
<li>Time-09.30 am</li>
<li>Seat no-B39</li>
<li>Destination- Delhi</li>
</ul>
<a href="Page-1.html">Connect First Page </a>
</body>
</html>

Output : (Blank Page)

Page 5 of 21
(Ruled Page)
SOP – 5 : Use of Audio on web pages using HTML5.
➢ Create a webpage named audio.html to set an audio file in web page with controls such that it uses
HTML5 elements. The audio file must play as soon as the webpage loads in browser and it will start
over again, every time when it is completed.
➢ Create another webpage named audio1.html which provides multiple source file formats for the same
audio file that plays a sound with controls. The code must incorporate the list of sound files formats
(like wav, MP3 or ogg etc).

HTML Code : (Ruled Page)


Audio.html
<!DOCTYPE html>
<html>
<head>
<title>Single Audio with Controls</title>
</head>
<body>
<h1 align="center">Single Audio with Controls</h1>
<audio controls autoplay loop="-1">
<source src="Audio-1.mp3" type="audio/mp3">
</audio>
</body>
</html>

Output : (Blank Page)

Page 6 of 21
Audio-1.html (Ruled Page)
<!DOCTYPE html>
<html>
<head>
<title>Multiple Audio with controls</title>
</head>
<body>
<h1 align="center">Multiple Audio with controls</h1>
<h2>The text between the audio tags will only be displayed in browsers that do not support the audio
element.
</h2>
<h3>List of sound files formats</h3>
<ol>
<li>mp3-audio/mp3</li>
<li>ogg-audio/ogg</li>
<li>mp4-audio/mp4</li>
</ol>
<audio controls autoplay>
<source src="Audio-3.wav" type="audio/wav">
<source src="Audio-1.mp3" type="audio/mp3">
<source src="Audio-2.mp4" type="audio/mp4">
</audio>
</body>
</html>

Output : (Blank Page)

Page 7 of 21
(Ruled Page)
SOP – 6 : Use of video on web pages using html5.
➢ Create a webpage named video.HTML to display a video file on web page and plays automatically.
The dimension of video area should be 150 * 150 pixels.
➢ Create another webpage which video provide multiple source file formats for the same video file that
plays a video with controls. The dimension of video area should be 300*300 pixels. The code must
incorporate the list of video files formats (like webM, MP4 or ogg etc).

HTML Code : (Ruled Page)


Video.html
<!DOCTYPE HTML>
<html>
<head>
<title>Single Video File on Web Page with controls</title>
</head>
<body>
<h1 align="center">Single Video File on Web Page with controls</h1>
<video src="Video-1.mp4" controls width="150" height="150" loop="-1" autoplay>
</video>
</body>
</html>

Output : (Blank Page)

Page 8 of 21
Video-1.html (Ruled Page)
<!DOCTYPE HTML>
<html>
<head>
<title>Multiple Video File on Web Page with controls</title>
</head>
<body>
<h1 align="center">Multiple Video File on Web Page with controls</h1>
<h2>The text between the video tags will only be displayed in browsers that do not support the video
element.</h2>
<h3>List of video files formats</h3>
<ol>
<li>mp4-video/mp4</li>
<li>ogg-video/ogg</li>
<li>webM-video/webM</li>
</ol>
<video width="300" height="300" controls autoplay>
<source src="Video-1.mp4" type="video/mp4">
<source src="Video.ogg" type="video/ogg">
<source src="Video-2.wmv" type="video/wvm">
</video>
</body>
</html>

Output : (Blank Page)

Page 9 of 21
(Ruled Page)
SOP – 7 : Navigation on an image using Client side image Mapping in web page using
html 5.

HTML Code : (Ruled Page)


<!DOCTYPE html>
<html>
<head>
<title>Client Side Image Mapping </title>
</head>
<body>
<h1 align="center">Client Side Image Mapping</h1>
<img src="Image.jpg" alt="computer image" width=800 height="500" usemap="#imagemap">
<map name="imagemap">
<area shape="rect" coords="51,44,342,156" href="http://www.instagram.com">
<area shape="poly" coords="431,88,431,265,532,265" href="http://www.amazon.in">
<area shape="circle" coords="222,407,80" href="http://www.flipkart.com">
</map>
</body>
</html>

Output : (Blank Page)

Page 10 of 21
(Ruled Page)
Digital Marketing
SOP – 1 : With the help of SEO tool which is freely available optimize the website and
write down the following findings. Ask the teacher/examiner to provide URL of the website to
be optimized.

Solution : (Write everything on Ruled Page) (Stick Pictures on Blank Page Only)
1) Name of the website you are optimizing.
➢ https://www.seoptimer.com → www.flipkart.com
➢ https://www.woorank.com
➢ https://www.seositecheckup.com

2) Whether the site has Title Tag?


➢ NO

3) Whether the site has Header Tags? If yes, which tags are there?
➢ YES

4) Whether the image used has Alt Attributes?


➢ NO

5) What is the comment about usability?

Page 11 of 21
(Ruled Page)
SOP – 2 : Assume that you are appointed as a Digital Marketing Expert for a company name as XYZ
Marketing Private Ltd. They have a website hosted on a web server. Suggest your client changes
needed in the website to improve the speed of website and also make him aware about following.

Solution : (Ruled Page)


1) Total numbers of recommended improvements are?
➢ 9

2) Mention grades given for the following points


➢ SEO – C-

➢ Usability – A+

➢ Performance – A+

➢ Security – A+

3) Check for broken links and images.


➢ Not present

4) Whether the website has links with the social media? If yes, Give name of social media.
➢ Yes
➢ Facebook, Twitter, YouTube

Page 12 of 21
(Ruled Page)
Computerised Accounting with GST
SOP – 1 : Mr. Ravindrakumar started business by the name M/s Bitwise Trading Company in the year 2019.

Solution : (Ruled Page)


Step1:- Creation of company
➢ Open tally ERP9 and shut any existing company by pressing ALT+F1
➢ Click on create company M/s Bitwise Trading Company from company info menu.

Step2:- Changing the feature of company


➢ Click on feature of company from right side panel window.
➢ Press enter key and save it.

Step3:- Creation of ledgers


➢ Go to gateway of tally and then masters.
➢ From masters, go to accounts info.
➢ Go to ledgers and under single ledger creation, click on create option:
Sr.no. ledger Under group name
1 Capital account Capital account
2 Purchases account Purchases account
3 M/s. Sharada steel works Sundry creditors
4 Salary account Indirect expenses
5 Bank of India Bank account
6 Sales account Sales account
7 M/s. Rakesh enterprises Sundry debtor
8 Machinery account Fixed asset
9 Interest receivable account Indirect income
10 Interest income account Indirect income

Step 4 :- Creation of voucher:


➢ From gateway of tally, under transaction, click on accounting vouchers.
Sr. Date Voucher type Particular Dr. Amount Cr. Amount
No. 2019
1 1st april Receipt Cr. Capital account Rs 5,00,000 Rs 5,00,000
Dr. Cash account

2 1st april Purchases Cr. Sharada account Rs 20000 Rs 20000


Dr. Purchses account
3 2nd may Payment Dr. Salary account Rs. 5000 Rs 5000
Cr. Cash account
4 1st June Contra Cr. Bank of india Rs 50000 Rs 50000
Dr. Cash account
5 2nd June Sales Dr. Cash account Rs 25000 Rs 25000
Cr. Sales account
6 2nd July Purchases Cr. Cash account Rs 10000 Rs 10000
Dr. Purchases account
7 1nd dec Journal Cr. Interest rec. Account Rs 2000 Rs 2000
Dr.interest income account
Step 6 :- To display and print trial balance

Page 13 of 21
➢ From gateway of tally under reports, click on display option.
➢ Now, click on trial balance.
➢ To print the trial balance, press ALT+P key to print it.

Step 7 :- To display and print and loss account:


➢ Profit and loss account will be display on the screen
➢ To print the profit and loss account, press ALT+P.

Step 8 :- To display day book


➢ From Gateway of Tally, under Reports, Click on Display option.
➢ From Display option, Click on Day book.

Page 14 of 21
(Ruled Page)
SOP – 2 : With the help of any open source or free education version accounting software create a
company using following details :

Solution : (Ruled Page)


Step 1:- Create new company
➢ Create a new company in the name of m/s bags and baggage traders with the given address and pin
code, financial year begins on 1/04/2019.
➢ Enable gst features by selecting -> features (f11) -> statutory and taxation -> enable goods and service
tax(gst) -> yes set/alter gst details -> yes. Type state -> maharashtra, gstin ->27 stuvw1234c2z1

Step 2:- Create the following ledger accounts


➢ Account info->ledger->single->create
Ledger Group
Purchases leather handbag a/c Purchases account

Ledger Group
Sales leather handbags a/c Sundry craditor
➢ Same steps to be followed for creating sales cctv ledger a/c
Sgst a/c Duties and, taxes Type of duty/tax - 'gst, tax type-state tax', percentage of
calculation="0%".

Cgst a/c Duties and taxes (type of duty/tax - gst', tax type- 'central tax', percentage
of calculation-'0%.
M/s shoppers Sundry debtors Fill the details with pin code
stock a/c
Genuine Genuine leather a/c Fill the details with pin code
leather a/c

Step 3 :- Create inventory details.


➢ Create units of measure-unit/ut.
➢ Create stock groups or category as 'bags'.
➢ Create stock item/product as 'leather handbags' with gst rate 28%.

Step 4 :- Create purchase and sales vouchers


➢ Purchase voucher : accounting vouchers (purchase voucher)-> type voucher date as 1/08/2019->
supplier invoice no. -> party's name field: -> enter genuine leather bags > purchase ledger field-> select
purchase leather handbags a/c -> select name of the item/product as leather handbags ->enter quantity
as 150 and rate rs.2500 -> select 'sgst -> select 'cgst' -> save/accept.

➢ Sales voucher: accounting vouchers -> select sales voucher -> enter voucher date> party's name field:
m/s shoppers stock -> sales ledger field - select sales leather handbags -> select name of the
item/product as leather handbags -> enter quantity 80 units and rate rs.3500 -> select 'sgst' -> select
'cgst' -> save/accept
display-> statutory reports -> gst-> gst annual computation

Page 15 of 21
(Ruled Page)
SOP – 3 : With the help of any open source or free education version accounting software enter the
following transactions in appropriate vouchers by creating a company. Company details are as
below.

Solution : (Ruled Page)


Step 1:
➢ Create a new company in the name of M/s Swastik Garment Suppliers, College Road, Nashik,
Maharashtra 422005, financial year begins on 1/04/2017.
➢ Enabling GST: Features -> Statutory & Taxation -> Enable Goods and Services Tax (GST)-Yes
Set/alter GST details – Yes
➢ Fill State and GSTIN details

Step 2 :-
Ledger Under
Inter-State Purchase Purchase Accounts
M/s. Jalaram Textiles Sundry Creditor
Sales T-Shirts Sales account
M/s Dress Align Sundry Debtor
Garments
SGST Duties and Taxes
(Type of Duty/Tax GST Tax Type-'Central Tax Percentage of
Calculation-0% )
CGST Duties and Taxes
Type of Duty/Tax-GST Tax Type - Integrated Tax

Percentage of Calculation-'0%
IGST Duties and Taxes
Type of Duty/Tax-GST Tax Type - Integrated Tax Percentage of
Calculation-'0%

Step 3 :- Create Inventory details


➢ Create Units of Measure - UNIT.
➢ Create Stock Items/products:
✓ T-Shirts-Type GST Rate 12% in the field 'Integrated Tax'..

Step 4 :- Create Purchase and Sales Vouchers


➢ Purchase Voucher: Accounting Vouchers -> Select Purchase Voucher -> Type Voucher Date ->
Supplier Invoice No. >Party's name field: M/s Jalaram Textiles -> Purchase Ledger field-Select Inter-
state Purchase -> Select Stock Item/ Product T- Shirts-> Enter Quantity as 150 Nos and Rate Rs.450 -
> Select 'IGST' -> Save/Accept.

➢ Sales Voucher: Accounting Vouchers -> Select Sales Voucher -> Enter Voucher Date -> Party's name
field: M/s Dress align Garments -> Sales Ledger field -> Select Name of the item/product T-Shirts ->
Enter Quantity 100 Nos and Rate Rs.600-> Select 'SGST' -> Select CGST -> Save/Accept.

Step 5 :- Display GST Reports


➢ Display-> Statutory Reports -> GST -> GSTR-2
➢ Display-> Statutory Reports -> GST-> GST Annual Computation

Page 16 of 21
(Ruled Page)
Database concepts using LibreOffice Base
SOP – 1 :
➢ Create a table student with fieldnames- rollno, studname, class, div, city, dob etc.
➢ Insert minimum 8 records.
➢ Create a form based on student table.

Steps : (Ruled Page) (Stick pictures on Blank Page)


Steps for Creating a Database :
➢ Click on Start -> All Programs -> Libre Office Base
➢ Database wizard window appears, select Save and Proceed -> Click on Finish button , select proper
location where you wish to save the database with appropriate name, database will be created.

Steps for Creating a Table :


➢ To create a table, click on Create table in design view -> Table design window appears, in that window
set fieldname, datatype as follows:

➢ To assign primary key to rollno field, right click on the small button present on the left side of the
fieldname and select Primary key option.
➢ To Save click on Save button or press CTRL+S, give table name as student and click on OK button,
table will be saved.

Steps for inserting records in a table :


➢ For inserting records in a table, double click on the table in which data is to be inserted, a window will
appear on the screen, type data under each field and complete all the records.

Steps for Creating a Form :


➢ From left pane click on Form object.
➢ From right pane click on Use wizard to create a form, wizard window appears.
➢ Shift fields from Available Fields list to fields in form list by clicking on arrow button then click on
Next button.
➢ Click on Next button.
Page 17 of 21
➢ Select any one arrangement for main form for placing the controls and Click on Next button.
➢ Click On Next button.
➢ Select style for the form and Click on Next button.
➢ Type name of the form and Click on Finish button.
➢ To add new record Click on new record icon present on Navigation toolbar, fill record and Click on
save record icon. Click On close button to close form window.

Page 18 of 21
(Ruled Page)
SOP – 2 :
➢ Create a table employee with fields names- empid, empname, empdept, empqual, empjoindate,
empsal etc. Insert minimum 8 records.
➢ Create queries to display records from the employee table.
✓ where employee qualification is “MBA”
✓ where employee department is “Accounts”.
✓ where employee salary >70000
✓ where employee name is “Mr. Suhas Kale”

Steps : (Ruled Page) (Stick Pictures on Blank Page)


Steps for Creating a Database :
➢ Click on Start -> All Programs -> Libre Office -> Libre Office Base.
➢ Database Wizard window appears, select Save and Proceed -> Click on Finish button, select proper
location where you wish to save the database with appropriate name and database will be created.

Steps for Creating a Table :


➢ To create a table, Click on Create table in design view ->Table design window appears, in that window
set fieldname, datatype as follows:

➢ To assign primary key to empid field, right Click on the small button present on the left side of the
fieldname and select primary key option.
➢ To save Click on save button or press CTRL+S, give table name as employee and Click on OK button,
table will be saved.

Steps for inserting records in a table :


➢ For inserting records in a table, double click on the table in which data is to be inserted, a window will
appear on the screen, type data under each field and complete all the records.

Page 19 of 21
Steps for Creating query :
➢ Click on Queries object and in right pane Click on Create Query is Design View option.
➢ From Add table window select table and Click on Add button and Click on close.
➢ Select all the fields one by one by Clicking on field’s columns.

a) To display records where employee qualification is “MBA”. In Criterion type “MBA” and Click
on Run query icon or press F5 function key.

Page 20 of 21
b) To display records where employee department is “Accounts”. In Criterion type “Accounts” and
Click on Run query icon or press F5 function key.

c) To display records where employee salary is ->70000. In Criterion type ->70000 and Click on Run
query icon or press F5 function key.

d) To display records where employee name is “Mr. Suhas kale”. In Criterion type “Mr. Suhas kale”
and Click on Run query icon or press F5 function key.

************************************** END ********************************************

Page 21 of 21

You might also like