REPORT

ON

STUDENTS INDUSTRIAL WORK EXPERIENCE SCHEME (SIWES)

AT

NEW HORIZONS SOLUTION LIMITED, PORT HARCOURT

PRESENTED BY

ONASILE OLUWASEMILORE DAVID

19N02/035

SUBMITTED TO THE DEPARTMENT OF COMPUTER SCIENCE

AJAYI CROWTHER UNIVERSITY, OYO STATE

IN PARTIAL FULFILLMENT OF THE REQUIREMENTS FOR THE AWARD OF

BACHELOR OF COMPUTER SCIENCE
(B.Sc. COMPUTER SCIENCE)

October 2021

Semilore David Siwes Report

 DEDICATION

I dedicate my Industrial Training report to Almighty God, who has given me the grace to
participate in the SIWES program, and to my Parents who sponsored me for the course I took
and my instructor who guided me throughout this experience and as many that have contributed
greatly to the success of my Industrial Training.

Semilore David Siwes Report

 CERTIFICATION PAGE

I hereby certify that this report of Student Industrial Work Experience (SIWES) was prepared
and compiled by ONASILE OLUWASEMILORE DAVID (Matric Number: 19N02/035)
from the department of COMPUTER SCIENCE, AJAYI CROWTHER UNIVERSITY, ATIBA,
OYO STATE for the successful completion of my two(2)months Industrial Training
undertaken at NEW HORIZONS SOLUTION LIMITED PORT-HARCOURT.

Semilore David Siwes Report

 ABSTRACT

This report is a summary of the experience I acquired during my two months Students'
Industrial Work Experience Scheme (SIWES) in the NEW HORIZONS LIMITED
SOLUTION, PORT HARCOURT, with highlights majorly on Software Engineering. The
report covers my experience in Front-End Development in relation to HTML, CSS &
JAVASCRIPT and also using WordPress to create websites.

Semilore David Siwes Report

 TABLE OF CONTENT

Page

Dedication…………………………………………………………………………………….. 2

Abstract………………………………………………………………………………………... 3

Certification……………………………………………………………………………...…… 4

Table of Content……………………………………………………………………………… 5

Introduction …………………………………………………………………………………... 6

Background …………………………………………………………………………... 6

Objective ……………………………………………………………………………... 7

Description of the establishment of attachment ……………………………………………... 9

Location and Brief history of establishment …………………………………… …… 9

Objective of establishment …………………………………………………………….. 9

Organizational structure (including organogram) …………………………………….. 10

Various department/units in the establishment and their functions ………………….... 11

Report on work carried out with clear statement on experience gained……………………….. 18

Front-End Web Development………………………………………………………….. 18

WordPress…………………………………………………………….……………….. 31

Summary, Conclusion and Recommendations ………………………………………………... 44

Summary of attachment activities …………………………………………………....... 44

Problems encountered during the programme ………………………………………… 44

Suggestion for improvement of the scheme ………………………………………….... 45

Semilore David Siwes Report

 INTRODUCTION

The Student Industrial Work Experience Scheme (SIWES) is program that forms part of the
academic standards in the degree program for Nigerian Universities. The Federal Government of
Nigeria introduced the policy on Industrial training, called the Student Industrial Work
Experience Scheme (SIWES) IN 1974 due to the incapability of Engineering and Technology
students in Nigeria universities and Polytechnics to meet the practical aspects of their training.
The Industrial Training Fund (ITF) is in charge of this program which is under the umbrella of
the Ministry of Education. SIWES was designed to help students acquire the necessary practical
Education/experience in their fields of study and other related Professions and it has showed a
great disparity between students’ Knowledge and their ability to apply it in relevant jobs. This is
an effort which was created in order to compliment the theory taught in the Classrooms of the
Nigerian tertiary institutions. This objective of the Program is exposing students to the use of
various machines and Equipment, professional work methods and ways of safeguarding the
Work areas in industries as well as other organizations. This training is Funded by the Federal
Government of Nigeria and coordinated by the Industrial Training Fund (ITF) and the National
Universities Commission (NUC).

OBJECTIVE OF SIWES

- Provide avenue for Students in Institutions of higher Learning to acquire industrial skills

and experience in their course of study.

- Prepare Student for the work situation there are likely to meet after graduation.

- Expose Students to work methods and techniques in handling equipment and machinery

that may not be available in their Institutions.

- Make the transition from school to the world of work easier, and enhances Students

contacts for later job placement.

- Provide Students with an opportunity to apply their knowledge in real work situation

thereby bridging the gap between theory and practical.

Semilore David Siwes Report

 - Enlist and strengthen Employers involvement in the entire educational process and

prepare Students for employment after graduation.

- SIWES provides students the opportunity to test their interest in a particular career before

permanent commitments are made.

- It helps them to gain interpersonal and entrepreneurial skills and also instill 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.

Semilore David Siwes Report

DESCRIPTION OF THE ESTABLISHMENT OF ATTACHMENT

New Horizons Nigeria is a leading ICT Training and Exam Testing Institute with over 10 years

cognitive experience in Nigeria. This training unit has become a single source for all our training

needs. There customized enterprise solutions allow corporate training managers the ability to

easily administer their learning programs and track the progress of all participating employees.

They create innovative training solutions that works for you and your business and they always

account for the results.

VISION

To be the foremost provider of Industry-leading Technical and Business Skills training institute

in Nigeria.

MISSON

To provide quality, cost-effective training designed to increase individual and organizational

productivity and enrichment.

Semilore David Siwes Report

 ORGANOGRAM OF NEW HORIZON SOLUTION LIMITED

CEO

ICT MANAGER ICT OFFICER

Head of Graphics
Head of Software Head of Networking
Depratment/SIWES
Department Department
Supervisor

Interns

Semilore David Siwes Report

FUNCTIONS OF EACH DEPARTMENT

ICT MANAGER

An ICT Manager is an essential part of the hiring and training process within a company. An ICT

Manager works with Human Resources and supervisors to identify training requirements and

develops plans for training new and existing employees. Additionally, an ICT Manager has

advanced experience with instructional methods, team coaching and skill development. They use

these skills to support the rest of their team and ensure all employees are properly trained and

working to company standards.

Most ICT Managers works with companies or industry for an extended period of time and have a

detailed understanding of business policy and training processes. Individuals who possess

excellent leadership skills and in team settings tend to excel in the Training Managing position.

FUNCTION OF AN ICT TRAINING MANAGER

- Organize meetings with management before preparing course materials to ensure a

detailed understanding of training subjects and processes.

- Continually research methods and techniques in workplace training and remain up-to-

date on developments within the industry and competitors.

- Collect information from senior management and other departments regarding how well

employees retain information and use the concepts learned in training courses.

Semilore David Siwes Report

 - Administer tests after the completion of training courses to determine the effectiveness of

training strategies.

- Create printed and instructional materials to be distributed during training.

- Actively seek current training methods and best practices to facilitate training employees.

- Conduct regular meetings with senior management to identify subjects be addressed or

areas in need of additional instruction.

- Create internal marketing materials to be distributed throughout the company to

announce training programs and details.

ICT OFFICER

The ICT Officer will be responsible for ensuring reliable local communications and connectivity

between the provincial-level and home offices. They support the rollout of any new technology

required to implement program activities in the target provinces and districts.

FUNCTION OF AN ICT OFFICER

- Maintain and troubleshoot all network and computer related issues.

- Integrate security, physical control solutions for all confidential data and systems.

- Monitor performance and manage parameters to provide fast responses to front-end users.

- Integrate and configure computer networking for best performance.

- Troubleshoot and repair of hardware, operating systems and applications.

- Monitor and maintain computer systems and networks.

- Identify security gaps and provide relevant solutions in consultation with the Operations

manager.

Semilore David Siwes Report

 - Test and evaluate all new technology including M&E systems e.g. database systems,

websites etc.

- In collaboration with ICT Partner and MEL Unit, develop participatory strategies and

tools for monitoring and evaluating the project.

- Conduct electrical safety checks on computer equipment.

- Enhance office IT system through appropriate upgrades and advise Operations Unit on

changes or improvements required.

HEAD OF SOFTWARE DEVELOPMENT DEPARTMENT

Software development managers oversee teams of technology professionals in their organization

and are responsible for planning and coordinating all software-related activities. They have

experience and formal training in computer science and technology, often transitioning from

roles as software developers or engineers to this leadership position. They may also choose to

specialize in certain industries, such as medical research or gaming and entertainment.

FUNCTION

- Making plans to design new software and web applications.

- Monitoring progress throughout the design process.

- Hiring and training software developers on the team.

- Setting goals for the software development team.

- Submitting proposals and progress reports to upper management.

- Creating and maintaining a healthy workplace environment.

Semilore David Siwes Report

HEAD OF GRAPHICS DEPARTMENT

The senior graphic designer's responsibilities include managing all graphic design tasks, refining

projects and drafts, and generating creative ideas.

FUNCTIONS

- Designing graphic content, illustrations, and infographics.

- Be aware of the latest techniques and procedures used in designs.

- Managing graphic designs from conception to delivery.

- Train and mentor junior designers and entry-level entrants.

- Reviewing junior designer drafts to ensure quality.

- Generating fresh concepts.

- Keeping up-to-date with industry developments.

- Oversee that new techniques and processes are used to provide best quality of designs.

- Supervise and lead the graphic designing team.

HEAD OF NETWORKING DEPARTMENT

A Networking manager is responsible for installing and maintaining company’s computer

networks, and also to train staff to provide first rate technical support.

FUNCTION

- Evaluate the current network to identify areas that need to be enhanced or upgraded.

- Oversee installation of new hardware and software.

- Train staff on new equipment and applications for a smooth transition.

- Monitor system to prevent lapses in service.

Semilore David Siwes Report

 INDUSTRIAL EXPERIENCE

FRONT_END 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 Aim 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. A

front-end developer develops websites and applications using Web Technologies &

Programming languages which are;

HTML, CSS, JavaScript Bootstrap

Front end frameworks VUE Js
Angular
JQuery
React Js
Azure cloud

Front End Developers use HTML to lay out a document’s general

Structure and content, CSS for styling and JavaScript for situations that require advanced

interactivity or Animation.

Front End developers also commonly use the libraries built on these programming languages like

AngularJS, jQuery and React; and design frameworks including Foundation and Bootstrap.

Semilore David Siwes Report

HTML, CSS, JAVASCRIPT

Hypertext Markup Language (HTML), Cascading Style Sheets (CSS), and JavaScript are the

languages that run the web. They’re very closely related, but they’re also designed for very

specific tasks.

HTML is for adding meaning to raw content by marking it up.

CSS is for formatting that marked up content.

JavaScript is for making that content and formatting interactive.

HTML is an abstract text and images behind a web page, CSS is the page that actually gets

displayed, and JavaScript is the behaviors that can manipulate both HTML and CSS.

HTML, CSS, and JavaScript are totally different languages, but they all refer to one another in

some way. Most websites rely on all three, but the appearance of every website is determined by

HTML and CSS.

HTML

HTML is at the core of every web page, regardless the complexity of a site or number of

technologies involved. It's an essential skill for any web professional.

Semilore David Siwes Report

HTML stands for Hypertext Markup Language. HTML defines the content of every web page on

the Internet. By “marking up” your raw content with HTML tags, you’re able to tell web

browsers how you want different parts of your content to be displayed.

"Markup language" means that, rather than using a programming language to perform functions,

HTML uses tags to identify different types of content and the purposes they each serve to the

webpage.

Using HTML, you can add headings, format paragraphs, control line breaks, make lists,

emphasize text, create special characters, insert images, create links, build tables, control some

styling, and much more.

HTML element is the collection of start tag, its attributes, an end tag and everything in between.

On the other hand an HTML tag (either opening or closing) is used to mark the start or end of an

element.

Here are some HTML tag;

TAGS DESCRIPTION
<h1> to <h6> Defines a Headings level from 1 to 6 different sizes.
<p> Used to represents a paragraph text.
<!doctype> Defines a document type.
<!--...--> Describe a comment text in the source code.
<br> Specific a single line break.
<head> Defines header section of HTML document.

Semilore David Siwes Report

 <header> Defines as a container that hold introductory content or navigation links.
<button> Specifies a press/push button.
<div> Creates a container around an element.
<table> Used to define a table in an HTML document.
<img> Used to upload an image file.
<video> Used to embed video content.
<title> Represents title to an HTML document.
<a> Used to create an anchor link.

CSS

CSS stands for Cascading Style Sheets. CSS is a standard style sheet language used for

describing the presentation (i.e. the layout and formatting) of the web pages. CSS defines the

design of a web page. It determines things like font size, margins, and colors using a language

entirely separate from HTML. HTML represents the content of your web page, while CSS

defines how that content is presented to the user.

Semilore David Siwes Report

CSS provides the vocabulary to tell a web browser things like, “I want my headings to be really

big and my sidebar to appear on the left of the main article.” HTML doesn’t have the ability to

make those kinds of layout decisions, all it can say is “that’s a heading and that’s a sidebar”.

CSS helps Web developers create a uniform look across several pages of a Web site. Instead of

defining the style of each table and each block of text within a page's HTML, commonly used

styles need to be defined only once in a CSS document. Once the style is defined in cascading

stylesheet, it can be used by any page that references the CSS file. Plus, CSS makes it easy to

change styles across several pages at once.

A webpage with Raw HTML Markup and no CSS stylesheet

Semilore David Siwes Report

A webpage with CSS Stylesheet

Semilore David Siwes Report

JAVASCRIPT

JavaScript is a logic-based programming language that can be used to modify website content

and make it behave in different ways in response to a user's actions. Common uses for JavaScript

include confirmation boxes, calls-to-action, and adding new identities to existing information.

In short, JavaScript is a programming language that lets web developers design interactive sites.

Most of the dynamic behavior you'll see on a web page is thanks to JavaScript, which augments

a browser's default controls and behaviors.

JavaScript is an object-oriented programming language. JavaScript has dynamic data types,

operators, objects, and methods. It’s syntax comes from C and Java languages. JavaScript use

semicolons to terminate its statements.

The most common JavaScript document object write() method is used to write content to the

browser, writeln() method break the line at the end of text content, document.open() opens a

document for writing on the browser screen and document.close() closes the document after a

writing session.

<script type='text/javascript'>
document.open();
document.writeln('Hello World...!');
document.writeln('<br />');
document.writeln('Press <kbd>Close</kbd> button to close this window...!');
document.writeln('<form><input type='button' value='Close'
onclick='window.close();'/></form>');
document.close();
</script>

JavaScript give you control to completely manage HTML

Semilore David Siwes Report

Elements/Attributes using HTML DOM (Document Object Model).

HTML DOM is employed to retrieve and modify existing HTML Elements/Attributes. It also

gives you control to create new Elements/Attributes dynamically.

HTML DOM methods to find HTML elements;

- getElementById()

- getElementsByTagName()

- getElementsByClassName()

JavaScript innerHTML property sets or gets content between opening or closing tag.

document.getElementById('text').innerHTML = 'Hello World!';

document.getElementById('set_text').innerHTML =

document.getElementById('text').innerHTML;

One example of JavaScript in action is boxes that pop up on your screen. Like example, when

you enter an information into an online form and a confirmation box popped up, asking you to

press "OK" or "Cancel" to proceed. That was made possible because of JavaScript -- in the code,

you'd find an "if ... else ..." statement that tells the computer to do one thing if the user clicks

"OK," and a different thing if the user clicks "Cancel."

FRAMEWORKS & LIBRARY FOR FRONT-END DEVELOPMENT

REACT

React is the open-source framework developed and created by Facebook. This framework is the

best UI framework today, used by a majority of the frontend developers. A front-end framework,

React stands apart because of its virtual Document Object Model (DOM), which presents its

excellent functionality. It is a perfect framework for those who expect high traffic and require a

Semilore David Siwes Report

steady platform to manage it. This framework is user-friendly for new developers. React is

utilized for developing the user interface, particularly when you need to build single-page apps.

It is the most robust front end framework when you require to make an interactive interface with

less time since you can recycle the components.

ANGULAR

Angular is a single framework that is based on Typescript. Angular was established by Google to

link the gap between the mounting demands of technology and conventional notions that

displayed the results. Angular enlarges the execution of browser-based apps by vigorously

modernizing the contents in less time since it exercises two-way data binding.

JQuery

JQuery is utilized to operate DOM and CSS manipulation and to augment the interactivity and

functionality of a website. This web development framework is utilized in building desktop-

based JavaScript apps. This framework retains the code crisp and fairly simple. It is employed in

managing the events and executing animations.

VUE.js

Vue.js is an open-source model–view front end JavaScript framework for building user

interfaces and single-page applications.

BOOTSTRAP

Semilore David Siwes Report

Bootstrap is a framework to help you design websites faster and easier. It includes HTML and

CSS based design templates for typography, forms, buttons, tables, navigation, modals, image

carousels, etc. It also gives you support for JavaScript plugins.

WORDPRESS

WordPress is a free and open source blogging tool and a content-management system based on

PHP and MySQL, which runs on a web hosting service. WordPress is one of the most popular

open source content management system with features which include a plug-in architecture and a

template system. With WordPress, any type of website can be created like a personal blog or

website, a photo blog, a business website, a professional portfolio, a government website, a

magazine or news website, an online community, even a network of websites and this is made

easy using WordPress instead of coding from scratch.

When it comes to User Management there can be different users of the website and not everyone

requires the same access to website.

For example, Administrators manage the site, while editor’s work with content, authors and

contributors write that content, and subscribers have a profile that they can manage. With

WordPress the Back-End of a site can be easily be created. Website can be made with beautiful

with themes, and can be extended with plugins. WordPress comes with a theme directory with

thousands of themes that are available to create a beautiful website. It is also possible to upload

your own created theme with the click of a button.

WordPress offers a quick and easy way to manage the media in website. Media can be drag and

drop into the uploader to add it to website. It makes easy to add alt text, captions, and titles, and

insert images and galleries into website content.

Semilore David Siwes Report

WordPress comes with a plugin directory with thousands of plugins for example, it is possible to

add complex galleries, social networking, forums, social media widgets, spam protection,

calendars, fine-tune controls for search engine optimization, and forms.

INSTALLATION OF WORDPRESS

WordPress is well-known for its ease of installation. Under most circumstances, installing

WordPress is a very simple process and takes less than five minutes to complete. WordPress can

be accessed online with no need for installation.

XAMPP

We can install WordPress locally on Windows, Mac, or Linux using XAMPP. XAMPP is a

software package that includes all things you need to set up a local server environment on your

computer. In order to create a local WordPress site, you need to set up a web server software

(Apache), PHP, and MySQL on your computer.

PHP is a programming language and MySQL is a database management software. Both of them

are required to run WordPress. Installing each of them separately is quite difficult. This is where

XAMPP comes in.

XAMPP makes it easy for you to build WordPress websites locally.

When you install XAMPP on your system and you run it, using the XAMPP app, you can run

Apache web server as your local server and MySQL as your database server. You click on the

start button next to both Apache and MySQL.

Semilore David Siwes Report

XAMPP will now start Apache and MySQL.

Then we install WordPress in our system from the WordPress site from wordpress.org. After

downloading WordPress, you need to extract the zip file, and you will see a WordPress folder.

You need to copy this folder and head over to your XAMPP installation folder.

On Windows it would be C:/Program Files/XAMPP/htdocs or C:/Xampp/htdocs folder. Paste the

WordPress folder you copied earlier inside htdocs.

Semilore David Siwes Report

Next, you need to open your web browser and enter this URL in your browser’s address bar

https://localhost/wordpress/

This will load the WordPress installation wizard and you’ll be asked to select a language. After

selecting a language, click on the ‘Continue’ button. On the next screen, you will see a notice

that WordPress needs a database name, database username, password, and host information.

To create a database for the WordPress site. You’ll need to open a new browser tab and visit

https://localhost/phpmyadmin/.

This will launch the phpMyAdmin app that comes pre-installed with XAMPP. It allows you to

easily manage your databases using a simpler interface. You would need to click on Databases,

and provide a name for your new database. After that, click on the ‘Create’ button to continue.

Semilore David Siwes Report

Now that you have created a database, you can use it for your WordPress site. Switch back to

/localhost/wordpress/ browser tab and click on the ‘Let’s Go’ button. On the next screen, you

will be asked to provide your WordPress database information. Enter the database name you

created earlier. Your username is ‘root’ and you should leave the password field blank. For the

database host field, you need to use localhost.

Semilore David Siwes Report

Once you are done, click on the ‘Submit’ button to continue. WordPress will store this

configuration file called wp-config.php file.

In the next step, WordPress will ask you to provide information about your website. First, enter

the title you want to use for this site. After that, you need to enter a username, password, and

email address for your admin account.

Once you have filled all the information, click on the ‘Install WordPress’ button to continue.

WordPress will now run the installation and prompt you to log in once it’s done. You can login

Semilore David Siwes Report

to your website by going to https://localhost/admin/wp-admin page and use the username /

password that you entered during installation to login.

Now that you have created your local WordPress site using XAMPP, you can work on it like you

would do on a live WordPress site.

Semilore David Siwes Report

This is how WordPress Dashboard looks like. Here you can install a theme and customize and

also install different plugins for your site.

Head over to Appearance menu in WordPress admin sidebar, to customize your site’s appearance

or install a new theme.

Plugins are like apps for your WordPress site and allow you to add cool features like contact

form, social media buttons, eCommerce store, etc.

This is the Sample of the Theme I installed for my Site

Semilore David Siwes Report

Semilore David Siwes Report
Semilore David Siwes Report
Semilore David Siwes Report
 PROBLEMS ENCOUNTERED DURING THE PROGRAM

There was intense traffic on my way home and it was a serious challenge, most of the times I

spend almost 2 hours in the traffic and I have to get up early in morning so I won’t be late and it

was really stressful for me. And also I they were no IT student at that moment when I started

cause most of them went back to school so it was a little bit challenging for me to learn and be

motivated because they were no one to compete with but with all that after 2 months of my IT I

was able to take new students on Web Development and it was a great experience.

SUGGESTION FOR SIWES

I urge the Federal Government to take the SIWES program more seriously especially for I.T

students because the world is drifting towards I.T. The Government should make sure a proper

supervision of SIWES students so that the purpose of the program will be accomplished. The

Federal Government should also make adequate provision on budget for proper funding of

SIWES in view of the potential of the program to contribute to enhancing the quality of the pool

I.T skills available to the country. The ITF also should ensure that the payment of the student

allowance is paid on time in other to keep the SIWES students motivated.

Semilore David Siwes Report