A

REPORT OF THE

STUDENTS’ INDUSTRIAL WORK EXPERIENCE

SCHEME (SIWES)

UNDERTAKEN AT

MAILOP TECHNOLOGY, POLYTECHNIC IBADAN

FROM NOVEMBER 2023 TO MARCH 2024.

BY

AKINOLA GBOLAHAN OLUWAFEMI

SUBMITTED TO

THE SIWES COORDINATOR,

DEPARTMENT OF COMPUTER SCIENCE,

ADESEUN OGUNDOYIN POLYTECHNIC ERUWA, (AOPE)

OYO STATE, NIGERIA.

MARCH 2024.

1
 DEDICATION

This report is dedicated foremost to God almighty for his favour, mercy and grace upon my

life especially during my Four (4) months SIWES programme at Mailop Technology.

I would also like to dedicate it to my parents and siblings for their love and support and

everyone else that contribute towards making my SIWES training a fun and successful one

2
 AKNOWLEDGEMENT

My appreciation goes to the industrial Training Fund for their foresight in putting this

program in place.

I am grateful to Mailop for providing me with the necessary skills to be exposed in my field. I

also want to say a big thank you to my industry based supervisors Mr. Ilufoye and my able

colleague for making my stay at Mailop an exciting and blissful one. To my parents and

siblings thank you all for your moral and financial support.

3
 ABSTRACT

This industrial report presents the experience gained during my Four (4) months of industrial
training undertaken Mailop. My training was on Web Design and advanced Web Design.
I acquired practical knowledge on how to design a web site and how to add and manage
records in a database.
This report discusses the technical skills gained during the training period and justifying the
relevance of the scheme in equipping students with needed technical competence to thrive in
the real world

4
 TABLE OF CONTENT

Cover Page
Title Page
Dedication…………………………………………………………………………………......2
Acknowledgement……………………………………………………………………………..3
Abstract……………………………………………………………………………..................4
Table of Content……………………………………………………………………...….…….5
Chapter 1
Introduction…………………………………………………………………….…………….6
Purpose of training...………………………………………………….………….……............6
Brief story of SIWES……………………….……………………….………….…..................6
Aims and objectives of SIWES………………………………………………………………..7
Chapter 2
Industrial Experience…………………………………………………………………...……8
Web design department……………………………………………………………..................8
Definition of terms………………………………………………………………………….....8
HTML and its properties………………………………………………………………….…...9
CSS and its properties…………………………………………………………………...…...11
Website design using HTML and CSS…………………………………………….………....15
Chapter 3
Skills acquired and challenges encountered………………………………………………19
Technical skills acquired……………………………………………………………………..19
Social and functional skills acquired........................................................................................19

Chapter 4
Conclusion and Recommendations………………………………..………………………20
Conclusion…………………………………………………………………………….….....20
Recommendations…………………………………………………………….......................20

5
 CHAPTER 1
INTRODUCTION

1.0 PURPOSE OF TRAINING:

The student industrial work experience scheme (SIWES) popularly called Industrial

Training (IT) by Nigerian students is a yearly program design by the institution in

collaboration with the industries to give students the opportunity to gain practical working

experience in their various field of study or area of specialization. It is an effort to bridge the

existing gap between classroom theories and practical’s in engineering, management and

other professional programs in the Nigerian tertiary institutions.

1.1 SIWES: (Student Industrial Work Experience Scheme)

Since the aim of our national policy in education is to build a strong and self- reliant

nation, from the government’s decree No.47 of 8 th October, 1971 as amended in1990, which

led to the establishment of Industrial Training Fund (ITF) in 1973/1974 and through the

formation of this body (ITF), in the year 1993/1994 and through the formation of this body

(ITF), in the year 1993/1974 SIWES was formed. In Nigeria, the current form of Cooperative

Education is known as the Students Industrial Work Experience Scheme (SIWES).

1.2 BODIES INVOLVED IN SIWES:

The main bodies involved in Student Industrial Work Experience Scheme are;

The tertiary institutions and the Federal Government through the Industrial Training Fund

(ITF).

Other supervising agencies include:

1. National University Commission (NUC)

2. National Board for Technical Education (NBTE)

3. National Council for colleges for Education (NCCE)

4. Industry/Employers (NECA, NACCIMA, MAN, Government Establishments)

6
1.3 NATURE AND SCOPE OF SIWES:

This is based on the number of weeks or months that student is expected to stay for its

attachment. The minimum duration for SIWES should normally be six months, twenty-four

weeks (24) weeks for University Engineers and Technologist. The cumulative total duration

of attachment over the entire period of the course should preferably be not shorter than

240hrs full time which will take place during term-time or long vocation.

Induction sessions which is conducted by teaching departments to install the concepts

of key skills (skills for learning, employment and life), work place safety and professional

expectations, legalities and ethics.

1.4 AIMS AND OBJECTIVES OF SIWES:

The specific objectives of SIWES were summarized by the federal government as follows:

1. To provide students with an opportunity to apply their knowledge in real work and

actual practice.

2. To make the transition from school to the world of work easier and to enhance

students contacts for later job placement.

3. Advanced countries, with over 100 years of sustained industrial development and

requisite technical and human infrastructure, have been able to adequately implement

industrial training for their students.

4. They also include providing a structural attachment program with emphasis

applications, management and hands-on experience for students to apply knowledge

acquired.

5. It also aids students to acquire practical skill in other to strengthen their work value.

6. Moreover it helps them to gain interpersonal and entrepreneurial skills and also instil

in them the right kind of work attitudes and professionalism through interactions with

peoples in the organizations and observations of their future role in the tertiary.

7
 CHAPTER 2

INDUSTRIAL EXPERIENCE

2.0 WEB DESIGN DEPARTMENT

This department was where my Industrial Training took place where i was grounded

and expose to the website world especially the creation of websites taking me step by step

with practical all through the process.

2.1 DEFINITION OF TERMS

The following are terms that were made use of, in this department

WEBSITE:

A website is a set of related webpages containing content such as texts, images,

videos, audios, etc. A website is hosted on at least one web server, accessible via a network

such as the internet or a private LAN through an internet address known as a URL (Universal

Resource Locator).

WEBPAGE:

A webpage is a document, typically written in plain text interspersed with formatting

instructions of hypertext nark up language (HTML, XHTML). A webpage may incorporate

elements from other websites with suitable anchors. Webpages are accessed and transported

with the hypertext transfer protocol (HTTP), which may occasionally employ encryption

(HTTP secure, HTTPS) to provide security and privacy for the use of the webpage content.

HTTP:

This stands for Hyper Text Transfer Protocol which is the set of rules for transferring

files (text, graphic, images, sound, video, and other multimedia files) on the World Wide

Web.

URL: This stands for Uniform Resource Locator and as the name suggests, it provides a way

to locate a resource on the web, the hypertext system that operates over the internet.

8
2.2 HTML AND ITS PROPERTIES

HTML stands for Hypertext Mark-up Language, and it is the most widely used

language to write Web Pages.

 Hypertext refers to the way in which Web pages (HTML documents) are linked

together. Thus, the link available on a webpage is called Hypertext.

 As its name suggests, HTML is a Markup Language which means you use HTML

to simply "mark-up" a text document with tags that tell a Web browser how to

structure it to display.

2.2.1 HTML TAGS:

As told earlier, HTML is a markup language and makes use of various tags to format

the content. These tags are enclosed within angle braces <Tag Name>. Except few tags, most

of the tags have their corresponding closing tags. For example, <html>has its closing

tag</html>and <body>tag has its closing tag </body>tag etc.

The following are the names of tags and their description.

Tag Description

<html> This tag encloses the complete HTML document and mainly comprises

of document header which is represented by <head>...</head> and

document body which is represented by <body>...</body> tags.

<head> This tag represents the document's header which can keep other HTML

tags like <title>, <link>, <script language =”javascript”> etc.

<title> The <title> tag is used inside the <head> tag to mention the document

title.

9
 <body> This tag represents the document's body which keeps other HTML tags

like <h1>, <div>, <p>, <table> etc.

<h1> This tag represents a heading

<p> This tag represents a paragraph.

<b>, <i>, Bold, italic, list, unordered list

<li>, <ul>

2.2.2 HTML TABLE:

The HTML table model allows web designers to arrange data –text, preformatted text,

images, links, forms, form fields, other tables, etc. into rows and columns of cells. It is

defined with the <table> tag.

Table are divided into table rows with the <tr> tag. Table rows are divided into table

data with the <td> tag. A table row can also be divided into table headings with the <th> tag.

CODE VIEW

10
 DESIGN VIEW

2.3 CSS AND ITS PROPERTIES

CSS stands for Cascading Style Sheet used for formatting html document. It is a style

sheet language used for describing the presentation of a document written in a mark-up

language.

Note: CSS code is not written the same way as HTML code is. This makes sense

because css is not HTML, but rather a way of manipulating existing HTML.

2.3.1 REASONS FOR CSS

The following are reasons why CSS is better

1. It saves time

2. It eradicate the idea of using repeating codes

3. It provides efficiency in design and updates: with css, we are able to create rules, and

apply those rules to many elements within the website.

4. It can lead to faster page downloads: since rules are only downloaded once by the

browser, then are the cached and used for each page load, the use of css can lead to

lighter page loads, and improved performance. This contributes to lighter server loads

and lower requirements, which overall saves money for our clients.

5. It creates external file (server side) for managing html content

11
2.3.2 METHOD USED BY CSS IN FORMATTING HTML DOCUMENT

1. Inline Style: It is used to apply a unique style to a single HTML element. An inline

CSS uses the style attribute of an HTML element.

CODE VIEW DESIGN VIEW

2. Embedded / Internal Style: It is used if one single page has a unique style. Internal

styles are defined within the <style> element, inside the <head> section of an HTML

page.

CODE VIEW DESIGN VIEW

3. External Style: With an external style sheet, you can change the look of an entire

website by changing just one file. Each page must include a reference to the external

style sheet file inside the <link> element. The <link> element goes inside the <head>

section. Also when using external css it is preferable to keep the css separate from

your HTML. Placing CSS in a separate file allows the web designer to completely

12
 differentiate between content (HTML) and design (CSS). External CSS is a file that

contains only CSS code and is saved with a “.css” file extension. This CSS is then

referenced in your HTML using the <link> instead of <style> as earlier stated.

EXTERNAL CSS FILE HTML CODE DESIGN VIEW

2.3.3 CSS SELECTORS AND HOW THEY CAN BE USED

CSS selectors are used to find or select HTML elements based on their element name,

id or class

1. Element Selector: The element selector selects elements based on the element name.

2. Id Selector: The id selector uses the id attribute of an HTML element to select a

specific element. The id of an element should be unique within a page, so the id

selector is used to select one unique element. e.g. id=”hello” css #hello { color;red;}

3. Class Selector: The class selector selects elements with specific class attribute. To

select elements with a specific class, write a period (.) character followed by the name

of the class. e.g. .center {text-align:center;}

2.3.4 CSS RULES OVERRIDING

1. Any inline style sheet takes the highest priority, so it will override any rule defined in

<style>……</style> tags.

2. Any rule defined in <style>………</style> tags will override the rules defined in any

external style sheet file.

13
2.3.5 CSS COMMENTS

To simply put comment inside a style sheet you use /*………..*/, you can use it to

comment multi-line blocks in similar way as you do in c and c++ programming language.

2.3.6 BACKGROUND AND FONT OF VARIOUS HTML ELEMENTS

You can set the following background properties of an element.

1. The background-color: Is a property used to set the color background of an element.

2. The background-image property: is used to set the background image of an

element.

3. The background repeat: Is used to control the repetition of an image in the

background.

4. The background position: Is used to control the position of an image in the

background.

5. The background attachment: Is used to control the scrolling of an image in the

background.

6. The background property: Is used as a short hand to specify a number of other

background properties.

FONT WHICH ARE;

1. The Font-family property: This is used to change the face of a font

2. The Font-style property: This is used to make a font italic or oblique.

3. The Font-weight property: This is used to increase or decrease how bold or light a

font appears.

4. The Font-size property: This is used to increase or decrease the size of a font.

14
2.3.7 TEXT DECORATION:

This demonstrate how to decorate a text in css, the values are none, underline, over

line, line through and blink.

2.3.8 PROPERTIES OF HYPERLINK USING CSS

1. The link signifies unvisited hyperlinks

2. The link visited signifies visited hyperlinks

3. The link hovered signifies an element that currently has the user’s mouse pointer

hovering over it.

4. The link active signifies an element on which the user is currently clicking.

2.4 WEBSITE DESIGN USING HTML AND CSS

HTML CODING VIEW

15
CSS CODING VIEW

16
DESIGN VIEW

HOME PAGE

17
PHOTO MENU

CHAPTER THREE

18
 SKILLS ACQUIRED AND CHALLENGES ENCOUNTERD

3.0 TECHNICAL SKILLS ACQUIRED

Below are list of skills i acquired during my Industrial Training at ADMAS IT

PLACE

 Deep knowledge in understanding web design and database maintenance.

 Ability to create websites with the help of HTML.

 Ability to create websites with the help of HTML and CSS.

 Ability to create a standardize websites with the help of HTML, CSS, JAVASCRIPT,

and PHP.

 Debugging errors and been creative in arrangement of codes.

 Installing Database (Wamp) and linking PHP to the Database.

 Installing several developmental tools like Adobe CS6 which contain Dreamweaver,

and Fireworks, knowing how to use them effectively.

 Learning how to work with designed Templates and creating Templates.

 Ability to Insert, Update, Select, Delete records in the Database and Importing,

Exporting database file from one local server to another.

3.1 SOCIAL AND FUNCTIONAL SKILLS ACQUIRED

 Enhanced communication skills.

 Ability to identify and solve problems relating to web design.

 Decision making, critical thinking, organizing and planning.

 Ability to work with team.

 Enhanced teaching and effective learning skills

 Good customers services orientation skill

19
 CHAPTER FOUR

CONCLUSION AND RECOMMENDATIONS

4.0 CONCLUSION

My Four (4) months Industrial Training at Mailop Technology PLACE was a

huge success and a great time of acquisition of knowledge and skills. Through my training i

was able to appreciate my chosen course of study even more, because i had the opportunity to

blend the theoretical knowledge acquired from school with the practical hands-on application

of knowledge gained here to perform very important tasks that contributed in a way to my

productivity in the company. My training here has given me a broader view to the importance

and relevance of Computer Science (Web Design Development) in the immediate society and

the world as a whole, as i now look forward to impacting it positively after graduation. I have

also been able to improve my communication and presentation skills and thereby developed

good relationship with my fellow colleagues at work. I have also been able to appreciate the

connection between my course of study and other disciplines in producing a successful result.

4.1 RECOMMENDATIONS:

 School should provide a place of attachment for student.

 Allowances should be paid to students during their programme just like NYSC and

not after. This would help them a great deal to handle some financial problems during

their training course.

 Supervisor should always visit student monthly in their various places of attachment.

20