Scribd
Upload
451 views

Commerce Practicals 12

The document provides instructions for creating two HTML pages with navigation links between them. The first page is called Index.html and contains a heading centered on the page along with a paragraph of introductory text and an image. It also includes a navigational link to the second page. The second page, called Page2.html, contains a feedback form with text fields and a submit button. CSS styles are applied to elements on both pages.

Uploaded by

singhaditya76376
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
451 views

Commerce Practicals 12

The document provides instructions for creating two HTML pages with navigation links between them. The first page is called Index.html and contains a heading centered on the page along with a paragraph of introductory text and an image. It also includes a navigational link to the second page. The second page, called Page2.html, contains a feedback form with text fields and a submit button. CSS styles are applied to elements on both pages.

Uploaded by

singhaditya76376
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/ 28

SOP 1

TITLE: Create a website using HTML5 and CSS using any 4 CSS properties.

AIM: Write a code for two separate pages having different file names such as first page
Index.html and second page as page2.htm. Every page must contain proper Meta data
information and design as follows-
The Index page must contain a heading that is highest among other text on pages and
must be at the center of the page. There must be a paragraph that introduces general
information about the theme and atleast 3 style tags and one image with alternate text.
Page must be connected with proper navigational links.
The second page must contain a feedback or enrollment form related with theme chosen
features of HTML5. The form must contain text element and email address of the company
or person. Include the Submit Button.

SOLUTION:
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
p
{
</style>
text-decoration: underline;
font-style: bold;
color: green;
font-size: 24px;
} margin-left: 130px;
h1
{

} text-align: center;
<title>KES College of Arts & Commerce </title>
<meta name="keywords" content="Faculty, students">
<meta name="description" content="A college Website dealing with students and
teachers/Faculty's data">
</head>
<body>
<h1> KES College of Arts & Commerce </h1>
<nav style="font-size: 22px;">
<a href="page2.html">Feedback Form</a>|
</nav>
<br><br>
<p>
Education is the most powerful weapon which you can use to change the world.
Everyone is looking to change the world, and why not take part in these movements. People
are paying a ridiculous amount of money for education, as this industry is valued around
million dollars. Most of this amount is now spent on online education. The best way to gain
quality education is to join with us where you can find majority of academic fields to enhance
your career with. Many streams of subjects are available at our place.
</p><br>
<img src="sample.jpg" width="250px" height="250px" alt="XYZ College" align="right">
</body>
</html>
page2.html
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
h1
{
text-align: center;
}

</style>
<title>Subject Streams according to admission</title>
<meta charset="utf-8" >
<meta name="keywords" content="political Science,Information technology">
<meta name="description" content="Subject Streams according to admission process">
</head>

<body>
<h1 > Feedback Form </h1>
<div>
<label for="name">Name:</label>
<input type="text" name="name" ><br><br>
<label for = "email">Email:</label>
<input type="email" name="email">
<br><br>
<input type="submit" name="submit">
</div>
</body>
</html>
Output:
SOP 2
Title : Creation of a Webpage in html 5 with the help of CSS and its other
features.
Aim : Create a webpage using HTML and CSS code to design a webpage 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 display tourist
places in any one of the city.

Use Inline style sheet in the top section to display background colour for
the text ‘Tourist Places’. Use internal stylesheet for the left and right
section with background colour and font styles.

Tourist Places
City Tourist places inPune
1. Pune • Shaniwarwada
2. Bangalore • Kelkar Museum
3. Hyderabad • Sinhgad fort
4. Delhi
Solution:
File Name: Main.html
<html>
<head>
<title>SOP 2</title>
<style>
header{background-color:skyblue;width:99.5%;height:30%;border:1px solid}
section{
background- color:LemonChiffon;
width:50%;height:65%;
float:Left;border:1PX solid black
}
aside{
background-color:Pink;
width:48%;height:65%;
float:Right;border: 1PX solid black
}
</style>
</head>
<body>
<header>
<h1 style="color:deepPink; font-size:70px; text-align:center">
TouristPlaces</h1>
</header>

<section>
<h3>CITY</h3>
<ol>
<li>Pune</li>
<li>Bangalore</li>
<li>Hyderabad</li>
<li>Delhi</li>
</ol>

</section>
<aside>
<h3>Tourist Places in Pune</h3>
<ul>
<li>Shaniwarwada</li>
<li>Kelkar Museum</li>
<li>Sinhgad fort</li>
</ul>
</aside>
</body>
</html>

Output:
SOP 3
Title: Use of Audio on web pages using HTML5.
Aim: Create a webpage named audio.html to set an audio file in webpage 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 automatically with controls.
The browser should display the message with appropriate attribute when audio
file is not supported by browser. The code must incorporate the list of sound
files formats (like wav, MP3 or ogg etc.).

Solution:
Two HTML Files are created.
First File Name : Audio.html
Second File Name : Audio_1.html
Make sure you must have one .mp3 file, .ogg file and .wav file. Save these files
in one folder and also save those two html files in the same folder.

File Name: Audio.html


<html>
<head>
<title>Practical No. 4 </title>
</head>
<body bgcolor="Sky Blue">
<h1 align=center>Insertion of Audio File with Continous Play</h1>
<nav><h3>This will play the Song Continously after it gets over.</nav>
<h3><br>
<audio src="Song.mp3" loop="-1" type="audio/mpeg" autoplay controls>
</audio>
</body>
</html>
Second File: Audio_1.html
<html>
<head>
<title>Practical No. 4 </title>
</head>
<body bgcolor="Orange">
<h1 align=center>Insertion of Audio File Multiple Source File</h1>
<nav><h3>This will play the Song from multiple source files.</nav>
<h3><br>
<audio controls autoplay>
<Source src="Ve Mahi.mp3" type="audio/mpeg">
<Source src="Ve Mahi.wav" type="audio/wav">
<Source src="Ve Mahi.ogg" type="audio/ogg">

Your Browser Does not Support the specified File Format.


</audio>
</body>
</html>
Output:
Execute the Audio.html file in Internet Explorer and click on Allows blocked
contents, and then Click on Yes. The output will look like this:

Figure 1: Audio.html
File Output
Execute the Audio_1.html file in Internet Explorer or in Chrome or in Firefox
browser. The output will look like this:

Figure 2: Audio_1.html File Output


SOP 4
Title: Use of video on webpages using HTML5.
Aim: Create a webpage named video.HTML to display a video file on webpage
and plays automatically with controls. The dimension of video area should
be 150 * 150 pixels.

Create another webpage which provide multiple source file formats for
the same video file that plays a video automatically with controls. The
dimension of video area should be 100* 100 pixels. The browser should
display the message with appropriate attribute when video file is not
supported by browser. The code must incorporate the list of video files
formats (like webM, MP4 or ogg etc.).

Solution:
Copy any video file (.mp4, .ogg and .webm extensions) into your folder.
Total 2 HTML files are created.
Name of First File : Video.html (This file has only one source file)
Name of Second File : Video1.html (This file has multiple source files)

Coding for First File :


Video.html
<html>
<head>
<title>Video File</title>
</head>
<body bgcolor="Orange">

<h1 align=center>
Inserting Video File With control having one source file</h1>
<center>
<nav>This is Video Player</nav>
<video src="Teri Mitti.mp4" height="150" width="150" autoplay controls
type="video/mp4">
<center>
</video>
</body>
</html>
Coding for Second File
Video1.html
<html>
<head>
<title>Video One File</title>
</head>
<body bgcolor="Orange">

<h1 align=center>Insertion of Video File With control having multiple source


files</h1>

<center>
<nav>This is Video Player</nav>

<video autoplay controls height="100px" width="100px" Poster="Photo.jpg">

<Source src="Teri Mitti.mp4" type="video/mp4">


<Source src="Teri Mitti.ogg" type="video/ogg">
<Source src="Teri Mitti.webm" type="video/webm">
Your browser does not support Video Tag.

</video>
</center>
</body>
</html>
Output:

Figure 2: Video.html File's Output

Figure 1: Video1.html File's Output

Note:

1) If you execute the file in Internet Explorer browser, then you will have to allow the blocking
contents, then video will start playing automatically after allowing the blocked contents. You can
easily see the poster which you have put on video player in Video1.html.

2) If you execute the file in Firefox browser, the file will execute properly and video will start
playing automatically.

3) If you execute the file in Chrome browser, then you will have to play the video manually,
autoplay does not support in chrome browser. Since it does not play automatically, you can easily
see the poster which you have put on video player in Video1.html.
SOP 5

Title: Navigation on an image using Client side image mapping in web


page using HTML5.

Aim: Create a webpage named imagemap.html with an inserted image having jpeg,
png or gif extension. Create 3 different shapes (like rectangle, circle and polygon)
which do not overlap. Note the co-ordinates making use of MS.
Paint/GIMP/Pinta. Each shape should be mapped or navigate with different URL that
should navigate to a local webpage.

Solution:
Total Five files are there. Out of five, One file is an image file, four html
files are created such as one file is main file and the other three files are
local files for linking with the main file.

First File Name : imagemap.html


Second File Name : One.html
Third File Name : Two.html
Fourth file Name : Three.html
Imagemap.html
<html>
<head>
<title>Client Side Image Mapping</title>
</head>
<body bgcolor="Skyblue">
<h1 align=center>Client Side Image Mapping</h1>
<img src="Image.jpg" height="530" width="1350" border=3 usemap="#mymap">
<map name="mymap">
<area Shape="Circle" coords="180,259,165" href="One.html"
Alt="Local File One">
<area Shape="Rect" coords="391,135,861,369" href="Two.html"
Alt="Local File Two">
<area Shape="Poly" coords="914,156,1106,55,1298,157,1299,358,1106,460,914,358"
href="Three.html" Alt="This is Local File Three">
</map>
</body>
</html>
One.html
<html>
<head>
<title>Hyperlink One</title>
</head>
<body bgcolor="Yellow">
<h1>This is Hyperlink One for Circle shape.</h1>
</body>
</html>
Two.html
<html>
<head>
<title>Hyperlink Two</title>
</head>
<body bgcolor="Orange">
<h1>This is Hyperlink One for Rectangle shape.</h1>
</body>
</html>
Three.html
<html>
<head>
<title>Hyperlink Three</title>
</head>
<body bgcolor="Maroon">
<h1>This is Hyperlink One for Polygon shape.</h1>
</body>
</html>

Method: Download any jpeg file into your folder. Open that file with Microsoft
Paint. Adjust the image which is opened in Paint, such that the entire screen
is occupied with the image. The Paint screen should not have any scroll bar. If
scroll bar is there, then resize the image to fit it into that screen.
Once adjustment is done, then draw three shapes on that image such as Circle,
Rectangle and Polygon so that the shapes are not overlapped and it should be
visible properly.
Now, note down the coordinates and write the same coordinates into specific
location in the html file. Write the coords into coords attribute of area tag.

Now, execute the imagemap file. You will see the following output.
If you click on Circle, one.html file will get opened. And So on.
Output:

Figure 1: Imagemap file's output


SOP 6

Title: Use of free online S.E.O. Tool to optimize a given website and write the
findings.

Aim: With the help of freely online available S.E.O. tool optimize the given
website and write down the following findings about the website:
Website: Findings:
1. Name of the website which you are optimizing.
2. Whether the site has title tag.
3. Whether the site has header tags? If yes, which tags are there?
4. Whether the images used, do they have alt attribute?
5. What is the comment about usability?

Solution:
Steps 1: Collecting the website which is to be optimized:
• In the given practical, as website is not given which is to be
optimized.
• Website will be given by the examiner, so as here the website
given is: https://www.ajio.com/

Step 2: Getting free online SEO Optimizer Tool and putting the
website name which is to be optimized:
• Open any web browser.
• Type in the URL https://www.seoptimer.com.
• This is free SEO online optimizer tool.
• In the Search box, type in the website name which to be optimized
i.e. https://www.ajio.com/ and click on try it for free.

Step 3: To check the result of Whether the Site has title tag:
• After getting the result, it is observed that the website has title
tag.
• The title is: Online Shopping for Women, Men, Kids – Clothing,
Footwear, and Fashion | AJIO.
Step 4: To check whether the site has header tags and if yes then
which header tags:
• After getting the result, It is observed that the site has header tag.
• The site has 6 Number of Times Heading level 2 i.e. <h2> tag is
there.
Step 5: To check whether the site has used images or not and also alt
attribute is used or not:
• It is observed that the site has used 5 images on that webpage.
• But none of the images have alt attributes used in it.
Step 6: Comment about user usability:

• Usability is about people's behaviour after they arrive on your site,


with the main goal being to increase the conversion rate.
• The website is frequently visited by the users.
• The conversion rate is about 60%.
SOP 7

Title: Use of free online S.E.O. Tool i.e. https://varvy.com/ to optimize a


given website and write the findings.

Aim: With the help of freely online available S.E.O. tool https://varvy.com/
optimize the given website and write down the following findings about the
website:
Website: https://www.ajio.com/ Findings:
6. What is the name of the website?
7. Whether all CSS and JavaScript files seem visible to Googlebot?
8. Whether the page seems to display well on mobile devices?
9. Check whether the webpage is secured with HTTPS?
10.Check whether website has robot.txt file or not?

Solution:
Steps 1: Collecting the website which is to be optimized:
• In the given practical, as website is not given which is to be
optimized.
• Website will be given by th examiner, so as here the website given
is: https://www.ajio.com/

Step 2: Getting free online SEO Optimizer Tool given in the practical i.e.
https://varvy.com/ and putting the website name which is to be
optimized:
• Open any web browser.
• Type in the URL https://varvy.com/ and press enter key.
• We find that the site is currently under construction. So open the
other free S.E.O. audit tool.
• Type in the URL https://www.woorank.com.
• This is free SEO online optimizer tool.
• In the Search box, type in the website name which to be optimized
i.e. https://www.ajio.com/ and click on try it for free.

Step 3: To check whether all CSS and JavaScript files seem visible to
Googlebot?
• After getting the result, it is observed that the website has many
JavaScript and CSS file.
• These are visible on Googlebot.
Step 4: To check whether the page seems to display well on mobile devices?

• After getting the result, it is observed that the site is properly visible on
all mobile devices as the result is given by S.E.O. Tool.
Step 5: To check whether the webpage is secured with HTTPS:
• It is observed that the website is SSL Secured i.e. HTTPS.
• The website’s URL redirect to HTTPS pages.
• The website is configured with HSTS.

Step 6: To check whether the website has robot.txt file or not:


• It is observed that the website has Robot.txt file.
SOP 8
TITLE:
Creation of Company, Ledgers, Vouchers and displaying / printing the report of Trial Balance,
Profit and Loss, Balance Sheet and Day Book by making use of any Freeware / Educational
Mode accounting software.

AIM:
Mr. Ravidrakumar started business by the name M/s. Bitwise Trading Company in the year
2019.
COMPANY DETAILS

Company Name : M/s. Bitwise Trading Company

Address : 102, M.G. Road, Bhavna Nagar, Latur – 413512

State : Maharashtra
Website : www.bitwisetrading.com

Email-id : [email protected]

Maintain : Accounts with Inventory

Financial Year From : 01-04-2019

Books Begin From : 01-04-2019

With the help of any open source or free education version accounting software pass the
following transactions in appropriate vouchers to display and print various reports such as
Trial Balance, Profit & Loss A/c, Balance Sheet and Day Book.

Date Particulars Amount (Rs.)

1/04/2019 Mr. Ravindrakumar started business with cash 5,00,000

1/4/2019 Purchased goods from Sharada Steel works on credit 20,000

2/5/2019 Paid salary to staff 5,000

1/6/2019 Cash deposited into Bank of India 50,000

2/6/2019 Sold goods to Rakesh Enterprises on cash 25,500

2/7/2019 Purchased Machinery 10,000

2/12/2019 Received Interest on cash deposited in Bank of India 2,000


Solution:

We are using Tally ERP 9 Educational Mode Accounting Software. The


software is free to use and install in educational mode.
Step 1: Creation of Company:
11. Open Tally and shut any existing company by pressing Alt+F1 Key.
12. Click on Create Company from Company Info Menu.
13. Start putting in all information of company as given in the question.
14. After all information is entered, click on Save and continue by pressing Enter key.

Step 2: Changing the features of Company – (Shrotcut-F11)


• Click on Features of company from right side panel window.
• Go to accounting features and Make “No” to maintain accounts only option.
• Press Enter key and save it.

Step 3: 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:
• Create the following ledgers and pass them in appropriate groups as given below:

Sr. No. Ledger Name Under Group


Name
1. Capital Account Capital Account
2. Purchase Account Purchase 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 Received Account Indirect Income

Step 4: Display all Ledgers:


• From Gateway of Tally go to Master.
• From Masters, go to Accounts Info and then go to Ledgers.
• Under Multiple ledgers, click on display and then click on all items.
• All Created ledgers will be displayed.
Step 5: Creation of Vouchers:
• To create the appropriate vouchers as per the entries given, Go to
Gateway of Tally.
• From Gateway of Tally, Under Transactions, click on Accounting Vouchers.
• Select the appropriate Voucher which is required from the right side
panel window.
The following table will help in the creation of Vouchers as per the entries given:

Sr. No. Date 2019 Voucher Type Particular Dr. Amt Cr. Amt

1. 1st April Receipt F6 Cr. Capital Account 5,00,000 5,00,000


Dr. Cash Account
2. 1st April Purchases F9 Cr. Sharada Account 20000 20000
Dr. Purchase Account
3. 2nd May Payment F5 Dr. Salary Account 5000 5000
Cr. Bank of India
4. 1st June Contra F4 Cr. Bank of India 50000 50000
Dr. Cash Account
5. 2nd June Sales F8 Dr. Cash Account 25000 25000
Cr. Sales Account
6. 2nd July Purchases F9 Cr. Cash Account 10000 10000
Dr. Machinery Account
7. 2nd Dec Receipt F6 Cr. Interest Rec. Account 2000 2000
Dr. Bank of India

Step 6: To Display and Print Trial Balance:


• From Gateway of Tally under Reports, Click on Display option.
• Now, Click on Trial Balance.
• Trail Balance will be displayed on the screen.
• To print the Trial Balance, Press Alt + P keys to print it.

Step 7: To Display and Print Profit and Loss Account:


• From Gateway of Tally under Reports Click on Profit and Loss Account.
• Profit and Loss Account will be displayed on the screen.
• To print the Profit and Loss Account, Press Alt + P.

Step 8: To Display and Print Balance Sheet:


• From Gateway of Tally under Reports Click on Balance Sheet.
• Balance Sheet will be displayed on the screen.
• To print the Balance Sheet, Press Alt + P.
Step 9: To Display and Print Day Book:
• From Gateway of Tally, under Reports, Click on Display option.
• From Display option, Click on Day book.
• Change the period, from 01-04-2019 to 02-12-2019 and press enter key.
• All Created vouchers date wise will be displayed on the screen.
SOP 9
TITLE: With the help of any open source or free education version accounting software
create a company using following details.

AIM:

Solution: The above transactions clearly indicate that the purchase and sale both are within
Maharashtra State. Therefore 28% GST is applicable as 14% SGST and 14% CGST.

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


Accounts Info -> Ledger-> Single-> Create->Ledger
Ledger Group Details to be filled
Purchases Leather Purchases Is GST Applicable - 'Applicable', Set/Alter
Handbags A/c Accounts GST Details - 'Yes', Nature of transaction - 'Purchase Taxable',
(from configuration make yes to Show all GST tax types')
type- Integrated tax as 28% then Central Tax and State Tax
will automatically reflects as '14% and 14% respectively: Type
of supply- 'Goods')
After Set/Alter GST Details - 'Yes', GST Details Screen will appear select Nature of transaction-
Purchase Taxable'
GST Details-> Nature of Transaction->Purchase Taxable Show all GST tax types> Yes
Tax type-Integrated Tax-28%; then Central Tax and State Tax will automatically reflect as 14% and
14% respectively. Cess 0% and then press Enter Key

Sales Leather Handbags Sales Is GST Applicable - 'Applicable', Set/Alter


A/c Accounts GST Details - 'Yes', Nature of transaction - Sales Taxable',
(from configuration make yes to Show all GST tax types')
type- Integrated tax as 28% then Central Tax and State Tax
will automatically reflects as '14% and 14% respectively: Type
of supply- 'Goods')
After Set/Alter GST Details - 'Yes', GST Details Screen will appear select Nature of transaction-
Purchase Taxable'
GST Details-> Nature of Transaction->Sales Taxable Show all GST tax types> Yes
Tax type-Integrated Tax-28%; then Central Tax and State Tax will automatically reflect as 14% and
14% respectively. Cess 0% and then press Enter Key
SGST A/c Duties and Type of Duty/Tax-'GST', Tax Type-State Tax', Percentage of
Taxes Calculation-'0%".
CGST A/c Duties and Type of Duty/Tax-'GST', Tax Type-Central Tax', Percentage of
Taxes Calculation-'0%".
M/s Shoppers Stock A/c Sundry Fill the details with PIN code
Debtors

Genuine Leather A/c Sundry Fill the details with PIN code
Creditors

Step 3: Create Inventory details


a) Create Units of Measure - Unit/UT.
b) Create Stock groups or Category as 'Bags'.
c) Create Stock Item/Product as Leather Handbags' with GST rate 28%.

Note: GST rates applicable for each commodity are given at the time of creation of stock items/products.
For the creation of inventory items/products, following are the steps:

Step 3.1: Create Unit of Measure: Inventory/Inventory Info > Unit of Measure/ Measurement -> Give unit
name/symbol as UT Formal Name/description as Units ->Select applicable Unit Quantity Code (UOC) from
the pop up list(optional). -> Accept/Save the details.

Step 3.2: Create Stock groups or Category: Inventory/Inventory Info -> Stock groups or Category as Hand
Bags-> Accept/Save the details without changing any field.
Step 3.3: Create Stock Items/Product: Inventory /Inventory Info>Stock Items/ Product Type the name of the
item/product Bags-> Select the Under Group/Category as Hand Bags -> Select Unit of Measurement/
Measure as UT >Set / Alter GST Details: Yes (then give all the GST details for that Stock Item like HSN,
Taxability, IGST %, CGST%, SGST%, etc.) Type of supply - "Goods" Accept/Save the details.

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 9 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.

Step: 5 Display Reports


Tax Invoice i.e. Sales Invoice –Reports->Display->Day Book->Sales Voucher
Display-> Statutory Reports-> GST ->GSTR2->in Pdf form (print mode)
SOP 10
TITLE: 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.

AIM:

1) On 01/07/2017 Purchased 150 pieces of T-shirts @Rs. 450 per piece with GST 12% from
M/s. Jalaram Textiles, 1/05 Sector B, Gandhi Nagar, Ahmadabad, Gujarat Pin code 382010.

2) On 02/07/2017 Sold 100 T-shirts @Rs.600 per piece with GST 12% to M/s Dress Align Garments,
Shirdi. Ahmednagar, Maharashtra -423107.

Print GST computation Report and Sales Tax Invoice

Solution:
The above transactions clearly indicate that the purchase is out of Maharashtra State. Therefore only IGST is
applicable i.e. Integrated GST. Sales is within Maharashtra State. Therefore 12% GST is applicable as 06%
SGST and 6% CGST.

Step 1:
(i) 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.
(ii) Enabling GST: Features -> Statutory & Taxation -> Enable Goods and Services Tax (GST)- Yes
Set/alter GST details - Yes
(iii) Fill State and GSTIN details.

Step 2: Create following Ledger accounts


Accounts Info -> Ledger-> Single-> Create->Ledger

Ledger Group Details to be filled


Interstate Purchase A/c Purchases Is GST Applicable - 'Applicable', Set/Alter
Accounts GST Details - 'Yes', Nature of transaction - 'Interstate
Purchase Taxable', (Type of supply- 'Goods')
M/s Jalaram Textiles Sundry Fill in the details
Creditor
Sales T-shirt Sales Is GST Applicable - 'Applicable', Set/Alter
Accounts GST Details - 'Yes', Nature of transaction - Sales Taxable',
(from configuration make yes to Show all GST tax types')
type- Integrated tax as 12% then Central Tax and State Tax
will automatically reflects as '6% and 6% respectively: Type of
supply- 'Goods')
M/s Dress Align Sundry Fill in the details
Garments Debtor
SGST Duties and Type of Duty/Tax-'GST', Tax Type-State Tax', Percentage of
Taxes Calculation-'0%".
CGST Duties and Type of Duty/Tax-'GST', Tax Type-Central Tax', Percentage of
Taxes Calculation-'0%".
IGST Duties and Type of Duty/Tax-'GST', Tax Type-Integrated Tax', Percentage
Taxes of Calculation-'0%".

Step 3: Create Inventory details

(a) Create Units of Measure - Nos.


(b) Create Stock group/category-Garments
(c) Create Stock Items/products:

(i) T-Shirts - Type GST Rate 12% in the field 'Integrated Tax'..
(ii) T-Shirts-Type GST Rate 12%.Note: GST rates applicable for each commodity are given at the time of
creation of stock items/products. For the creation of inventory items/products, steps to be followed are:

Step 3.1: Create Units of Measure: Inventory/Inventory Info>> Units of Measure/ Measurement >> Give unit
name/symbol as Nos Formal Name/description as Number -> Select applicable Unit Quantity Code (UQC)
from the pop up list NOS-Numbers -> Accept/Save the details.

Step 3.2: Create Stock groups or Category: Inventory/Inventory Info>Stock groups or Category as Garments
> Accept/Save the details without changing any field.

Step 3.3: Create Stock Items/Product: Inventory /Inventory Info>Stock Items/Product> Type the
Item/Product name T-Shirts > Select the Under Group/Category as Garments>> Select Unit of
Measurement/ Measure as Nos-> Set/Alter details: Yes ->type of supply - Goods-> Accept/Save the details.

Step 4: Create Purchase and Sales Vouchers

1) 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.

2) 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


Tax Invoice i.e. Sales Invoice –Reports->Display->Day Book->Sales Voucher
Display -> Statutory Reports-> GST-> GST Annual Computation.
SOP 11

TITLE: Create a database, table and form in Libre office- > Base.

AIM: Create a database in Libre Office->Base.


Create a table student with fieldnames- rollno, studname, class, div, cit dob etc.
Insert minimum 8 records.
Create a form based on student table.

Solution:
(i) Steps for Creating a Database:
(a) Click on Start -> All Programs > Libre Office -> Libre Office Base.
(b) Database wizard window appears, select Save and Proceed -> Click on Finis button, select proper location
where you wish to save the database wit appropriate name, database will be created.
(ii) Steps for Creating a Table:
(a) To create a table, click on Create table in design view >> Table deign windo appears, in that window set
fieldname, datatype as follows:

Fieldname Data Type Description


Rollno Number[NUMERIC] Rollno of student (Primary Key)
Studename Text[VARCHAR] Name of student
Class Text[VARCHAR] Class of student
Div Text[VARCHAR] Division of student
City Text[VARCHAR] City of student
Dob Date[DATE] Date of birth of student

(b) 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.
(c) To Save click on Save button or press CTRL+S, give table name as student and click on OK button,
table will be saved.
(iii) 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:


(a) From left pane click on Form object.
(b) From right pane click on Use wizard to create a form, form wizard window appears.
(c) Shift fields from Available Fields list to fields in form list by clicking on arrow button then click on Next
button."
(d) Click on Next button.
(e) Select any one arrangement for main form for placing the controls and click Next button.
(f) Click on Next button.
(g) Select style for the form and click on Next button.
(h) Type name of the form and click on Finish button.
(i) 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.
SOP 12

TITLE: Create a database, table and Queries in Libre office- > Base.

AIM: Create a database in Libre Office->Base.


Create a table employee with fields names- empid, empname, empd empqual,
empjoindate, empsal etc. Insert minimum 8 records.

Create queries to display records from the employee table.

1. where employee qualification is "MBA"


2 where employee department is "Accounts".
3. where employee salary >70000
4. where employee name is "Mr. Suhas Kale"

SOLUTION:

Steps for Creating a Database:


(a) Click on Start-> All Programs-> Libre Office-> Libre Office Base.
(b) 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:

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

Fieldname DataType Description


Empid Number NUMERIC] ID of Employee (Primary Key)
Empname Text[VARCHAR] Name of Employee
Empdept Text[VARCHAR] Department of Employee
Empqual Text[VARCHAR] Qualification of Employee
Empjiondate Date[DATE] Join Date of Employee
Empsal Number[NUMERIC] Salary of Employee

(b) 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.

(c) 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.
Steps for Creating Query:

Click on 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 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.

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 >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.

You might also like