SCHOOL OF COMPUTING

LORD BUDDHA EDUCATION FOUNDATION

(ACADEMIC COLLABORATION WITH
ASIA PACIFIC UNIVERSITY OF TECHNOLOGY & INNOVATION)
SCHOOL OF COMPUTING

PART 2-POST INTERNSHIP

REPORT

An Internship Placement Report Submitted in partial fulfillment of the requirement

for the Degree of B.Sc. (Hons.) IT

(PA003-5-3)
Acknowledgement
This report has been prepared after the completion of the internship that has been done
in ROyal’s IT Service located in Buddhanagar, Kathmandu. The internship was done
in order to study the practical aspect of the course and implementation of the theory in
the real field with the purpose of fulfilling the requirements of the BSc (Hons) IT. The
aim of this internship is to be familiar to the practical aspect and uses of theoretical
knowledge and clarifying the career goals, so I have successfully completed the
internship and compiled this report as the summary and the conclusion that have drawn
from the internship experience.

I would like to express my sincere gratitude to our internship coordinator who

have given their valuable time and given me chance to learn something despite having
their busy schedule and Mr. Jasbir Singh Makkar for his great guidelines for internship.
I am also thankful to LBEF family and other staff member for their co-operative
support, and also presenting with an opportunity for me to have a practical experience
in this organization. Lastly, I would like to thank my supervisor Mr. Bipin Thapa for
providing this opportunity to work in ROyal’s IT Service who helped me to clutch the
rear opportunities to learn the real world situation. I am also grateful to all member of
ROyal’s IT Service for providing several documents, papers, data, figures and services
as well as sharing their experience with me and teaching me different techniques to
build the computer network for to operate effectively and efficiently. Thus, the time in
ROyal’s IT Service was very audacious and supportive to my career through which I
have gained valuable work experience that will help definitely makes a favorable
impression on me as a prospective future employer.
Summary Report
This report summarizes the time of mine during the internship of three months at
ROyal’s IT Service. This report have details of my working environment and the task
assigned by my supervisor in the organization. The goal of this internship is to assist us
in focusing of our own interests and involving in the professional world of Information
Technology in an organization. Thus for the help of achieving the goal for future, the
selection of future coursework and the assessment of ultimate career pursuits. It has
provided opportunities in the field of Web development. The report consists of the
business report which includes the brief detail of the company i.e. ROyal’s IT Service
that offered the internship in the first section. The technical report follows the business
part which includes the technical details of the work done during the internship period.

ROyal’s IT Service is a growing and one of the leading organization in the field of
Information Technology. During internship period, I got to know working procedures
in the field of Web development and Photoshop designing and also managing the time,
task handling, risk managing and project managing. Apart from technical knowledge, I
also learned how to work in a team and develop my communication skills. The
internship turned out very profitable for me as a platform was provided to explore my
knowledge and learn about the real world’s problems and implementations.

Name: Sagar Khadka

Intake: NP3F1801IT

Programme: BSc (Hons) IT

Industrial Period: 14 January 2018 – 14 April 2018

Company/ Establishment: 27 Bhadra 2016

Purpose of Report: The purpose of this report is about development of skills and
knowledge gained during the internship period in ROyal’s IT Service.
Table of Contents
1 Business Report ..................................................................................................... 1

1.1 Introduction to the business............................................................................. 1

1.2 Organization Strategy...................................................................................... 1

1.3 Organization Vision ........................................................................................ 1

1.4 Core Values ..................................................................................................... 1

1.5 Goals................................................................................................................ 2

1.6 Placement at ROyal’s IT Service .................................................................... 2

1.6.1 Duration ................................................................................................... 2

1.7 Services of Royal’s IT SERVICE ................................................................... 3

1.7.1 Network/Web Security............................................................................. 3

1.7.2 Physical Security & Surveillance- CCTV /Access Control/IP

Camera/PABX ....................................................................................................... 3

1.7.3 Website Development .............................................................................. 4

1.7.4 Mobile Apps | Software Development ..................................................... 5

1.7.5 Cyber Security ......................................................................................... 6

1.7.6 Digital Marketing ..................................................................................... 6

1.7.7 AMC ........................................................................................................ 6

1.8 Organization Structure .................................................................................... 7

1.8.1 Finance Department ................................................................................. 8

1.8.2 Marketing Department ............................................................................. 9

1.8.3 IT Department .......................................................................................... 9

1.9 Communication Process in ROyal’s ............................................................. 10

2 Technical Report .................................................................................................. 11

2.1 Introduction ................................................................................................... 11

2.2 Outline ........................................................................................................... 11

2.3 Overview ....................................................................................................... 12

2.3.1 Front-end Development ......................................................................... 13

 2.3.2 Back-End Development ......................................................................... 18

2.3.3 Designing through Photoshop ................................................................ 19

2.4 Problems and Solutions ................................................................................. 20

2.5 Project Result ................................................................................................ 21

3 Conclusions & Recommendations ....................................................................... 22

4 References ............................................................................................................ 23

5 Appendices ........................................................................................................... 24
List of Tables
Table 1: Duration ........................................................................................................... 2
Table 2: Project Results ............................................................................................... 21

List of Figures
Figure 1: Development of Website ................................................................................ 4
Figure 2: Software Development ................................................................................... 5
Figure 3: Mobile App Development .............................................................................. 5
Figure 4: Cyber Security ................................................................................................ 6
Figure 5: Cyber Security ................................................................................................ 6
Figure 6: Organization Structure ................................................................................... 8
Figure 7: HTML Code of My Project .......................................................................... 13
Figure 8: CSS Code of My Project .............................................................................. 14
Figure 9: JavaScript Code of My Project ..................................................................... 16
Figure 10: JQuery in My Project ................................................................................. 17
Figure 11: Back-end development & framework of my project .................................. 18
Figure 12: Login form using PHP ................................................................................ 19
Figure 13: Webpage header and footer using Adobe Photoshop ................................. 20
1 Business Report
1.1 Introduction to the business
ROyal’s IT Service is an Information Communication Technology company in Nepal
founded by young, energetic and skilled IT professionals. Our business model is based
on the accomplishment of IT Services across Nepal. The Company has been doing
various projects before the establishment of the company representing other companies
for the last 5 years. ROyal’s IT Service conducts IT marketing, Training as well as IT
consulting. The company undertakes all maintenance duties for IT organizations and
conducts all the security and surveillance for the properties. Our team consistently
delivers solutions in various areas including business solutions, system applications,
product development, Internet/Intranet applications and communication & network
management services.

At Technology Solutions, ROyal’s IT guarantee rapid, reliable and sustainable

information technology solutions.

1.2 Organization Strategy

 To provide quality and innovative services that exceeds the expectations of our
esteemed customers.
 To provide information technology solutions for small to medium-sized
businesses and large organizations.
 To build long term relationships with our customers and clients and provide
exceptional customer services by pursuing business through innovation and
advanced technology

1.3 Organization Vision

 To be the leading global provider of Information Technology.
 To be a leader in IT industry by providing complete IT Solutions, relationship
and sustainable services.

1.4 Core Values

 They believe in learning process with passion.
 They believe in treating our customers with respect and faith.
 They grow through creativity, invention and innovation.
1
  They integrate honesty, integrity and business ethics into all aspects of our
business functioning.

1.5 Goals

 Global expansion in Information Communication Technology and develop a

strong base of customers.
 Increase the assets and investments of the company to support the development
of services.
 To build good reputation of ROyal's IT in the IT Industry and extend it
globally.

1.6 Placement at ROyal’s IT Service

As an intern, I was given the role of Web Developer to conduct internship at ROyal’s
IT Service. Some assignment is given to create small website projects with the guidance
of my supervisor.
1.6.1 Duration

The duration of internship period has been declared for minimum twelve weeks by
Faculty of Management, LBEF College for the partial fulfillment of the requirements
for the degree of Bachelor of Science in Computer Science and Information Technology
that fifth semester should complete. As per the requirements, the internship was carried
out from 10th Jan 2018 to 15th April 2018 in ROyal’s IT Service.
Start Date 14th January, 2018

End Date 14th April, 2018

Total Duration 3 months

Supervisor Mr. Bipin Thapa

Office hour 10:00 am – 5:00 pm

Table 1: Duration

2
1.7 Services of Royal’s IT SERVICE
1.7.1 Network/Web Security
ROyal’s IT Service’s vision is to protect client’s network from every attacks, threats
and vulnerabilities with a proactive process of real-time threat visibility and
intelligence. Effective Network Security manages access to network which targets
different threats and stops them from entering and spreading on your network. The
types of Network Security Services provided by the company to the customers:

 Data Protection
 Application Security
 Anti- malware and Antivirus installation
 Penetration Testing
 VPN
 Wireless Security
 Web Security
 Networking:
 Routing and Switching
 Network Security – Network Security Policy/ Firewall
Implementation
 Network Operations – Network Administration/ Technical
Support/ LAN & Wan Management
 LAN Technologies- Ethernet/WLAN/ Converged
Network(Voice/Data/Video)

1.7.2 Physical Security & Surveillance- CCTV /Access Control/IP

Camera/PABX
ROyal’s IT Service also offers security system installation services. The services
include installing CCTV Cameras, Dome cameras, IP camera and PABX for the
purpose of our clients Security. The installation of CCTV has many advantages such
as, it reduces crimes, provides security and protect the valuable properties of people.
Due to its easy installation features, perfect design, reliable structure, longer service
life, excellent performance and less maintenance the CCTV cameras are widely
demanded in the IT industry.

3
ROyal’s IT has partnered with HIKVISION, the leading supplier of video surveillance
products and solutions. The company has topped the list as the world’s largest supplier
of CCTV & Video Surveillance Equipment for six consecutive years (2011-2016) and
retains the number one market share position in virtually all individual equipment
categories, including network cameras, analog and HD CCTV cameras, DVR/NVRs,
and video encoders.

ROyal’s IT Service also specialize in the design, installation and maintenance of

structured cabling systems i.e. PABX. IT is an automatic telephone switching system
within the private enterprise systems. With the help of PABX a single access number
can offer multiple lines to outside callers to provide external lines to internal callers and
staffs.

1.7.3 Website Development

ROyal’s IT develop professional, managed,
responsive and secure web application for our clients
with our expert, creative and skilled team to help
customers with their online presence. The company
offer variety of website design and development
services which include creating mobile web
development solutions and responsive website
designs using the latest and secured web technologies.
The developers of ROyal’s IT help to build the
websites that not only look great, but also meet the
needs of both the clients and their targeted audience.
Figure 1: Development of Website
The designers and developers of ROyal’s IT service
work together to help create attractive designs that fit the client’s brand and create
functionality and user experience that helps in promoting the business online. From
simple to complex, we focus on a full range of website services that satisfies our clients
to meet their specific needs. ROyal’s IT uses different platforms for designing i.e. PHP,
ASP.Net, JavaScript, HTML 5, Css3 and jQuery for highly reliable web services. The
major websites we’ve been creating are:

 E-Commerce Website (Online Shopping, Banking)

 Gaming Website

4
  College/School Website
 Educational Consultancies
 Corporate Website

1.7.4 Mobile Apps | Software Development

ROyal’s IT Service has high experience in
creating mobile applications for all major
platforms including iOS, Android and
Windows or Desktop as per the requirements
of our clients in any platforms. The application
we develop is secure, scalable and sustainable
in every hosted environment. The programmer
in the organization code via Google Android

Figure 2: Software Development Development Tool utilizing the Eclipse IDE

plugin, for building Android applications. The
team help clients by providing them reliable and affordable services. Also, the team
provide consulting and software development services for various platforms and
different industries. The organization has a team of knowledgeable developers and
creative designers who can implement mobile applications for every kind of devices
available in the mobile industry.

ROyal’s IT Service knows to

deliver high-quality mobile
application for the clients and do
effective business with them. The
first priority of ROyal’s is to
satisfy the customer’s needs by
providing quality and available
services to our valued clients and
customers as mobile apps are part
of our daily life. Mobile
application is one of the best ways Figure 3: Mobile App Development

to meet the targeted audience, build strong brand and to keep in touch with the existing
as well as new customers.

5
1.7.5 Cyber Security
Security should be the top priority for all type of internet users because cyber-attacks
could easily slow down or stop your business.

Technology innovation has increased

many threats to valuable data and
information of the users as computer
networks have been targeted by hackers
and unauthorized users. It is likely to
that the danger of cyber security
breaches
will
increase
Figure 4: Cyber Security in the
future as these networks expand.

ROyal’s IT Service, with its professional team ensures

to provide the services of securing the clients computer
to minimize losses from those unauthorized users. With
the right level of preparation and specialist external
assistance, we control damages, and recover from a Figure 5: Cyber Security

cyber-breach and its consequences.

1.7.6 Digital Marketing

Digital marketing refers to digital advertising through online Medias, websites and
other search engines. This can help the marketers to see accurate results in real time.
Under digital marketing ROyal’s IT offers high marketing through Mobile applications,
E-mail, Website and social media. Paid Advertisement, PPC (Pay per Click) and social
media marketing are the most used tactics for digital marketing.

1.7.7 AMC
To ensure if the IT systems are operating at maximum efficiency, the PCs must be
maintained regularly or constantly. If not, the server, hard drives, storage system might
crash resulting in slower and irrelevant information. ROyal’s IT Service offers to our
respected clients, the PC maintenance programs to ensure the efficiency of computer
peripherals as per their desires and demands. The Company has a team of expert

6
professionals, who are engaged in providing or solving any computer related problems
and effective maintenance service. The special features of our AMC include:

 Installation and Maintenance of IT Infrastructure

 Data Recovery and Back-up
 Network Management
 Server OS / Storage Management /Administration
 Firewall and Anti-Virus Management
 E-mail and Internet Management
 Software Issues
 Computer Hardware Management

1.8 Organization Structure

An organizational structure defines the scope of acceptable behavior within an
organization, its lines of authority and accountability, and to some extent the
organization's relationship with its external environment. More specifically, it shows
the pattern or arrangement of jobs and groups of jobs within an organization and yet it
is more than an organizational chart. The organizational structure pertains to both
reporting and operational relationships, provided they have some degree of
permanence. The individual elements of an organizational structure typically include a
variety of components that one may usefully see as building blocks:

1) Departments or divisions

2) Management hierarchy

3) Rules, procedures, goals and

4) More temporary building blocks such as task forces or committees.

ROyal’s IT Service has three major departments. They can be listed as:

 Marketing Department (Promotion and advertisement is done)

 Finance Department (Financial issues, tasks)
 General(IT) Department (IT works/Projects/Tender)

The organization structure of ROyal’s IT Service is shown in the figure below:

7
 Figure 6: Organization Structure

1.8.1 Finance Department

The accounting department in ROyal’s IT is responsible for recording and reporting the
cash flows, both in and out, of a company. There are five basic roles or functions within
the department:

 Accounts receivable
 Accounts payable
 Payroll
 Financial controls
 Financial reporting

Each of these functions are important in business. Because financial controls are an
important part of every area of the accounting department. These are just some of the
main roles and functions of the accounting department in businesses, there are many
more responsibilities the accounting department is responsible for and a number of
subcategories. Those will depend upon the incoming projects while the specific roles

8
may vary from Services to services, one thing is certain: if the accounting department
does not perform these key functions effectively and efficiently, the company could be
headed for some serious problems.

1.8.2 Marketing Department

The marketing department has overall responsibility for growing revenue, increasing
market share and contributing to company growth and profitability. At ROyal’s IT, the
marketing department may just be one person, or it may include a marketing director
or manager plus marketing executives responsible for functions such as advertising,
publications or events. The marketing manager is responsible for all the promotion and
advertisement of the company. He/she is responsible for all the incoming projects from
outside the organization. Market research is a key responsibility for the marketing
department which helps the company identify market opportunities and gain a better
understanding of customer needs. It also helps them understand competitors’ strengths
and weaknesses so they can take action to protect business with existing customers or
win business from weaker competitors. The marketing manager or sometimes the junior
marketing manager go through the market for research and product promotion. The
marketing department also reviews the proposal of various products and services and
forward to the clients.

1.8.3 IT Department
The IT Department in ROyal’s IT conducts all the essential IT functions and
responsibilities. The major functions of IT Department in the organization can be
classified as:

 Developing Websites
 Mobile application development
 Software Development
 Network Security
 Cyber-Security
 AMC(Annual Maintenance Contract)
 CCTV/PABX Installation
 Digital Marketing etc.

9
 These are described in the previous sections in Services of the Company. Apart
from this the other functions of this department is recruitment of the new staffs
inside the company. Also, the major functions includes:

 IT Consulting
 IT Trainings
 IT Support

1.9 Communication Process in ROyal’s

For efficient communication it is necessary that the receiver understands the meaning
of the message and indicates it to the sender through some expected reactions. The
major process of communication in the company is verbal communication and
sometimes written. Effective Communication is significant for managers in the
organizations so as to perform the basic functions of management, i.e., Planning,
Organizing, Leading and Controlling.

Communication helps managers to perform their jobs and responsibilities.

Communication serves as a foundation for planning. All the essential information must
be communicated to the managers who in-turn must communicate the plans so as to
implement them. Organizing also requires effective communication with others about
their job task. Leaders as managers of ROyal’s IT communicate effectively with their
subordinates so as to achieve the team goals. Controlling is not possible without written
and oral communication. The supervisor and the top level management prefer verbal
communication rather than written with the employees at ROyal’s IT. Written
communication is preferred on internet and to connect with the clients.

10
2 Technical Report
2.1 Introduction
I’ve done the internship program in Web development for the period of three months
in ROyal’s IT Service. The internship program was for three months, started from
January 14 2018 A.D and ended in April 14 2018. I have no idea about the professional
world in the field of Information Technology and other sectors. After completion of
internship I’ve gained a lot of technical skills in professional world. The team members
of the company have help me to motivate in any circumstances whether it is good or
bad or hard as rock. I’ve aim of gaining the professional skills on web development
among various departments with full responsibilities in ROyal’s IT Service. I was much
interested in the field of web development and ready to drown myself in that career
that’s why I end being chosen it.

The Organization have treated me as the family in the company with theirs full support
and co-operative behavior. After being an intern of a company I began to learn from
the office staffs and guided by my supervisor and the top officers as well. And slowly
I also began to work in the web development field. I have done front-end of the website
using HTML5, CSS3, JavaScript, JQuery and Bootstrap and backend using PHP,
Python, MYSQL. I have also done designing with the help of the Adobe Photoshop.
The topic I have done for the web development was very relevant. Slowly, I’ve
understand to work in the organization like professional. I’ve been regularly guided by
my supervisor and colleagues. In those three months of my internship I’ve learned many
things, not only professional and office works but teamwork, time management, task
handling, risk management, project management also.

2.2 Outline
This report have the information of my time at the internship done in the ROyal’s IT
Service. This report describes my involvement in the organization. This report gives
the overview of my time during internship. This report have my areas of work and
achievements during the internship period. The report consists of different section and
sub section of technical report.

11
Introduction: In this portion there is overview of the personal introduction and the
brief summarization of the works done in the organization.
Outline: This part includes the overall view of the technical report.
Overview: This part includes the overview of technical report of my works done at
internship in the organization.
Solutions: This section have solutions to the problems encountered during my
internship.
Project Result: This part provides the outcome of the projects that have done during
the internship period.

2.3 Overview
This part includes the brief overview of the technical report at the organization during
the time period as an intern. The report has the tasks details that I’ve done at the
internship. The platform that I’ve been provided at the organization was much fruitful.
I’ve done my very best performance for the web development including front-end,
back-end, database and designing in the Photoshop.

The web application that I’ve to done had been planned to consist of two parts front-
end and back-end development. The front-end is the part of the web that you can see
and interact with (e.g. Client-side programming). While front-end code interacts with
the user in real time, the back-end interacts with a server to return user ready results.
The front-end is a combination of HTML, CSS, Bootstrap, JQuery and JavaScript
coding. By using JavaScript, modifications of the design of a web page can be made
immediately, however only temporary and visible only by the user. Normally the user
would not have rights to modify web content dynamically on the server side. Logically,
administrators are the ones who deal with back-end modification of databases for
example as they often contain sensitive data which should not be available to see or
modify by the general public. Back-end programming languages include PHP, Python,
Ruby and others. As I have minimal experience with back-end programming, I have
initially focused on the front-end development of the Translate and Edit module. But
I’ve also done back-end programming. However, if a developer were to extend its
functionality, they would be able to reuse code that manages user edits for their benefit.

12
2.3.1 Front-end Development
HTML

What I had to take in mind prior to starting the project was accessibility issues and web
standards. I had written a strict XHTML file that contains two sections - one list (<ul>)
section for the flag buttons and another (<div>) for the modification buttons. One major
concern of web accessibility is the use of images. It is considered best practice to add
“alt” and “title” attributes for users who cannot distinct images. For example the image
of the German flag has a title “Deutsch” and alt attribute set to “German flag”. The
Lang attribute is also set as English (Lang=”en”) in order to inform the browser of the
default human language of the script, which is essential for the proper reading of the
web page by certain technologies for the disabled.

Figure 7: HTML Code of My Project

Style/CSS

The main styling is stored in an external spreadsheet, although the HTML DOM style
object has also been used to change some settings while the JavaScript is being loaded.
For example the Save button for the edit module has set visibility to “hidden” in the
external style sheet, but the property changes to “visible” when the edit button is clicked
to avoid potential confusion.

Another method I have used to change properties inside JS is the jQuery .CSS ()
method. I have found it to be effective in changing background and border properties
of objects.

13
 Figure 8: CSS Code of My Project

JSON

The database in this case is the JSON library file, stored on the server-side and parsed
upon request. As JSON was used primarily in this web extension to store data, I have
decided it would be a good idea to use it as a method of internationalization for the
Assistant of this web application, mainly because of the simplicity of adding data,
which is an important part of the module. By creating an array of objects, each
containing default text from the Assistant and its translations, I was able to compare
every text attribute on the page with the existing ones in the library and replace them
appropriately.

JavaScript

All functionality of the modules has been programmed in JavaScript, including jQuery
and AJAX. JQuery is a fast and small JavaScript library that offers many useful features
that make event handling among other things much simpler with an easy-to-use API
that works across a multitude of browsers. AJAX, though not another programming
language or library is a way of using existing standards. It is the art of exchanging data
with a server and updating parts of a web page, without the need to reload the entire
web page.

14
As AJAX was already used to dynamically load data for the application, I have found
certain AJAX event handlers in jQuery to be useful for my application. I used the
jQuery. Ajax () handler which performs an asynchronous HTTP (Ajax) request. The
request is sent to the translation library (or the JSON file) leading to the creation of a
JSON object upon success. The object, stored in a variable called lib Data will be further
used to refer to text values in the application. The idea of the edit module is that once
the user decides they want to change the screen text of a webpage, all of the text values
would become editable by a single button click. For this purpose, the following actions
need to occur:

 Collect all HTML tags on the web page and store them in variables
 Perform a check if each tag contains text
 Highlight the tags with found text values upon mouse hover
 Wrap the text inside a text box and allow modification
 Distinct the modified text from the unmodified (e.g. Outline the text box)

The next step of the edit process would be to save the changes by clicking on the ‘Save’
button. What happens is the following:

 Input values are collected and stored in arrays

 A new JSON object is created
 Whenever the user changes a text value, it is stored locally inside a JSON object
 Display new text values on reload

Optionally, the user should be able to reset all text nodes in their original state. That is
made possible by adding another button called ‘Default’, which deletes the object in
local storage. (tutorialspoint, 2018)

The functionality of the back-end office modifications would be exactly the same with
the only difference that the changes will be made permanent. It would be possible to
reset default (old) values, however that would mean not only changing data but adding
more to the database. This could bring up some complications, the most obvious one
being processing time.

15
 Figure 9: JavaScript Code of My Project

JQuery

JQuery is not a language, but it is a well written JavaScript code. As quoted on official
jQuery website, "it is a fast and concise JavaScript Library that simplifies HTML
document traversing, event handling, animating, and Ajax interactions for rapid web
development."

JQuery is very compact and well written JavaScript code that increases the productivity
of the developer by enabling them to achieve critical UI functionality by writing very
small amount of code.

 It helps to improve the performance of the application

 It helps to develop most browser compatible web page
 It helps to implement UI related critical functionality without writing hundreds
of lines of codes
 It is fast
 It is extensible (JQuery can be extended to implement customized behavior)

Other advantages of jQuery are:

16
  No need to learn fresh new syntaxes to use jQuery, knowing simple JavaScript
syntax is enough
 Simple and cleaner code, no need to write several lines of codes to achieve
complex functionality

As explained before, the aim from this part of the project is to enable adding comments
about a web page. In that context, jQuery is meant to be the perfect tool for showing
pop-up windows that will allow users to add their comments about a specific element
on the web page, and the metadata related to its, as the language, the community, the
author. (W3Schools, 2018)

The JavaScript functions using jQuery, and specifically the widget Dialog, allows to
pop up a window with the text area for the comment text, and then another one with the
metadata fields that will be filled by the user. To show the available comments in a web
page, another function had also been written.

Figure 10: JQuery in My Project

17
2.3.2 Back-End Development
I’ve understood and implemented the basics of the web development and being able to
create some static web pages and have done the project, I was guided by the supervisor
to start the back-end programming. The back end is the machine that runs a site that the
user doesn’t see it or directly interact with it as with client-side technology, but it’s
always running in the background, delivering smooth functionality, a desktop-like
experience, and information from the database right into the browser.

Figure 11: Back-end development & framework of my project

I have added utility to everything created from the front-end design. The back end is a
combination of a database and a software written in a server-side language, which are
run on web servers, cloud-based servers, or a hybrid combination of both. A network’s
server set-up can vary, with the server-side workload divided up between various
machines (e.g., a server dedicated to housing the database). This server-side application
directly interacts with the database via an application programming interface (API),
which pulls, saves, or changes data. The data are returned and I’ve converted into front-
end code a user interacts with: filling out a form, creating a profile, etc. In general, I
have connected anything on a site with back-end code. I have selected PHP language
for all the work I’ve done in the back-end. I’ve created and maintain the entire back-
end function outlined above. I took finished front-end code and gives it working
functionality. For instance, making values in a drop-down menu possible by building
the infrastructure that pulls values from the database. I have selected MySQL for
database creation, integration, and management. (upwork, 2018)

18
 Figure 12: Login form using PHP

2.3.3 Designing through Photoshop

My supervisor also assigned my task as a designer. So, I have to design for the webpage
header and footer. Then, I also started to work as a designer using Adobe Photoshop. I
didn’t took much time for designing but I have made webpages header and footer as
my supervisor suggested. I’ve used Adobe Photoshop easily but it was the challenge to
design in Adobe Illustrator.

19
 Figure 13: Webpage header and footer using Adobe Photoshop

2.4 Problems and Solutions

There are many problems that have been occurred during the time of internship. All in
all, the methods proposed in the solution are quite general, however not fully
completed. There is plenty of room left for improvement. For instance, while
accessibility issues have been handled, some JavaScript functions remain accessible
only at user click which could be difficult for those that do not use a mouse output. I
would suggest that tab properties are added to all text that allows modification in order
to make sifting through them easier and on click event handlers are extended to work
on key press events as well. I have struggled to find the best practice of comparing
strings. Not all web applications are programmed perfectly with text that is always
enclosed in tags, or properly spelled, which means a comparison is not full and might
result in a glitch. There are other problems that are related to execution of the work in
professional world. I’ve faced much problems in back-end programming while doing
PHP and MySQL. Then the problem was solved with the guidance of supervisor and
the help of the colleagues and other seniors of the organization and also use of online
help through internet from YouTube tutorials and tutorials point. The problem occurred
many times also while designing in Photoshop for webpage header and footer. The

20
problem is that the colors are not matching properly for the webpage but from the design
expert of the organization have helped me to found the solution of it.

2.5 Project Result

The various project were carried out during the runtime of the internship. All the
projects had different output according to their goals. The specific areas of the
development of the web development results are given below:

Project Title Project Language/Software used Project Result

Type

Hiking Nepal Web HTML5 & CSS3 Static Website

development

Bungee Web HTML5,CSS3,Bootstrap Responsive

Pokhara development Website

My Shopping Web HTML5,CSS3,PHP,MySQL Dynamic

Application Website

Top in Town Designing Adobe Photoshop Header and

footer design

Mobile Designing Adobe Photoshop Header and

Tracker footer design

Air Fly Sky Web HTML5,CSS3,JQuery, Good Static

development Responsive
JavaScript
Website

My School Web HTML5,CSS3,Bootstrap, Full functional

development Static Website
JQuery, JavaScript

Schoolify Web JavaScript, JQuery, PHP, School

application MySQL Management
System

Table 2: Project Results

21
3 Conclusions & Recommendations
It is known that in college we learn more the theory part of the course studied, but
during an internship we have the opportunity to learn the practical part and acquire
more skills and experience. And in addition to that, since I had the chance to do my
internship in ROyal’s IT Service, I've also put my English into practice. Moreover, it
was really formative to acquire this technical knowledge in English.

In a nutshell, this internship has been an excellent and rewarding experience. I can
conclude that there have been a lot I’ve learnt from my work in this company. Needless
to say, the technical aspects of the work I’ve done are not flawless and could be
improved provided enough time. I got the chance to socialize with people and found
that employee of Academy for BSc (Hons) IT Service are highly committed to serve
the customers and deal with their issues. The internship gave an opportunity to interact,
learn and share ideas with the employees in different fields which broadened the
thinking and practical skills on the technological and management skills.

As someone with no prior experience in JavaScript whatsoever I believe my time spent

in research and discovering new languages was well worth it and contributed to finding
an acceptable solution to an important aspect of web design and development. Two
main things that I’ve learned the importance of time-management skills and self-
motivation. Although I have often stumbled upon these problems at college, they had
to be approached differently in a working environment.

This internship was definitely not just a technical experience to put into practice my
computer science knowledge. Moreover, this human experience will be forever
engraved in my memory. Indeed, the team was so kind and friendly to us that I never
felt the stress of working in an office. I didn't even need to ask them for help when I got
blocked on some work, most of them were always checking on me, asking how are
things going. Moreover, the experience was not limited to our work in the office, we
shared every single experience with each other during those three months. An
atmosphere of good mood was always present.

22
4 References
Kaukav Yaseen, 2016. https://www.youtube.com. [Online]
Available at: https://www.youtube.com/watch?v=7y_LA8H8YjM
[Accessed 2018].

lynda, 2018. https://www.lynda.com. [Online]

Available at: https://www.lynda.com/learning-paths/Design/become-a-graphic-
designer
[Accessed 2018].

tutorialspoint, 2018. tutorialspoint. [Online]

Available at: https://www.tutorialspoint.com/javascript.htm
[Accessed 12 May 2018].

tutvid, 2017. https://www.youtube.com. [Online]

Available at: https://www.youtube.com/watch?v=cPvYMW6NHHk
[Accessed 2018].

upwork, 2018. Back-End Technology: The Role of the Back-End Web Developer.
[Online]
Available at: https://www.upwork.com/hiring/development/back-end-web-developer/
[Accessed 21 April 2018].

w3, 2018. https://www.w3.org. [Online]

Available at: https://www.w3.org/standards/webdesign/htmlcss
[Accessed 2018].

W3Schools, 2018. w3schools. [Online]

Available at: https://www.w3schools.com/JQuery/jquery_get_started.asp
[Accessed 25 April 2018].

23
5 Appendices

24