A TECHNICAL REPORT ON
STUDENTS’ INDUSTRIAL WORK EXPERIENCE SCHEME (SIWES)

Held At:

YEMTECH CYBER WORLD
21, IMOLE STREET, OPP ACLOSE OKO-AFO, BADAGRY

By:

ADEBANKE QUADRI ADEKUNLE
ND/23/COM/PT/0363

Submitted To:

DEPARTMENT OF COMPUTER SCIENCE
INSTITUTE OF INFORMATION AND COMMUNICATION TECHNOLOY (IICT) KWARA STATE POLYTECHNIC, ILORIN

IN PARTIAL FULFILLMENT OF THE REQUIREMENTS FOR THE AWARD OF NATIONAL DIPLOMA (ND) IN COMPUTER SCIENCE

September - December, 2024

DEDICATION
I dedicate this report to Almighty Allah and to my wonderful parents

ACKNOWLEDGEMENT
I owe much gratitude to Almighty Allah the creator of all souls, the source of all inspiration, establishment, knowledge and wisdom for having made it possible for me to get to this present stage in life.
My great and profound gratitude goes to General Manager and the entire staff of YEMTECH CYBER WORLD for their readiness to give rigid support at all time. May God continue to bless and grant you abundant favour.
Am also grateful to my HOD in person of MR. OYEDEPO S.A and to all my lecturers for their moral support and words of advice
Specials thanks goes to my able parent MR. AND MRS ADEBANKE for their moral, spiritual and financial assistance before, during and after my programme. May Almighty God grant you long life (Amen) And to my sibling, May God Grant you abundant Blessing and favour.  
And to all my wonderful friends I say a big THANK YOU

ABSTRACT
This report is aimed at giving the introduction to what was achieved during the SIWES program which will be used to Computer science and non-computer science student. This technical report is written to improve the standard of learning and create awareness for continuity education in tertiary institution. The report comprises of four different chapters. Chapter one describe the introduction, chapter two describes the department\unit of the organization, chapter three involve the student involvement in the organization, chapter four is the summary, conclusion, recommendation and relevance  experience gained to student.

TABLE OF CONTENT
Title Page
Dedication
Acknowledgement 
Abstract 
Table of Contents

CHAPTER ONE
1.0	Introduction
1.1	Brief History of SIWES
1.2	Aims and Objective of the SIWES

CHAPTER TWO
2.0	Brief History of the organization
2.1	Department and their function 

CHAPTER THREE
MAIN WORK DONE 
3.1	Introduction to Web Application	
3.2	Coding a Webpage
3.3	Structure of HTML Documents
3.4	Simple HTML code and Output
3.5	Introduction to CSS 
3.6	CSS code and Output
CHAPTER FOUR
SUMMARY, CONCLUSION AND RECOMMENDATION
4.1	Problem encounter during the program
4.2	Conclusion
4.3	Recommendation
	References

CHAPTER ONE
1.0	INTRODUCTION 
Training is a key factor in enhancing the efficiency and expertise of the workforce. No society can achieve meaningful progress without encouraging its youth to acquire necessary practical skills. Such skills enable them to make use of available resources to meet the needs of the society. It was against this background that SIWES, otherwise referred to as industrial Training was introduced to Nigeria tertiary institutions.
SIWES is a skill development programme designed to prepare students of universities, polytechnics or monotechnics and colleges of education for transition from academic environment to labour market. 
The scheme had given students the opportunity of getting familiar with and expose to the experience needed in handling the tools and materials which are not provided by the institutions of study.
This report is to keep record and to serve as a proof of my completion of the training exercise which covers a period of four months starting from August to December, 2024
1.1	BRIEF HISTORY OF SIWES
SIWES (Student Industrial Work Experience Scheme) was established by ITF (Industrial Trust Fund) in 1973 to solve the problem of lack of adequate practical skills preparatory for employment in industries by Nigerian graduates of tertiary institutions. 
The Scheme exposes students to industry based skills necessary for a smooth transition from the classroom to the world of work. It affords students of tertiary institutions the opportunity of being familiarized and exposed to the needed experience in handling machinery and equipment which are usually not available in the educational institutions.
Participation in SIWES has become a necessary pre-condition for the award of Diploma and Degree certificates in specific disciplines in most institutions of higher learning in the country, in accordance with educational policy.
Beneficiaries: Undergraduate students of the following: Agriculture, Engineering, Technology, Environmental, Science, Education, Medical Science and Pure, Applied Sciences and ICT.
Operators: Industrial Trust Fund (ITF), the Coordinating Agencies (NUC, NCCE, NBTE), Employers of Labour and Institutions. 
Funding: The Federal Government of Nigeria.
Duration: Four months for Polytechnics and Colleges of Education, and Six months for the Universities.
1.2	AIMS AND OBJECTIVE OF SIWES
(i)	To provide an avenue for students in Nigerian tertiary institutions to acquire industrial skills and experience during their course of study.
(ii)	To prepare the students for the work situation they are likely to meet after graduation. 
(iii)	To expose the students to work methods and techniques in handling equipment and machinery that may not be available in their institution.
(iv)	 To allow the transition phase from school to the world of working environment easier and facilitate students contact for later job placement.
(v)	To provide student with an opportunity to apply their theoretical knowledge to real work situation thereby bridging the gap between theory and practice.
1.3	EVALUATION OF STUDENTS DURING SIWES
In evaluating students, cognizance is to be taken of the following items:
(i)	Punctuality 
(ii)	Attendance
(iii)	General attitude to work
(iv)	Respect for authority 
(v)	Interest in the field/technical area
(vi)	Technical competence as a potential technician in his field.
Completion of SIWES is important in the final determination of whether the student is successful in the programme or not. Failure in the SIWES is an indication that the student has not shown sufficient interest in the field. The SIWES is graded on a fail or pass basis. Where a student has satisfied all other requirements but failed SIWES, he/she is only allowed to repeat another four months SIWES at his/her own expense. 

CHAPTER TWO
2.0	BRIEF HISTORY OF THE ORGANIZATION
Yemtech Cyber World is Non-governmental organization is located at 21, Imole street, opp Aclose oko-afo, badagry.  It’s among the ICT Training institute which is cable of producing computer literates.
The organization offers such as ICT center, computer training institute, and educational consult. 
2.1 	DEPARTMENTS AND THEIR FUNCTIONS
2.1.1	BUSINESS CENTER
This is the department where business are been carried out on daily basis which help to maintain the existence of the  organization, in this department student are expose to the internet on how to  register customers for online jobs such as Nigerian Army recruit registration form, .N-power recruit form, online shopping, online payment and others 
This department also undertakes the following jobs;
•	Scanning of documents to Email
•	Laminating
•	Spiral binding 
•	Printing
•	Photocopy
•	Typesetting 
•	Graphics design
•	And sales of accessories
2.1.2	COMPUTER TRAINING INSTITUTE
This is a department where student are being trained on computer Operation and other professional packages.
Student are being trained and taught on the following packages:
•	Introduction  to hardware components
•	Computer operation
•	Application package like MS word  MS Excel ,MS Publisher, MS Access
•	Graphic Design using Corel Draw, Adobe Photoshop, Adobe Illustrator and so
•	Web Development

CHAPTER THREE
WORK EXPERIENCE
3.1	INTRODUCTION TO WEBSITE DEVELOPMENT
Website development is the setup of a webpage application using the html markup language (Hypertext markup language) as the block building and using the cascading stylesheet as a decorator.
Webpage: This is a page that consist of various graphical design, text and images. This document is store in the word wide web with its own address (url).
Website: A website consist of many web pages linked together under a common domain name.
3.2	CODING A WEBPAGE 
Webpages are developed using the listed languages.
1.	Hypertext Markup Language (HTML5)
2.	Cascading Stylesheet (CSS3)
Using the two languages we will be able to code a webpage and a YouTube webpage is clone as a final project.
Notepad is an application program that come along with the windows operating system which can be use for developing a webpage other application software includes
1.	VS code Editor
2.	Notepad++
3.	Sublime Text
4.	Atom
5.	Browser (Chrome, Firefox, Edge, Safari)
An html document is always saved with the extension of .html or .htm.  
HTML Tags: Html tags are the opening tag <> and the closing tag </> and they are used to indicate to the browser the element of the html. 
Html Element: This is a component of an HTML document that tell the web browser to structure and interpret a part of the html document.
HTML element can contain formatting instructions, semantic meaning and content.
3.3	STRUCTURE OF AN HTML DOCUMENT
1.	Html version declaration <!DOCTYPE html>
2.	Html root <html></htm>
3.	Head <head></head>
4.	Body <body></body>
Html version declaration is the first to be written in any html document this is telling the browser the version of html you are using as some element are added while some where removed in the previous version. Version 5 has been considered flexible to use by developers.
Version 5 Html has the canvas element <canvas> element.
HTML Element 
Html element are always written starting with an opening tag <strong> and a closing tag </strong>. There are also few elements that those not use closing tag. These elements are called the VOID element. Examples are <img> <input> etc.
1.	<a> anchor element for linking internal and external url
2.	<strong> To make a text bold
3.	<h1> to <h6> Heading 1 to Heading 6
4.	<p> Paragraph 
5.	<img> Image
6.	<link>  use in head section to link external css file
7.	<Input> Input
8.	<blockquote> Block Quote
9.	<form> Form
10.	<div> Division
11.	<section> Section 
12.	<address> Address
13.	<article> Article
14.	<br> Break
15.	<hr> Horizontal Rule

Html Attribute
An attribute is used to define the characteristics of an HTML element and is placed inside the element's opening tag.
<p style=””> </p> 
The above explain how attribute is used in html the “style” is an attribute of the to the paragraph element.
3.4	SIMPLE HTML CODE AND OUTPUT
Buttons
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Youtube Subscribe Button</title>
<!-- Using External CSS  -->
<link rel="stylesheet" href="design/button.css">
</head>
<body>
<!-- This is the suscribe Button -->
  <button id="top" class="subscribe">
    Subscribe
  </button>
  <!-- This is the Join Button -->
  <button id="top" class="join">
    Join
  </button>
  <!-- This is the tweet button -->
  <button id="top" class="tweet">
    tweet
  </button>
  <br/><br/><br/><br/><br/>

  <!-- other Buttons -->

  <!-- Uber Button -->
  <button id="buttom" class="uber-button">Request now</button>
  
  <!-- amazon button-->
  <button id="buttom" class="amazon-button">Add to Cart</button>

  <!-- boostrap button -->

  <button id="buttom" class="boostrap-get">Get started</button>
  <button id="buttom" class="boostrap-down">Download</button>

</body>
</html>

Output 

Text in HTML
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Text</title>

</head>
<body>
  <h1>Welcome to Nixsoft ICT</h1>
  <p class="video-title">
    The begining of The end time!
  </p>
  <p class="video-stat">
    3.4M Views &#183 6 Month ago
  </p>
  <p class="video-author">
    Marquee Browlee &#10003
  </p>
  <p class="video-description">
    Torem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatem tempora deserunt 
     Dolorum libero,dolores!
  </p>

    <p class="apple-text">
      shop early for the best selection of holiday favourite. <span class="shop-link">shop now &gt;</span>
    </p>
    <a style="text-align: center;"href="">meet me</a>
</body>
</html>

Images
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Images</title>
  
</head>
<body>
    <img src="images/page4.JPG" class="img">
    <img src="images/page5.JPG" class="img">
    <img src="images/page6.JPG" class="img">
    <img src="images/page7.JPG" class="img">
    <img src="images/page8.JPG" class="img">
    <img src="images/page9.JPG" class="img">
</body>
</html>

3.5	INTRODUCTION TO CASCADING STYLESHEET
Cascading stylesheet is also called CSS. It is language that goes hand in hand with html. It is used to format html element and makes the webpage structured for user experience.
There are three ways of using CSS in html file
1.	Internal CSS
2.	External CSS 
3.	Inline CSS
The above three ways are used but the external CSS is recommendable as it makes html short and easier to read.
Internal CSS: The internal CSS is typed inside an html file and can be found in the head “<head>” section of an html file using the <style> html tag to tell the browser that the file is a CSS file and it should be executed as a CSS document.
Inline CSS: The CSS is written as an attribute and style that particular element.
External: This is the most used and recommended way of writing CSS inside an another file saving it with an extension of .CSS and linking the html page and CSS together in the head “head>” section.

3.6	CSS CODE  AND OUTPUT
Buttons
#top{
  text-transform: uppercase;
  cursor: pointer;
  margin-right: 8px;
}
#buttom{
  cursor: pointer;
  margin-right: 8px;
}
.subscribe{

  padding:10px 16px;
    background-color: rgb(201, 0, 0);
    font-size: 15px;
    color: #fff;
    border: none;
    border-radius: 4px;
    transition: opacity 0.17s;
    vertical-align: top;

}
.subscribe:hover{
  opacity: 0.8;

}
.subscribe:active{

  opacity: 0.4;

}
.join{
    color:rgb(41, 118, 211);
    border: 1px solid rgb(41, 118, 211);
    background-color: white;
    border-radius: 4px;
    padding: 10px 13px;
    transition: background-color 0.15s, color 0.15s;
    vertical-align: top;
  }

  .join:hover{
    background-color: rgb(41, 118, 211); 
    color: #fff;

  }

.join:active
{
  opacity: 0.7;
  
}

.tweet{
    padding: 10px 18px;
    background-color: rgb(2, 158, 255);
    border-radius: 19px;
    color: white;
    border:none;
    text-transform: capitalize !important;
    font-weight: bold;
    transition: box-shadow 0.15s;
    vertical-align: top;

}

  .tweet:hover{

    box-shadow: 2px 2px 9px rgba(0,0,0, 0.4);

  }

.uber-button{
  background-color: #000;
  color: #fff;
  padding: 15px 20px;
  font-size: 15px;
  text-transform: initial;
  border: none;
  transition: opacity 0.15s;
}
.uber-button:hover{

  opacity: 0.8;
}
.amazon-button{
  background-color: rgb(255, 216, 20);
  color: #000;
  padding: 8px 30px;
  font-size: 15px;
  border: none;
  border-radius: 15px;
  font-weight: bold;
  transition: opacity 0.15s;
  vertical-align: top;
}

.amazon-button:hover{
  opacity: 0.8;

}
.amazon-button:active{
  
  background-color: green;
  color: white;

}
.boostrap-get{
  background-color: rgb(121, 82, 179);
  color: #fff;
  padding: 15px 20px ;
  font-size: 12px;
  border: none;
  border-radius: 3px;
  font-weight: bold;
  transition: opacity 0.15s;
}

.boostrap-get:hover{
  opacity: 0.8;

}
.boostrap-down{
  background-color: rgb(250, 250, 250);
  color: rgb(108, 117, 125);
  padding: 15px 20px;
  font-size: 12px;
  border: 1px solid rgb(108, 117, 125);;
  border-radius: 3px;
  font-weight: bold;
  transition: background-color 0.15s, color 0.15s, padding 0.15s;
}

.boostrap-down:hover{
  background-color: rgb(108, 117, 125);
  color: #fff;
  padding: 15px 25px;
}
Output 

TEXT 
p{
  font-family: arial;
  margin-bottom: 0;
  margin-top: 0;

}
.video-title{

  font-size: 15px;
  font-weight: bold;
  width: 200px;
  line-height: 20px;
  text-transform: capitalize;

}
.video-stat{
  font-size: 10px;
  color: rgb(96, 96, 96);
  margin-top: 5px;
  font-weight:300;
}
.video-author{
  font-size: 10px;
  margin-top: 20px;
  color: rgb(96, 96, 96);
}
.video-description{
  margin-top: 10px;
  font-size: 12px;
  width:250px;
  line-height: 20px;
  color: rgb(96, 96, 96);
  margin-bottom: 50px;
}
.apple-text{

  font-size: 12px;
  text-transform: capitalize;
  background-color: red;
  color: white;
  text-align: center;
  padding: 20px 30px;
}
.shop-link:hover{
  cursor: pointer;
  text-decoration: underline;
}

Images
.img{
  width: 200px;
  margin: 10px;
  border-radius: 20%;
  object-fit: contain;
  border: solid 2px rgb(80, 76, 76);
 
}
.img:hover{
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
}

Output 

CHAPTER FOUR
4.1	PROBLEMS ENCOUNTERED DURING THE PROGRAM
LACK OF TRANSPORT FARE:  Due to the lack of transport fare, there are limited days to go for training.
4.2	CONCLUSION
Technical report shown student greatly equipped with technical knowledge base work experience scheme (SIWES). 
As a student who has passed through this program, I have acquired more on what is relevance to my field of study. The program has been an avenue of multiplication to my knowledge in the field of computer science.
4.3	RECOMMENDATION
Although SIWES undergone did achieve quite a lot of its stated objectives, nevertheless, the following recommendations are suggested to improve the qualitative context of the programme: 
•	Participation of private corporate organization to minimize the problem of low funding as recently complained by the director of ITF and payment of befitting student allowance to assist in student’s finances during the period of training should be done on monthly basis and promptly.
•	Participation of various professional, regulatory and statutory bodies such as CPN, NCS in the supervision of students. 
•	Organizing workshops, seminars and symposium for students in various faculties in other to keep the student abreast of new technologies and innovations.
•	Posting of students for SIWES should be done by the scheme to ensure conformity with course of study.
•	A mass enlightenment campaign should be carried out, to enable industries and establishments know the importance of SIWES to the future of the student and the society at large. 
•	The scheme should also try to enforce the act guiding the establishment of the scheme, to serve as deterrent to those establishments who reject student for IT.
REFERENCES
A.K Raji (Ph.D), K.A Sodiq and T.A Abdulrahman (2021): Scientific Research Methodology
Students Industrial Work Experience Scheme(SIWES) in Nigeria; www.martinslibrary.blogspot/2012/12/students-industrial-work-experience.html
The Industrial Training Fund (2008), Students Industrial Work Experience Scheme 	www.odich.com/itfnig/siwes.php