Work Related Learning

Module Code & Module Title
FC6W51NI Work Related Learning
Assessment Weightage & Type

100% Individual Coursework
Year and Semester

2022 Spring
Student Name: Mimona Karki

London Met ID: 19031154
College ID: np01cp4a190214
Assignment Due Date: 31st May 2022
Assignment Submission Date: 31st May 2022
Academic Supervisor: Ravi Chandra Gurung/Bibek Khanal
Word Count (Where Required): 3,831
I confirm that I understand my coursework needs to be submitted online via Google Classroom under
the relevant module page before the deadline in order for my assignment to be accepted and marked.
I am fully aware that late submissions will be treated as non-submission and a mark of zero will be
awarded.
Table of contents
1. Introduction .......................................................................................................... 1
1.1. Background to the placement........................................................................ 1
1.2. Structure and Role of the company ............................................................... 1
1.3. Specific department worked in ...................................................................... 2
2. Review of activities .............................................................................................. 3
2.1. WRL Form Table ........................................................................................... 3
2.2. Learning Outcome (LO1): To get a strong understanding of real-time web

application development in a professional environment ......................................... 5
2.3. Learning Outcome (LO2): To develop communication and interaction skills . 6
2.4. Learning outcome (LO3): To expand HTML, CSS, JS, and Node JS
programming skills .................................................................................................. 7
2.5. Learning Outcome (LO4): To acquire research and problem-solving skills ... 8
2.6. Learning Outcome (LO5): To get a better understanding of WordPress CMS,

themes, and plugins................................................................................................ 9
2.7. Learning Outcome (LO6): To learn about web hosting panels .................... 10
2.8. Learning Outcome (LO7): To achieve organizational skills ......................... 10
3. Academic context .............................................................................................. 11
4. Abilities evaluation ............................................................................................. 12

application development in a professional environment ....................................... 12
4.2. Learning Outcome (LO2): To develop communication and interaction skills

12
4.3. Learning Outcome (LO3): To expand HTML, CSS, JS, and Node JS
programming skills ................................................................................................ 13
4.4. Learning Outcome (LO4): To acquire research and problem-solving skills . 13

4.5. Learning Outcome (LO5): To get a better understanding of WordPress CMS,
themes, and plugins.............................................................................................. 14
4.6. Learning Outcome (LO6): To learn about web hosting panels .................... 14
4.7. Learning Outcome (LO7): To achieve organizational skills ......................... 15
5. Challenges ......................................................................................................... 16
6. Conclusion ......................................................................................................... 17
6.1. Future plan .................................................................................................. 17
7. References ........................................................................................................ 18
8. Appendix ............................................................................................................ 19
8.1. WRL Form ................................................................................................... 19
8.2. Attendance sheet ........................................................................................ 23
8.3. Internship completion letter ......................................................................... 26
8.4. CV (after internship included) ...................................................................... 27
8.5. Evidence ..................................................................................................... 28
8.5.1. LO1 – Screenshots of GitHub repository, works carried out in InkScape, and
screenshots of the developed application ............................................................. 28
8.5.2. LO2 - Meeting minutes and screenshots of Oral and Written communication
37
8.5.3. LO3 – Screenshots of sample codes ....................................................... 46
8.5.4. LO4 – Research links, handwritten notes, and screenshots of

research/problem-solving work ............................................................................. 51
8.5.5. LO5 – Screenshots of tasks carried out on WordPress ........................... 62
8.5.6. LO6 – Screenshots of work carried out in the Plesk Panel ...................... 68
8.5.7. LO7 – Activities and task log in Asana ..................................................... 71
8.6. Plagiarism check ......................................................................................... 75

Table of figures
Figure 1: Organizational Chart of the Company ......................................................... 2

Figure 2: WRL Form (page 1) .................................................................................. 19
Figure 6: Attendance sheet for August ..................................................................... 23
Figure 7: Attendance sheet for September............................................................... 24
Figure 8: Attendance sheet for October ................................................................... 25
Figure 9: Internship completion letter ....................................................................... 26
Figure 10: Updated CV after the internship .............................................................. 27
Figure 11: Creating initial commit in GitHub ............................................................. 28
Figure 12: Creating commit after icon overlay .......................................................... 29
Figure 13: Creating commit after completing the Maps feature ................................ 29
Figure 14: Creating commit after updating the text slider ......................................... 30
Figure 15: Designing logo for MedHouse Nepal in InkScape ................................... 31
Figure 16: Initial logo design for MedPro in InkScape .............................................. 32
Figure 17: Second iteration of logo design for MedPro in InkScape ......................... 32
Figure 18: Resizing and exporting final MedPro logo design in Inkscape ................ 33
Figure 19: Developed web app ‘MedPro’ (I) ............................................................. 34
Figure 20: Developed web app ‘MedPro’ (II) ............................................................ 35
Figure 21: Developed web app ‘MedHouse Nepal’ (I) .............................................. 35
Figure 22: Developed web app ‘MedHouse Nepal’ (II) ............................................. 36
Figure 23: Project discussion of MedPro (meeting minute) ...................................... 37
Figure 24: Project progress discussion of MedPro (meeting minute) ....................... 38
Figure 25: Project discussion of MedHouse Nepal (meeting minute) ....................... 39
Figure 26: Project progress discussion of MedHouse Nepal (meeting minute) ........ 40
Figure 27: Communication with a co-worker on Google Meetings ........................... 41
Figure 28: Google Meet in Progress......................................................................... 42
Figure 29: Collaboration with supervisor on AnyDesk .............................................. 42
Figure 30: Viber communication with supervisor (I) ................................................. 43
Figure 31: Viber communication with supervisor (II) ................................................ 44
Figure 32: Email communication with supervisor ..................................................... 45
Figure 33: Initiating a Node Project .......................................................................... 46
Figure 34: Setting up Tailwind CSS.......................................................................... 47
Figure 35: HTML and Tailwind CSS sample code (I) ............................................... 47
Figure 36: HTML and Tailwind CSS sample code (II) .............................................. 48
Figure 37: Sample code of MapBox integration ....................................................... 48
Figure 38: JavaScript sample code (I) ...................................................................... 49
Figure 39: JavaScript sample code (II) ..................................................................... 49
Figure 40: Node JS sample code ............................................................................. 50
Figure 41: Handwritten notes sample (I) .................................................................. 52
Figure 42: Handwritten notes sample (II) ................................................................. 53
Figure 43: Handwritten notes sample (III) ................................................................ 54
Figure 44: Handwritten notes sample (IV) ................................................................ 55
Figure 45: Handwritten notes sample (V) ................................................................. 56
Figure 46: Researching logo design ideas ............................................................... 57
Figure 47: Researching healthcare-based images for the application ...................... 58
Figure 48: Researching the front-end layout structure of Web MD .......................... 58
Figure 49: Researching WordPress theme development ......................................... 59
Figure 50: Researching about appearance screen menu......................................... 59
Figure 51: Researching Geocoding .......................................................................... 60
Figure 52: Solving geolocation problem in the web application ................................ 60
Figure 53: Fixing internal site linking problem in client's website (I) ......................... 61
Figure 54: Fixing internal site linking problem in client's website (II) ........................ 61
Figure 55: Installing WordPress Plugins (I) .............................................................. 62
Figure 56: Installing WordPress Plugins (II) ............................................................. 63
Figure 57: Updating plugins (I) ................................................................................. 63
Figure 58: Updating plugins (II) ................................................................................ 64
Figure 59: Uploading backup files using UpDraftPlus .............................................. 64
Figure 60: Customizing site details .......................................................................... 65
Figure 61: Customizing individual pages .................................................................. 65
Figure 62: Creating dummy users for testing ........................................................... 66
Figure 63: Replacing dummy contents ..................................................................... 66
Figure 64: Working on displaying health care services feature ................................ 67
Figure 65: Creating a new layout in WordPress by using the block editor tool ......... 67
Figure 66: Uploading files into the production server ............................................... 68
Figure 67: Uploading necessary images for hosting it in the server ......................... 69
Figure 68: Putting the WordPress app live on the server in the newly bought new
domain ..................................................................................................................... 69
Figure 69: Carrying out website backup in the Plesk panel ...................................... 70
Figure 70: Importing dump database in the Plesk panel .......................................... 70
Figure 71: Activities and task log sample (I) ............................................................. 71
Figure 72: Activities and task log sample (II) ............................................................ 72
Figure 73: Activities and task log sample (III) ........................................................... 72
Figure 74: Activities and task log sample (IV) .......................................................... 73
Figure 75: Activities and task log sample (V) ........................................................... 73
Figure 76: Activities and task log sample (VI) .......................................................... 74
Figure 77: Activities and task log sample (VII) ......................................................... 74
List of Tables
Table 1: WRL Form Table .......................................................................................... 3

FC6W51NI WORK RELATED LEARNING
1. Introduction
1.1. Background to the placement
Ikreate Technologies is a software company dedicated to providing innovative
solutions for people and businesses that are willing to go under a digital
transformation. The main aim of this company is to provide quality software services
and hardware solutions to the relevant businesses. It was established in 2014 and is
located in Baluwatar, Kathmandu, Nepal (Ikreate Technologies, 2022).
1.2. Structure and Role of the company

Ikreate Technologies is a team of enthusiastic and experienced people involved
in the software development industry for several years. The company’s structure
consists of a management team that includes the Chief Executive Officer (CEO), Client
Management Officer, Chief Operating Officer (COO), and Economic Researcher.
Under the management team exists software development departments i.e. Mobile
application development and web application development. Fig 1. Below represents
the Organizational chart of the company.
Since its establishment, the company has been providing services such as
Desktop/Mobile/Web application development, creative designing, SEO Optimization,
social media marketing, system maintenance, digital promotion, branding, web
hosting, and domain registration.
19031154 MIMONA KARKI Page |1

Figure 1: Organizational Chart of the Company
1.3. Specific department worked in

I had the opportunity to work in the web development department that specializes
in creating websites and web applications using different frontend and backend
technologies such as HTML, CSS, Bootstrap, JavaScript, Node JS, PHP, and CMS
such as WordPress.

2. Review of activities
2.1. WRL Form Table
Table 1: WRL Form Table
Learning Learning outcomes Activities and tasks Evidence

Outcome
ID
LO1 To get a strong I will achieve this I will provide relevant
understanding of real- learning outcome by screenshots of my
time web application playing a part in the involvement in this
development in a development of web project
professional applications
environment
LO2 To develop I will develop my I will provide meeting

communication and communication and minutes, screenshots of
interaction skills interaction skills by Viber communication,
attending daily meetings google meetings, and
with my supervisor and other forms of written
co-workers communication
LO3 To expand HTML, CSS, I will strengthen my I will provide

JS, and Node JS programming skills by screenshots of codes
programming skills contributing to the web written
application by writing
codes and adding
different features
LO4 To acquire research I will achieve this skill by I will provide links of
and problem-solving researching online, relevant research
skills following tutorials, materials, written notes,
consulting with my and screenshots
supervisor, referring to
MDN, and Node JS
documentation, and
looking at WordPress
developer resources and
support forums

LO5 To get a better I will achieve a better I will provide

understanding of understanding of screenshots of me
WordPress CMS, WordPress by working in the
themes, and plugins customizing the themes WordPress admin
and using different dashboard
plugins
LO6 To learn about web I will attain this learning I will provide the
hosting panels outcome by assisting in screenshots of the work
making the web carried out in the web
application project live hosting control panel
and carrying out several
other actions in the
hosting panel
LO7 To achieve I will acquire this skill by I will provide

organizational skills using a project screenshots of the
management tool and workspace where tasks
completing the assigned are assigned
tasks on time


application development in a professional environment
Being a part of the web development team in the organization, the main learning
outcome of this internship revolved around understanding how web applications are
developed in a professional work environment. The main goal of this learning outcome
is to understand the internal processes for software development and get involved in
the development of web applications following the company standard. After the
successful completion of my internship, I have achieved this learning outcome by
playing a part in developing and testing web applications using different frontend and
backend technologies such as HTML, CSS, and Node JS along with Content
Management systems (CMS) such as WordPress. During the internship period, all the
tasks assigned to me by my supervisor were related to web application development.
Also, I had the opportunity to assist the company’s IT team in the development of
several web applications and solve some of the client’s issues related to their business
websites. Overall, it can be said that the first learning outcome has been achieved by
working as a full-stack web developer intern in the company. Talking about the work
evidence for this learning outcome, relevant screenshots of the developed system and
sample codes are provided to ensure my involvement in this project. The evidence
can be found here in the Appendix.

2.3. Learning Outcome (LO2): To develop communication and interaction

skills
The second learning outcome relates to the development of communication and
interaction skills as it applies practically to every industry. Effective communication and
interaction are very important in a workplace as it can boost teamwork and lead to
better collaboration among employees (Cheng, 2022). The main aim of this learning
outcome is to build up communication skills in a professional standard with my seniors,
and co-workers in the workplace. Though half of my internship duration was online, it
allowed me to communicate and interact in different ways such as communicating in
written form (Email and Viber), interacting over remote desktop applications (such as
AnyDesk), and attending online meetings on different platforms such as (google meet
and Viber). After the covid pandemic, I had a chance to work onsite which further
enhanced my communication and interaction skills as I had to attend the daily stand-
up meeting with my supervisor and co-workers. Also, I always had a chance to input
my ideas and thoughts about some specific topic after the meeting agenda was
completed. So, it can be concluded that the learning outcome of enhancing my
communication skills has been achieved. The evidence for this learning outcome such
as meeting minutes and screenshots of written and oral communication are presented
which can be found in the Appendix.

2.4. Learning outcome (LO3): To expand HTML, CSS, JS, and Node JS
programming skills
The third learning outcome is based on improving programming skills which is
very important for a web developer. As a full-stack web application developer intern, I
had to work on both front-end technologies such as HTML, CSS and Vanilla JavaScript
and backend technologies such as Node JS and Express JS. During my internship, I
first worked on creating the front end of the application using basic HTML and added
Tailwind CSS for creating beautiful-looking designs and layouts. Then, as per the
requirement, plain JavaScript was written on the front end to make the client-side more
interactive. Gradually, I got introduced to backend development and was provided with
the resources needed for completing the project. I was involved in the development of
a healthcare-based web application where I had to develop functionalities such as
searching for doctors, booking online appointments, and so on. Moreover, I had the
chance to integrate third-party libraries such as Admin JS and MapBox and wrote
JavaScript to make them work. Also, I handled the login and authentication for multi-
user applications along with designing the whole database for the project. Different
errors and issues were faced while working on the project, which was tackled with the
help of my supervisor and research carried out on different platforms such as support
forums, and MDN documentation. Overall, it can be said that I had a great opportunity
to flourish my coding skills, and the evidence to support this learning outcome i.e.,
screenshots of codes written, can be found here in the Appendix.

2.5. Learning Outcome (LO4): To acquire research and problem-solving skills

The fourth learning outcome is based on the most important skill to improve as
a web developer i.e., research and problem-solving. A software developer encounters
several problems while working on a project. Whether it be a technical or non-technical
problem, the ability to research and solve problems will become extremely helpful. To
fulfill this learning outcome, I had to carry out different research whilst working on the
project. The research work was mainly carried out by referring to the MDN, Node JS,
and Express JS documentation, looking into the support platforms such as
StackOverFlow and CodeGrepper, and discussing it with my supervisor and co-
workers. Also, the WordPress developer resources were extremely helpful for solving
problems related to WordPress themes and plugins. Also, I was allowed to research
first and implement new technologies such as installing WordPress themes and
plugins, setting up Tailwind CSS, Integrating MapBox into the application, and so on.
After every research, my supervisor would ask me to briefly tell the key points in the
meeting and maintain handwritten notes, which helped me achieve this learning
outcome. The evidence such as handwritten notes, links of the research materials,
and relevant research screenshots are provided as evidence of this learning outcome
in the Appendix section.

2.6. Learning Outcome (LO5): To get a better understanding of WordPress

CMS, themes, and plugins
The fifth learning outcome is associated with WordPress, themes, and plugins.
As the first few weeks of my internship were related to developing a WordPress site, I
had the opportunity to get a better understanding of using WordPress CMS. I was
assigned the task of choosing a perfect WordPress theme and setting up the
WordPress site. Also, all the necessary plugins were installed into the project and the
front-end of the project was fully customized. I was also involved in creating a whole
new layout in WordPress which allowed me to learn how it works. All the components
of the User Interface i.e., theme color, logo, site icon, and background images were
customized along with replacing the dummy contents. I also learned to use the block
editor tool in WordPress and was able to work smoothly in the WordPress Admin
dashboard. Furthermore, I learned about the template hierarchy in WordPress while
working on the project. I performed several testing and bug fixes for the client’s
WordPress site which further developed my understanding of WordPress and helped
me accomplish this learning outcome. Screenshots of all the work carried out in the
WordPress admin panel are provided as evidence to support this learning outcome in
the Appendix section.

2.7. Learning Outcome (LO6): To learn about web hosting panels

The sixth learning outcome is about the web hosting panels. As a web
developer intern, it is very crucial to learn about web hosting platforms and procedures.
And therefore, it has been listed as a learning outcome. I was introduced to the
company’s web hosting panel by my supervisor. The company’s web hosting and
server data automation software was called ‘Plesk’ which was suitable for LINUX-
based hosting service providers. I was assigned tasks such as uploading necessary
files to the production server and importing the dump database. As it was a very new
experience for me, I had to seek help from my supervisor and follow guidelines
provided on the internet to complete the tasks successfully. I had a chance to learn
more about web app hosting while putting the WordPress app live on the server and
transferring the application from a temporary domain to a newly bought domain. Also,
I had the chance to work closely with my supervisor in the web hosting panel which
resulted in the growth of my practical knowledge. The tasks such as performing
website backup and creating domain emails for the client through the Plesk panel
contributed a lot to attaining this learning outcome. As evidence, screenshots of all the
work carried out in the Plesk panel are attached in the Appendix section.
2.8. Learning Outcome (LO7): To achieve organizational skills

The final learning outcome is based on achieving organizational skills by managing
time and workloads. Any person must be able to complete tasks in time and meet
deadlines. As I was working under a supervisor, it was easier for me to complete the
assigned tasks in time. Moreover, the company used ‘Asana’ as a project
management tool which made it a lot easier to organize the tasks. At the beginning of
the week, tasks were assigned to me by my supervisor in Asana. The tasks were
prioritized, and deadlines were set. The status of a task could also be seen whether it
was just assigned, in progress, or completed. From my side, I always had my TO-DO
list where tasks with high priority were kept, and those tasks were completed before
the deadline. So, using a project management tool has also helped accomplish this
learning outcome. The screenshots of work assigned in ‘Asana’ are attached below in
the Appendix section as evidence to support this learning outcome.
19031154 MIMONA KARKI P a g e | 10

3. Academic context
Apart from self-practice and research, the modules taught in the first and second
year of the college were helpful in the successful completion of this internship. The
modules that relate to the placement are:
1. Information systems (IS)
This module focused on the core concepts of web development i.e., HTML, CSS,
and JavaScript which were the major programming technologies used during my
placement. The Information Systems module gave me a chance to have a prior
experience in web development as I had to complete an assessment of developing a
portfolio website.
2. Professional issues, ethics, and Computer laws
This module is all about work ethics and computer laws which proved to be
extremely helpful during the placement. This module taught things such as dos and
don’ts in a work environment, key points to remember while working in the industry,
and ways to communicate effectively. Overall, this module helped me with my soft
skills during the internship.
3. Databases
This module is entirely about database designing and development. The concepts
of database designing such as Normalization, Entity - Relationship Diagram (ERDs),
and Structured Query Language (SQL) were useful during the placement as I had to
design a database structure for an application. This module made me prepared for
backend development as database and SQL queries are the backbone of the Backend
of a web application.
All in all, working as a full-stack web developer intern in a software company helped
me in my final year project (FYP module) as the technology stack was the same in
both cases. I was able to understand and expand my coding skills during my
placement which aided me to work at a fast pace during my college projects. Also, this
placement is going to help me in the future as it resembles my future plan of becoming
a full-stack web developer.

4. Abilities evaluation
application development in a professional environment
This learning outcome helped me to gain an understanding of the software
development processes in a company such as phases of software development,
Software development methodologies, analyzing the client requirements, etc. It not
only helped me understand the aspects of software development but also gave me a
chance to experience the work culture and show professionalism in the workplace.
Moreover, it gave me an insight into proper testing and maintenance of the web
application. Furthermore, it gave me a chance to experience teamwork and taught me
how to deal with problems that arise while working in a team. I have realized that
developing a self-learning project is far different from developing web projects that are
useful in real life. Overall, I believe that I have acquired practical knowledge regarding
web application development in the industry. In the future, I feel that this practical
knowledge will help me in places where I will be involved in developing web
applications.
Evidence: Appendix
4.2. Learning Outcome (LO2): To develop communication and interaction

skills
Through this learning outcome, I have developed my communication skills and
changed the way how I interact with my seniors and co-workers. I have learned how
to carry out effective communication both orally and in written form. Also, this learning
outcome gave me a chance to learn how to properly interact with clients. It developed
my team working skills and helped me bridge the communication gap between me and
my co-workers. The activities performed during the placement such as daily stand-up
meetings, brief training sessions, writing professional emails, and using remote
desktop applications contributed a lot to enhancing my intercommunication skills. So,
I believe that I have become a good listener and a good speaker after the completion
of my internship at the company. I feel that I have gained a valuable asset from this
learning outcome. In the upcoming days, this soft skill is going to help me not just in
the software development industry, but also in other areas of my life.
Evidence: Appendix

4.3. Learning Outcome (LO3): To expand HTML, CSS, JS, and Node JS
programming skills
This learning outcome gave me a chance to strengthen my coding skills in
HTML, CSS, JavaScript, and Node JS. From project setup to development and testing
the application, I found myself enhancing my programming skills in the
abovementioned tools and technologies. I believe that I have enhanced my ability to
build logic and write reusable codes. Also, I learned about the MVC (Model-View-
Controller) pattern for creating projects based on Node JS. Furthermore, I had the
opportunity to learn the Express Framework, and concepts such as Asynchronous
programming, APIs, client-server architecture, and so on. I have realized that learning
new tools and technologies is not that difficult if you have access to resources for
learning. I believe that my coding skill in HTML, CSS, and JS is going to help me in
the front-end development and my coding skills in Express JS/ Node JS will help me
in the backend development in the future.
Evidence: Appendix
4.4. Learning Outcome (LO4): To acquire research and problem-solving skills

This learning outcome has helped me to enhance my research and problem-
solving skills in various ways. During the placement, a lot of research had to be carried
out regarding WordPress, Tailwind CSS, Node JS, Express JS, and so on. Also,
research had to be done before implementing a new feature. During the development
and testing of the application, several code errors and issues were faced which were
solved by referring to the documentation and online tutorials. Any problems in the
workplace were solved by communicating with my supervisor and my co-workers. So,
all these activities during the placement have led me in the development of my
research and problem-solving skills. I have learned how to carry out good research
and experienced different problem scenarios and ways to tackle them effectively. So,
I believe that my research and problem-solving skill has developed after the
completion of this internship and that it will be extremely helpful for me in the future
when I will be working as a web developer in the industry.
Evidence: Appendix

4.5. Learning Outcome (LO5): To get a better understanding of WordPress

CMS, themes, and plugins
This learning outcome helped me to better understand the internal working of a
Content Management System (CMS). Setting up a WordPress site was a whole new
experience for me where I got the chance to learn different underlying aspects of
WordPress such as themes, plugins, block editor, template hierarchy, and so on. It
helped in developing my skill of fully customizing a theme and making it look different.
While learning theme customization, I feel that it helped me in my front-end designing
skills as I had to think about UI/IX principles to make a good-looking User Interface.
Apart from the design, I also had a slight idea of the WordPress backend which was
in PHP. But as most of the work was drag and drop in WordPress, I had very little
chance to understand the logic of the application. Overall, I believe that this learning
outcome has helped me in developing WordPress customization skills and made me
able to set up a new WordPress site from scratch. In the future, this skill is likely to
help me if I ever plan to work as a WordPress developer or do any sort of freelancing.
Evidence: Appendix.
4.6. Learning Outcome (LO6): To learn about web hosting panels

Through this learning outcome, I was able to learn the most important skill for
web developers, i.e., learning about web hosting. I have realized that developing web
applications is not only enough for web developers. They should also learn about the
hosting tools and platforms. By fulfilling this learning outcome, I have gained practical
knowledge about working in web hosting panels. I feel that tasks such as uploading
files into the production server, creating a backup of the database, and putting a
website/ web app live onto the server are very important skills to have as a web
developer. And this learning outcome helped me achieve all those valuable skills.
Moreover, I got to learn about servers and see how the client-server architecture works
in a practical scenario. So, I believe that these web hosting skills will definitely help me
in my web development journey in the near future.
Evidence: Appendix

4.7. Learning Outcome (LO7): To achieve organizational skills

This learning outcome helped me in gaining time management skills as I had been
balancing my college work and internship work during my placement. Also, using a
project management tool helped me in organizing all my tasks during the placement.
I also learned how to use ‘Asana’ – a project management tool. As every company
uses a project management tool, it would be really helpful for me in the future while
working in the industry. As I have already experienced project collaboration using a
project management tool, I believe that I could get comfortable with any other project
management tool. Overall, I feel that I have become more responsible and have
enhanced my organizational skills after the internship completion.
Evidence: Appendix

5. Challenges
The challenges encountered during the placement are listed down below:
1. Getting started into backend development
Getting started in backend development was quite challenging for me in the

beginning as I had prior experience in front-end development only. The concept of
backend and technologies such as Node JS, and Express JS was completely new to
me. Also, I had a hard time figuring out how to use the Plesk panel. So, I had to do a
lot of research and watch online tutorials along with attending brief sessions about
backend development with my supervisor. This challenge taught me an important
lesson that one can always learn and implement new technologies if he/she has the
willingness to do it.
2. Understanding the code patterns of co-workers
While working in a team, I encountered problems in understanding the codes

written by my co-workers. Solving a bug would take a lot of time because of the
different code patterns. For dealing with this problem, I had to communicate with my
fellow workers and make sure that everyone commented their code. This challenge
helped me to experience the problems faced inside of teamwork and helped me to
cope with those problems.
3. Communication issues
During the first month of my placement, I had to work online due to the covid-19
pandemic. As I was very new to a professional environment and all the work had to be
carried out online, I faced difficulty in properly communicating with my supervisor and
co-workers. Sometimes, I would not understand the tasks that my supervisor assigned
me to do, as the concept of WordPress themes and plugins was totally different than
what I was doing. So, I tried to become more interactive in the daily meetings and
started raising questions whenever I had confusion. Also, I developed a habit of writing
down questions and asking them in the next meeting. This challenge made me realize
that soft skills are very important in a work environment.

6. Conclusion
Overall, undertaking the WRL module was a great experience as it provided me
with a good opportunity to gain practical experience by working in the industry. As a
web developer intern, I have fulfilled my role and responsibilities of developing and
testing web applications under good supervision. Along with several learning
outcomes, this module also helped me in my personal and professional growth. I think
that having a Work-related learning module is really important because internships
offer invaluable experiences and help us to build important professional connections
before we graduate.
6.1. Future plan

The next step after my graduation will be to work as a full-stack web developer
in the industry. I will further be working in Node JS and most probably find an
opportunity to turn my coding passion into a job. After gaining a little bit of experience
as a web developer, I plan to continue my post-graduate studies abroad. I have really
enjoyed being an intern in the web development department and I am ready to take
all the knowledge gained from this internship to my next role in the industry.

7. References
Cheng, A., 2022. Ring Central Blog. [Online]

Available at: https://www.ringcentral.com/us/en/blog/the-importance-of-effective-
communication-in-the-
workplace/#:~:text=Good%20communication%20can%20boost%20teamwork,are%2
0on%20the%20same%20page.
[Accessed 26 May 2022].
Ikreate Technologies, 2022. Ikreate Technologies. [Online]

Available at: https://www.ikreate.com.np/
[Accessed 21 May 2022].

8. Appendix
8.1. WRL Form
Figure 2: WRL Form (page 1)




8.2. Attendance sheet
S.N. Date Day Start Time End Time Working Hours Attendance
1 1-Aug-21 Sunday 10:00 AM 5:00 PM 7 P
2 2-Aug-21 Monday 10:00 AM 5:00 PM 7 P
3 3-Aug-21 Tuesday 10:00 AM 5:00 PM 7 P
4 4-Aug-21 Wednesday 10:00 AM 5:00 PM 7 P
5 5-Aug-21 Thursday 10:00 AM 5:00 PM 7 P
6 6-Aug-21 Friday 10:00 AM 5:00 PM 7 P
7 7-Aug-21 Saturday Holiday
8 8-Aug-21 Sunday 10:00 AM 5:00 PM 7 P
9 9-Aug-21 Monday 10:00 AM 5:00 PM 7 P
13 13-Aug-21 Friday 10:00 AM 5:00 PM 7 P
15 15-Aug-21 Sunday 10:00 AM 5:00 PM 7 P
16 16-Aug-21 Monday 10:00 AM 5:00 PM 7 P
20 20-Aug-21 Friday 10:00 AM 5:00 PM 7 P
22 22-Aug-21 Sunday 10:00 AM 5:00 PM 7 P
23 23-Aug-21 Monday 10:00 AM 5:00 PM 7 P
27 27-Aug-21 Friday 10:00 AM 5:00 PM 7 P
29 29-Aug-21 Sunday 10:00 AM 5:00 PM 7 P
30 30-Aug-21 Monday 10:00 AM 5:00 PM 7 P
Total working days in the month of August - 27 Days
Supervisor’s signature:
Figure 6: Attendance sheet for August

1 1-Sep-21 Wednesday 10:00 AM 5:00 PM 7 p
2 2-Sep-21 Thursday 10:00 AM 5:00 PM 7 p
3 3-Sep-21 Friday 10:00 AM 5:00 PM 7 p
4 4-Sep-21 Saturday Holiday
5 5-Sep-21 Sunday 10:00 AM 5:00 PM 7 p
6 6-Sep-21 Monday 10:00 AM 5:00 PM 7 p
7 7-Sep-21 Tuesday 10:00 AM 5:00 PM 7 p
10 10-Sep-21 Friday 10:00 AM 3:00 PM 5 p
12 12-Sep-21 Sunday 10:00 AM 5:00 PM 7 p
13 13-Sep-21 Monday 10:00 AM 3:00 PM 5 p
17 17-Sep-21 Friday 10:00 AM 3:00 PM 5 p
19 19-Sep-21 Sunday 10:00 AM 4:00 PM 6 p
20 20-Sep-21 Monday 10:00 AM 4:00 PM 6 p
24 24-Sep-21 Friday 10:00 AM 3:00 PM 5 p
26 26-Sep-21 Sunday 10:00 AM 5:00 PM 7 p
27 27-Sep-21 Monday 10:00 AM 5:00 PM 7 p
Total working days in the month of September - 26 Days
Figure 7: Attendance sheet for September

1 1-Oct-21 Friday 10:00 AM 3:00 PM 7 P
2 2-Oct-21 Saturday Holiday
3 3-Oct-21 Sunday 10:00 AM 5:00 PM 7 P
4 4-Oct-21 Monday 10:00 AM 5:00 PM 7 P
5 5-Oct-21 Tuesday 10:00 AM 5:00 PM 7 P
6 6-Oct-21 Wednesday 10:00 AM 5:00 PM 7 P
7 7-Oct-21 Thursday 10:00 AM 3:00 PM 5 P
8 8-Oct-21 Friday 10:00 AM 3:00 PM 5 P
10 10-Oct-21 Sunday Dashain Holiday
11 11-Oct-21 Monday Dashain Holiday
12 12-Oct-21 Tuesday Dashain Holiday
13 13-Oct-21 Wednesday Dashain Holiday
14 14-Oct-21 Thursday Dashain Holiday
15 15-Oct-21 Friday Dashain Holiday
17 17-Oct-21 Sunday 10:00 AM 4:00 PM 6 P
18 18-Oct-21 Monday 10:00 AM 4:00 PM 6 P
22 22-Oct-21 Friday 10:00 AM 4:00 PM 6 P
24 24-Oct-21 Sunday 10:00 AM 4:00 PM 6 P
25 25-Oct-21 Monday 10:00 AM 4:00 PM 6 P
29 29-Oct-21 Friday 10:00 AM 4:00 PM 6 P
31 31-Oct-21 Sunday 10:00 AM 4:00 PM 6 P
Total working days in the month of October - 20 Days
Figure 8: Attendance sheet for October

8.3. Internship completion letter
Figure 9: Internship completion letter

8.4. CV (after internship included)
Figure 10: Updated CV after the internship

8.5. Evidence
8.5.1. LO1 – Screenshots of GitHub repository, works carried out in InkScape,
and screenshots of the developed application
Description: Screenshots of the project's GitHub repository were taken to show my
involvement in the project.
Supervisor Name: Ashish Niroula
Supervisor Title: CEO
Figure 11: Creating initial commit in GitHub

Figure 12: Creating commit after icon overlay
Figure 13: Creating commit after completing the Maps feature

Figure 14: Creating commit after updating the text slider

Description: Screenshots of the designing tasks carried out in InkScape were taken
to ensure my involvement in this project.
Figure 15: Designing logo for MedHouse Nepal in InkScape

Figure 16: Initial logo design for MedPro in InkScape
Figure 17: Second iteration of logo design for MedPro in InkScape

Figure 18: Resizing and exporting final MedPro logo design in Inkscape

Description: Screenshots of the developed web applications (MedPro and MedHouse

Nepal) were taken as evidence of my involvement in web development tasks.
Figure 19: Developed web app ‘MedPro’ (I)

Figure 20: Developed web app ‘MedPro’ (II)
Figure 21: Developed web app ‘MedHouse Nepal’ (I)

Figure 22: Developed web app ‘MedHouse Nepal’ (II)

8.5.2. LO2 - Meeting minutes and screenshots of Oral and Written

communication
Description: Meeting minutes were maintained after the project discussion meeting
during the internship period.
Figure 23: Project discussion of MedPro (meeting minute)

Figure 24: Project progress discussion of MedPro (meeting minute)

Figure 25: Project discussion of MedHouse Nepal (meeting minute)

Figure 26: Project progress discussion of MedHouse Nepal (meeting minute)

Description: Screenshots of google meet calls, AnyDesk sessions, Viber

communication, and email communication were taken during the internship.
Figure 27: Communication with a co-worker on Google Meetings

Figure 28: Google Meet in Progress
Figure 29: Collaboration with supervisor on AnyDesk

Figure 30: Viber communication with supervisor (I)

Figure 31: Viber communication with supervisor (II)

Figure 32: Email communication with supervisor

8.5.3. LO3 – Screenshots of sample codes

Description: Screenshots of codes were taken while working on the web application
and some of them are attached here as evidence.
Figure 33: Initiating a Node Project

Figure 34: Setting up Tailwind CSS
Figure 35: HTML and Tailwind CSS sample code (I)

Figure 36: HTML and Tailwind CSS sample code (II)
Figure 37: Sample code of MapBox integration

Figure 38: JavaScript sample code (I)
Figure 39: JavaScript sample code (II)

Figure 40: Node JS sample code

8.5.4. LO4 – Research links, handwritten notes, and screenshots of

research/problem-solving work
Description: The online links while researching several topics were collected during
the internship period and are listed down below as evidence.
https://nodejs.org/docs/latest-v14.x/api/url.html#url_url_strings_and_url_objects
https://expressjs.com/en/advanced/developing-template-engines.html
https://tailwindui.com/documentation#html-dynamic-classes
https://tailwindcss.com/docs/height
https://tailblocks.cc/
https://docs.mapbox.com/api/maps/static-images/
https://developer.wordpress.org/themes/basics/template-hierarchy/
https://www.a2hosting.com/kb/plesk/backing-up-and-restoring-sites-in-plesk
https://docs.plesk.com/en-US/12.5/reseller-guide/website-management/website-
databases/exporting-and-importing-database-
dumps.69538/#:~:text=Go%20to%20Websites%20%26%20Domains%20%3E%20D
atabases%20%3E%20Import%20Dump%20in%20the,a%20file%20of%20the%20du
mp.

Description: During the placement, handwritten notes were maintained while

performing research on complex topics. It is attached below as evidence.
Figure 41: Handwritten notes sample (I)

Figure 42: Handwritten notes sample (II)

Figure 43: Handwritten notes sample (III)

Figure 44: Handwritten notes sample (IV)

Figure 45: Handwritten notes sample (V)

Description: The tasks related to research and problem-solving were captured and
collected as evidence.
Figure 46: Researching logo design ideas

Figure 47: Researching healthcare-based images for the application
Figure 48: Researching the front-end layout structure of Web MD

Figure 49: Researching WordPress theme development
Figure 50: Researching about appearance screen menu

Figure 51: Researching Geocoding
Figure 52: Solving geolocation problem in the web application

Figure 53: Fixing internal site linking problem in client's website (I)
Figure 54: Fixing internal site linking problem in client's website (II)

8.5.5. LO5 – Screenshots of tasks carried out on WordPress

Description: All tasks carried out while working on WordPress were screenshotted
and presented below as evidence.
Figure 55: Installing WordPress Plugins (I)

Figure 56: Installing WordPress Plugins (II)
Figure 57: Updating plugins (I)

Figure 58: Updating plugins (II)
Figure 59: Uploading backup files using UpDraftPlus

Figure 60: Customizing site details
Figure 61: Customizing individual pages

Figure 62: Creating dummy users for testing
Figure 63: Replacing dummy contents

Figure 64: Working on displaying health care services feature
Figure 65: Creating a new layout in WordPress by using the block editor tool

8.5.6. LO6 – Screenshots of work carried out in the Plesk Panel

Description: All tasks carried out while working on the Plesk panel were
screenshotted and presented below as evidence.
Figure 66: Uploading files into the production server

Figure 67: Uploading necessary images for hosting it in the server
Figure 68: Putting the WordPress app live on the server in the newly bought new domain

Figure 69: Carrying out website backup in the Plesk panel
Figure 70: Importing dump database in the Plesk panel

8.5.7. LO7 – Activities and task log in Asana

Description: All the tasks assigned in Asana and team collaboration screenshots are
provided in this section.
Figure 71: Activities and task log sample (I)

Figure 72: Activities and task log sample (II)
Figure 73: Activities and task log sample (III)

Figure 74: Activities and task log sample (IV)
Figure 75: Activities and task log sample (V)

Figure 76: Activities and task log sample (VI)
Figure 77: Activities and task log sample (VII)

8.6. Plagiarism check

Work Related Learning

Uploaded by

Copyright:

Available Formats

Work Related Learning

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Work Related Learning

Uploaded by

Copyright:

Available Formats

Module Code & Module Title

FC6W51NI Work Related Learning

Assessment Weightage & Type

Year and Semester

Student Name: Mimona Karki

1.1. Background to the placement........................................................................ 1

1.2. Structure and Role of the company ............................................................... 1

1.3. Specific department worked in ...................................................................... 2

2. Review of activities .............................................................................................. 3

2.1. WRL Form Table ........................................................................................... 3

2.2. Learning Outcome (LO1): To get a strong understanding of real-time web

2.3. Learning Outcome (LO2): To develop communication and interaction skills . 6

2.6. Learning Outcome (LO5): To get a better understanding of WordPress CMS,

2.8. Learning Outcome (LO7): To achieve organizational skills ......................... 10

3. Academic context .............................................................................................. 11

4. Abilities evaluation ............................................................................................. 12

4.1. Learning Outcome (LO1): To get a strong understanding of real-time web

4.2. Learning Outcome (LO2): To develop communication and interaction skills

4.4. Learning Outcome (LO4): To acquire research and problem-solving skills . 13

4.7. Learning Outcome (LO7): To achieve organizational skills ......................... 15

6.1. Future plan .................................................................................................. 17

8.1. WRL Form ................................................................................................... 19

8.2. Attendance sheet ........................................................................................ 23

8.3. Internship completion letter ......................................................................... 26

8.4. CV (after internship included) ...................................................................... 27

8.5. Evidence ..................................................................................................... 28

8.5.3. LO3 – Screenshots of sample codes ....................................................... 46

8.5.4. LO4 – Research links, handwritten notes, and screenshots of

8.5.5. LO5 – Screenshots of tasks carried out on WordPress ........................... 62

8.5.7. LO7 – Activities and task log in Asana ..................................................... 71

8.6. Plagiarism check ......................................................................................... 75

Figure 1: Organizational Chart of the Company ......................................................... 2

Table 1: WRL Form Table .......................................................................................... 3

1.2. Structure and Role of the company

19031154 MIMONA KARKI Page |1

Figure 1: Organizational Chart of the Company

1.3. Specific department worked in

19031154 MIMONA KARKI Page |2

Learning Learning outcomes Activities and tasks Evidence

LO2 To develop I will develop my I will provide meeting

LO3 To expand HTML, CSS, I will strengthen my I will provide

19031154 MIMONA KARKI Page |3

LO5 To get a better I will achieve a better I will provide

LO7 To achieve I will acquire this skill by I will provide

19031154 MIMONA KARKI Page |4

2.2. Learning Outcome (LO1): To get a strong understanding of real-time web

19031154 MIMONA KARKI Page |5

2.3. Learning Outcome (LO2): To develop communication and interaction

19031154 MIMONA KARKI Page |6

19031154 MIMONA KARKI Page |7

2.5. Learning Outcome (LO4): To acquire research and problem-solving skills

19031154 MIMONA KARKI Page |8

2.6. Learning Outcome (LO5): To get a better understanding of WordPress

19031154 MIMONA KARKI Page |9

2.7. Learning Outcome (LO6): To learn about web hosting panels

2.8. Learning Outcome (LO7): To achieve organizational skills

19031154 MIMONA KARKI P a g e | 10

1. Information systems (IS)

2. Professional issues, ethics, and Computer laws