Siwes Technical Report: SEPTEMBER, 2016
Siwes Technical Report: SEPTEMBER, 2016
Siwes Technical Report: SEPTEMBER, 2016
AT
AD’MAS IT PLACE
OPPOSITE BORI CAMP RUMUOLA, PORT HARCOURT,
RIVERS STATE.
SIWES SUPERVISOR:
MR. ONATE E. TAYLOR
SEPTEMBER, 2016.
AT
AD’MAS IT PLACE
OPPOSITE BORI CAMP RUMUOLA, PORT HARCOURT,
RIVERS STATE.
DEDICATION
This report is dedicated foremost to God almighty for his favour, mercy and grace upon my
life especially during my six (6) months SIWES programme at Ad’mas IT Place.
I would also like to dedicate it to my parents and siblings for their love and support and
everyone else that contribute towards making my SIWES training a fun and successful one
AKNOWLEDGEMENT
My appreciation goes to the industrial Training Fund for their foresight in putting this
program in place.
I am grateful to Ad’mas for providing me with the necessary skills to be exposed in my field.
I also want to say a big thank you to my industry based supervisors Mr. Kelvin and Mr.
Segun and my able colleague for making my stay at Ad’mas an exciting and blissful one.
To my parents and siblings thank you all for your moral and financial support. I cannot wish
I am deeply indebted to God almighty, the giver of all wisdom, knowledge and
Finally to my Institution based supervisor for his support and to my other friends and
ABSTRACT
This industrial report presents the experience gained during my six (6) months of industrial training undertaken
at Ad’mas IT Place opposite Bori Camp Rumuola, Port Harcourt, Rivers State.
My training was on Web Design and advanced Web Design.
I acquired practical knowledge on how to design a web site and how to add and manage records in a database.
This report discusses the technical skills gained during the training period and justifying the relevance of the
scheme in equipping students with needed technical competence to thrive in the real world
TABLE OF CONTENT
Cover Page
Title Page
Dedication……………………………………………………………………………...1
Acknowledgement……………………………………………………………………..2
Abstract…………………………………………………………………………….......3
Table of Content………………………………………………………………….…….4
Chapter 1
Introduction…………………………………………………………………….…..….1
Purpose of training...………………………………………………….………….……...6
Brief story of Siwes……………………….………………………….………….….......7
Bodies involved in siwes...….………………………………………….….……….…....7
Aims and objectives of siwes…………………………………………………………….8
Benefits of Industrial Training………………………………………………….….….....9
Description of the establishment of the attachment……………………………………..10
Objectives and vision of Ad’mas IT Place………………………………………….......10
Company’s area of specialization…………………………………………………….….11
Departments in the company………………………………………………………….....11
Chapter 2
Industrial Experience……………………………………………………………………2
Web design department…………………………………………………………….........12
Definition of terms…………………………………………………………………….....12
HTML and its properties…………………………………………………………….…...13
CSS and its properties……………………………………………………………….…...16
Website design using HTML and CSS…………………………………………….….....19
JavaScript and its properties…………………………………………………………......22
JavaScript work using HTML, CSS and JavaScript……………………………………..31
PHP and its properties…………………………………………………………………...34
PHP code and its design………………………………………………………….……...40
Database and its properties………………………………………………………………40
Chapter 3
Skills acquired and challenges encountered…………………………………………3
Technical skills acquired……………………………………………………………...44
Social and functional skills acquired...........................................................................44
Personal input to the company (Ad’mas IT Place)…………………………………...45
Challenges encountered………………………………………………………….…...45
Chapter 4
Conclusion and Recommendations………………………………..…………………4
Conclusion………………………………………………………………………….....46
Recommendations……………………………………………………………............46
Reference……………………………………………………………………………..47
INTRODUCTION
The student industrial work experience scheme (SIWES) popularly called Industrial
collaboration with the industries to give students the opportunity to gain practical working
experience in their various field of study or area of specialization. It is an effort to bridge the
existing gap between classroom theories and practical’s in engineering, management and
through one of the worst economic crisis in recent time. Both the developed and developing
Globalization has turned the world into one big village and whatever happens in one
economy will have effects in other economics, and the growing concern among our
industrialist is that graduates of our institutions of higher learning, lack adequate practical
background studies, so as to help in the industries led to the formation of Student Industrial
It is through this Industrial Training that the educational systems aims at helping
students acquire appropriate skills, abilities and competencies, both mental and physical, as
well as equip the individuals to live in society. The focus of the Industrial Training Fund
(ITF) is for the industries of our countries to succeed in the face of the current economic
meltdown.
No society can achieve meaningful progress without encouraging its youth to acquire
necessary practical skills. Such skills enable them to harness available resources to meet the
Since the aim of our national policy in education is to build a strong and self- reliant
nation, from the government’s decree No.47 of 8th October, 1971 as amended in1990, which
led to the establishment of Industrial Training Fund (ITF) in 1973/1974 and through the
formation of this body (ITF), in the year 1993/1994 and through the formation of this body
(ITF), in the year 1993/1974 SIWES was formed. In Nigeria, the current form of Cooperative
supervised training intervention based on stated and specific learning and career objectives
and geared towards developing the occupational competencies of the participants. The aim is
make education more relevance and also to bridge the science-related disciplines in tertiary
institutions in Nigeria.
SIWES forms part of the approved minimum academic standards in the institutions,
and is a core academic requirement carrying fifteen (15) credit units. This requirement must
The main bodies involved in Student Industrial Work Experience Scheme are;
The tertiary institutions and the Federal Government through the Industrial Training Fund
(ITF).
3. Formulate policies and guideline for participating bodies and institutions as well as
4. Supervise students at their places of attachment and sign their log book and ITF
forms.
5. Vet and process students Log books and forward same to ITF area office
This is based on the number of weeks or months that student is expected to stay for its
attachment. The minimum duration for SIWES should normally be six months, twenty-four
weeks (24) weeks for University Engineers and Technologist. The cumulative total duration
240hrs full time which will take place during term-time or long vocation.
of key skills (skills for learning, employment and life), work place safety and professional
The specific objectives of SIWES were summarized by the federal government as follows:
1. To provide students with an opportunity to apply their knowledge in real work and
actual practice.
2. To make the transition from school to the world of work easier and to enhance
3. Advanced countries, with over 100 years of sustained industrial development and
requisite technical and human infrastructure, have been able to adequately implement
acquired.
5. It also aids students to acquire practical skill in other to strengthe n their work value.
6. Moreover it helps them to gain interpersonal and entrepreneurial skills and also instil
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.
Experts identified industrial experience as necessity for proper job preparation. This is
because productivity is enhanced by experience graduate or new entrance into the world of
work really needs and early exposure to the value and skills of the industry. Therefore,
without appropriate skills and experiences young graduates are not properly trained on work,
norms and role behaviour among others, these components will ensure success at the job
place.
Today Information and Communication Technology (ICT) is changing the way many
jobs are performed, thus altering the knowledge and skills required of workers. Consequently,
a new level of competency is required of our students. This cannot be sufficiently met by
training facilities in our education institutions hence, the need for collaborative effort
training are the skills and competencies they acquire. These relevant production skills (RPSs)
remain a part of the recipients of industrial training as lifelong assets which cannot be taken
away from them. This is because the knowledge and skills acquired through training are
internalized and become relevant when required to perform jobs or functions. Several other
technology conglomerate in co-operated in 1999 and offering a wide range of automated and
large technology-oriented corporation is on record to be the cheapest source for high quality
goods and services and has a high reputation for performance in customization, distribution
and after-sales services of laptop, desktops, printers, software and all kinds of system
1. To serve as a catalyst for both individual and collective development through the
terms of technologies.
technology.
With a team of seasoned computer Engineers and Programmers with proven track records
in computer and communication business, the company offers the following wide areas of
specialization
2. Sales and Lease of all up-to date Computers, Computer peripherals and other
consumables
7. Web Development
9. Training Services
B. Networking department
D. Sales department
E. Internet café
INDUSTRIAL EXPERIENCE
This department was where my Industrial Training took place where i was grounded
and expose to the website world especially the creation of websites taking me step by step
The following are terms that were made use of, in this department
WEBSITE:
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).
WEBPAGE:
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
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.
HTML stands for Hypertext Mark-up Language, and it is the most widely used
Hypertext refers to the way in which Web pages (HTML documents) are linked
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
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 Description
<head> This tag represents the document's header which can keep
=”javascript”> etc.
<title> The <title> tag is used inside the <head> tag to mention
<body> This tag represents the document's body which keeps other
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
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
CODE VIEW
CSS stands for Cascading Style Sheet used for formatting html document. It is a style
sheet language used for describing the presentation of a document written in a mark-up
language.
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.
1. It saves time
3. It provides efficiency in design and updates: with css, we are able to create rules, and
4. It can lead to faster page downloads: since rules are only downloaded once by the
browser, then are the cached and used for each page load, the use of css can lead to
and lower requirements, which overall saves money for our clients.
1. Inline Style: It is used to apply a unique style to a single HTML element. An inline
2. 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.
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.
CSS selectors are used to find or select HTML elements based on their element name,
id or class
1. Element Selector: The element selector selects elements based on the element name.
selector is used to select one unique element. e.g. id=”hello” css #hello { color;red;}
3. Class Selector: The class selector selects elements with specific class attribute. To
select elements with a specific class, write a period (.) character followed by the name
1. Any inline style sheet takes the highest priority, so it will override any rule defined in
<style>……</style> tags.
2. Any rule defined in <style>………</style> tags will override the rules defined in any
To simply put comment inside a style sheet you use /*………..*/, you can use it to
comment multi- line blocks in similar way as you do in c and c++ programming language.
element.
background.
background.
background.
background properties.
3. The Font-weight property: This is used to increase or decrease how bold or light a
font appears.
4. The Font-size property: This is used to increase or decrease the size of a font.
This demonstrate how to decorate a text in css, the values are none, underline, over
3. The link hovered signifies an element that currently has the user’s mouse pointer
4. The link active signifies an element on which the user is currently clicking.
DESIGN VIEW
HOME PAGE
PHOTO MENU
commonly used as a part of web pages, whose implementations allows client side script to
interact with the user and make dynamic pages. It is an interpreted programming language
also known as livescript later change to javascript. It is use for client side web form
1. It is most commonly used as a client side scripting language, which implies that
javascript is written into an HTML page and when a user request an HTML page with
This refers to a feature of a web browser to execute a javascript code without any
1. Less server interaction: You can validate user input before sending the page off to
the server. This saves server traffic, which means fewer loads on your server.
2. Immediate feedback to the visitors: They don’t have to wait for a page to reload to
4. Richer interfaces: You can use javascript to include such items as drag and drop
One of the major strengths of javascript is that it does not require expensive
development tools. One can begin with a simple text editor such as notepad or notepad++.
Since it is an interpreted language inside the context of a web browser, you don’t even need
to buy a compiler.
However to make life simpler, various vendors have come up with very nice
JavaScript can be implemented using javascript statements that are placed within the
<script>…………..</script> HTML tags in a web page. You can place the <script> tags,
containing your javascript, anywhere within your web page, but it is normally recommended
2. Type: This attribute is what is now recommended to indicate the scripting language in
1. Any text between a // and the end of a line is treated as a comment and is ignored by
JavaScript.
2. Any text between the characters /* and */ is treated as a comment. This may span
multiple lines.
3. JavaScript also recognizes the HTML comment opening sequence <!--. JavaScript
I was taught that all the modern browsers come with built-in support for JavaScript.
Frequently, we may need to enable or disable this support manually. The following procedure
Open a new tab -> type about: config in the address bar.
Then you will find the warning dialog. Select I’ll be careful, I promise.
Then you will find the list of configure options in the browser.
There you will find the option to enable javascript by right clicking on the
Click the Chrome menu at the top right hand corner of your browser.
Select Settings.
data types it support. These are the type of values that can be represented and manipulated in
This is a memory location used for holding values or used for storing values in a
memory. var (keyword) is used to hold a value or declare a value, it makes it known to a
compiler, interpreter.
While naming the variables in JavaScript, the following rules should be kept
in mind.
You should not use any of the JavaScript reserved keywords as a variable
JavaScript variable names are case-sensitive. For example, Ejiro and ejiro are
2.5.11 OPERATORS
Let me take a simple expression to give its meaning 4 + 5 = 9. Here 4 and 5 are called
operands and “+” is called the operator. JavaScript support the following types of operators
they are:
a. Equal (==): Checks if the value of two operands are equal or not, if yes, then
b. Not Equal (!=): Checks if the value of two operands are equal or not, if the
values are not equal, then the condition becomes true. e.g. (A != B) is true.
c. Greater Than (>): Checks if the value of the left operand is greater than the
value of the right operand, if yes, then the condition becomes true. e.g. (A > B)
is not true.
d. Less Than (<): Checks if the value of the left operand is less than the value of
the right operand, if yes, then the condition becomes true. e.g. (A < B) is true.
e. Greater Than or Equal To (>=): Checks if the value of the left operand is
greater than or equal to the value of the right operand, if yes, then the
than or equal to the value of the right operand, if yes, then the condition
a. Logical AND (&&): If both the operands are non-zero, then the condition
b. Logical OR (||): If any of the two operands are non-zero, then the condition
c. Logical NOT (!): Reverses the logical state of its operand. If a condition is
true, the logical NOT operator will make it false. e.g. !(A && B) is false.
4. Assignment Operators
5. Conditional Operators
When writing a program, there may be a situation when we need to adopt one out of a
given set of paths. In such cases, conditional statement were used which allows our program
to make correct decisions and perform right actions. The following selection statements are
2. IF-ELSE STATEMENT: This is the next form of the selection statement that allows
While writing a program, you may encounter a situation where you need to perform
an action over and over again. In such situations, you would need to write loop statements to
reduce the number of lines. JavaScript supports all the necessary loops to ease down the
pressure of programming.
1. WHILE LOOP: The purpose of a while loop is to execute a statement or code block
repeatedly as long as an expression is true. Once the expression becomes false, the
loop terminates.
checks what happens at the end of the loop. This means that the loop will always be
3. FOR LOOP: This is the most compact form of looping. It includes the following
Test statement which will test if a given condition is true or not. If the
condition is true, then the code given inside the loop will be executed,
Note: All this three (3) parts are inserted in a single line separated by
semicolons.
A function is a group of reusable code which can be called anywhere in your program.
This eliminates the need of writing the same code again and again. It helps programmers in
writing modular codes. It allows a programmer to divide a big program into a number of
Before we use a function, we need to define it. The most common way to define a
function in JavaScript is by using the function keyword, followed by a unique function name,
a list of parameters (this might be empty), and a statement block surrounded by curly braces.
Also to invoke a function somewhere later in the script, you would simply need to
Code View
CSS AREA
JAVASCRIPT AREA
HTML AREA
DESIGN VIEW
PHP was originally called PHP/FI which means Personal Home Page/Form
Interpreter in 1995 by Ramus Leardof. It was a collection of Perl Script for handling form
submission but lack many useful language features such as for loop.
PHP/F2 was written in 1997 by Ramus yet with some lacking feature and poor
PHP 3 which means PHP Hypertext Pre-processor was later written by Ramus, Zeave
Audraski and Andi Gutman in 1998 with improvement and added feature like database
access.
PHP 4 was written with the sluggard “Compare First and execute Later” Style in late
1998. The compile code will be use to execute the object code using the Zend Engine.
PHP performs system functions i.e. from files on a system it can create, open, read,
PHP can handle forms, i.e. gather data from files, save data to a file, through
email.
You add, delete, and modify elements within your database through PHP.
Using PHP, you can restrict users to access some pages of your website.
Once you have PHP in your HTML do not save it with .html
In order to develop and run my PHP web pages, three (3) vital components were
Web Server: PHP will work with virtually all web server software, including
Database: PHP will work with virtually all database software, including
MySQL, Oracle.
installed to generate HTML output that can be sent to the Web Browser.
A comment is the portion of a program that exists only for the human reader and
stripped out before displaying the programs result. There are two commenting
formats in PHP:
includes:
All variable in PHP are denoted with a leading dollar sign ($).
Variables are assigned with the = operator, with the variable on the left
of characters.
PHP has a total of eight (8) data types which we use to construct our variables.
Integers: They are whole numbers, without a decimal point e.g. 4196
Booleans: They have only two possible values either true or false.
operations’.
package up both other kinds of values and functions that are specific to
the class.
2.7.8 VARAIABLES
program in which it is declared. PHP variables can be one of four scope types.
2.7.9 ARRAYS
values in a single value. For example, if you want to store 100 numbers, then
Key
Value
The general form of an array e.g. state1, 2, 3, 4 are called the names while
the likes of Kaduna, Abuja are called values. $state1 = Kaduna etc.
There are two ways the browser client can send information to the web
server.
the page request. The page and the encoded information are separated
by the ? character.
headers.
Note: Before the browser sends the information, it encodes it using a scheme
called URL encoding. In this scheme, name/value pairs are joined with equal
replaced with the + character and any other non-alphanumeric characters are
to the browser.
DATABASE
All the rows in a given table are related in a way that describes the database
Data in a table can be linked with another record in a table which is done by a
primary key.
A primary key uniquely identify record in the entire database. The primary
key cannot be duplicated in a table. Unique id behaves in the same way it is use to
Note: For me to work (insert) and update record into a database will be done through
2.9.3 PHPMYADMIN
in PHP language. Which is frequently used for web based interactive programs.
PhpMyAdmin translates what i enter into the web browser, sends queries to the MySQL
A database was created for my project, so that the form created can be
submitted
2.10 MY FULL WEBSITE WITH HTML, CSS, JAVASCRIPT, PHP AND SENT TO
DATABASE
Due to how lengthy the code is the design view will be displayed only.
DESIGN VIEW
HOMEPAGE
REGISTRATION PAGE
LOGIN PAGE
PLACE
Ability to create a standardize websites with the help of HTML, CSS, JAVASCRIPT,
and PHP.
Installing several developmental tools like Adobe CS6 which contain Dreamweaver,
Ability to Insert, Update, Select, Delete records in the Database and Importing,
Check and work on colleague’s systems when challenge with an error code.
4.0 CONCLUSION
My six (6) months Industrial Training at AD’MAS I.T PLACE was a huge
success and a great time of acquisition of knowledge and skills. Through my training i was
able to appreciate my chosen course of study even more, because i had the opportunity to
blend the theoretical knowledge acquired from school with the practical hands-on application
of knowledge gained here to perform very important tasks that contributed in a way to my
productivity in the company. My training here has given me a broader view to the importance
and relevance of Computer Science (Web Design Development) in the immediate society and
the world as a whole, as i now look forward to impacting it positively after graduation. I have
also been able to improve my communication and presentation skills and thereby developed
good relationship with my fellow colleagues at work. I have also been able to appreciate the
connection between my course of study and other disciplines in producing a successful result.
4.1 RECOMMENDATIONS:
Allowances should be paid to students during their programme just like NYSC and
not after. This would help them a great deal to handle some financial problems during
Supervisor should always visit student monthly in their various places of attachment.
PAPER
Web design and Advance Manual by Industrial based supervisor Mr. Adeyemi Segun
LINK
http://www.w3schools.com
http://www.tutorialpoint.com
http://www.tizag.com/CSS
http://www.CSS/HTML/116583/article.com