GT Internship Report-Done
GT Internship Report-Done
TECHNICAL REPORT
ON
AT
By:
NOVEMBER 2023.
DEDICATION
This report is dedicated to Mr. Johnson Obute, for his unwavering support and
encouragement, and also to Mr. Idowu Oladiran for his leadership and guidance. My
sincere gratitude to them for their tireless efforts, always availing themselves to answer
my questions, offer their advice and insights throughout my internship period.
Finally, I would like to specially appreciate my family and the family of Obadimu for
their constant love, support and belief in me, I am truly grateful.
i
ACKNOWLEDGEMENT
The success of my internship confirms the reality that we are a result of the
contributions made to our lives by the people we are privilege to encounter as we
journey through life. My deepest gratitude to my Director, Mr. Idowu Oladiran for the
inspiration and thorough guidance through his instructions, corrections, challenges,
commitments and examples. It really stirred me up.
I would like to express my heartfelt thanks to the entire team at Royal Solutions
Technologies for their invaluable support throughout my internship. Their commitment,
creativity and collaborative spirit were crucial to the success of this endeavour. I am
truly honored to have worked with such an exceptional team.
My keen appreciation also goes to the SIWES coordinators, for availing such
opportunity, giving students the avenue to gain real-world experience in a professional
setting.
ii
TABLE OF CONTENTS
Title
Dedication
Acknowledgements
Chapter 1 – Introduction
1.1 Student Industrial Work Scheme (SIWES)
1.2 Roles of Involved Parties in SIWES Program
1.3 Royal Solutions Technologies
1.4 Organizational Chart
1.5 Various Department and functions
Chapter 2 – Internship Activities
2.1 Front-End Web Development
2.2 UI / UX Design
2.3 Data Analytics
Chapter 3 – Problems Encountered
3.1 Problems Encountered
3.2 Relevance of SIWES programme
Chapter 4 – Conclusion and Recommendations
4.1 Ways of Improving the SIWES
4.2 Advice for Future Participants
4.3 Advice for SIWES Managers
4.4 Conclusion
4.5 References
iii
CHAPTER ONE
INTRODUCTION
The Student’s Industrial Work Experience Scheme (SIWES) is the accepted skills training
programme which forms part of the approved minimum academic standards in various degree
programs for all the Nigerian universities. The scheme is aimed at bridging the existing gap
between the theory and the practice of engineering, sciences, agriculture, medical sciences,
environmental technology, technical education, science education and other professional
educational programs in the Nigerian tertiary institutions. It is aimed at exposing students to
machines and equipment, professional work methods and the ways of safeguarding the work
area and workers in industries and organizations.
In 1974, the Federal Government of Nigeria introduced the national policy on industrial
training called the Student’s Industrial Work Experience Scheme (SIWES). This programme,
under the umbrella of the ministry of education through the Industrial Training Fund (ITF),
was designed to help students acquire the necessary practical education/experience in their
fields of study and other related programmes. This is an effort which was created in order to
bridge the gap between the theory taught in the classroom and the practice of science,
agriculture, medicine, engineering, technology and other professional programmes in the
Nigerian tertiary institutions, The programme was established basically to impact elaborate
practical understanding to students with respect to their various disciplines. It is also intended
that the student through a process of relation to academic knowledge and practical industrial
application would understand the underlying principles and become better focused and acquire
the practical application towards excellence in his or her discipline.
Objectives of SIWES
Specifically, the objectives of the Student’s Industrial Work Experience Scheme (SIWES) are to:
Provide an avenue for the students in the institutions of higher learning to acquire industrial
skills and experience in their course or other related areas of study.
Prepare students for the industrial situation that they are to meet after graduation.
Expose students to work method and techniques in handling equipment and machinery that
may not be available in their institutions.
Make the transition from students to the world of work easier and enhance student’s
contacts for later job placements.
Provide students with the opportunity to apply their knowledge in real work situations
thereby bridging the gap between theory and practice.
Enlist and strengthen employers’ involvement in the entire educational process and prepare
students for employment in the industry and commence.
By the directive of the National University Commission (NUC) and the Industrial Training
Fund (ITF), the unit is mandated to carry out the following functions:
The SIWES programme comprises of the student, the university and the industry. The training
is funded by the Federal Government of Nigeria and jointly coordinated by the Industrial
Training Fund (ITF) and the National University Commission (NUC).
Make it mandatory for all ministries, companies and government parastatals to offer
attachment place for students.
Make it a policy to include a clause on every major contract lasting over a period of nine
months being awarded to contractors to take students on attachment.
Make adequate funds available to the federal ministry of industry to fund the scheme.
In collaboration ITF, compile the list of employers for institution placement units.
Establish SIWES coordinating body for the program.
Evolve a minimum national guide programme for supervised industrial training activities
for approved courses.
Appoint full time industrial coordinators to operate the scheme at agency level.
Vet and approve SIWES master’s placement list and forward to the industries and
institutions.
Prepare and submit master placement lists to the respective coordinating agencies and ITF.
Place students on attachment with employers.
Establish SIWES coordinating bodies and appoint department/SIWES coordinators within
institutions.
Organize orientation programs for students to prepare them for industrial training.
Representatives maybe invited to give talk to the students during the orientation
programme.
Appoint full time industrial coordinators to operate the SIWES program at industrial level.
Important of SIWES
It provides students with the opportunity to apply their theoretical knowledge in real life
situations and prepare for the labour market after graduation.
It exposes the student to more practical work methods and techniques.
It strengthens link between employers, universities and the Industrial Training Funds (ITF).
Royal Solutions Technologies, located at Suite C20 and C11 Woji Estate Shopping Plaza, Woji
Estate, Port Harcourt, River State is a well-equipped training center with the required facilities,
which provides positive and immersive learning experience for participants, making it an ideal
place for professional development and skill-building.
Royal Solutions Technologies was originally founded by Mr. Idowu Oladiran as BITS
Academy in 2004, and then rebranded and registered again in 2021 with the mission of
breeding an exceptionally outstanding tech experts and providing innovative and effective
software solutions to businesses and organizations. With a focus on quality and customer
satisfaction, the company has grown to become a leading provider of software solutions in the
industry.
pg. 3
1.4 ORGANIZATIONAL CHART
CEO
Admin
Department
UI/UX
Team
Content
Director
Project Front-End
Manager
Team
Marketing
Team
Back-End
Team
Data/Business Analytics
Team
The CEO is responsible for the vision, mission, and values of the organization, making major
cooperate decisions and provides the overall direction and leadership for the organization.
Administrative Department
The admin department coordinates the activities of other departments, manages the office
operations and facilities ensuring compliance with the company policies and procedures and
also maintains the company records and databases.
Project Manager
This department oversees the entire project and ensures that everything is put together in place.
They understand what is possible, the project structure, what is needed and what can be
achieved.
UI/UX Team
The UI/UX team create blueprints and models that are that simulates the end product. The UI
team make the user interface of a product intuitive as possible, while the UX team carefully
consider each and every visual and interactive element the user will encounter, developing and
improving the quality interaction between the users and all facets of the product (website or
app). The UI/UX team is also in charge of graphics design.
Front-End Team
pg. 4
This department is totally responsible for client-side of a website, how web pages are served to
clients, making sure the websites work across multiple devices and in all browsers.
Back-End Team
They oversee the dynamic activities that you and clients never see. The back-end is the nuts
and bolts of the website or app. They handle a lot of the server-side activities and handles the
technical specifications of the server.
Content Director
The content director is responsible for research and updating content on the website.
Marketing Team
The marketing team explore marketing opportunities, research the customer responses and
demands, creating marketing strategies that appeal to the targeted audience. They advertise the
product’s benefits and value, and also strengthen the company’s brand.
The team analyze, visualize and interpret data to help the company make informed decisions.
Assist in the development of new products and services based on data insights. This includes;
collecting and organizing data from various sources of the company, such as internal
databases, social media, and online reviews.
pg. 5
CHAPTER TWO
INTERNSHIP ACTIVITIES
My internship with Royal Solutions Technologies officially began on Monday 4 th July, 2023. It all
began with an orientation session where I was informed on the company’s code of conduct and guided
on how to enhance the acquired skills into domestic and commercial purpose, creating impact on
families and the society at large.
During my internship period, I was able to acquire real-time experience through hands-on projects and
team collaboration in the following fields:
Front-end development refers to the client-side (how a web page looks), While Back-
end development refers to the server-side (how a web page works). Front-end code is used to
create static websites, where the purpose is to display the web page. However, if you want to
make your website dynamic (manage files and databases, add contact forms, control user-
access, etc.), then the knowledge of back-end programming language, like PHP or Python, and
SQL is needed to communicate with databases.
The World Wide Web (WWW) is about communication between web clients and web servers
through cloud.
Clients are the end-users who access and use web applications but through the medium of
browsers (Chrome, Edge, Safari, etc.), or any type of program or device. The client send
request to the web server via the cloud.
Cloud is just a network of servers that provide resources (like storage, processing power and
bandwidth) over the internet, but on demand. It allows resources to be accessed from
anywhere.
Servers are most often computers in the cloud that deliver web pages to clients’ browser and
respond to client requests through the HTTP protocol.
pg. 6
The server returns an HTTP response (output) to the browser
The client (the browser) receives the response
HTML is the standard markup language for creating web pages. HTML elements are the
building blocks of HTML pages
HTML Elements
An HTML element is a start tag and an end tag with content in between:
i) Block-level:
Block-level elements take up the full width of the screen and start on a new line.
e.g. h1 – h6, p, div, ul, ol, dl, table, tr, td, blockquote.
ii) Inline:
pg. 7
Inline elements are placed within the follow of text and can be nested within
other elements.
e.g. span, img, br, em, sup, sub, strong, input, abbr, a.
HTML Attributes
<meta charset="utf-8">
<title>Page Title</title>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
<p>This is another
paragraph.</p>
</body>
</html>
Code Explained:
HTML Documents
All HTML documents must start with a document type declaration: <!DOCTYPE html>.
The HTML document itself begins with <html> and ends with </html>.
The visible part of the HTML document is between <body> and </body>.
pg. 8
HTML Document Structure
Below is a visualization of an HTML document (an HTML Page):
<html>
<head>
<title> Page title </title>
</head>
<body>
</body>
</html>
Only the content in the body – the highlighted area will be visible in a browser.
HTML Links
HTML links are defined with < a > tags:
Example
<a href="https://www.fuotuoke.edu.ng">This is a link to FUO official site</a>
The link's destination is specified in the href attribute.
HTML Images
Example:
<img src="img_logo.jpg" alt="FUO_logo" style="width:120px; height:150px">
HTML Buttons
Example:
<button>Click me</button>
HTML Lists
HTML lists are defined with <ul> (unordered/bullet list) or <ol> (ordered/numbered list)
tags, followed by <li> tags (list items):
Example:
pg. 9
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ul>
HTML Tables
Example:
<table border="1" >
<thead>
<tr>
<th>Matric No.</th>
<th>Department</th> Output:
<th>Level</th>
</tr>
</thead>
<tbody>
<tr>
<td>FUO/19/CSI/11816</td>
<td>CSI</td>
<td>400</td>
</tr>
<tr>
<td> FUO/20/BCH/1170</td>
<td>Jackson</td>
<td>94</td>
</tr>
</tbody>
</table>
For web development and programming, the most important attributes are id and class.
These attributes are often used to address program based on web page manipulations.
Attribute Example:
id <table id="table01">
class <p class="normal">
CSS describes how HTML elements are to be displayed. It is mainly to separate the
presentation of a webpage from the content structure making it easier to control the look
and feel of a webpage without having to change the underlying HTML. CSS aids the
beautification and proper layout of webpages without a lot of extra work.
CSS Example:
<style>
pg. 10
body {background-color:lightblue; text-align:center;}
h1 {color:blue; font-size:40px;}
p {font-family:verdana; font-size:20px;}
</style>
CSS Syntax
In the example below, all <p> elements will be center-aligned, red and have a font size of
32 pixels:
Example:
<style>
</style>
External style sheets are linked to HTML pages with <link> tags:
Example:
<!DOCTYPE html>
<html>
<head>
pg. 11
<title>page title</title>
<link rel="stylesheet" href="mystyle.css">
</head>
<body>
</body>
</html>
Inline Style
Example:
<!DOCTYPE html>
<html>
<head>
<title>page title</title>
</head>
<body>
</body>
</html>
Cascading Order
If different styles are specified for HTML elements, the styles will cascade into new styles
with the following priority:
If different styles are defined on the same priority level, the last one has the highest
priority.
Example:
<!DOCTYPE html>
<html>
<head>
<title> Page title </title>
<link rel="stylesheet" href="mystyle.css">
<style>
body {background-color: lightblue;}
</style>
</head>
</html>
Responsive Web Design is about using HTML and CSS to automatically resize a website
and making a website look good on all devices (desktops, tablets, and phones)
Media Queries
Media Queries plays an important role in responsive web pages and allows you to define
different styles for different browser sizes.
Bootstrap
Bootstrap is a very popular CSS framework that provides a set of pre-built components and
styles for creating webpages. It makes it easier to create responsive and consistent designs
without writing a lot of CSS from scratch.
Example:
<div class="container bg-primary text-white p-4">
<p>Using Bootstrap is more like working with a predefine template,
rather than having to create from scratch.</p>
</div>
JavaScript is a programming language that allows you create dynamic and interactive
webpages. JS powerful features can be used to add functionality which allows the update
and change of both HTML and CSS. JS can calculate, manipulate and validate data.
JavaScript Variable
Numbers
Strings
Objects
Arrays
Functions
JavaScript Variables
JavaScript Numbers
JavaScript has only one type of numbers and can be written with, or without decimals:
pg. 13
In example below, x, y, and z, are variables:
Example:
var x = 5;
var y = 6;
var z = x + y;
From the example above, you can expect:
Example:
var x = 3.14; // A number with decimals
var y = 3; // A number without decimals
The maximum number of decimals is 17, but floating point is not always 100% accurate:
Example:
var x = 0.2 + 0.1; // x will be 0.30000000000000004
JavaScript Strings
Strings store text. Strings are written inside quotes. You can use single or double quotes:
Example:
var carname = "Volvo XC60"; // Double quotes
var carname = 'Volvo XC60'; // Single quotes
The length of a string is found in the built in property length:
Example:
var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var sln = txt.length;
JavaScript Objects
You have already learned that JavaScript variables are containers for data values.
This code assigns many values (Fiat, 500, white) to a variable named car:
var car = {type:"Fiat", model:"500", color:"white"};
JavaScript Arrays
JavaScript arrays are used to store multiple values in a single variable.
Example:
pg. 14
var cars = ["Saab", "Volvo", "BMW"];
JavaScript Functions
A JavaScript function is a block of code designed to perform a particular task.
A JavaScript function is executed when "something" invokes it (calls it).
Example:
function myFunction(p1, p2) {
return p1 * p2; // The function returns the product of p1 and p2
}
The DOM defines a standard for accessing documents. The Document Object Model
(DOM) allows programs and scripts to dynamically access and update the content,
structure, and style of a document. When a web page is loaded, the browser creates a
Document Object Model of the page.
With the Document Object Model, JavaScript gets all the power it needs to create dynamic
HTML:
This example uses the method to "find" an HTML element (with id="demo") and changes
the element content (innerHTML) to "Hello JavaScript":
Example:
document.getElementById("demo").innerHTML = "Hello JavaScript";
pg. 15
Example:
document.getElementById("demo").style.fontSize = "35px";
or
document.getElementById('demo').style.fontSize = '35px';
Example:
document.getElementById("demo").style.display = "none";
or
document.getElementById('demo').style.display = 'none';
Example:
document.getElementById("demo").style.display = "block";
or
document.getElementById('demo').style.display = 'block';
UI/UX is subset of graphic design, though it is a distinct discipline with its own unique set of
skills and principles.
UI / UX design is about designing blueprint and models of how the end product should look
and function. UI / UX design is the first step in the process of creating a digital product or
service. It is usually the basis for the development of the final product similar to how architects
create blueprints and models that are used to construct a building.
UI (User Interface)
UI refers to the design of the interface (visual element) of a product or service, that users
interact with. It comprises of the following visual elements:
UX (User Experience)
pg. 16
The UX focuses on understanding the user and creating a positive and enjoyable experience for
them. It’s all about putting the user first and making sure that every aspect of the product or
service is designed with their needs and goals in mind, the overall experience the users have
when using a product or service. It addresses factors like:
- User Journey: The overall process of the product usage, the problems to be solved through
the impact of the solution.
- User Research: Detailed and qualitative information sourcing that brings the user to the
center of the design process.
- Prototypes: Iterative modes, sketches or wireframe of a design used to gather feedback and
inform the final design.
- usability, efficiency, and satisfaction.
Figma
A web-based tool that allows the design of user interfaces and prototypes. The popularity of
Figma is as a result of its flexibility and easy-to-use features amongst users. Figma is a cloud-
based software that allows designers to work together in real time, even if they’re in different
locations.
- Real-Time Collaboration: Figma allows multiple users to work on the same design at the
same time, and it shows updates in real time.
- Vector-Based Graphics: All elements in Figma are vector-based making them scalable
and resizable with no loss of quality.
Data analytics is the process of collecting, organizing and analyzing data to gain insights and
make informed decisions.
Excel and Power BI are two of the most popular tools for data analytics.
- Excel:
A spreadsheet program that can be used to collect and organize data with its powerful features
which enable the manipulation of data such as sorting, filtering, and pivot tables.
- Power BI:
A data visualization tool that can be used to create interactive dashboards and reports from
Excel data. It has features like slicers, filters, cards, and charts making it easy to explore and
understand data.
pg. 17
At the end of each session, I was assigned tasks to:
Prepare data:
- Using also the 4-steps pattern known as OMG-C which stands for Objectives, Measures,
Get and Clean using power query.
Model data:
Analyze data:
- Using pivot table features such as filter, sort, count, etc. and power pivot.
Visualize data:
pg. 18
CHAPTER THREE
pg. 19
CHAPTER FOUR
- Participants should endeavour to set clear goals and expectations for their internship.
- Always as for feedback and avail themselves to constructive criticism.
- Be prepared to work hard and learn as much as possible.
- Make connections and network with other participants and professionals.
- Take advantage of every available opportunity.
4.4 CONCLUSION
I have gained valuable insights in the field of Front-End Web Development, UI/UX Design
and Data Analytics, as well as skills and knowledge required to be successful in my chosen
course of study. I have also been able to improve my communication and presentation skills
and thereby developed good relationship with my fellow colleagues at work. I now know and
appreciate the connection between my course of study and other disciplines in producing a
successful result.
I am grateful to my director and team at Royal Solutions Technologies for their guidance and
support.
I look forward to impacting positively with the acquired skills and knowledge.
pg. 20
REFERENCES
pg. 21