CHAPTER ONE
INTRODUCTION
BACKGROUND OF STUDENTS INDUSTRIAL WORK EXPERIENCE
SCHEME (SIWES)
The Student Industrial Work Experience Scheme (SIWES) is a skill training programmed designed
to exposed and prepare students of universities, Polytechnic\Colleges of agriculture and colleges of
education for the industrial work situation they are likely to meet after graduation. The skill also
affords students the opportunity to familiarize and expose themselves to the needed experience in
handling machinery and equipment that are usually not available in their institution.
The ITF solely funded the scheme during its formative years. But as financial involvement became
unbearable to the fund, it withdrew from the scheme in 1978. The Federal Government handed over
the scheme in 1979 to both the National Universities Commission (NUC) and the National Board for
Technical Education (NBTE).
and implementation of the SIWES programmed to ITF and it was effectively taken over by the
industrial training fund in July 1985 with the funding being solely borne by the Federal Government.
OBJECTIVE OF SIWES
Specially, the objectives of the student’s industrial work experience scheme are to:
i.
Provide student with the opportunity to gain experience in real work situations bridging the gap
between theory and practical.
ii. Prepare students for the industrial work situation they are to meet after graduation.
iii. Expose students to work methods and techniques in handling equipment and machinery that may not
be available in their institutions.
iv. Enlist and strengthen their employers, the involvement in the entire educational process prepare
students for employment in industry and commerce.
v. To expose students to the current trend in science and technology.
vi. Make the transition from school to the world of work easier and enhance student’s contracts for later
job placements.
IMPORTANCE OF SIWES
i.
It helps students to apply what they have being taught in the classroom into practice aspect.
ii.
It helps to gain job experience.
iii.
It also helps students to expose to working experience.
iv.
It also helps students to have confidence as a result of successful completion of his or her work.
1
CHAPTER TWO
BRIEF HISTORY OF GG AND PREVIEW WEB COMPUTER TECHNOLOGY,
MUBI ADAMAWA STATE.
GG AND PREVIEW WEB COMPUTER TECHNOLOGY is a leading web development company. It
provides all kinds of web application development, mobile application development, cloud server
administration services to its clients. Our main focus is to build awesome products for our clients to maintain
their business more secured, fast, maintainable and reliable.
GG and Preview Web Computer Technology was established on 6th March, 2017 under the
provision of Companies and allied matters act 1990 pursuant to section 659. This company is registered
under Federal Republic of Nigeria through Corporate Affairs Commission. Registration number is
BN248590. This Company has 40 Desktop Computer and 10 laptops with 15 numbers of staff, this company
is located adjacent Government Secondary School, Mubi.
OUR SERVICES
Static Website: Development time: Two Months, this web design package is ideal for individuals and small
businesses, they are looking to put online the information about their company or business.
A. Dynamic Website: Which depends on the contents, this include fully owned and Creative flash animated
punch lines or banner Professional Search engine, friendly design royalty free graphics & Flexibility to
add new minor specifications at friendly service Technology.
B. Informative Website: Development time: Three Months Two Weeks, this web design package is ideal
for individuals and small businesses, they are looking to put online the information about their company.
C. Ecommerce Website Development time: Three Months, This web design package is best for companies
who want to advertise and sell their products online.
2
ORGANIZATIONAL CHART OF GG AND PREVIEW WEB COMPUTER
TECHNOLOGY
DIRECTOR
ASST DIRECTOR
SECRETARY
STAFF
ASST SECRETARY
STAFF
3
CHAPTER THREE
WEBSITE DESIGN USING HTML
INTRODUCTION
What is HTML?
HTML is a markup language for describing web documents (web pages).
i.
HTML stands for Hyper Text Markup Language
ii.
A markup language is a set of markup tags
iii. HTML documents are described by HTML tags
iv. Each HTML tag describes different document content
HTML Example
A Small HTML Document
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Example explained
i.
The text between <head> and </head> provides information about the document
ii.
The text between <title> and </title> provides a title for the document
iii. The text between <body> and </body> describes the visible page content
iv. The text between <h1> and </h1> describes a heading
v.
The text between <p> and </p> describes a paragraph
4
Using this description, a web browser can display a document with a heading and a paragraph as shown in the
next page.
The above picture is the browser output of my first webpage.
HTML Tags
HTML tags are keywords (tag names) surrounded by angle brackets:
<tagname> content</tagname>
i.
HTML tags normally come in pairs like <p> and </p>
ii.
The first tag in a pair is the start tag, the second tag is the end tag
iii.
The end tag is written like the start tag, but with a slash before the tag name
The start tag is often called the opening tag. The end tag is often called the closing tag
Web Browsers
HTML Links
HTML links are defined with the <a> tag:
The link's destination is specified in the href attribute.
Attributes are used to provide additional information about HTML elements.
HTML Elements
HTML documents are made up by HTML elements.
5
HTML Elements
HTML elements are written with a start tag, with an end tag, with the content in between:
<tagname>content</tagname>
The HTML element is everything from the start tag to the end tag:
HTML Headings
Headings are important in HTML documents.
Headings are defined with the <h1> to <h6> tags.
<h1> defines the most important heading. <h6> defines the least important heading.
Example
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
Note: Browsers automatically add some empty space (a margin) before and after each heading.
The output can be displayed in the browser below;
HTML Paragraphs
HTML documents are divided into paragraphs.
6
The HTML <p> element defines a paragraph.
Example
<p>This is a paragraph</p>
<p>This is another paragraph</p>
HTML Line Breaks
The HTML <br> element defines a line break.
Use <br> if you want a line break (a new line) without starting a new paragraph:
This is an output showing paragraph
HTML Background Color
The background-color property defines the background color for an HTML element:
This example sets the background for a page to lightered:
Example
<body style="background-color:green;">
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
7
</body>
HTML Text Color
The color property defines the text color for an HTML element:
Example
<h1 style="color:blue;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p>
The output is displayed below:
HTML Forms
The <form> Element
HTML forms are used to collect user input.
The <form> element defines an HTML form:
<form>
.
form elements
.
</form>
HTML forms contain form elements.
8
Form elements are different types of input elements, checkboxes, radio buttons, submit buttons, and more.
The <input> Element
The <input> element is the most important form element.
The <input> element has many variations, depending on the type attribute.
Here are the types used in this chapter:
<input type="text"> defines a one-line input field for text input:
Example
<form>
First name:<br>
<input type="text" name="firstname"><br>
Last name:<br>
<input type="text" name="lastname">
</form>
This is how it will look like in a browser:
First name:
Last name:
Below is a form I designed with Html:
9
Below is the output of the form:
10
CHAPTER FOUR
CREATING DATA BASE:
LAUNCHING YOUR SERVER
To create a Database, first launch your server
Double click on your Xampp server, if you don’t have Xampp on your computer, launch your xampp server
When you double click on your Xampp server it will take you to area shown below.
Enable apache and MySQL as shown bellow
Launching your database dashboard
Go to your favorite browser and search local host/phpmyadmin
Click on Database, it will take you to page where you can create your database as shown bellow
11
Type your database name in the area named database name, then click on create to create your database.
Enter name and number of columns to create your database table as shown below, then click on Go
Enter the titles, select VARCHAR as type, enter length/values and select your primary key as shown bellows
12
Then click on save, it will take you to a page shown bellow
After creating your database, the next step is to insert your records
INSERTING YOUR RECORDS
To insert your records, follow the steps bellow
Click on insert, insert all your records, then click on Go as shown bellow
EDITING YOUR DATABASE RECORDS
To edit your database records, follow the steps bellow
Click on browse in the phpmyadmin page where in will show you all your records as shown bellow
13
Then click on edit to edit your records and click Go to save as shown bellow
STORING YOUR RECORDS
Follow the steps below to store your records
Click on the menu icon on the top right corner of your desktop
Click on save page as shown bellow
Select the folder you want to store your file in and type your file name
14
Then click on save
VIEWING YOUR RECORDS
To preview your records click on print view
15
CHAPTER FIVE
SUMMARY, CONCLUSION AND RECOMMENDATIONS
SUMMARY
This report is the outcome of my four (4) months experience during the Students Industrial Work Experience
Scheme (SIWES). The program is required by the federal government to give students a qualitative teaching
and learning. The report consists five chapters, the first chapter contains information about SIWES,
Importance of SIWES, the second chapter consist of Brief History of the Organization, and Organizational
Chart, Chapter Three consist of html, chapter four which consist of database and chapter five consist of
Summary, Recommendations, Conclusion and Reference.
CONCLUSION
The experience I gained during my IT at GG and preview web computer technology Mubi Adamawa
State. Has great value, as I was exposed to various programming language such as HTML and MySQL,
Website design using notepad, and vs. Code. As well as human relationship which will lead to a successful
life in the near future as a computer analyst.
RECOMMENDATIONS
Supervisors from different institutions should make sure that their students are attached to the department
relevant to their course of studies.
There should be a company policy for Industrial Training Attachment (ITA) students attached to the firm.
16