Siwes Report On Web Development
Siwes Report On Web Development
1.0 Introduction
This chapter introduces the SIWES report and this is done under the following subheads:
i. Introduction of SIWES
ii. About SIWES
iii. A brief history of SIWES
iv. Aim and Objectives of SIWES
v. Role of a student during SIWES
vi. Objectives of the report
vii. The logbook
SIWES is one of such schemes to help bridge the gap between what is taught and what is
eventually known by the students. SIWES is the acronym for Students' Industrial Work
Experience Scheme. It is a skill development program that is designed to prepare students of
higher institutions of learning like Universities, Polytechnics, Monotechnics, and Colleges of
Education for the transition from the college environment to the world of work. It was
established by Industrial Training Fund (ITF) in 1973 with the headquarters in Jos Nigeria. It is
meant to enable students in tertiary institutions in Nigeria acquire technical skills and experience
for professional development in their course of study as it bridges the gap between theory and
practice. It is the accepted skills training programme in institutions of higher learning in Nigerian
that forms part of the approved academic requirement in various degree programmes. It enables
students to acquire technical skills and experience for professional development in their studies.
Before the inception of the Scheme, there was a growing concern among Nigerian industrialists
that graduates of institutions of higher learning lacked adequate practical background experience
necessary for employment. So, employers thought that the theoretical education provided by
higher institutions did not meet nor satisfy the needs of the economy. It was against this
background that the Fund during its formative years, introduced SIWES to provide students with
the opportunity of exposure to handling equipment and machinery in Industry to enable them
acquire prerequisite practical knowledge and skills.
1
The Scheme started in 1974 in 11 institutions of higher learning with 784 participants. By 1978,
it has widened in scope to about 5,000 participants from 32 different institutions in the country
(Ojokuku et al, 2015). The scheme is a tripartite programme involving the students and the
employers of labour. It is funded by the Federal Government and jointly coordinated by the
Industrial Training Fund (ITF) and the National Universities Commission (NUC).
The scheme is aimed at bridging the existing gap between theory and practice of Sciences,
Agriculture, Medical Sciences (including Nursing), Engineering and Technology, Management,
and Information and Communication Technology and other professional educational
programmes in the Nigerian tertiary institutions
The specific objectives of SIWES were summarized by the federal government as follow:
i. To provide students with opportunities to apply their knowledge in real work and actual
practice.
ii. To make the transition from school to the world of work easier and to enhance student’s
contacts for later job placement.
iii. To aid students in acquiring practical skills to strengthen their work values.
iv. To helps students, gain interpersonal and entrepreneurial skills and also instil in them the
right kind of work attitudes and professionalism through interactions with people in the
organizations and observations of their future role.
2
1.3 Roles of Students During SIWES
The roles of Students are:
i. Participate in the SIWES Orientation Programme before proceeding with industrial
training.
ii. Be regular and punctual at respective places of industrial attachment
iii. Avoid unilateral change of place of attachment except in special circumstances and
only with the permission/approval of the institution's SIWES Coordinator and the
Employer.
iv. Comply with the Employers' rules and regulations
v. Keep proper records of training activities and other assignments in the logbooks
vi. Arrange own living accommodation during the period of attachment
vii. Submit to the ITF, through the institution. the Evaluation Form (ITF Form 8) is duly
completed by the student, the Employer and the Institution.
viii. Submit Log Books, Reports and other SIWES Documents required by the respective
institutions at the end of the training programme.
ix. Be diligent. honest and conscientious in all activities
x. Protect and safeguard employer’s property throughout training.
3
1.5 The Logbook
The SIWES Logbook also known as Industrial Training (IT) or Internship Logbook is an official
record booklet, that is being issued by various Universities, Polytechnics, Colleges of Education,
Colleges of Technology, Colleges of Agriculture to their internship students to carefully and
neatly record down their daily or weekly activities, projects, jobs etc. carried out in their
workplaces.
Most importantly, this logbook usually contains basic information of the IT student and the firm
the student must have been attached for the training. In addition, the SIWES logbook also varies
and differs among higher institutions i.e. SIWES logbooks issued to IMSU students can be
different from the ones issued to FUTO, UNN, ABSU, POLYNEKEDE, MADONNA,
UNIPORT, NOUN, LASU, or even Ghana, Kenya, USA or Indian students etc. According to
Niger Delta Child Rights Watch project resource (NDCRW) 2011, the following are the
importance of the SIWES logbook:
4
CHAPTER TWO
The Ibom e-library is a library located in Uyo, Akwa Ibom State, Nigeria (Ibom e-library, 2012).
This state-owned library is West Africa's first digital library, and one of the biggest digital
libraries in Africa. Established in 2012. The educational edifice is designed to deliver top-notch
information and educational services both onsite and virtually. Ibom e-library is known for not
just its architectural design, the E-library boasts of a multi-functional and state-of-the-art video
conferencing centre used for conferences and summits, an e-Learning facility which is primarily
designed for ICT training, e-Testing centres, and certification undertakings, board/meeting room
for leasing, short-term office space, extensive play area for kids and daycare, a Smart classroom
and a reprography unit among other services.
With the current Private Public Partnership (PPP) between the State Government and HTG
Limited, this monumental edifice continues to provide, credible, convenient, and affordable
educational technology services for everyone.
5
2.1 Organizational Chart of Ibom e-Library
MANAGING DIRECTOR
(CEO)
GENERAL MANAGER
BUSINESS
DEVELOPMENT FACILITY
MANAGER MANAGER
DIGITAL FACILITY
CUSTOMER
MARKETER MAINTENANCE
REPRESENTATIVE
OFFICER
The precautions in the Library are meant to promote the judicious and fair use of Library
materials for the mutual of the Student communities.
6
However, students are reminded that the following precautions are enforced and enjoined all to
abide by them.
i. No person shall be allowed to borrow any book(s) or any other items until they have been
properly charged out.
ii. It is a very serious offence to remove/change/mutilate any part of a book or periodical.
iii. On leaving the Library, all Library users must surrender their book(s) and papers to the
Library staff at the entrance for checking.
iv. Library users must not attempt to put books back on the shelves. Once taken off from the
shelves, the book should be left on the tables.
v. No brief-case or handbags are allowed in the Library.
vi. Smoking, eating and drinking are prohibited in the Library.
vii. Silence must be observed in and around the Library at every time.
viii. Noise making, group discussion, making and answering calls, shouting within the
Library, playing music on computers/handsets in the Library are strictly prohibited.
ix. Reading tables and chairs must not be moved from their positions.
x. Library users should not reserve seats in the Library. Any seat not physically occupied
can be used by another person.
xi. Library users are advised to take away their personal books/papers and other materials
whenever they are leaving the Library.
xii. Failure to return books on due dates (known as overdue) is an offence.
xiii. Book theft and mutilated in any form (Such as squeezing and folding of Library
materials, writing, defacing and/or marking, coloring, etc (These are all capital offences
as per Library rules and regulations is concerned)
xiv. Concealing or hiding Library materials is not allowed.
xv. Any act of indiscipline to any member of Library staff will attract severe disciplinary
action.
7
2.4 Equipment, Machines, Tools, Devices, etc. Used in Ibom e-Library
2.4.1 Materials
With your library card, you have access to books, videos/DVDs, videogames, audiobooks, large
print books, magazines, newspapers, microfilm, E-books, and music CDs as well as streaming
audio/music and movies/TV. shows. If they do not own it or have it on the shelf, they can place a
hold on another library's copy, and borrow it in for students.
The Ibom e-Library has more than 40 internet-ready computers available for public use. Each
computer can print to a colour laser printer/copier which can also scan. They also have a fax
machine, microfilm reader/printer, typewriter, piano, and wireless (Wi-Fi) internet access.
Equipment that checks out to a person with a valid library card includes an LCD projector, an
overhead projector, a projection screen, and a slide projector.
8
CHAPTER THREE
3.0 Introduction
This chapter discusses the activities, knowledge and skills acquired during a 3month industrial
training at Ibom e-Library. During this period under review, interns were taken on web
development with emphasis on the front-end. The website is comprised of two parts, Front-End
and Back-End. And is based on the Front-end.
3.1 Front-End
When visiting or opening a website, the visual image present on the desktop or mobile screen is
called Front-End. It is also known as Client-Side. Front-End is the practice of producing HTML,
CSS and JavaScript for a website or Web Application so that a user can see and interact with the
device directly.
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.
There are several tools available that can be used to develop the front end of a website, and
understanding which tools are best fit for specific tasks marks the difference between developing
a hacked site and a well-designed, scalable site. Below are some popular tools used for Front-
End development:
i. Hyper Text Markup language (HTML)
Hyper Text Markup Language is the backbone of any website development process. Without it, a
web page doesn't exist. It is the HTML code that provides an overall framework of how the site
will look. HTML was developed by Tim Berners-Lee in 1993. After the development of HTML,
many versions came into the market of the World Wide Web. The latest version of HTML is
called HTML5. This version contains new and efficient ways of handling elements such as video
and audio files. HTML5 is now very popular among front-end web developers. The HTML5 has
lots of features in comparison to the older versions. After the development of HTML, a
revolution came in the field of the internet. Now, the world started communicating by using the
single language i.e.: HTML. And also the term HTML is made up of two parts. The first one is
Hyper Text and the second one is Markup Language.
9
CSS controls the presentation aspect of a website and allows a website to have its own unique
look. It does this by maintaining style sheets which sit on top of other style rules and are
triggered based on other inputs, such as device screen size and resolution. In simple words, it's a
tool that defines/control colors, text and its size (content) etc.
iii. JavaScript
JavaScript is an event-based imperative programming language (as opposed to HTML's
declarative language model) that is used to transform a static HTML page into a dynamic
interface. JavaScript code can use the Document Object Model (DOM), provided by the HTML
standard, to manipulate a web page in response to events, like user input. Using a technique
called AJAX, JavaScript code can also actively retrieve content from the web (independent of
the original HTML page retrieval), and also react to server-side events as well, adding a truly
dynamic nature to the web page experience.
Below is an example of HTML used to define a basic webpage with a title and a single paragraph
of text
The first line defines what type of document contains. "<!DOCTYPE html>" means the page is
written in HTML5. Properly formatted HTML pages should include <html>, <head>,
and <body> tags, which are all included in the example above. The page title, metadata,
10
and link to referenced files are placed between the <head> tags. The actual contents of the page
go between the <body> tags.
The web has gone through many changes over the past few decades, but HTML has always been
the fundamental language used to develop web pages. Interestingly, while websites have become
more advanced and interactive, HTML has gotten simpler. If you compare the source of an
HTML5 page with a similar page written in HTML 4.01 or XHTML 1.0, the HTML5 page
would probably contain less code. This is because modern HTML relies on cascading style
sheets or JavaScript to format nearly all the elements within a page.
i. Hypertext refers to how Web pages (HTML documents) are linked together. Thus, the
link available on a webpage is called Hypertext.
ii. 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.
11
Tag Description
<html> This tag encloses the complete HTML document and mainly comprises of document
header which is represented by <head>...</head> and document body which is
represented by <body>...</body> tags.
<head> This tag represents the document's header which can keep other HTML tags like
<title>, <link>, <script language =”javascript”> etc.
<title> The <title> tag is used inside the <head> tag to mention the document title.
<body> This tag represents the document's body which keeps other HTML tags like <h1>,
<div>, <p>, <table> etc.
<h1> This tag represents a heading
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.
The Code-views and Design-view of Signup Page without CSS is depicted in figure 3.2, & 3.3.
12
Figure 3.2: Code-views of Signup Page without CSS
13
Figure 3.3: Design-view of Signup Page without CSS
CSS stands for "Cascading Style Sheet." Cascading style sheets are used to format the layout
of Web pages. They can be used to define text styles, table sizes, and other aspects of Web pages
that previously could only be defined in a page's HTML.
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
style sheet, 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. For example, a Web developer may want to increase
the default text size from 10pt to 12pt for fifty pages of a Web site. If the pages all reference the
same style sheet, the text size only needs to be changed on the style sheet and all the pages will
show the larger text. While CSS is great for creating text styles, it is helpful for formatting other
aspects of Web page layout as well. For example, CSS can be used to define the cell padding of
14
table cells, the style, thickness, and color of a table's border, and the padding around images or
other objects. CSS gives
Web developers have more exact control over how Web pages will look than HTML does. This
is why most Web pages today incorporate cascading style sheets. Note: CSS code is not written
the same way as HTML code is. This makes sense because CSS is not HTML, but rather a way
of manipulating existing HTML.
i. It saves time
ii. It eradicates the idea of using repeating codes
iii. It provides efficiency in design and updates: with CSS, we can create rules, and apply
those rules to many elements within the website.
iv. It creates external file (server-side) for managing HTML content
i. Inline Style: It is used to apply a unique style to a single HTML element. An inline CSS
uses the style attribute of an HTML element.
ii. Embedded / Internal Style: It is used if one single page has a unique style. Internal
styles are defined within the <style> element, inside the <head> section of an HTML
page.
iii. External Style: With an external style sheet, you can change the look of an entire
website by changing just one file. Each page must include a reference to the external style
sheet file inside the <link> element. The <link> element goes inside the <head> section.
Also when using external CSS it is preferable to keep the CSS separate from your
HTML. Placing CSS in a separate file allows the web designer to completely differentiate
between content (HTML) and design (CSS). External CSS is a file that contains only
CSS code and is saved with a “.css” file extension. This CSS is then referenced in your
HTML using the <link> instead of <style> as earlier stated.
15
3.3.3 CSS SELECTORS AND HOW THEY CAN BE USED
CSS selectors are used to find or select HTML elements based on their element name, id
or class
i. Element Selector: The element selector selects elements based on the element name.
ii. Id Selector: The id selector uses the id attribute of an HTML element to select a specific
element. The id of an element should be unique within a page, so the id selector is used to
select one unique element. e.g. id=”hello” CSS #hello { color; red;}
iii. Class Selector: The class selector selects elements with specific class attributes. To
select elements with a specific class, write a period (.) character followed by the name of
the class. e.g. .center {text-align: center;}
i. Any inline style sheet takes the highest priority, so it will override any rule defined in
<style>……</style> tags.
ii. Any rule defined in <style>………</style> tags will override the rules defined in any
external style sheet file.
2.3.5 CSS COMMENTS
To simply put comment inside a style sheet you use /*………..*/, you can use it to
comment multi-line blocks similarly as you do in c and c++ programming language.
16
vi. The background property: Is used as a shorthand to specify the number of other
background properties. the font which are;
i. The Font-family property: This is used to change the face of a font
ii. The Font-style property: This is used to make a font italic or oblique.
iii. The Font-weight property: This is used to increase or decrease how bold or light a font
appears.
iv. The Font-size property: This is used to increase or decrease the size of a font.
3.3.7 TEXT DECORATION:
This demonstrates how to decorate a text in CSS, the values are none, underline, overline,
line-through and blink.
17
Figure 3.5: Code-view of Signup Page with CSS
18
Figure 3.5: Design-view of Signup Page with CSS
3.4 WEBSITE DESIGN USING HTML AND CSS
Design-view and Code-view of using HTML and CSS in building a site is depicted in
Figure 3.7, 3.8, 3.9, 4.0, 4.1, 4.2.
19
Figure 3.7: Design-views of building a site using HTML and CSS
20
Figure 3.9: Design-views of building a site using HTML and CSS
21
Figure 4.0: Code-view of building a site using HTML and CSS
22
Figure 4.2: Code-views of building a site using HTML and CSS
23
CHAPTER FOUR
SIWES is a body created to educate and give students practical knowledge for the Industrial
Work situation they are likely to meet after graduation. The following skills were acquired
during the period of industrial training:
4.1 Challenges
As a student that has undergone this training, below are the following challenges encountered.
24
CHAPTER FIVE
5.0 Summary
The SIWES attachment with Ibom e-Library, Uyo, has been one of the most intrusive, interesting
and productive experiences. In respect of this program, gaining new insight and a more
comprehensive understanding of Front-end development and the real industrial conditions has
been fully achieved.
5.1 Conclusion
As an internship student who underwent the SIWES programme at Ibom e-Library HTG, Uyo.
The internship programme focused on front-end web development (also called client-side) which
is the most attractive part of a sıte that attract the mind of the user. Knowledge gained was most
specifically on HTML and CSS part of web development which enhance the ability to create and
design different kinds of webpage and also link them together to achieve a user interface of a
website. At this point ITH aim and objectives to established this programmne
indeed was worthwhile.
5.2 Recommendations
i. The school management should consider the fact that students find it difficult to be
admitted to a particular organization for attachment and urge these organizations to
accept students.
ii. The SIWES body should try as much as they can to assist students financially when
carrying out this very industrial attachment.
iii. Place of attachment should try as much as possible to employ educated workers to avoid
code-switching while lecturing.
iv. A mass enlightenment campaign should be carried out, to enable industries and
establishments to know the importance of SIWES to the future of students and the society
at large.
25
References
Allen, C. R. quoted in Craig, R. L. (1987). Training and Development Handbook, 3rd. ed.
McGraw-Hill, New York, pp. 10.
Mafe, O. A. T. (2009). Guide to Successful Participation in SIWES. Panaf Publishing Inc., Abuja
and Lagos.
Ojokuku, B. Y., Emeahara, E. N., Aboyade, M. A. and Chris-Israel, H. O., "Influence Of
Industrial Work Experience Scheme On Professional Development Of Library And
Information Science Students In SouthWest, Nigeria" (2015). Library Philosophy and
Practice (e-journal). 1330.
World Wide Web Consortium (W3C). (2010, Sep 16). WAI-ARIA 1.0 primer:
An introduction to rich Internet application accessibility challenges and solutions.
Retrieved from http://www.w3.org/TR/2010/WD-wai-aria-primer-20100916
Ibom e-library. (2013). “E-Library places Uyo at Advantage, says Gov. Akpabio – Vanguard
News.” Vanguard News.
26
Lynch P. J., Horton. S. (2016), “Web style guide: Foundations of user experience design”, 4th
Edn., New Haven & London, Yale University Press.
Burns M. (2015), “3 major problems with web development projects”, [Online] Available
from: https://www.disruptorleague.com/blog/2015/09/07/3-major-problems-with-web-
development-projects/.
27