Archive for the Trainings Category

Opportunity Activity No. 2 (MDAS Calculator and Currency Conversion Calculator)

Another opportunity activity for BSICT students.

Opportunity Activity No. 1 (Celsius – Fahrenheit Conversion)

Given the two images as the expected output, html documents with javascript should be created individually and to provide style for the table a CSS can be added.  In using javascript, the less lines of codes will be the first to be consider as one of the answer.

Include your name, year and section when you post you answers.  Answers should only be posted into this article and do not send your documents through emails.

The two images are a Celsius – Fahrenheit calculator that converts a degree celsius to degree fahrenheit on image 1 and degree celsius to degree fahrenheit and vice versa for image 2 using the select button.  The formula for conversions was already included in the pictures and documents.

1.  Celsius to Fahrenheit Conversion Calculator.

2. Celsius to Fahrenheit Conversion Calculator (vice versa)

Using CSS on HTML Document

Here is an example on how to use a CSS in your HTML document.  Stylesheet was applied to the document and table.

<html>
<head>
<title>CSS Demo</title>
<!– start of CSS –>
<style type=”text/css”>
document{
background-color: #CBCBCB;
}
table {
background: #7FFFD4;
border: 1px solid Black;
width: 500px;
font-family: “Arial Rounded MT Bold”;
border-color: Navy Blue;
border-top: medium double Black;
margin-left: auto;
margin-right: auto;
}
tbody{
background-color: White;
}
tr{
border-bottom-width: 1px;
text-align:center;
}
</style><!– end of the style –>
</head>
<body>
<table width=”200″ border=”1″ rules=”groups”>
<thead>
<tr>
<th>Heading for Column 1</th>
<th>Heading for Column 1</th>
<th>Heading for Column 1</th>
</tr>
</thead>
<tbody>
<tr>
<td>content</td>
<td>content</td>
<td>content</td>
</tr>
<tr>
<td>content</td>
<td>content</td>
<td>content</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>Footer for Column 1</td>
<td>Footer for Column 1</td>
<td>Footer for Column 1</td>
</tr>
</tfoot>
</table>
</body>
</html>

Output Image:

css demo

css demo

Midterm Exam Rescheduled

The schedule for the midterm exam will be on October 2, 2009 (Friday) at 9:00 am.  The schedule was allocated for those students who did not took their midterm exam.  Students who are late during the schedule will not be allowed to take.

Students who will take the exam should type their name and section after clicking on the comments button.  Only the students who affix their names will be allowed to take the exam.

Look for your instructor on or before the said schedule.  Post your inquiry on the comments button below this message.

List of students who had a project in BSICT – I

Listed on this article are the list of students who had a project.  If you’re name doesn’t appear on this article you have to read the previous article for instructions.

I – A

abalosac, aquinomb, budolft, cayanancf, correakm, escanoac, fernandezmm, maneclangeg, mercadogs, mercadojb, millaminaja, palisocjr, gomezsm, ragasakp, felixjd, balanecm

I – B

alvaroga, angelolc, bautistafq, corpuzns, duquesy, espiritucd, navarrovl, ocsillosws, pabonajb, pantaleonra, tamondongmr, tandocjb, valledorec, veloriajr, abellahl

I – C

bravoam, damascomi, deverarg, malicdemge

I – D

albaonb, arguezamf, batanrg, bautistabb, bibaydr, bilogcs, caasiac, catabaynr, cedronjc, chorescaec, cuarteronko, friascc, ganahr, garciajb, mondrealer, narcisogb, ningalacn, neuvaespanaml, papaau, poseriojc, sorianomr, tesorosp, vilamt, manangannc, vergarara, disujd, caronongangr

Submission of Main Page on Website Project for BSICT – I

Students who did not submit due to flash drive failure or late submission can still submit their project on September 25, 2009 and not later than 12am.  Also, those students who did not follow instructions so their project was rejected. The deadline for submission will be for all the BSICT sections.  No more extension will be schedule if in case of failure to submit.

USB flash drives should be collected by the class mayor or any officer of every section before giving them to your instructor.  No individual USB flash drive will be accepted.  Also, projects which are on a different format will not be credited.

Wait for the next post or message for the list of students who had their projects.

Write or post a comments for any questions or inquiries below this article.

Using if – else in Javascript

The following if – else conditions in javascript:

  • if statement – simple if statement, executed when condition is true
  • if…else statement – statements are executed when condition is true or false
  • if…else if….else statement -  nested if – else statement which can b used for multiple blocks of code
  • switch statement -  simplified nested if – else statement

Syntax

if statment:

if (condition)
{
code to be executed if condition is true
}

if – else statement:

if (condition)
{
code to be executed if condition is true
}
else
{
code to be executed if condition is not true
}

nested if – else statement:

if (condition1)
{
code to be executed if condition1 is true
}
else if (condition2)
{
code to be executed if condition2 is true
}
else
{
code to be executed if condition1 and condition2 are not true
}

switch statement:

switch(n)
{
case 1:
execute code block 1
break;
case 2:
execute code block 2
break;
default:
code to be executed if n is different from case 1 and 2
}

BSICT – I Announcements

Be informed that the submission of your last activity (javascript) and the first page of your website will be on the following date:

I – A   & B:  Our meeting on September 22 (Tuesday)

I – C   & D:  Our meeting on September 23 (Wednesday)

Be reminded that you follow the  instructions when submitting your file of your website.  Late submission is not allowed.

Answer for question 2 in the I – BSICT Quiz

Here is the answer for question number 2 which was taken from the activity given to you.

<TABLE BORDER=”1″ CELLSPACING=0 CELLPADDING=5 RULES=”GROUPS”>

<THEAD>

<TR><TD COLSPAN=2 ROWSPAN=2></TD>

<TH COLSPAN=2 ALIGN=CENTER>Preference</TH></TR>

<TR><TH>Eating Kumquats</TH>

<TH>Poke In The Eye</TH></TR>

</THEAD>

<TBODY>

<TR ALIGN=CENTER>

<TH ROWSPAN=2>Gender</TH>

<TH>Male</TH>

<TD>73%</TD>

<TD>27%</TD></TR>

<TR ALIGN=CENTER>

<TH>Female</TH>

<TD>16%</TD>

<TD>84%</TD></TR>

</TBODY>

<TFOOT>

<TR>

<TD COLSPAN=4 ALIGN=CENTER>Note: eye pokes did not result in permanent injury</TD></TR>

</TFOOT>

<CAPTION ALIGN=BOTTOM>Kumquat versus a poked eye, by gender</CAPTION>

</TABLE>

answer no 2

answer no 2

Answer for question 1 in the I – BSICT Quiz

Here is the answer to the latest quiz for I – BSICT.

1.

for question # 1

for question # 1

<TABLE CELLPADDING=”2″ ALIGN=”center” WIDTH=”80%” border=”1″

style=”border:#000000 thin solid”>

<TR VALIGN=”top”>

<TH COLSPAN=”4″>Table Heading Cell Spanning 4 Columns</TH>

</TR>

<TR VALIGN=”top”>

<TD WIDTH=”25%”>Normal cell</TD>

<TD COLSPAN=”2″>Cell spanning 2 columns</TD>

<TD WIDTH=”25%”>Normal cell</TD>

</TR>

<TR VALIGN=”top”>

<TD ROWSPAN=”3″ BGCOLOR=”gray”>Cell spanning 3 rows with a gray (US spelling) background</TD>

<TD WIDTH=”25%”>Normal cell</TD>

<TD WIDTH=”25%”>Normal cell</TD>

<TD>Normal cell</TD>

</TR>

<TR VALIGN=”top”>

<TD>Normal cell</TD>

<TD COLSPAN=”2″ ROWSPAN=”2″>Cell spanning 2 rows and 2 columns</TD>

</TR>

<TR VALIGN=”top”>

<TD>Normal cell</TD>

</TR>

<caption align=”bottom”><b>Table Style and Formatting</b></caption>

</TABLE>