1

செயமுறை நிரலகள - றகயேடு

கணினி பேனபபாடுகளசெயமுறை 11

விதிமுறைகள:

1. Writer, Calc மறறும CSS –ல இருநது ஒரு செயமுறையும, HTML - ல இருநது மூனறு

செயமுறைகளும மறறும JavaScript - ல இருநது நபானகு செயமுறைகளும செயமுறை

வகுபபுகளில பயிறசி செயே யவணடும.

2. செயமுறை றகயேடடிலிருநது உளயதேரவு (internal choice)–வுடன ஒரு வினபாவுககு

விறடேளிகக யவணடும.

3. மதிபசபணகள பகிரவு (Distribution of Marks)

I. அகத யதேரவு மதிபபடு (Internal Assessment:) 5 மதிபசபணகள

செயமுறைப பதியவடு (Record Book) 5 மதிபசபணகள

II. புைத யதேரவு மதிபபடு (External Assessment:) 15 மதிபசபணகள

(a) Writer அலலதுCalc – செயமுறை

HTML அலலது CSS அலலது JavaScript – குறிமுறை10 மதிபசபணகள

(b) சவளியடு 5 மதிபசபணகள

சமபாததேம 20 மதிபசபணகள

குறிபபு:

1. HTML, CSS மறறும JavaScript குறிமுறைறே Notepad –ல தேடடசசு செயேயவணடும.

2. HTML, CSS மறறும JavaScript யகபாபபுகறை முறையே .htm, .css மறறும .js எனை நடடிபபுடன

யெமிககயவணடும. பிைகு Internet Explorer, Google Chrome, Firefox யபபானை ஏயதேனும ஒரு

உலபாவிறே சகபாணடு திைககலபாம.

Namma Kalviwww.nammakalvi.org

2

சபபாருைடககம

வ.எண வினபா எண செயமுறையின சபேர பகக எண

1 CA1ஒபன ஆஃபிஸ றரடடர – விறலபபடடிேல வடிவூடடல 5

2 CA2 ஒபன ஆஃபிஸகபாலக வடடி கணககிடுதேல 7

3 CA3 HTML – படிவம வடிவறமததேல 9

4 CA4 HTML – உேரம மறறும எறட அடடவறண

11

5 CA5 HTML – பினனலபான படடிேல 13

6 CA6 CSS – வறலபபககம வடிவூடடல 15

7 CA7 ஜபாவபா ஸகிரிபட JavaScript – உறர கபாணபிததேல

19

8 CA8 ஜபாவபா ஸகிரிபட JavaScript – வபாயபபாடு அடடவறண

20

9 CA9ஜபாவபா ஸகிரிபட JavaScript –வபாரநபாடகறை எழுதது வடிவில கபாணபிததேல

22

10 CA10 ஜபாவபா ஸகிரிபட JavaScript –உளபுகுதேல படிவம

24

www.nammakalvi.org

3

CA1 – விறலபபடடிேல வடிவூடடல

CA-1பினவரும விறலபபடடிேறல ஒபன ஆஃபிஸ றரடடரில தேடடசசு செயது, அதில சகபாடுககபபடடுளைவபாறு வடிவூடடலகறை செயக.

InvoiceSAIRAM MEDICAL STORES

Mobile No : 9002416000Mail Address : sairam@gmail.com

P.B.No: 61770, New Avadi Road,Chennai 600 010.

23rd Nov 2017

No: 70/162

M/s. Eswari Medical Stores, No: 72, N.S.C. Bose Road, Puduchery - 6210110

For Sriram Medical Stores

Sales Manager

Quantity (Nos) Particulars Rate Amount20 Johnson Baby Powder 25 50010 Nestle Milk Powder 100 10005 Wood Wards Gripe Water 70 350

TotalAdd: GST @ 3%

Net Payable

• அடடவறணயில Total மறறும Net payable-றே கணககடு வபாயபபாடறட (formula) பேனபடுததேவும

செயமுறை

படிநிறல -1. ஒபன ஆஃபிஸ றரடடறர திைநது Text document அலலது Fil→ New → Text Document எனபறதே யதேரவு செயக

படிநிறல 2. சகபாடுககபபடடுளை படி உறரறே உளளடடு, வடிவூடடல செயக.

குறிபபு: உறரறே வடிவூடடல செயவதேறகு முன, உறரறேத யதேரநசதேடுகக யவணடும.

உறர வடிவூடடல முறை

Invoice றமே மறறும சிகபபு நிைம Ctrl + E, வடிவூடடல கருவிபபடறட அலலது யவறு ஏயதேனும முறையில font color–ல சிகபபு நிைதறதே யதேரநசதேடுததேல

www.nammakalvi.org

4

Sai Ram Medical Stores றமே மறறும நல நிைம Ctrl + E, வடிவூடடல கருவிபபடறட அலலது யவறு ஏயதேனும முறையில font color–ல நல நிைதறதே யதேரநசதேடுததேல

Eswari Medical Stores தேடிமனபாககுதேல Ctrl + B அலலது ஏயதேனும ஒரு முறை.

படிநிறல -3 இவறறில (4 சநடுவரிறெகள மறறும 7 வரிறெகள) ஏயதேனும ஒரு முறைறே பேனபடுததி 4

சநடுவரிறெ மறறும 7 வரிறெகறையுறடே அடடவறணறே உருவபாககுக. Ctrl + F12 அலலது Insert → Table அலலது Table → Insert → Table அலலது கருவிபபடறடயில உளை Insert Table icon.

படிநிறல – 4. சகபாடுககபபடட வடிவறமபபின படி தேரறவ உளளிடவும.

படிநிறல -5. 5 வது வரிறெயில முதேல மூனறு சநடுவரிறெகறைத யதேரநசதேடுககவும.

பிைகு Right Click → Cell → Merge

படிநிறல -6. 7 வது வரிறெயில படிநிறல- 5 ஐ மணடும செயேவும.

படிநிறல -7. வபாயபபபாடறடப பேனபடுததி சமபாததேதறதேப (Total) கணககிடுவதேறகு D5-யில

=<D2>+<D3>+<D4> எனபறதே உளளிடுக.

படிநிறல -8. 3% GST-றே கணகிட = <B5>* 0.03 எனை வபாயபபாடறட உளளிடுக.

படிநிறல -9. வபாயபபபாடறடப பேனபடுததி நிகர செலுததுதேறல (Net Payable) கணககிடுவதேறகு.

D7-ல =<D5>+<D6> எனபறதே உளளிடுக.சவளியடு

InvoiceSAIRAM MEDICAL STORES

Mobile No : 9002416000Mail Address : sairam@gmail.com

P.B.No: 61770, New Avadi Road,Chennai 600 010.

23rd Nov 2017

No: 70/162

M/s. Eswari Medical Stores, No: 72, N.S.C. Bose Road, Puduchery - 6210110

For Sriram Medical Stores

Sales Manager

Quantity (Nos) Particulars Rate Amount20 Johnson Baby Powder 25 50010 Nestle Milk Powder 100 10005 Wood Wards Gripe Water 70 350

Total 1850Add: GST @ 3% 55.5

Net Payable 1905.5

5

CA2 - வடடி கணககிடுதேல

CA-2ஒபன ஆஃபிஸகபாலக -ஐ பேனபடுததி பினவரும தேரவுகளுககு வடடி அறிகறகறே

உருவபாககு:

ெபாரபா லிமிசடட, சபபாருடகறை விறபறன செயகிைது. அவரகளின விறபறன சகபாளறகயினபடி, பணம செலுததேபாதே நபாடகளுககு ஆணடுககு 2%வடடி வசூலிபபது. பினவரும தேரவிலிருநது, ஒவசவபாரு வபாடிகறகேபாைரிடமிருநதும வசூலிககபபடும சதேபாறகறே கணககிடுக. ஆணடுககு 365 நபாடகள என எடுததுகசகபாளளுக.

Customer Sales Date of Sale NO. of days Date of settlementTharani 25000 10/04/2017 60Mahalakshmi 14000 28/05/2017 30Kumar 28000 14/07/2017 45Arulmozhi 54000 03/08/2017 90

செயமுறை

படிநிறல -1. ஒபன ஆஃபிறே திைநது Spreadsheet or File → New →Spreadsheet எனபறதே யதேரவு

செயக.

படிநிறல -2. நுணணறை A1 இல இருநது E1 வறர தேறலபபுகள Customer, Sales, Date of Sale, No. of days and Date of settlement எனபறதே தேடடசசு செயயுஙகள.

படிநிறல -3. நுணணறை F1 மறறும G1 - ல Interest Amt மறறும Amount to be paid எனபறதே

முறையே தேடடசசு செயயுஙகள.

படிநிறல -4. பணம செலுததேயவணடிே யதேதிறே Date of settlement அறிே நுணணறை E2 இல = C2 + D2 எனை வபாயபபபாடறட உளளிடவும. மதேமுளை நுணணறைகள (E3 முதேல E5 வறர) கணககிடுவதேறகு Edit → Fill → Down பேனபடுததேவும.

படிநிறல -5. வடடித சதேபாறகறே (Interest Amt) கணககிடுவதேறகு நுணணறை F2 இல = ROUND ((B2*2/100)*D2/365) எனை வபாயபபபாடறட. மதேமுளை நுணணறைகள (F3 முதேல F5 வறர) கணககிடுவதேறகு Edit → Fill → Down பேனபடுததேவும.

படிநிறல -6. செலுததேயவணடிே சதேபாறகறே (Amount to be paid) கணககிடுவதேறகு நுணணறை G2 இல = B2 + F2 எனை வபாயபபபாடறட உளளிடவும. மதேமுளை நுணணறைகள (G3 முதேல G5 வறர) கணககிடுவதேறகு Edit → Fill → Down பேனபடுததேவும.

சவளியடு

6

CA3 – படிவம வடிவறமததேல

CA-3 கயே சகபாடுககபபடடுளை படிவதறதே வடிவறமபபதேறகு ஒரு HTML நிரறல எழுதேவும.

குறிமுறை

<html>

<head>

<title> User Registration </title>

</head>

<body>

<h1 align = center> Registration Form </h1>

<form id=reg_form method = post action = " ">

User Name: <input type = text name=uname /> <br><br>

Password: <input type = password name=pword1 /> <br><br>

Re-type Password: <input type = password name=pword2 /> <br><br>

Gender:

<input type = radio name=male value="M" /> Male

<input type = radio name=female value="F" /> Female

7

<h2 align=center> Additional Information </h2>

Optional Subject:

<select name=subj>

<option value = CT> Computer Technology

<option value = Paint> Painting

<option value = SG> Sports and Games

</select>

<br><br/>

<input type = checkbox name=mail /> Put me on mail list <br> <br>

<input type = reset value=Reset />

<input type = submit value=Submit />

</form>

</body>

</html>

சவளியடு

8

CA4 - உேரம மறறும எறட அடடவறண

CA-4 கியே சகபாடுககபபடடுளை அடடவறணறே வடிவறமகக ஒரு HTML நிரறல எழுதுக.

Height and Weight

Name Class Height WeightMani XII - G 5'0" 45Vasu XI - H 5'4" 49Murali XI - B 5'1" 51Pallavai XII - D 4'5" 50

குறிமுறை

<html>

<head>

<title> Height and Weight Table </title>

<head>

<body>

<table border=10>

<caption> Height and Weight </caption>

<tr>

<th width=40%> Name </th>

<th width=20%> Class </th>

<th width=20%> Height </th>

<th width=20%> Weight </th>

</tr>

<tr>

<td> Mani </td>

<td> XII – G </td>

<td> 5’0” </td>

<td> 45 </td>

www.nammakalvi.org

9

</tr>

<tr>

<td> Vasu </td>

<td> XI – H </td>

<td> 5’4” </td>

<td> 49 </td>

</tr>

<tr>

<td> Murali </td>

<td> XI – B </td>

<td> 5’1” </td>

<td> 51 </td>

</tr>

<tr>

<td> Pallavai </td>

<td> XII - D </td>

<td> 4’5” </td>

<td> 50 </td>

</tr>

</table>

</body>

</html>

சவளியடு

Height and Weight

Name Class Height WeightMani XII - G 5'0" 45Vasu XI - H 5'4" 49Murali XI - B 5'1" 51Pallavai XII - D 4'5" 50

10

CA5 -பினனலபான படடிேல NESTED LIST

CA-5 ஒரு வறலபபககதறதே உருவபாககி அதில பினவரும படடிேலகறைக கபாணபிபபதேறகு ஒரு HTML நிரறல எழுதேவும:

1. Tamilnadua. Chennaib. Madurai

•Languageso Tamilo Malayalamo Telugu

2. Andhra Pradesha. Amaravathib. Vijayawada

•Scienceo Physicso Chemistryo Zoology

3. Keralaa. Thiruvananthapuramb. Cochin

•Humanitieso Historyo Commerceo Economics

குறிமுறை

<html><head><title> Sets of Lists </title></head><body><OL> <LI> Tamilnadu <OL type=a> <LI> Chennai <LI> Madurai </OL> <LI> Andhra Pradesh <OL type=a> <LI> Amaravathi <LI> Vijayawada </OL> <LI> Kerala <OL type=a> <LI> Thiruvanandhapuram <LI> Cochin </OL></OL><UL> <LI> Languages <UL type=circle> <LI> Tamil

11

<LI> Malayalam <LI> Telugu </UL> <LI> Science <UL type=circle> <LI> Physics <LI> Chemistry <LI> Zoology </UL> <LI> Humanities <UL type=circle> <LI> History <LI> Commerce <LI> Economics </UL></UL></body></html>

சவளியடு

1. Tamilnadua. Chennaib. Madurai

2. Andhra Pradesha. Amaravathib. Vijayawada

3. Keralaa. Thiruvananthapuramb. Cochin

•Languageso Tamilo Malayalamo Telugu

•Scienceo Physicso Chemistryo Zoology

•Humanitieso Historyo Commerceo Economics

12

CA6 - வறலபபககம வடிவூடடல

CA-6 கயே சகபாடுககபபடடுளை விவரஙகளின படி,CSS ஐ பேனபடுததி ஒரு வறலபபககதறதே உருவபாககு.

Tamil

Tamil is a Dravidian language predominantly spoken by the Tamil people of India and Sri Lanka, and by the Tamil diaspora, Sri Lankan Moors, Burghers, Douglas, and Chindians. Tamil is an official language of two countries: Sri Lanka and Singapore.

It has official status in the Indian state of Tamil Nadu and the Indian Union Territory of Puducherry. It is used as one of the languages of education in Malaysia, along with English, Malay and Mandarin.

Tamil is spoken by significant minorities in the four other South Indian states of Kerala, Karnataka, Andhra Pradesh and Telangana and the Union Territory of the Andaman and Nicobar Islands. It is one of the 22 scheduled languages of India.

விவரஙகள

கூறுகள எழுததுரு பபாணி பததி வடிவூடடல நிைம

H1 Arial Black - Center Border 2px solid blue

P1 Century Bold - Red

P2 Bookman Old Style Italic - Blue

P3 Century Gothic - - Green

குறிபபு: Mystyle.css மறறும CA6.html எனை இரணடு யகபாபபுகறை உருவபாககு

குறிமுறை-1

Mystyle.css

H1

{

font-family: "Arial Black";

text-align:center;

border : 2px solid blue;

}

P1

{

www.nammakalvi.org

13

font-family: "Century";

font-style : Bold;

color : Red;

}

P2

{

font-family: "Bookman Old Style";

font-style : Italic;

color : Blue;

}

P3

{

font-family: "Century Gothic";

color : Green;

}

குறிமுறை-2

CA6.htm

<html>

<head>

<title> Tamil </title>

<link rel="stylesheet" type="text/css" href="mystyle.css">

</head>

<body>

<H1> Tamil </H1>

<P1>

Tamil is a Dravidian language predominantly spoken

by the Tamil people of India and Sri Lanka, and by the

Tamil diaspora, Sri Lankan Moors, Burghers, Douglas,

and Chindians. Tamil is an official language of two countries:

Sri Lanka and Singapore.

</P1>

<br>

<P2>

It has official status in the Indian state of Tamil Nadu

14

and the Indian Union Territory of Puducherry.

It is used as one of the languages of education in Malaysia,

along with English, Malay and Mandarin.

</P2>

<br>

<P3>

Tamil is spoken by significant minorities in the four other

South Indian states of Kerala, Karnataka, Andhra Pradesh

and Telangana and the Union Territory of the Andaman and

Nicobar Islands. It is one of the 22 scheduled languages of

India.

</P3>

</body>

</html>

சவளியடு

Tamil Tamil is a Dravidian language predominantly sopken by the Tamil people of India and SriLankan Moors, Burghers, Douglas, and Chindians. Tamil is an official language of two countries: Sri Lanka and Singapore.

It has official status in the Indian state of Tamil Nadu and the Indian Union Territory of Puducherry. It is used as one of the languages of educatiooon in Malaysia, along with English, Malay and Mandarin.

Tamil is spoken by significant minorities in the four other south Indian states of Kerala, Karnataka, Andhra Pradesh and Telangana and the Union Territory of the andaman and Nicobar Islands. It is one of the 22 scheduled languages of India.

15

CA7 - உறர கபாணபிததேல

CA-7 பினவரும உறரறே கபாடட ஜபாவபாஸகிரிபட (JavaScript) ஐ பேனபடுததி ஒரு வறலபபககதறதே உருவபாககவும..

Welcome to JavaScript

State Council of Educational Research and Training (SCERT),

Tamilnadu, Chennai.

குறிமுறை

<html>

<head>

<title> Display text using JavaScript </title>

</head>

<body align=center>

<p>

<script>

document.write ("<h1 align=center>Welcome to JavaScript <br>");

document.write ("State Council of Educational Research and Training (SCERT),<br>");

document.write ("Tamilnadu, Chennai. </h1>");

</script>

</p>

</body>

</html>

சவளியடு

Welcome to JavaScript

State Council of Educational Research and Training (SCERT),

Tamilnadu, Chennai.

16

CA8 – வபாயபபாடு அடடவறண

CA-8வரிறெகள மறறும சநடுவரிறெகளின எணணிகறகறே சபறறு ஒரு சபருககல அடடவறணறே

கபாடட JavaScript ஐ பேனபடுததி ஒரு வறலபபககதறதே உருவபாககவும.

குறிமுறை

<html><head> <title>Multiplication Table</title> <script type="text/javascript"> var rows = prompt("How many rows for your multiplication table?"); var cols = prompt("How many columns for your multiplication table?"); if(rows == "" || rows == null) rows = 10; if(cols== "" || cols== null) cols = 10; createTable(rows, cols); function createTable(rows, cols) { var j=1; var output ="<table border='1' width='500' cellspacing='0'cellpadding='5'>"; for(i=1;i<=rows;i++) { output = output + "<tr>"; while(j<=cols) { output = output + "<td>" + i*j + "</td>"; j = j+1; } output = output + "</tr>"; j = 1; } output = output + "</table>";

17

document.write(output); } </script></head>

</html>சவளியடு

1 2 3 4 5 62 4 6 8 10 123 6 9 12 15 184 8 12 16 20 245 10 15 20 25 306 12 18 24 30 367 14 21 28 35 468 16 24 32 40 489 18 27 36 45 5410 20 30 40 50 6011 22 33 44 55 6612 24 36 48 60 72

18

CA9 - வபாரநபாடகறை எழுதது வடிவில கபாணபிததேல

CA-9 எணறண உளளடபாகப சபறறு, வபார நபாடகறை எழுதது வடிவில கபாணபிகக ஒரு JavaScript

நிரறல எழுதேவும (switch பேனபடுததேயவணடும)

குறிமுறை

<html>

<head>

<title> Weekday </title>

<script type="text/javascript">

var n=prompt("Enter a number between 1 and 7");

switch (n)

{

case (n="1"):

document.write("Sunday");

break;

case (n="2"):

document.write("Monday");

break;

case (n="3"):

document.write("Tuesday");

break;

case (n="4"):

document.write("Wednesday");

break;

case (n="5"):

document.write("Thursday");

break;

case (n="6"):

document.write("Friday");

break;

www.nammakalvi.org

19

case (n="7"):

document.write("Saturday");

break;

default:

document.write("Invalid Weekday");

break;

}

</script>

</head>

</html>

சவளியடு

Thursday

20

CA10 - உளபுகுதேல படிவம

CA-10பேனரசபேர, கடவுசசெபால மறறும முகவரி ஆகிேவறறை உளளடபாகப சபறறு அறதே செலலுபடிேபாககம செயே JavaScript ஐப பேனபடுததி ஒரு படிவதறதே உருவபாககவும.

குறிமுறை

<html><head><script type="text/javascript">function sub(){if(document.getElementById("t1").value == "")alert("Please enter your name");else if(document.getElementById("t2").value == "")alert("Please enter a password");else if(document.getElementById("t2").value != document.getElementById("t3").value)alert("Please enter correct password");else if(document.getElementById("t4").value == "")alert("Please enter your address");elsealert("Form has been submitted");}</script></head><body><form><p align="center">User Name:<input type="text" id="t1"><br><br>Password:<input type="text" id="t2"><br><br>Confirm Password:<input type="text" id="t3"><br><br>Address:<textarea rows="2" cols="25" id="t4"></textarea><br><br><input type="button" value="Submit" onclick="sub()"><input type="reset" value="Clear All"></p></form></body></html>

21

சவளியடு

22

நிரலகளுககபான உள யதேரவு (Internal Choice)

யக.

எண.

யகளவி யக.

எண.

யகளவி சதேரிவு

(choice)

CA1 றரடடர –

விறலபபடடிேல

வடிவூடடல

CA6 CSS – வறலபபககம

வடிவூடடல

CA1 or CA10

CA2 கபாலக – வடடி

கணககிடுதேல CA7 JavaScript – உறர

கபாணபிததேல

CA2 or CA8

CA3 HTML – படிவம

வடிவறமததேல

CA8 JavaScript – வபாயபபாடு

அடடவறண

CA3 or CA9

CA4 HTML – உேரம

மறறும எறட

அடடவறண

CA9 JavaScript – வபாரநபாடகறை எழுதது வடிவில

கபாணபிததேல

CA4 or CA6

CA5 HTML – – பினனலபான படடிேல (Nested list)

CA10 JavaScript – உளபுகுதேல படிவம

CA5 or CA7

www.nammakalvi.org