SUBMITTED TO THE DEPARTMENT OF COMPUTER

SCIENCE REPORT

ON

STUDENTS INDUSTRIAL WORK EXPERIENCE SCHEME

(SIWES)

AT

SAMACE DIGITAL SOLUTION OJOO, IBADAN

PRESENTED BY

MURITADHO RODIAT
CSC/10099

FEDERAL SCHOOL OF STATISTICS AJIBODE, IBADAN.

IN PARTIAL FULFILLMENT OF THE REQUIREMENTS FOR

THE AWARD OF NATIONAL DIPLOMA OF COMPUTER
SCIENCE
(COMPUTER SCIENCE)

October 2023
DEDICATION
This report is fore mostly dedicated to God almighty for everything He did to see to the success of
my SIWES. His provision, protection, strength, support, love, care, comfort and the countless
number of things that are beyond enumeration. I also will like to dedicate this report to my family
for their support in every way. The words of encouragement, the support, care, love and everything
they contributed to the success of this program. Special dedication also to my parents for their
support and to my boss and his staffs for their support and encouragement
ACKNOWLEDGEMENT

I thank God who has seen me throughout my SIWES program and also thank my Industrial
based supervisor who guided me through My Industrial training. I also send out my
appreciation to my lecturers, friends and Coworkers for their moral support. My special
thanks to my wonderful and lovely parents Mr. and Mrs. Muritadho who were there for me in
terms of care, prayers, financial support and others.
ABSTRACT

This report is a summary of all work experience I have been able to gather during my
SIWES training programme at Samace Digital Solutions.

The report contains my all my experience in front-end development in relation to

HTML, Ui design and Graphics design.

In conclusion is a summary of what I learnt in my three months SIWES programme.

 TABLE OF CONTENT

CONTENT PAGE
TITLE I
DEDICATION II
ACKNOWLEDGEMENT III
ABSTRACT IV

CHAPTER ONE
1.0 Introduction
1.1 Aims and objectives of SIWES
1.2 Roles of student during SIWES
1.3 Objectives of the report
1.4 The logbook
1.5 Description of the establishment of attachment
1.6 Vision and Misson of the company
1.7 Core Values
1.8 Organogram of Samace Digital Solutions
1.9 Company Area of Specialization

CHAPTER TWO
2.0 Activities carried out during the course of the siwes programme

CHAPTER THREE
3.0 INDUSTRIAL EXPERIENCE
3.1 HTML and its properties
3.2 UI/UX Design using Adobe Xd

CHAPTER FOUR
4.0 Challenges
4.1 Recommendation
4.2 Conclusion
 CHAPTER ONE
1.0 INTRODUCTION

The Student Industrial Work Experience Scheme (SIWES) is program which 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. 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.
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’s, professional work methods and
ways of safeguarding the work areas in industries as well as other organizations. SIWES was
established to impact practical knowledge to students with respect to their various disciplines.

This training is funded by the Federal Government of Nigeria and coordinated by the
Industrial Training Fund (ITF) and the National Universities Commission (NUC). The
SIWES program involves the student, the Universities and the industries.

1.1 AIMS AND OBJECTIVES OF SIWES

The program teaches the student on how to interact effectively with other workers and
supervisors under various conditions in the organization

It will help students to gain increased maturity and understanding of the workplace

The students will have chance to evaluate companies for which they might wish to work
It exposes students to work methods and techniques in handling equipment and machines that
may not be available in educational institution.

The program provides students with an opportunity to apply their knowledge in real work and
actual practice.

SIWES increases a student sense of responsibility.

SIWES provides students the opportunity to test their inte rest in a

particular career before permanent commitments are made.

It helps them to gain interpersonal and entrepreneual skills.

It inserts in them the right kind of work attributes and professionalism through interactions
with people in the organization.

1.2 ROLES OF STUDENT DURING SIWES

" Attend SIWES orientation program before going on attachment.

" Comply with the establishment’s rule and regulation.

" Arrange living accommodation during the period of attachment.

" Record all training activity done and other assignment in the log book.

" Complete SPEI from ITF, FORM 8 and get it endorsed by the employer

for submission to the ITF.

 1.3 OBJECTIVE OF THE REPORT

The objectives of the SIWES report are;

" To make through explanation of the work done during my four-month industrial training.

" To fulfil the requirement for national diploma in computer science.

" To contribute to the body of knowledge and to enhance the understanding of the writer about

a similar or same job.

1.4 THE LOGBOOK

The logbook issued to student on attachment by the institution was used to record all daily
activities that took place during the period of attachment, and it was checked and endorse by
the industry based/ institution based supervisors and ITF during supervision.

1.5 DESCRIPTION OF THE ESTABLISHMENT OF ATTACHMENT

Samace Digital Solution is a premium design agency that focuses on quality,

innovation, & speed. We utilized technology to bring results to grow our clients
businesses. We pride ourselves in great work ethic, integrity, and end-results.
Throughout the years Samace Digital Solution has been able to create
stunning, designs in multiple verticals while allowing our clients to obtain an overall
better web presence.
Our company strives for corporate integrity, honesty, and servant leadership. Our team
members all strive to be servant-leaders in the workforce. Samace Digital Solution
doesn’t just focus on great websites; we personally serve every single customer we
come in contact with. It does not matter if it is a corporate conference over the phone
or causal meeting at Starbucks we are here and in business for you. Because of that we
believe personal attention to every customer isn’t just good business it is a judgment
of character as well. Samace Digital Solution is making large strides in the web
development and design industry. Samace Digital Solution has desires to provide
affordable, high-quality website to individuals and companies. Samace Digital
Solution prides itself with user-friendly & professional websites that are valuable to
any audience that visits.

1.6 Core Services at Samace Digital Solution

• Web Design
• Web Development
• Web Hosting
• Domain Name Registration
• UI/UX Design
• Graphics Design

1.7 Vision and Mission of the Company

To be a first choice Information and Communication Technology (ICT) company with the
idea of rendering unmatchable excellent professional solution to our clients in line with
emerging technology.
Our reason for existing as a company is to provide unbeatable first choice consistent
professional service solution.

1.8 Core Values

 Integrity
 Services
  Commitment
 Excellence
 Professionalism

1.9 ORGANOGRAM OF SAMACE DIGITAL SOLUTION

CHAPTER 2
Lead Developer

2.0 ACTIVITIES CARRIED OUT DURING THE COURSE OF THE

SIWES PROGRAMME

 Software Development
Software UI Designer
Developer
 Web Design and Development
 Front-end web development through the use of HTML
 Website
Ui/Ux Designing Graphics

Design
Graphics Designing
Designer

Backend Frontend
Developer

2.1 Web Development is the work involved in developing a website for

the Internet (World Wide Web) or an intranet (a private network). Web development
can range from developing a simple single static page of plain text to complex web-
based internet applications (web apps), electronic businesses, and social network
services.
Web development usually refers to the main non-design aspects of building web sites:
writing mark-up and coding. Web development may use content management
systems (CMS) to make content changes easier and available with basic technical
skills.
2.2WEBSITE:
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). A publicly accessible websites collectively
constitutes the World Wide Web (WWW).

2.3 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. The user’s application often a web
browser renders the page content according to its HTML mark-up instructions into a
display terminal.
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.
2.4 Front-end web development through the use of HTML

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.
Originally, HTML was developed with the intent of defining the structure of
documents like headings, paragraphs, lists, and so forth to facilitate the sharing of
scientific information between researchers.
 CHAPTER 3

3.0 INDUSTRIAL EXPERIENCE

3.1 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.
Originally, HTML was developed with the intent of defining the structure of
documents like headings, paragraphs, lists, and so forth to facilitate the sharing of
scientific information between researchers.
Now, HTML is being widely used to format web pages with the help of different tags
available in HTML language.
3.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
This tag encloses the complete HTML document and mainly
comprises of document header which is represented by
<html>
<head>...</head> and document body which is represented by
<body>...</body> tags.
This tag represents the document's header which can keep other
<head> HTML tags like <title>, <link>, <script language =”javascript”>
etc.
The <title> tag is used inside the <head> tag to mention the
<title>
document title.
This tag represents the document's body which keeps other HTML
<body>
tags like <h1>, <div>, <p>, <table> etc.

<h1> This tag represents a heading

<p> This tag represents a paragraph.

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

3.2.2 HTML TABLE:

Below is an example of HTML used to define a basic webpage with a title and a single
paragraph of text

<!DOCTYPE html>

<html>

<head>
<title></title>

</head>

<boby>

<p>This is a report written by Muritadho Rodiat </p>

</body>

</html>

OUTPUT

This is a report written by Muritadho Rodiat

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. Table data <td> are the data containers of the table. They can contain all
sorts of HTML elements like text, images, lists, other tables.
<!DOCTYPE html>
<html>
<body>
<h2>Basic HTML Table</h2>
<table style="width:100%">
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr>
<td>Jill</td>
<td>Smith</td>
 <td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
<tr>
<td>John</td>
<td>Doe</td>
<td>80</td>
</tr>
</table>
</body>
</html>
OUTPUT:

Basic HTML Table

Firstname Lastname Age
Jill Smith 50
Eve Jackson 94
John Doe 80
3.2 UI/UX Design using Adobe Xd

USER INTERFACE:

A user interface is the point of interaction between the user and a digital devices or product
like the touchscreen on your smartphone, or the touchpad you use to select with kind of
coffee you want from the coffee machine. In relation to website