REPORT ON STUDENT INDUSTRIAL WORK EXPERIENCE

SCHEME (SIWES) PROGRAMME

UNDERTAKEN AT

DOTS ICT INSTITUTE OF TECHNOLOGY, ABEOKUTA,OGUN STATE

BY

OBATOLA DAVID OPEYEMI

REGISTRATION NO: 178862052
DEPARTMENT OF COMPUTER SCIENCE

FACULTY OF SCIENCE

EKITI STATE UNIVERSITY, EKITI

IN PARTIAL FULFILMENT OF THE REQUIREMENTS FOR THE AWARD

OF THE BACHELOR OF SCIENCE IN COMPUTER SCIENCE

AUGUST, 2021
 DEDICATION
I dedicate this report to God Almighty, my immediate family, my aunt's
family, mentors, industrial based supervisors and many friends.
 ACKNOWLEDGEMENTS

I will like to acknowledge my parents for their immense support, my aunt's family ,
who gave a lot support too,

my lecturers and all who have contributed to this point in the success of my
academic pursuit.

Many thanks to my Industrial based Mentors, Mr Ariyibi Basit and Mr Yakub,

instructors at DOTS ICT Institute for their mentoring and exposing me to more
projects,both live and local projects, in the the field of Web Development and other
related fields.

I also wish to express my gratitude to Mr Usman , my industrial based

supervisor for his support and guidance during my industrial training.

And to Mr Durosinmi , DOTS boss, for giving me the opportunity to work

and learn at His institute.

I sincerely appreciate the Federal Republic of Nigeria, the Industrial

Training Fund (ITF) and all the supervisors involved during the
industrial training.

Page 1 of 56
 ABSTRACT

This report describes the Student Industrial Work Experience Scheme

(SIWES) program I did at DOTS ICT Institute, Abeokuta, Ogun State. It also
describes the Institute itself being a place of both working and learning. In addition
to that, it consists of detailed rundown of all the activities I engaged in during my
training at the Institute under the ICT department. I learnt Programming concepts
as they are applied in Web Development, worked on live projects related to it, I
learnt to use Version Control and Git, got understand a few soft skills required by
developers. Learnt more about Hardware and web designs too.

Page 2 of 56
TABLE OF CONTENTS
DEDICATION …………………………………………………………… i

ACKNOWLEDGEMENTS ……………………………………………… 1

ABSTRACT ……………………………………………………………… 2

TABLE OF CONTENTS ………………………………………………….3

CHAPTER ONE: INTRODUCTION …………………………5

1.1 BACKGROUND OF THE STUDENT INDUSTRIAL WORK EXPERIENCE

SCHEME (SIWES)

1.2 OBJECTIVES OF THE STUDENT INDUSTRIAL WORK EXPERIENCE

SCHEME (SIWES)

1.3 DESCRIPTION OF DOTS ICT INSTITUTE OF TECHNOLOGY

1.4 SERVICES OFFERED BY DOTS

1.5 OBJECTIVES OF DOTS INSTITUTE OF TECHNOLOGY

1.6. MISSION OF DOTS INSTITUTE OF TECHNOLOGY

1.7 VISION OF DOTS INSTITUTE OF TECHNOLOGY

1.8 ORGANIZATIONAL STRUCTURE OF DOTS INSTITUTE OF

TECHNOLOGY (DIT)

CHAPTER TWO: INDUSTRIAL EXPERIENCE …………11

2.1 WEB DEVELOPMENT……………………………………………….11

 FRONTEND DEVELOPMENT……………………………………………….12
 BACKEND DEVELOPMENT………………………………………………...17
 TOOLS I USE FOR WEB DEVELOPMENT………………………………...18

Page 3 of 56
2.2 WEB DEVELOPMENT PROJECTS…………………………………..21

 FRONTEND PROJECTS……………………………………………………....22
 BACKEND PROJECTS.……………………………………………………….38
 LIVE PROJECTS………………………………………………………………42

2.3 COMPUTER HARDWARE / REPAIRS………………………………43

 TOOLS AND MATERIALS USED FOR MAINTENANCE………………....43

 BASIC COMPONENTS AND THEIR FUNCTION………………………….44
 TROUBLESHOOTING……………………………………………….……….48

CHAPTER THREE: SKILLS ACQUIRED , AND CHALLENGES

ENCOUNTERED.................................................................................. ..........50

3.1 TECHNICAL SKILLS ACQUIRED……………………………………50

3.2 SOFT AND SOCIAL SKILLS ACQUIRED…………………………....50

3.3 PERSONAL INPUT TO THE COMPANY (DOTS ICT)..……………..51

3.4 CHALLENGES ENCOUNTERED……………………………………...51

CHAPTER FOUR:CONCLUSION AND RECOMMENDATIONS..51

4.1 CONCLUSION …………………….……………………………………51

4.2 REFERENCES …………………….……………………………………52

Page 4 of 56
Page 5 of 56
Page 6 of 56
 CHAPTER ONE

INTRODUCTION

1.1 BACKGROUND OF THE STUDENT INDUSTRIAL WORK

EXPERIENCE SCHEME (SIWES)

SIWES was established by ITF (Industrial Training Funds) in the year

1973 to solve the problem of lack of adequate proper skills for employment of
tertiary institution graduates by Nigerian Industries. This scheme serves as a
smooth transition from the classroom to the world of work and further helps
in the application of knowledge. The scheme provides students with the
opportunity of acquainting and exposing themselves to the experience
required in handling and managing of equipment and machinery that are
usually not made available in their institutions.

The ITF organization (Industrial Training Fund) made a decision to help

all interested Nigerian students and established the SIWES program. It was
officially approved by the Federal Government in 1974.The scheme was solely
funded by the ITF during its formative years but as the financial involvement
became heavy to fund, it withdrew from the scheme in 1978. In 1978, the
federal government handed over the management of the scheme to both the
National Universities Commission (NUC) and National Board for Technical
Education (NBTE).

Later in November 1984, the federal government reverted the

management and implemented of the scheme to ITF. In July 1985, it was taken

Page 7 of 56
over by the Industrial Training Fund (ITF) while the funding was solely borne
by the Federal Government.

Partaking in SIWES has become a prerequisite for the award of diploma

and degree certificates in many Nigerian government Institutions according to
the Nigerian government Educational policy. Undergraduate of the following
discipline are expected to be a part of the scheme: Natural sciences,
Engineering and Technology, Education, Agriculture, Medical Sciences,
Environmental, and pure and applied sciences.

1.2 OBJECTIVES OF THE STUDENT INDUSTRIAL WORK

EXPERIENCE SCHEME (SIWES)

The Student Industrial Work Experience Scheme (SIWES) aims at

exposing students to the industries were concepts covered in the classrooms
are been applied and utilized to solving the needs of the world at large.
Objectives of the Student Industrial Work Experience Scheme include:

1. Provide the platform for students to acquire industrial skills for

experience during their course of study.
2. Demystifying theoretical concepts learnt in school by exposing students
to real work situation.
3. Enabling the easier and smoother transition from school by equipping
students with better contact for future work placement.
4. Exposing students to work methods and techniques that may not be
available during their course of study.

Page 8 of 56
1.3 DESCRIPTION OF DOTS ICT INSTITUTE OF TECHNOLOGY

DOTS ICT Institute of Technology, Abeokuta is an ICT institute specialized in

Computer Hardware and Computer Software.
The Institute will provide personalized service to students and support their
goals in rehabilitation, life-long learning and earning, and better management
of their independent lives; students will acquire the career skills and the
academic knowledge that ensure success in their chosen careers. This is
achieved through a blend of theoretical, practical, and vocational instructions,
plus work site experience, low student-to-instructor ratio, and small study
groups. DOTS is committed to providing accessible and quality education, and
encouraging creativity, innovation, openness and cooperation so as to
enhance the student’s individuality and meet students' developmental needs.

1.4 SERVICES OFFERED BY DOTS

1 Web Development
2 Hardware
3 Networking
4 Java
5 Seminar

1.5 OBJECTIVES OF DOTS INSTITUTE OF TECHNOLOGY

The Institute will provide personalized service to our students and support
their goals in rehabilitation, life-long learning and earning, and better
management of their independent lives; our students will acquire the career

Page 9 of 56
skills and the academic knowledge that ensure success in their chosen careers.
This is achieved through a blend of theoretical, practical, and vocational
instructions, plus work site experience, low student-to-instructor ratio, and
small study groups. We are committed to providing accessible and quality
education, and encouraging creativity, innovation, openness and cooperation
so as to enhance the student’s individuality and meet students' developmental
needs.

1.6 MISSION OF DOTS INSTITUTE OF TECHNOLOGY

To fill the skill gap created as a consequence of traditional and theoretically

biased mode of training in the nations tertiary institutions, thus providing a
unique opportunity for our students to acquire technical and practical skills,
which will enable them not only to compete successfully in the labour market,
but the audacity to become entrepreneurs, working for themselves.

1.7 VISSION OF DOTS INSTITUTE OF TECHNOLOGY

Our vision is to produce technologically relevant human resources for a better

Nigeria.

1.8 ORGANIZATIONAL STRUCTURE OF DOTS INSTITUTE OF

TECHNOLOGY (DIT)

Page 10 of 56
 MD/CEO

SERVICES OPERATIONS
TRAINING
2 MANAGER
MANAGER MANAGER

TEAM LEAD TEAM LEAD TEAM LEAD TEAM LEAD TEAM LEAD
TRAINING PROJECTS MAINTENANCE ACCOUNTS ADMIN
DEPARTMENT DEPARTMENT DEPARTMENT

TRAINING RECEPTIONIST
FACILITATOR

TEAM LEAD TEAM LEAD

TEAM LEAD
HARDWARE NETWORKING
SOFTWARE

STANDALONE COMPUTER
MOBILE APP SECURITY TEAM
APP TEAM NETWORK
TEAM
TEAM

WEB APP
TEAM

Page 11 of 56
 CHAPTER TWO
INDUSTRIAL EXPERIENCE

2.1 WEB DEVELOPMENT

As the field I was most enamored with in this evolving tech world, I was
placed in this department at the institute. I got to learn, practice and also work
with live projects by building and hosting websites on cloud and regular host
servers.

WHAT THEN IS WEB DEVELOPMENT?

Web development is the building and maintenance of websites; it’s the work
that happens behind the scenes to make a website look great, work fast and
perform well with a seamless user experience.

Web developers, or ‘devs’, do this by using a variety of coding languages. The

languages they use depends on the types of tasks they are preforming and the
platforms on which they are working.

Web development skills are in high demand worldwide and well paid too –
making development a great career option. It is one of the easiest accessible
higher paid fields as you do not need a traditional university degree to
become qualified.

The field of web development is generally broken down into front-end (the
user-facing side) and back-end (the server side).

Page 12 of 56
FRONTEND WEB DEVELOPMENT

Front-end web development, also known as client-side development is the

practice of producing HTML, CSS and JavaScript for a website or Web
Application so that a user can see and interact with them directly. The
challenge associated with front end development is that the tools and
techniques used to create the front end of a website change constantly and so
the developer needs to constantly be aware of how the field is developing.

The objective of designing a site is to ensure that when the users open up the
site they see the information in a format that is easy to read and relevant. This
is further complicated by the fact that users now use a large variety of devices
with varying screen sizes and resolutions thus forcing the designer to take
into consideration these aspects when designing the site. They need to ensure
that their site comes up correctly in different browsers (cross-browser),
different operating systems (cross-platform) and different devices (cross-
device), which requires careful planning on the side of the developer.

A front-end developer architects and develops websites and applications

using web technologies (i.e., HTML, CSS, DOM, and JavaScript), which run on
the Open Web Platform or act as compilation input for non-web platform
environments (i.e., React Native).

HTML

The HyperText Markup Language, or HTML is the standard markup

language for documents designed to be displayed in a web browser. It can be
assisted by technologies such as Cascading Style Sheets (CSS) and scripting
languages such as JavaScript.

Page 13 of 56
Web browsers receive HTML documents from a web server or from local
storage and render the documents into multimedia web pages. HTML
describes the structure of a web page semantically and originally included
cues for the appearance of the document.

HTML elements are the building blocks of HTML pages. With HTML
constructs, images and other objects such as interactive forms may be
embedded into the rendered page. HTML provides a means to
create structured documents by denoting structural semantics for text such as
headings, paragraphs, lists, links, quotes and other items. HTML elements are
delineated by tags, written using angle brackets. Tags such
as <img /> and <input /> directly introduce content into the page. Other tags
such as <p> surround and provide information about document text and may
include other tags as sub-elements. Browsers do not display the HTML tags,
but use them to interpret the content of the page.

A simple html code

Page 14 of 56
 The output

CSS

Cascading Style Sheets (CSS) is a style sheet language used for describing
the presentation of a document written in a markup language such
as HTML. CSS is a cornerstone technology of the World Wide Web, alongside
HTML and JavaScript.

CSS is designed to enable the separation of presentation and content,

including layout, colors, and fonts. This separation can improve
content accessibility, provide more flexibility and control in the specification
of presentation characteristics, enable multiple web pages to share formatting
by specifying the relevant CSS in a separate .css file which reduces complexity
and repetition in the structural content as well as enabling the .css file to
be cached to improve the page load speed between the pages that share the
file and its formatting.

Page 15 of 56
 A sample css code snippet

Output of the code snippet

JAVASCRIPT

Page 16 of 56
JavaScript , often abbreviated as JS, is a programming language that conforms
to the ECMAScript specification. JavaScript is high-level, often just-in-time
compiled, and multi-paradigm. It has curly-bracket syntax, dynamic
typing, prototype-based object-orientation, and first-class functions.

As a multi-paradigm language, JavaScript supports event-driven, functional,

and imperative programming styles. It has application programming
interfaces (APIs) for working with text, dates, regular expressions,
standard data structures, and the Document Object Model (DOM).

A simple javascript code that toggles between images

Output of the code

Page 17 of 56
BACKEND WEB DEVELOPMENT

Back end Development refers to the server side of development where you are
primarily focused on how the site works. Making updates and changes in
addition to monitoring functionality of the site will be your primary
responsibility. This type of web development usually consists of three parts: a
server, an application, and a database. Code written by back end developers is
what communicates the database information to the browser. Anything you
can’t see easily with the eye such as databases and servers is the work of a
back end developer. Back end developer positions are often called
programmers or web developers.

There different tools one can use for backend development, the ones I use at
the firm were, MYSQL and PHP, though I focused more on the frontend aspect.

MYSQL

MySQL is an open-source relational database management system (RDBMS).

A relational database organizes data into one or more data tables in which
data types may be related to each other; these relations help structure the
data. SQL is a language programmers use to create, modify and extract data
from the relational database, as well as control user access to the database. In
addition to relational databases and SQL, an RDBMS like MySQL works with
an operating system to implement a relational database in a computer's
storage system, manages users, allows for network access and facilitates
testing database integrity and creation of backups.

Page 18 of 56
For the MYSQL, we used a tool called Xampp, a free and open-source cross
plat-form web server solution stack package.

PHP

The PHP Hypertext Preprocessor (PHP) is a programming language that

allows web developers to create dynamic content that interacts with
databases.

PHP is a popular general-purpose scripting language that is especially suited

to web development.

Fast, flexible and pragmatic, PHP powers everything from your blog to the
most popular websites in the world.

TOOLS I USE FOR WEB DEVELOPMENT

During my training, I got introduced to a few essential tools that makes web
development easier, I used them throughout my training and for my projects.

They are as follows:

Page 19 of 56
Visual Studio Code

Visual Studio Code is a lightweight but powerful source code editor which
runs on your desktop and is available for Windows, macOS and Linux. It
comes with built-in support for JavaScript, TypeScript and Node.js and has a
rich ecosystem of extensions for other languages (such as C++, C#, Java,
Python, PHP, Go) and runtimes (such as .NET and Unity).

Git AND GitHub

Git is a DevOps tool used for source code management. It is a free and open-
source version control system used to handle small to very large projects
efficiently. Git is used to tracking changes in the source code, enabling
multiple developers to work together on non-linear development

Page 20 of 56
You has to install git on your system before you can use git locally and link
with your remote repository.

GitHub is a Git repository hosting service, but it adds many of its own features.
While Git is a command line tool, GitHub provides a Web-based graphical
interface. It also provides access control and several collaboration features,
such as a wikis and basic task management tools for every project.

Page 21 of 56
Chrome DevTools

Developer tools (or "development tools" or short "DevTools") are programs

that allow a developer to create, test and debug software.

Current browsers provide integrated developer tools, which allow to inspect a

website. They let users inspect and debug the page's HTML, CSS, and
JavaScript, allow to inspect the network traffic it causes, make it possible to
measure it's performance, and much more.

I prefer to chrome devtools for it is more efficient, and it’s easier to get access
to many extensions that make development easier.

2.2 WEB DEVELOPMENT PROJECTS

Page 22 of 56
I did quite a bit of projects in web development, following on with what I was
taught, what I helped the instructors and developers in doing, and what I
practiced at home on my own.

FRONTEND PROJECTS

A simple form

I designed a simple form using just html and css. It was designed using flex styling, one the
2 most responsive styling that came with css3. I created two divs inside a container, then
gave the cointainer the display:flex property. The first div of the container holds the
image,while the second div holds the form and social media icons.

Below is the html code.

Page 23 of 56
The css code for it

Page 24 of 56
This is final product

Profile Card

Another project I did was a simple profile card, that has an image and a few
details and the styling is in form of a card. It was created using just html and
css like the previous project. The final output shows a finely made card on a
light blue background, the additions are the svgs I used for the icons

Page 25 of 56
In the html we the main div with the class ‘flex-profile-card’ , it encapsulates
everything in the card. Within it we have the header , the div containing the
image , the div containing the details and the div containing the social media
icons.

Page 26 of 56
The css has us giving the body some default styles, after that we style the flex-
profile-card starting with display:flex and choosing the direction we want for
it, then we style the header, the image, the p tag, the details and the social
media icons. It is a fully responsive webpage.

Page 27 of 56
A Singlepage Website for a small organization

This one is more complex than the previous ones, having a nav-bar, a few
sections, fontawesome icons and even a footer. For the project I had to create
a folder, the main folder in which I created the index html file, then I added
other folders, the css folder, the images folder and the icons folder.

The code snippets are down below.

From the above image , it can be inferred that I used visual studio code as my
code editor, on the left partition of the image, we have the folders and files
within the folders, in the middle part, we have the index.html file where are
html codes are in, and on the right side, we have the css stylesheet where I
styled the website.

Page 28 of 56
After all that, what the webpage looks like is down below:

Page 29 of 56
Page 30 of 56
At the top is the navigation bar, which has the section links on the left side and
has the logo on the right side. Below the nav-bar, we get the intro to the site
and the site’s social media icons which has their links embedded within.
Below that are the services offered by the website’s owner, then what follows
is the about us section followed by the team members.

Age Calculator

The project is a simple javascript project that calculates age based on the year
inputted into the box. It was coded in html, css, and javascript. The html is the
skeleton, the css is the flesh and the javascript is the actions performed.

Starting off with the html file, it contains the simple a form wrapper class in a
div tag , the h1 tag that has the header for the application, the input tag that
takes in the user’s inputted year, followed by two span tags one to display the
age after an input, the other one to give error if an integer is not inputted into

Page 31 of 56
the box.

Then comes the styling with css, which contains a few simple styles by adding
a background color of a shade of light-green to the body, styling of the main
div, the age-wrapper class, was what I did next, I centered it on the page, made
all its content aligned at the center, then I gave it a box shadow to make it look
like it was cut out of the page, then I styled the input box, I added a
fontawesome Icon logo to the header named ‘Age Calculator’ which was given
a color of green, the placeholder within the input box was also styled to match
the background color, a placeholder is a text that’s in a box which fades away
upon adding single content into the input box.

Page 32 of 56
After the html and css has being coded and linked together we get the user
interface but no functions has been added yet because no javascript has being
added yet. What we get with just the html and css is below:

Page 33 of 56
To add functions to the application, I created a an external javascript file and
linked it to the html.

In the javascript file, I created 5 variables with the ‘var’ keyword, the first one
to get the current time and date, it’s a embedded function that came with the
latest javascript version, the ECMAScript 6. The second variable gets the
current year from the first variable and saves it within the variable, third

Page 34 of 56
variable is linked to the second span of the html file using the DOM (Document
Object Model), it will be used to verify the input and give alerts when due, the
fourth variable also uses the document object model to get user’s input fron
the box and stores it in the variable. The last variable then gives out the
calculated age within the first span. After all the variables comes the function
that calculates the age, within the function is the conditional statements that
verifies input, one that calculates after the verification is passed, and then
prints it out after it has been calculated.

And that’s the final application that calculates age.

Calculator

Page 35 of 56
Another project I played with was the calculator which I worked on twice, the
first one was created using just html and css without the calculation functions,
it was what I used to practice for the main project.

The calculator emulates a simple calculator, at least the interface is.

Below shows the first calculator

I named it ‘ero isiro’ which means calculator in Yoruba which is my native

language.

Below is the code snippet for the project.

Page 36 of 56
For each row of buttons of the calculator, which I placed in different div tags

I style with display:flex and set the direction to default, when all rows has
been arranged, I used another div to wrap all the rows which also takes
another flex style but the direction was now changed to column to make it all
arranged properly . The whole content was given justify content center and

Page 37 of 56
align center in the style sheet which won’t work unless the height and width
of the body is specified.

THE MAIN CALCULATOR PROJECT

The real calculator with functions is one that has javascript added and can
perform all the basic calculations a calculator can perform like addition,
subtraction, multiplication, division and the equal to funtion. It also has a clear
function that clears digits off the screen of the calculator .

The main interface of the calculator and the a simple calculation that was
performed on it, 15*36 = 540.

Below shows the code snippet of the project which includes the html, css, and
javascript code.

Page 38 of 56
Page 39 of 56
BACKEND PROJECTS

For the backend projects the tool I used the most was xampps. PHP and
MySQL were the main language I coded in for the backend.

Sign Up Form

I created simple signup form using html which I then linked to the database
using php codes, but for that to work I had to use xamppss and put on the
mysql server on the dashboard which also makes the code run and send the
data inputted into the form to the data base.

Above is the xampps control panel with the mysql and apache services
started, it allows us to work with the database that comes with it called
MariaDB, it also allows us to run the php codes.

Page 40 of 56
After that we create the database from the GUI of mysql which can be accessed
if we click on the admin button after starting the service.

What comes next after creating the database is to create the form, create the
connection file, and the registration file which will all be php files.

Page 41 of 56
The signup form code

The registration php file which verifies the data given and process it before
sending it to the database.

Page 42 of 56
And after all that, what we get is this:

The inputted data from above will be saved below.

Page 43 of 56
Live Projects

For my live projects aside from the ones I assisted the developers at the
company with, which were hosted with paid web hosts and domain, my
projects were hosted on netlify through github.

Netlify is a web developer platform that multiplies productivity. By unifying

the elements of the modern decoupled web, from local development to
advanced edge logic, Netlify enables a 10x faster path to much more
performant, secure, and scalable websites and apps.

THE LINKS TO MY LIVE PROJECTS:

https://rayking.netlify.app/

https://monster-slayer-game-20.netlify.app/

https://a-kinda-resource-app.netlify.app/

Page 44 of 56
2.3 COMPUTER HARDWARE / REPAIRS

Briefly, computer systems are made up of hardware and software. The

physical touchable part of the computer is called the hardware. This is the
part that we can touch and feel. The hardware parts of a computer include the
keyboard, monitor, mouse and printer, usually called the peripherals. Other
hardware parts include scanner, light pen, Random Access Memory (RAM)
sticks or modules, processor etc.

The software is a set of instructions that control the computer’s functionality.

It cannot be seen or touched. We have two types, system software and
application software. System software is further broken down into Operating
Systems and Compiler Software. Operating systems are sets of instructions
that enable interaction between the computer and the hardware. They act as
an interface between the user and the computer. Application softwares are
instructions which service a specific need such as Microsoft Excel.

TOOLS AND MATERIALS USED FOR MAINTENANCE

In performing maintenance operations on computer systems and components,

some sets of tools

are required to make the job easier. Some recommended tools are
screwdrivers (precision

screw-drivers preferably), pliers, parts bag, flashlight, Compact Disk (CD) and
portable hard disk

or flash drive, and multi-meter.

Page 45 of 56
Screwdrivers are usually used to remove screws so as to dissemble computer
component parts or insert screws so as to assemble component parts. They
are several types based on the shape of the head. Commonly used ones are
star head screw drivers and flat screw drivers. For laptop computers,
precision screw drivers are needed. These screw drivers are adapted for
special and smaller screws. Pliers are used as alternatives to the fingers where
the fingers may be too large, especially on the motherboard where most of the
components are small. Commonly used for this purpose are the needle nose
pliers. Flashlights are small lighting devices which are used when working in
the dark or in places that are darkened, for instance, one may need a light
within the system unit to see the components more clearly. Compact Disks
(CDs) are storage devices which are used to keep information. You have the
recordable CD, which is typically used once, and the re-writeable CD, which
can be used and re-used. CDs are necessary for installation of software during
maintenance activities, where necessary. Portable hard disk drives or flash
drives are needed during maintenance operations to move files from one
place to another if necessary. A CD can also be used in this case, but flash
drives and portable hard disks are needed when the file or files to be moved
around are not too large, because it may be waste of the CD. These portable
hard disks or flash drives may also contain utility diagnostic softwares to be
used for diagnostics of the system to be maintained. Portable hard disks are
also called External Hard disks. A multi-meter may also be required for
checking of power supplies especially on desktop system.

BASIC COMPONETNS AND THEIR FUNCTIONS

They are several component parts of a computer, we have the outer parts of
the computer like the monitor, keyboard, mouse, system unit and we have the

Page 46 of 56
inner part of the computer which contains the motherboard, the processor,
the RAM sticks or modules, the cables, the hard disks or secondary storage
and many other components. Let us look at them in detail.

Monitor:

This is the visual part of the computer that looks like a television. It is called
an output device because it enables the user to view an output of whatever
operation he or she is performing. It is also called the visual display unit
(VDU). Common problems we find with it include, slacking of the video
connector (VGA connector).

Keyboard/Mouse:

The keyboard is an input device and is typically used for inputting data into
the computer. The mouse is also an input device used as an alternative to the
keyboard. The common problem with the keyboard and the mouse is breaking
of the pins in the PS/2 connectors on their connector cables due to frequent
plugging and unplugging.

System Unit/Chassis or Case:

The system unit basically holds the core components of the computer. It has a
casing or container. This container is designed such that some of the features
of the core components within the casing can be used. Within the system unit,
we can find the motherboard.

Motherboard:

This is the most important component on a computer system. It is also called

the main board.

Page 47 of 56
Every internal component in a computer connects to the motherboard and its
features largely determine what the computer is capable of plus its overall
performance. Motherboards are classified based on form factors (form factor
refers to the physical dimensions, sizes and shape as well as certain
connector, screw hole, and other positions that dictate into which type of case
the motherboard will fit).

Chassis or case

Motherboard sample

Processor:

The Central Processing Unit (CPU) or processor could be thought of as the

engine of the computer. It is identified by mainly two features, its speed and
its width. The speed is a simple concept graded in Megahertz (MHz). The
faster the speed of the processor, the better the performance speed of the
computer.

Memory (RAM): The system memory is often called Random Access Memory
(RAM). This is the primary working memory. It holds all the programs and
the data that the processor is using at

a given time.

Page 48 of 56
Processor examples

Power Supply: The power supply feeds electrical power to the internal
components in the computer.

Video Card: This is the component on the motherboard that controls the
information that we see on the monitor.

Sound Card: A sound card is the component on the motherboard that enables
the PC to generate complex sounds.

Page 49 of 56
RAM (memory) modules

Hard Drive: The hard disk is the primary high-capacity storage media for the
system. All you data is stored on hard disks.

Network Card/Modem: This is a component that is usually integrated on the

motherboard to provide an interface for network connectivity.

TROUBLESHOOTING

Troubleshooting is simply the process of finding out why a particular device

or component is malfunctioning, and fixing or repairing that problem. There
are various ways of troubleshooting depending on the type of component to
be repaired or fixed or the type of problem experienced.

Some basic troubleshooting tips I learnt during my attachment are given in

the table below.

Page 50 of 56
Problem Identification Possible Cause Solution

Operating system will not Poor heat dissipation, Check the capacity of the heat
boot. improper voltage settings, sink and replace it if necessary,
loose connection of hard Check the hard disk cables for
disk or faulty hard disk tight connectivity and
cable interchange them to ensure
proper functionality.

Error: Operating system not Corrupt operating system, Check if the hard drive is
found bad hard disk functioning well and reload a
new operating sysytem

System appears to work but Monitor turned off or has Test the monitor and the power
no video is displayed failed source and replace with known
good source to confirm if
necessary

Page 51 of 56
 CHAPTER THREE

SKILLS ACQUIRED , AND CHALLENGES ENCOUNTERED

3.1 TECHNICAL SKILLS ACQUIRED

 By working on websites I gained the ability to use html and css to create
both simple and complex websites.
 By practicing daily I’ve come to be able to add javascript to html and css
to create a functional website.
 I gained the Ability to create fully responsive websites.
 Ability to utilize different web development tools.
 Ability to use mysql and xampp to create a database.
 Ability to use php along with mysql to create a simple backend solution.
 Ability to utilize git and github
 Ability to netlify and other web development sites.
 Helping to repair malfunctioning systems has made gain the ability to
fix faulty computer systems
 Ability to fix software and load operating systems
 Ability to identify different components of computer systems

3.2 SOFT AND SOCIAL SKILLS ACQUIRED

 Communication
 Patience
 Open-mindedness and adaptability
 Critical thinking, creativity and problem solving
 Teaching and effective learning skills

Page 52 of 56
3.3 PERSONAL INPUT TO THE COMPANY (DOTS ICT)

 Helping with coding

 Helping with live website projects
 Fixing faulty laptops
 Teaching students
 Helping with installation of operating systems and applications

3.4 CHALLENGES ENCOUNTERED

 As Abeokuta hasn’t advanced enough in the tech field I faced difficulty in

finding a place for IT placement.
 Having to run miscellaneous errands for the bosses at the company.
 Data issues , not being able to stay properly online like my fellow
developers, so sometimes I couldn’t keep up

CHAPTER FOUR

CONCLUSION AND RECOMMENDATIONS

4.1 CONCLUSION

In conclusion, my industrial training at DOTS ICT has been so productive,

that not a moment was wasted in my acquiring of essential skills to a better
developer, technician and computer scientist.

Page 53 of 56
The 6 months had me gaining not just the knowledge of web development and
hardware, it also gave me the soft skills needed in day to day life, I see myself
going beyond my comfort zone in order to make myself better.

It made me realize my choosing of computer science in EKSU and my IT at

DOTS ICT wasn’t a waste and definitely the wrong choice.

4.2 REFERENCES
 Logbook
 History of SIWES (Student Industrial Work Experience Scheme) .
(n.d) . NigerianFinder . https://nigerianfinder.com/history-of-siwes
 http://www.dotsitech.edu.ng/
 https://www.w3schools.com/
 https://www.frontendmentor.io/
 https://www.netlify.com/
 https://www.wikipedia.org/

Page 54 of 56