Aliyu Baba Report Correction
Aliyu Baba Report Correction
OF
HELD AT
SUPERVISED BY
MALAMA AISHA UMAR SULAIMAN
DECEMBER, 2022
DEDICATION
1
This work is dedicated to my family who support me from the beginning to the end of this
SIWES programme successfully and complete this report. I also dedicate it to my father Alhaji
Abubakar Umar Baba and my beloved mother for their utmost support. May Allah reward them
with the paradise, Ameen.
ACKNOWLEDGEMENT
My profound gratitude goes to Allah the nourisher, cherisher, sustainer, provider the one who
provide and sustain our lives to witness the end of this session, indeed is a gift.
ALHAMDULILAH.
2
My special thanks goes to my family who had never failed to show interest in my studies.
My appreciation also goes to my supervisor Malama Aisha Umar Sulaiman who come all the
way to supervise me and guide all through in writing the report, an appreciation goes to my
lecturers for their support and their contributions toward their effort to provide quality education.
I will also like to thanks the management of Yusuf Maitama Sule University – Kano, ICT
Directorate especially the Director, Dr. Ishola D. Muraina and my appreciation goes to my
industrial base supervisor Malam Salim Alhassan Muhammad and other staffs like Malam
Lawan Garba, Umar Suleiman Ayagiand Malam Tajjuddeen.
I should not fail to appreciate the help of my colleagues toward completing this work. May Allah
reward them all.
3
TABLE OF CONTENTS
CONTENT PAGE
Dedication……………………………………………………………………………………..…..2
Acknowledgment ………………………………………………………………………..………..3
Abstract…………………………………………………………………………………..………..5
Certification……………………………………………………………………………………….6
Chapter one……………………………………………………………………………….……….7
Introduction…………………………………………………………………………………..……7
Objectives of SIWES………………………………………………………………………….…..8
Chapter two…………………………………………………………………………………….….9
About Place of Attachment…………………………………….. ……………………………..….9
Chapter three………………………………………………………………………………./.…...13
Knowledge and Skills acquired……..………………………………………………………...…13
HTML 5…………………………………………………………………………………….……14
New Added Element to HTML 5…………………………………………………………….….15
HTML Style-CSS……………………………………………………………………….……….20
HTML JavaScript……………………………………………………………………….……….24
TYPES OF CCTV CAMERAS…………………………………………………………………24
Chapter Four………………………………………………………………………………..……28
Summary …………………………………………………………………………………..….…28
Conclusion …………………………………………………………………...……………..…...28
Recommendation ……………………………………………………………………….…….…28
References………………………………………………………………..………………………29
4
ABSTRACTION
The report will covers all the skills acquired during my training, the department
where I conducted my SIWES training consists of highly skilled personnel from
various range of disciplines such as Networking, Information Technology,
Programming, Computer engineering and System Analysis. The department is
supportive department which primarily work was dealing with the University
Portal, University Network maintenance and all other Computer/ Digital activities
within the University. The report covers all the responsibilities of the Directorate
which include: the managing and maintaining the information technology
infrastructure of the University, deploying and managing computer appliances such
as printers, scanners, cameras and installations of software.
5
CERTIFICATION
This is to certify that, this work was carried out by Aliyu Baba under my supervision and has
been read and approved as meeting the requirement for the award of B.sc Information and
Communications Technology (ICT), Yusuf Maitama Sule University - Kano
6
CHAPTER ONE
ABOUT SIWES
1.0 Introduction
The Student Industrial Work Experience Scheme (SIWES) program
The students Industrial Work Experience Scheme (SIWES) is a skills training
program designed to expose and prepare students of universities,
polytechnics/colleges of technology/colleges of agriculture and colleges of
education for the industrial work situation they are likely to meet after graduation.
The scheme also affords students the opportunity of familiarizing and exposing
themselves to the needed experience in handling equipment and machinery that are
usually not available in their institutions. Before the establishment of the scheme,
there was a growing concern among our industrialists that graduates of our
institutions of higher learning lacked adequate practical background studies
preparatory for employment in industries. Thus, the employers were of the opinion
that the theoretical education going on in higher institutions was not responsive to
the needs of the employers of labour.
It is against this background that the rationale for initiating and designing the
scheme by fund during its formative years – 1973/74 was introduced to acquaint
students with the skills of handling employers’ equipment and machinery. The ITF
solely funded the scheme during its formative years. But as the financial
involvement became unbearable to the fund, it withdrew from the Scheme in 1978.
The federal government handed over the scheme in 1979 to both the National
Universities Commission (NUC) and the National Board for Technical Education
(NBTE). Later the federal government in November 1984 reverted the
management and implementation of the SIWES programme to ITF and it was
7
effectively taken over by the Industrial Training Fund in July 1985 with the
funding being solely borne by the federal government.
acquire industrial skills and experience in their course of study, which are
restricted to Engineering and Technology including Environmental studies
and other courses that may be approved. Courses of NCE (Technical), NCE
Agriculture, NCE (Business), NCE (Fine and Applied Arts) and NCE
(Home Economics) in Colleges of Education are also included.
2. To prepare students for the industrial work situation they are to meet after
graduation.
4. To make the transition from school to the world of work easier, and enhance
students
8
CHAPTER TWO
With the formal permission granted by the National university commission the Governor Rabiu
Musa Kwankwaso, FNSE inaugurated an Implementation Committee for the establishment of the
University on Tuesday, 27th March, 2012 at Aminu Kano House, Abuja. The Implementation
Committee headed by Prof. Hafiz Abubakar was immediately set up and inaugurated to work out
all the requirements for the smooth takeoff of the institution including the appointment of the
Principal Officers, Founding Deans, Academic and Non Academic Staff, admission of the 1st set
of students, production of staff conditions of service, students examination regulations,
syllabuses among others. The formation of the four take-up faculties namely the faculty of
Education, Humanities, Social and Management Sciences and the faculty of science were all
concretized by the the committee. A total number of 14 academic departments with 28
programmes were approved for the university by the National university commission.
A 20-year four-phased academic development was envisaged for the Northwest University. At
the end of the 20-year period it is expected that all faculties, departments and programmes shall
be established with their full academic programmes. Each phase of the academic development of
the University shall be for a period of 5 years and it shall be marked by the establishment of new
faculties, departments and/or academic programmes. The phases were designed and enumerated
as follows:-
9
Phase 1 5 years 2012/13 – 2016/17
The Northwest University was designed as a faculty-based system for the development of its
academic structure. Each faculty shall have related departments under its mandate area and the
departments shall have academic programmes under them.
It is planned and envisaged that the Northwest University shall, at its optimum growth after 20
years of establishment, have 12 faculties with 71 departments running 267 programmes at both
undergraduate and postgraduate levels. It shall also have two schools to cater for needs of
postgraduate, remedial and general studies and the school of General, Entrepreneurial and
Remedial Studies programmes, namely: The School of Postgraduate Studies and the School of
General, Entrepreneurial studies (CCE) so as to cater for short-term courses. The faculties and
schools envisaged at full capacity of the Northwest University at its maturity are as follows: -
1. Faculty of Agriculture
2. Faculty of Basic Medical Sciences
3. Faculty of Clinical Sciences
4. Faculty of Education
5. Faculty of Engineering
6. Faculty of Environmental Sciences
7. Faculty of Humanities
8. Faculty of Information and Communication Technology
9. Faculty of Law
10. Faculty of Pharmaceutical Sciences
11. Faculty of Science
12. School of General, Entrepreneurial and Remedial Studies
13. School of Postgraduate Studies
14. Centre for Continuing Education (CCE).
The composition of the implementation committee consisted the following:
10
SN NAME RANK
11
Alh. Faruk Muhammad Yanganau
xiii. Kwara State University, Malete Member
CHAPTER THREE
We have received our posting from the registrar to the various department and we get our own
into the information and communication technology (ICT) directorate.
We report to the department that we have been posted to, and then the instructor was taking us
workshop and show us the various equipment that we could use during the training.
The instructor was also called our attention to our previous knowledge in order to know the
different types of programing languages and their uses such languages are HTML5, CSS, and
JAVASCRIPT and also introduction to CCTV Networking.
I acquired a strategic understanding of how different network operates in real life and how
important it is for a professional to understand their core offerings needs and objectives in order
to deliver the overall goal.
12
This work experience gave me confidence to know that, I am well suited for a profession and
combined with my constant effort to learn more on my own, and it was a great learning
experience.
3.1 HTML 5
Introduction:
HTML stands for Hyper Text Markup Language. It is used to design web pages using a
markup language. HTML is an abbreviation of Hypertext and Markup language. Hypertext
defines the link between the web pages. The markup language is used to define the text
document within the tag which defines the structure of web pages. HTML 5 is the fifth and
current version of HTML. It has improved the markup available for documents and has
introduced application programming interfaces(API) and Document Object Model(DOM).
Features:
13
It has introduced new multimedia features which support audio and video controls by using
<audio> and <video> tags.
There are new graphics elements including vector graphics and tags.
Enrich semantic content by including <header> <footer>, <article>, <section> and
<figure> are added.
Drag and Drop- The user can grab an object and drag it further dropping it to a new
location.
Geo-location services- It helps to locate the geographical location of a client.
Web storage facility which provides web application methods to store data on the web
browser.
Uses SQL database to store data offline.
Allows drawing various shapes like triangle, rectangle, circle, etc.
Capable of handling incorrect syntax.
Easy DOCTYPE declaration i.e. <!doctype html>
Easy character encoding i.e. <meta charset=”UTF-8″>
Removed elements from HTML 5: There are many elements which are depreciated from
HTML 5 are listed below:
<acronym> <abbr>
<applet> <object>
<basefont> CSS
<big> CSS
<center> CSS
<dir> <ul>
<font> CSS
14
Removed Elements Use Instead Elements
<frame>
<frameset>
<noframes>
<isindex>
<tt> CSS
15
etc.). The footer tag are used within body tag. The <footer> tag is new in the HTML 5. The
footer elements require a start tag as well as an end tag.
<main>: Delineates the main content of the body of a document or web app.
<mark>: The <mark> tag in HTML is used to define the marked text. It is used to highlight
the part of the text in the paragraph.
<nav>: The <nav> tag is used to declaring the navigational section in HTML documents.
Websites typically have sections dedicated to navigational links, which enables user to
navigate the site. These links can be placed inside a nav tag.
<section>: It demarcates a thematic grouping of content.
<details>: The <details> tag is used for the content/information which is initially hidden but
could be displayed if the user wishes to see it. This tag is used to create interactive widget
which user can open or close it. The content of details tag is visible when open the set
attributes.
<summary>: The <summary> tag in HTML is used to define a summary for the <details>
element. The <summary> element is used along with the <details> element and provides a
summary visible to the user. When the summary is clicked by the user, the content placed
inside the <details> element becomes visible which was previously hidden. The <summary>
tag was added in HTML 5. The <summary> tag requires both starting and ending tag.
<time>: The <time> tag is used to display the human-readable data/time. It can also be used
to encode dates and times in a machine-readable form. The main advantage for users is that
they can offer to add birthday reminders or scheduled events in their calendar’s and search
engines can produce smarter search results.
<bdi>: The <bdi> tag refers to the Bi-Directional Isolation. It differentiate a text from other
text that may be formatted in different direction. This tag is used when a user generated text
with an unknown directions.
<wbr>: The <wbr> tag in HTML stands for word break opportunity and is used to define the
position within the text which is treated as a line break by the browser. It is mostly used
when the used word is too long and there are chances that the browser may break lines at the
wrong place for fitting the text.
16
<datalist>: The <datalist> tag is used to provide autocomplete feature in the HTML files. It
can be used with input tag, so that users can easily fill the data in the forms using select the
data.
<keygen>: The <keygen> tag in HTML is used to specify a key-pair generator field in a
form. The purpose of <keygen> element is to provide a secure way to authenticate users.
When a from is submitted then two keys are generated, private key and public key. The
private key stored locally, and the public key is sent to the server. The public key is used to
generate client certificate to authenticate user for future.
<output>: The <output> tag in HTML is used to represent the result of a calculation
performed by the client-side script such as JavaScript.
<progress>: It is used to represent the progress of a task. It is also define that how much work
is done and how much is left to download a things. It is not used to represent the disk space
or relevant query.
<svg>: It is the Scalable Vector Graphics.
<canvas>: The <canvas> tag in HTML is used to draw graphics on web page using
JavaScript. It can be used to draw paths, boxes, texts, gradient and adding images. By default
it does not contains border and text.
<audio>: It defines the music or audio content.
<embed>: Defines containers for external applications (usually a video player).
<source>: It defines the sources for <video> and <audio>.
<track>: It defines the tracks for <video> and <audio>.
<video>: It defines the video content.
Advantages:
Disadvantages:
17
Long codes have to be written which is time consuming.
Only modern browsers support it.
Supported Browsers: It is supported by all modern browsers.
Below examples illustrate the HTML 5 content.
Example 1:
html
<!DOCTYPE html>
<html>
<head>
<title>HTML 5</title>
<style>
h1 {
font-size:50px;
}
</style>
</head>
<body>
<h1>Aliyu Baba</h1>
</body>
</html>
Output:
Aliyu Baba
Example 2:
html
<!DOCTYPE html>
<html>
<head>
<title>HTML 5 Demo</title>
<style>
.GFG {
font-size:40px;
font-weight:bold;
color:green;
}
body {
text-align:center;
}
</style>
</head>
<body>
<div class = "GFG">Aliyu Baba</div>
18
<aside>
<div>A computer science porta</div>
</aside>
</body>
</html>
Output:
Aliyu baba
A computer science portal
Tip: The word cascading means that a style applied to a parent element will also apply to all
children elements within the parent. So, if you set the color of the body text to "blue", all
headings, paragraphs, and other text elements within the body will also get the same color
(unless you specify something else)!
Using CSS
CSS can be added to HTML documents in 3 ways:
Inline - by using the style attribute inside HTML elements
Internal - by using a <style> element in the <head> section
External - by using a <link> element to link to an external CSS file
The most common way to add CSS, is to keep the styles in external CSS files. However, in this
tutorial we will use inline and internal styles, because this is easier to demonstrate, and easier for
you to try it yourself.
Inline CSS
An inline CSS is used to apply a unique style to a single HTML element.
An inline CSS uses the style attribute of an HTML element.
19
The following example sets the text color of the <h1> element to blue, and the text color of
the <p> element to red:
Example
<h1 style="color:blue;">A Blue Heading</h1>
Internal CSS
An internal CSS is used to define a style for a single HTML page.
An internal CSS is defined in the <head> section of an HTML page, within a <style> element.
The following example sets the text color of ALL the <h1> elements (on that page) to blue, and
the text color of ALL the <p> elements to red. In addition, the page will be displayed with a
"powderblue" background color:
Example
<!DOCTYPE html>
<html>
<head>
<style>
body {background-color: powderblue;}
h1 {color: blue;}
p {color: red;}
</style>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
External CSS
An external style sheet is used to define the style for many HTML pages.
To use an external style sheet, add a link to it in the <head> section of each HTML page:
Example
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
20
</body>
</html>
The external style sheet can be written in any text editor. The file must not contain any HTML
code, and must be saved with a .css extension.
Here is what the "styles.css" file looks like:
“style.css”
body {
background-color: powderblue;
}
h1 {
color: blue;
}
p{
color: red;
}
Tip: With an external style sheet, you can change the look of an entire web site, by changing one
file!
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
21
</body>
</html>
CSS Border
The CSS border property defines a border around an HTML element.
Tip: You can define a border for nearly all HTML elements.
Example
p{
border: 2px solid powderblue;
}
CSS Padding
The CSS padding property defines a padding (space) between the text and the border.
Example
p{
border: 2px solid powderblue;
padding: 30px;
}
CSS Margin
The CSS margin property defines a margin (space) outside the border.
Example
p{
border: 2px solid powderblue;
margin: 50px;
}
Link to External CSS
External style sheets can be referenced with a full URL or with a path relative to the current web
page.
Example
<link rel="stylesheet" href="https://www. aliyu.com/html/styles.css">
Tag Description
22
3.4 HTML JavaScript
The HTML <noscript> tag defines an alternate content to be displayed to users that have disabled
scripts in their browser or have a browser that doesn't support scripts:
Example
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
<noscript>Sorry, your browser does not support JavaScript!</noscript>
DOME
Dome cameras are installed indoor applications, with short view distance and with stylish
compact size design. The dome camera with aesthetic look, can blend itself in with the
area of installation.It’s necessary to pull the dome cover off for adjusting the camera
(zoom & focus, OSD…etc), this is a disadvantage for dome camera. In addition,
typically dome camera with compact design, limited to be equipped with small lens for
short distance view.
23
BULLET
Bullet cameras with weatherproof design. they are installed outdoor applications, they
are with large size and can provide the best way to deter theft. Majority of bullet cameras
come with mounting bracket, The mounting bracket can make bullet camera with
flexibility to swivel horizontally and vertically for getting best field of view. Camera can
be large size, and equipped with big lens for long range view distance, also can be added
with Infrared illuminators for long range night vision.
PTZ
A pan–tilt–zoom camera (PTZ camera) is a camera that is capable of remote directional and zoom
control. In television production, PTZ controls are used with professional video cameras in
television studios, sporting events, and other spaces. They are commonly referred to as
FISH EYE
A fisheye lens is an ultra wide-angle lens that produces strong visual distortion
intended to create a wide panoramic or hemispherical image.[1][2] Fisheye lenses
achieve extremely wide angles of view. Instead of producing images with straight
lines of perspective (rectilinear images), fisheye lenses use a special mapping
(for example: equisolid angle), which gives images a characteristic convex non-
rectilinear appearance.
24
Peripheral items for CCTV
MIC
MONITOR
SPEAKER
25
TV
RACK
26
CHAPTER FOUR
4.1 SUMMARY
The SIWES program are all about straitening future employees. Such program is successful
attempt to help students to understand the underlying principle of their future work. After
passing the program, the student can concentrate on the really necessary factors of his work.
4.2 CONCLUSION
The industrial work experience scheme (S.I.W.E.S) is an important program that brings about
improvement to students in the field of work (SIWES), and also make student to be self-
confidence and to withstand industrial work. The training as afforded me the basic practical &
theoretical knowledge that I may not have gotten from the lecture room. It also gave me the
opportunity to have a ford of what it would be live when I would be working after graduation.
Confidently Saying, the experience gotten from this training was a worthwhile experience .
The sides program has made it possible to apply the theoretical knowledge in real work situation
especially as it concerns programing
4.3 RECOMMENDATION
The Students Industrial Work Experience scheme has provided me an outstanding opportunity to
acquire a set of technical skills that I have not acquired at school taking a series of three credit
courses. During my training I grab enough of understanding through the concept of
programming as well as knowing which programme will be suited to a particular requirement
I would like to recommend that information and communication technology (ICT), curriculum in
Yusuf Maitama Sule University-Kano, be adjusted such as would provide going on industrial
attachment for a longer period of time as opposed to six months or making the program to occur
twice throughout Information and Communications Technology degree program.
27
REFERENCE
1. Yusuf Maitama Sule University – Kano (students hand book)
2. guidelines for siwes oral presentation and technical report ©dept. of computer science
2019
3. codeacdemy online courses
4. https://punchyinfo.com/history-of-siwes-in-nigeria/#The_Background
5. https://www.freecodecamp.org
28