lOMoARcPSD|41335687

Internship Report ON Website Application

Development Economics (Gambella University)

Scan to open on Studocu

Studocu is not sponsored or endorsed by any college or university

Downloaded by AAQIB KHAN (aaqib.20cs107@sode-edu.in)
 lOMoARcPSD|41335687

Daffodil International University Library

Digital Institutional Repository
miscellaneous Project Report

2018-05

INTERNSHIP REPORT ON WEBSITE

APPLICATION DESIGN AND DEVELOPMENT

Lucky, Md. Nuruzzaman

Daffodil International University

http://hdl.handle.net/20.500.11948/3254
Downloaded from http://dspace.library.daffodilvarsity.edu.bd, Copyright Daffodil International University Library

Downloaded by AAQIB KHAN (aaqib.20cs107@sode-edu.in)

 lOMoARcPSD|41335687

INTERNSHIP REPORT ON
WEBSITE APPLICATION DESIGN AND DEVELOPMENT

BY

Md. Nuruzzaman Lucky

ID: 131-15-2188

This Report Presented in Partial Fulfillment of the Requirements for the Degree of
Bachelor of Science in Computer Science and Engineering

Supervised By

Dr. Fernaz Narin Nur

Assistant Professor
Department of CSE
Daffodil International University

DAFFODIL INTERNATIONAL UNIVERSITY

DHAKA, BANGLADESH
MAY 2018

Downloaded by AAQIB KHAN (aaqib.20cs107@sode-edu.in)

 lOMoARcPSD|41335687

Downloaded by AAQIB KHAN (aaqib.20cs107@sode-edu.in)

 lOMoARcPSD|41335687

Downloaded by AAQIB KHAN (aaqib.20cs107@sode-edu.in)

 lOMoARcPSD|41335687

ACKNOWLEDGEMENT

First I express our heartiest thanks and gratefulness to almighty God for His divine blessing makes
me possible to complete the final year project/internship successfully.

We really grateful and wish our profound our indebtedness to Dr. Fernaz Narin Nur, Assistant
Professor, Department of CSE Daffodil International University, Dhaka. Her infinite patience,
scholarly guidance, continual encouragement, constant and energetic supervision, constructive
criticism, valuable advice, reading many inferior draft and correcting them at all stage have made
it possible to complete this internship project documentation. Without this valuable support and
guidance, this internship could not elevate up to this level of development from my point of view.

I would like to express our heartiest gratitude to Dr. Syed Akhter Hossain, Professor and Head,
Department of CSE, for his kind help to finish our project and also to other faculty member and
the staff of CSE department of Daffodil International University.

I would like to thank our entire course mate in Daffodil International University, who took part
in this discuss while completing the course work.

Finally, I must acknowledge with due respect the constant support and patients of my parents.

III
©Daffodil International University

Downloaded by AAQIB KHAN (aaqib.20cs107@sode-edu.in)

 lOMoARcPSD|41335687

ABSTRACT

WEBSITE DESIGN AND DEVELOPMENT were the main objective of this internship. To
develop a web based application or software there are several programming languages that are in
use. Some of them are only used for the frontend and backend design of the software. For example-
HTML3, HTML4, HTML5, CSS, Bootstrap Framework etc. There are also some other
programming languages that are used to develop the dynamic functions of the software or
application. For example-PHP, Java etc. Nowadays there are also some framework's that use
vastly. Frameworks are basically structured programming by using Model, View, and Controller.
It is also called as MVC. If we develop web based application that is very useful for us because
we can access it from anywhere of the world. It is very helpful for our daily life. That is why I
choose subject of my report is "WEBSITE DESIGN AND DEVELOPMENT". Working in Insight
Bangladesh Foundation added huge experiences in my upcoming career. Solving real life
problems was another key issue. This report takes us through all the details of WEBSITE DESIGN
AND DEVELOPMENT knowledge and experience gathered during this internship period.

IV
©Daffodil International University

Downloaded by AAQIB KHAN (aaqib.20cs107@sode-edu.in)

 lOMoARcPSD|41335687

TABLE OF CONTENTS

CONTENT PAGE NO
Approval i
Abstract ii
Table of content iii
List of figure iv

CHAPTER PAGE NO

CHAPTER 1: INTRODUCTION 1-4

1.1 Introduction 1
1.2 Objectives 1
1.2.1 To save the time and resources 1
1.2.2 To reduce the number of workers 2
1.2.3 To reduce the space being used 2
1.2.4 To reduce the work load 2
1.2.5 To make it easy to search any record 2
1.2.6 To edit records and update the database easily 2
1.2.7 To make the system user friendly 2
1.3Motivation 3
1.4Internship Goals 3
1.5Report Layout 4

V
 lOMoARcPSD|41335687

CHAPTER 2: INTERNSHIP ENTERPRISE 5-9

2.1About the Company 5
2.2 IT Services Offered 6
2.2.1 Fixed Price System Develop 6
2.2.2 Software Development Kit 6
2.2.3 Pay Roll Software 6
2.2.4 Managing Site Content 6
2.2.5 Software Marketing 6
2.2.6 Dedicated Support Team 6
2.2.7 Installation & Technical Manuals 6
2.2.8 Website Optimization 6
2.2.9 Web design & Development 7
2.2.10 Website Technical Support 7
2.3 Roles in Job Market 8
2.3.1 Salaries are Average 9
2.3.2 Job Titles Are Vague 9
2.3.3 Jobs are Multi-skilled 9

CHAPTER 3: INTERNSHIP ROLES AND RESPONSIBILITIES 10-18

3.1 Training Attended 10
3.2 Assigned Responsibilities 10
3.3 Work Environment 11
3.3.1 Using Web Development Project Template 11
3.4 Performed Tasks 14

VI
 lOMoARcPSD|41335687

CHAPTER 4: INTERNSHIP OUTCOMES 19-23

4.1Problems and Solutions 19
4.1.1 Problems 19
4.1.2 Solutions 20
4.2 Learning Outcomes 20
4.2.1 HTML 20
4.2.1 CSS 20
4.2.3 Bootstrap 20
4.2.4 JavaScript 21
4.2.5 PHP BASIC 21
4.2.6 Date & Time Function 22
4.2.7 Number Functions 22
4.2.8 Forms, Session, Cookie, Rag Expression 22
4.2.9 File Operation 23

4.3 Challenges 23

CHAPTER 5: CONCLUTION AND FUTURE SCOPE 24-25

5.1 Discussion 24
5.2 Conclusion 25
5.3 Future Scopes 25

REFERENCE 26

VII
 lOMoARcPSD|41335687

LIST OF FIGURES

FIGURES DESCRIPTION PAGE NO

Figure 3.1: Web design templates 12
Figure 3.2: Home page 15
Figure 3.3: Clothing page 15
Figure 3.4: Order Us page 16
Figure 3.5: Contract Us page 16
Figure 3.6: Admin page 17
Figure 3.7: Login page 17
Figure 3.8: Register page 18
Figure 3.9: Payment page 18

VIII
 Website Application Design and DevelopmentlOMoARcPSD|41335687

CHAPTER 1
INTRODUCTION
1.1 Introduction
PHP was developed by Ramus Ledford. It is a freeware. It is also a weakly typed, free
from language. PHP has since evolved into a powerful server-side markup language
with syntax that resembles a mix between Perl and C. PHP is a server-side scripting
language designed specifically for the web. Within an HTML page, we can embed PHP
code that will be executed each time the page is visited.HTML generate the web page
with the static text and images. However, the need evolved for dynamic web base usage.
These dynamic usages are facilities by PHP [1].

Other tasks that PHP is especially good at are database access, disk access, networking
and text manipulation. PHP is an excellent alternative to such similar programming
solutions as Microsoft’s proprietary scripting engine ASP and Allayer’s rather
expensive Cold fusion. As mentioned before, PHP is a cross-platform language.

Finally, PHP is easy. If you know C or Perl, learning PHP is a cinch. The language is a
mix between the two, taking the best features from both. Plus, PHP adds features to
solve common problems that programmers often encounter when programming for the
web.

1.2 Objectives
The objective of the web development is to handle the entire activity of a website. The
software keeps track of all the information about the entire website. The system
contains database where all the information will be stored safely.

1.2.1 To save the time and resources

The website system will take less time in entering the data, processing it and getting its
output. Fewer resources will be used as no large registers, files, ledgers, pens; correctors
will be needed or used.

Dept. of CSE, SMVITM 1

 lOMoARcPSD|41335687

Website Application Design and Development

CHAPTER 1
INTRODUCTION
1.1 Introduction
PHP was developed by Ramus Ledford. It is a freeware. It is also a weakly typed, free
from language. PHP has since evolved into a powerful server-side markup language
with syntax that resembles a mix between Perl and C. PHP is a server-side scripting
language designed specifically for the web. Within an HTML page, we can embed PHP
code that will be executed each time the page is visited.HTML generate the web page
with the static text and images. However, the need evolved for dynamic web base usage.
These dynamic usages are facilities by PHP [1].

Other tasks that PHP is especially good at are database access, disk access, networking
and text manipulation. PHP is an excellent alternative to such similar programming
solutions as Microsoft’s proprietary scripting engine ASP and Allayer’s rather
expensive Cold fusion. As mentioned before, PHP is a cross-platform language.

Finally, PHP is easy. If you know C or Perl, learning PHP is a cinch. The language is a
mix between the two, taking the best features from both. Plus, PHP adds features to
solve common problems that programmers often encounter when programming for the
web.

1.2 Objectives
The objective of the web development is to handle the entire activity of a website. The
software keeps track of all the information about the entire website. The system
contains database where all the information will be stored safely.

1.2.1 To save the time and resources

The website system will take less time in entering the data, processing it and getting its
output. Fewer resources will be used as no large registers, files, ledgers, pens; correctors
will be needed or used.

Dept. of CSE, SMVITM 1

 lOMoARcPSD|41335687

Website Application Design and Development

1.2.2 To reduce the number of workers

After the system will be computerized only a single computer operator will be needed
to operate the system while now more than one workers work in the system.

1.2.3 To reduce the space being used

Every data will be stored in the computer memory whereas now it is stored in registers
and files which then stored in bookshelves or cupboards and they need a large space.

1.2.4 To reduce the work load

As the new system will be computerized, the database will be automatically updated at
the time of entry. Everything will be done automatically just by clicking few buttons.
There will be no need to maintain any files or registers.

1.2.5 To make it easy to search any record

It will be much easier to find particular record rather than opening such huge files and
finding a single record from them

1.2.6 To edit records and update the database easily

Records will be easily edited and the database will easily be updated at the time of
entering a record.
1.2.7 To make the system user friendly
The system will be much more easy to use and the operator will feel no difficulty.

Dept. of CSE, SMVITM 2

 lOMoARcPSD|41335687

Website Application Design and Development

1.3 Motivation
In desktop base website creating system is easy to understand. Since I accept Internship
it seems to me I am beginner and primary level to learn web development, so it is easy
and interested to learn and create. Further this project is related of student and I am
introducing to its circumstances so it service technology is under of the understand
mine. Its technology is so interested and charming and easy to build a project by fully
PHP, HTML, CSS, MYSQL.

1.4 Internship Goals

Assessment Continue to string then the culture of continuous improvement through
ongoing assessment of web development.
Infrastructure Provide physical and digital infrastructure that advance research and
education.
Information Develop information resources and services that support research,
education, and healthcare at Dartmouth.
Publishing Build collaborations to support faculty, graduate, and undergraduate
student scholarly publishing.
Learning Teach members of the Dartmouth community to be effective users and
producers of information to meet their current academic needs and prepare them for a
lifetime of learning and of responsible leadership.
Institutional collaboration provides leadership and support for college initiatives and
priorities.

Dept. of CSE, SMVITM 3

 lOMoARcPSD|41335687

1.5 Report Layout

Layout includes such things as the chapter objective details type of paper chosen, the
margins, the line spacing, the pagination, and the incorporation of equation,
illustrations, and references. Table 1 presents general specifications for the page
layouts.
For each report that I create, I can assign a report layout. Via the report layout I define
the layout features of the report, such as the page format of the report and the numeric
format of the report data. When I use the layout functions, I can set parameters for the
report.
When I define a report layout, I define a layout specifically for a report and I can change
the standard layout assigned to a report.
 In Chapter 1 I mention details about web development introduction. Objective.
Objective include some facility about internship as save the time and resource,
reduce the number of workers, reduce the work load, easy to search and record.
Motivation to web development as inheritance, implement, object declare and
so on opportunity. Goals of web development project PHP is more effective and
choice full and ultimate for fruitful programmer. Report layout is the short
overview of full report chapters.

 Chapter 2 describe about internship enterprise like about the company, IT

services offered, roles in job market and responsibilities.

 Chapter 3 contain internship roles and responsibilities like training attended,

assigned responsibilities, work environment, using web development project
temples, performed tasks with figure and mention task.

 Chapter 4 describe about internship outcomes some outcomes of internship is

problems and solutions like OOP understanding, view some component in
frame. And learning outcomes, challenges.

 In the Chapter 5 simply I mention about internship discussion and conclusion.

4
Dept. of CSE, SMVITM
 lOMoARcPSD|41335687

Website Application Design and Development

CHAPTER 2
INTERNSHIP ENTERPRISE
2.1 About the Company
Insight Bangladesh Foundation is a global software firm on a mission to create brilliant
software’s, websites and blazing fast browser based applications. The spectrum of this
company was started in 2013. Our development offices span the world, with teams in
Germany and Bangladesh. We provide an end to - end service, including customized
software, business automation, website appraisal, project management, website
development, website update and maintenance, search engine optimization and web
marketing, e-Commerce, and graphic design – to name just a few. By removing the
borders and boundaries which usually keep brilliant people apart, our international
teams provide an uncompromised talent pool from which to select the most suitable
individuals. Through this unique approach we offer creative, distinctive, and effective
solutions to build competitive advantage and value for businesses of any size. All this
is complex, but it couldn’t be simpler for you: Our experienced IT consultants provide
a single, local point of contact and act as advocates for your project, selecting suitable
team members, drawing up schedules and guiding our significant resources to action.
What is more, we practice development transparency, making work logs, work in
progress previews, schedules and other development information available in real time
via our client portal. Insight Bangladesh Foundation; closely monitors latest industry
leading technologies, software updates and security patches and offers most reliable
secured and effective solutions for your organization that definitely beat most of our
competitors, with vastly superior customer service and production quality. We enjoy
repeat business from almost every client we have worked with [2].

Head Office
Name : Insight Bangladesh Foundation
Address : Plot:4, Road;2, Block: G, Section:1 Mirpur., Dhaka 1216

Dept. of CSE, SMVITM

5
 lOMoARcPSD|41335687

Website Application Design and Development

2.2 IT Services Offered

2.2.1 Fixed Price System Develop
Insight Bangladesh Foundation perform browser compatibility test (in major browser)
we will make sure your site with each project.

2.2.2 Software Development Kit

Insight Bangladesh Foundationis a full-cycle bespoke and software product
development service provider.

2.2.3 Payroll Software

Insight Bangladesh Foundationoffers website planning, creative design for your
business implementations.

2.2.4 Managing Site Content

Having a web site that you can manage yourself is the perfect solution for most
companies.

2.2.5 Software Marketing

Insight Bangladesh Foundationhas been in the online outsourcing industry providing
pre-press graphic design, Logo design, in design.

2.2.6 Dedicated Support Team

Your business is important to us and we want to make sure that you are satisfied with
our application or product.

2.2.7 Installation & Technical Manuals

Insight Bangladesh Foundationoffers website planning, creative design for your
business implementations.

2.2.8 Website Optimization

Insight Bangladesh Foundationdo understand the importance of website optimization.

Dept. of CSE, SMVITM

6
 lOMoARcPSD|41335687

Website Application Design and Development

2.2.9 Web design & Develop

Having your website designed and built professionally will improve your company
image and help to enforce your brand.

2.2.10 Website Technical Support

Technologies Languages BSL Speak

C++, ASP.NET, Java EE, PHP, Perl, JavaScript, AJAX, XHTML, CSS, JAVA
Databases Systems
MySQL, PostgreSQL, Doctrine, Hibernate
Frameworks
SEAM, Symphony, Code igniter, Cake PHP, Zend, Dot net Nuke
CMS
WordPress, Joomla, Drupal, Typo3, Magneto, Ecommerce
Server Platforms
Linux, Mac OS X and Windows table with the new website layout and would
recommend Bengal Solutions to anyone. Colin B – Memory Foam Mattress

Dept. of CSE, SMVITM 7

 lOMoARcPSD|41335687

Website Application Design and Development

2.3 Roles in Job Market

The last time looked at the best programming languages to learn in 2015, JavaScript,
bootstrap good option when you analyze popularity on sites such as GitHub and Stack
Overflow.
Anything that requires logic will always be needed. In other words, actually
programming, not just designing with HTML/CSS. Designing websites for small
companies that are just information pages, that will not be a job in a few years. I'm
surprised I'm still able to get a few clients for that. It's really easy to make your own
site and make it look presentable.
However, front-end development that requires custom automation (using JavaScript),
is becoming more and more necessary. Single page applications using AJAX are
becoming the new standard, thus a stronger need for front end developers who can truly
work their way around the code. A lot of desktop software is now being replaced by
online software options, and as that continues to grow, the need for front-end developers
will grow as well [3].
Point being: get comfortable with HTML/CSS, but that shouldn't take long. If you want
to do front-end, learn JavaScript, learn several JavaScript frameworks (angular, ember,
D3.js), and learn the basics of back-end development (which you can now do in
JavaScript with Node.js using Express.js)
If you want to do back-end, you should still know HTML/CSS, but pick a back-end
language and framework and learn it well. Don't try to learn a bunch of languages and
never give any of them a fair amount of time. If you learned how to do backend
programming with Java and learned it well, you will quickly be able to pick up PHP,
Ruby, Python, etc. Back-end requires a strong knowledge of good security practices,
which automation software will never threaten to replace us with.
All in all, it is very easy to get a job in this field. After 4 months (of working my ass off
mind you), I was able to get some JR. level front-end work (mostly easy stuff). There's
this fear of over-saturation that all of my friends told me when I said I was going to

Dept. of CSE, SMVITM 8

 lOMoARcPSD|41335687

Website Application Design and Development

learn this, but they were wrong. It is one of the most in-demand careers right now, pays
very well [5].

2.3.1 Salaries are Average

Is it fair that PHP developers are paid 25% less than java developers? No-but it’s not
true. Salaries are based on the value of the product you’re creating and your personal
contribution to the project. It doesn’t matter whether you’re using java, PHP, COBOL
or QBasic. Despite the figures above, there are more PHP than java roles; PHP runs on
80% of the world’s web servers and WordPress powers one in four websites. You’ll
find jobs where PHP is better than java but you’ll also find many jobs in theme
development or general website support at the lower end of the salary scale.
2.3.2 Job Titles Are Vague
You’ll rarely see jobs advertised for “java developer”, “PHP developer”, “Python
programmer”. The top paying role is Service-Oriented Architecture? That could
describe skills required by every developer, regardless of their language specialism.
2.3.3 Jobs are Multi-skilled
The day of being able to forge a career with a single language are long gone. Most roles
require a multitude of skills – including business analysis, systems architecture,
database design, data exchange formats, frameworks, graphic design, front-end
development and support. Those working on the web will be exposed to HTML, CSS,
PHP and JavaScript even when the job advert neglects to mention it.

Dept. of CSE, SMVITM 9

 lOMoARcPSD|41335687

Website Application Design and Development

CHAPTER 3
INTERNSHIP ROLES AND RESPONSIBILITIES

3.1 Training Attended

There are more attendant and requirement is need to build a project we know that, we
can mix all language like C++, C#, HTML, PHP, JavaScript, and more. The web server
combines the results of the interpreted and executed PHP code, which may be any type
of data, including images, with the generated web page. PHP code may also be executed
with a command-line interface(CLI) and can be used to
implement standalone graphical applications. Those training I was attending in Insight
Bangladesh Foundationare given below:
 HTML4, HTML5
 CSS2, CSS3
 Bootstrap
 JavaScript
 JQuery
 Ajax
 PHP
 OOP
 MySQL

3.2 Assigned Responsibilities:

Regular exposure to business stakeholders and executive management, as well as the

authority and scope to apply your expertise to many interesting technical problems.

Dept. of CSE, SMVITM 10

 lOMoARcPSD|41335687

Website Application Design and Development

Candidate must have a strong understanding of UI, cross-browser compatibility,

general web functions and standards. The position requires constant communication
with colleagues.

3.3 Work Environment

Front end Developer The front end developer generally works at client side dealing
with the web page design, graphics that is accessible to the user.

Back end Developer The back end developer is a person who is responsible for the
back end development that interacts with the server. This type of web developer
specializes in the languages like PHP, ruby, ASP.Net, Java, Cold Fusion, and Perl [6].

The job profiles for the web developer includes:

 front end web developer.

 back end web developer.
 web application developer.
 Design and layout analyst.
 Senior web analyst.
 Web marketing analyst.

3.3.1 Using Web Development Project Templates

A website template (or web template) is a pre-designed webpage, or set of HTML web
pages that anyone can use to "plug-in" their own text content and images into to create
a website. Usually built with HTML and CSS code, website templates allow anyone to
setup a website without having to hire a professional web developer or designer,
although, many developers do use website templates to create sites for their clients.
This allows anyone to build a reasonably priced personal or business website that can
then be listed in search engines so users can search for your specific product or service.

Dept. of CSE, SMVITM 11

 lOMoARcPSD|41335687

Website Application Design and Development

In the case of All website templates, each design we offer is a self-contained (or
standalone) downloadable complete website that you can use to "plug-in" your text and
image content with little, or no, editing of the layout or design elements [7].
A web design template or a website design template is a template which is in most cases
used to present some information in the Internet. A web design template is a catchall
name for several types of templates like:
– HTML templates – website design templates represented with HTML code only

– PSD templates – templates which contain only .psd files, graphics only, with no code

– Flash templates – website design templates developed with Flash

– Flash intro templates – templates of an intro clip, developed with Flash only, used to
represent a company or/and a project. (The following figure shown in figure no: 3.1)

The list above contains the main categories of templates associated with website design
templates. There are some others, which, due to their specific usage, are not so popular:
FrontPage templates, Dreamweaver templates, etc.

Figure 3.1: Web design template

Dept. of CSE, SMVITM 12

 lOMoARcPSD|41335687

Website Application Design and Development

Web framework
In general, a framework is a real or conceptual structure intended to serve as a support
or guide for the building of something that expands the structure into something useful.
In computer systems, a framework is often a layered structure indicating what kind of
programs can or should be built and how they would interrelate. Some computer system
frameworks also include actual programs, specify programming interfaces, or offer
programming tools for using the frameworks. A framework may be for a set of
functions within a system and how they interrelate; the layers of an operating system;
the layers of an application subsystem; how communication should be standardized at
some level of a network; and so forth. A framework is generally more comprehensive
than a protocol and more prescriptive than a structure [8].
Examples of frameworks that are currently used or offered by standards bodies or
companies include:
 Resource Description Framework, a set of rules from the World Wide Web
Consortium for how to describe any Internet resource such as a Web site and its
content.
 Internet Business Framework, a group of programs that form the technological
basis for my SAP product from SAP, the German company that markets an
enterprise resource management line of products
 Sender Policy Framework, a defined approach and programming for making e-mail
more secure
 Zach man framework, a logical structure intended to provide a comprehensive
representation of an information technology enterprise that is independent of the
tools and methods used in any particular IT business.

Dept. of CSE, SMVITM 13

 lOMoARcPSD|41335687

Website Application Design and Development

3.4 Performed Tasks

Project name is Design and Implementation of E-Commerce Site for Online Shopping.
An online store is a virtual store on the Internet where customers can browse the catalog
and select products of interest. The selected items may be collected in a shopping cart.
At checkout time, the items in the shopping cart will be presented as an order. At that
time, more information will be needed to complete the transaction. Usually, the
customer will be asked to fill or select a billing address, a shipping address, a shipping
option, and payment information such as credit card number. An e-mail notification is
sent to the customer as soon as the order is placed [4].

Web Pages details

1. Home Page
2. About Us Page
3. Product Page
4. Order Us Page
4. Contact Us Page
6. Admin Page
7. Login Page
8. Register Page
9. Track

Dept. of CSE, SMVITM 14

 lOMoARcPSD|41335687

Website Application Design and Development

Home Page:
Home Screen will consist of screen were one can browse through the products which
we have on our website. The following figure shown in figure 3.2

Figure 3.2: Home page

Product Page This page consists of product details. This page appears same for both
visitors and users. The following figure shown in figure 3.3

Figure 3.3: Product page

Dept. of CSE, SMVITM 15

 lOMoARcPSD|41335687

Website Application Design and Development

Order Us Page:
Registered users can order desired products from here. The following figure shown in
figure 3.4

Figure 3.4: Order Us page

Contact Us Page:
Visitors and Registered users can contact website owners or administrators from here.
The following figure shown in figure 3.5

Figure 3.5: Contract us page

Dept. of CSE, SMVITM 16

 lOMoARcPSD|41335687

Website Application Design and Development

Admin Page:
This page describes about website and owners.

Figure 3.6: Admin page

Login Page:
Login page for both users and administrators.

Figure 3.7: Login page

Dept. of CSE, SMVITM 17

 lOMoARcPSD|41335687

Website Application Design and Development

Register Page:
New users can register here. The following figure shown in figure 3.8

Figure 3.8: Register page

PAYPAL FOR PAYMENT:

Once user’s orders products they are redirected to payment page. The following figure
shown in figure 3.9

Figure 3.9: Payment page

Dept. of CSE, SMVITM 18

 lOMoARcPSD|41335687

Website Application Design and Development

CHAPTER 4
INTERNSHIP OUTCOMES

4.1 Problems and Solutions

There are more problems web development because it contains more type markup
language, methods, objects, modifiers, and many ways to create code or project. And
there are not only problems in web development have more solution which can be easily
and shortly.
4.1.1 Problems
There are more problems to create when I working with CSS. It is very easy but
sometimes it’s not matched with my expectation, and placed in appropriate place. Web
designing is not an easy task. It takes a lot of creativity, uniqueness and brainstorming
sessions to come up with a nice web design. Only a web designer can tell about the
challenges they go through on regular basis. Web designs which are liked and
appreciated by target market and clients are mostly the result of constant development
and regressive critical thinking. Website’s sync with multiple apps along with its ability
to be responsive are just a few factors which are pondered by the web designer. This
makes web designing a challenging role.
On the contrary, there are some other challenges which are faced by web designers.
These challenges are about keeping a website responsive enough so that it can be
viewed and accessed on all devices. Sometimes websites take time to load, so in order
to provide a better user experience, one of the toughest challenges for web design is to
make website load faster [9].
Clients often encounter issues with their website and turn to the designer/developer to
correct them, but when they check the site, it looks fine from their end. Sometimes,
these issues are caused by out-of-date web servers or changes made incorrectly by the
customer. Time spent detecting the source of a problem means a delay in tackling the
problem itself.

Dept. of CSE, SMVITM 19

 lOMoARcPSD|41335687

Website Application Design and Development

4.1.2 Solutions
Really web development is so best and ultimate interested and hard for me, by the
internship training I could learn an understand many objectives with interest as if was
hard after learn I can understand web development is so interested then other language.
I did solution of CSS and other problem in my training period. Clean code reduces
unexpected errors, which can affect page load. Automated website monitoring
solutions often allow the developers to view their clients’ websites in real time and to
set alerts to notify them when potential issues begin to arise. Not only does this allow
the developers to identify a problem before the customer does, in many cases it also
gives them the chance to fix it before the issue has any impact on the client’s business.

4.2 Learning Outcomes

4.2.1HTML
 Basic concept (WWW& HTTP, HTTPS, Client Server Communication)
 Basic HTML (Tags, Element, Attributes, Paragraphs, Headings, Line Breaks,
Horizontal Rule, Lists, Table, Color Codes, Font, Text Linking, Email, Images,
Background, Comments, Meta, Media, Charset)
 HTML Forms (Input, Text Fields, Password, Checkbox, Combo Box, Radio,
Text Areas, Files, Buttons)
 HTML5 features

4.2.2CSS
 Basic CSS (selector, internal, external, Inline, Class, Id, Background, font, Text,
Padding, Margin, Border, list CSS, hovering and elements)
 Advance CSS (border-radius, opacity, cursor, layers, position, display, float,
gradient, and multiple-column)
 Concept of Menus (single menu, dropdown menu)
 Template, design using CSS div.

Dept. of CSE, SMVITM 20

 lOMoARcPSD|41335687

Website Application Design and Development

4.2.3Bootstrap
 Environment Setup
 Grid System
 Typography
 Tables, Forms, Buttons, Images
 Dropdown, Button group
 Navigation Element
 Bootstrap plug-ins (Transition, Modal, Dropdown, Tab, Tooltip, Alert, Button)

4.2.4JavaScript
 Basic JavaScript (Syntax, Enable, Location, Operators, Variables, Events,
Alert, Confirm, Prompt, POP up, Date, print)
 JavaScript String (Strings, Length, Split, Search, Replace)
 JavaScript advanced (get Element by Id, Inner HTML, Get table, index, DOM,
manipulation, Regular Expression)
4.2.5PHP BASIC
 Control Structures (if, else, else if, while, do-while, for, for each, break,
continue, switch)
 Include (require, include, require_ once, include_ once)
 Function (User-defined Function, Function arguments, returning values,
variables function)
 Array (array declaration, merging, sorting, deleting, inserting)

Dept. of CSE, SMVITM 21

 lOMoARcPSD|41335687

Website Application Design and Development

4.2.6Date & Time Function

 What is timestamp?
 Getting the current Date and Time using PHP function.
 Formatting timestamp.
 Checking date validity.
 Converting String to timestamps.
 Finding the number of Days in a month.
 Finding the number of Days or week in a year.
 Finding the day name for a date.
 Converting local time to GMT.
 Comparing Dates.
 Converting Minutes to hours.
4.2.7Number Functions
 Generating a Number Range.
 Rounding a floating point number.
 Finding the Smallest or largest number in an array.
 Formatting Numbers with commas.
 Padding Numbers with Zeroes.
 Converting Between Bases.
 Generating Random Numbers.
4.2.8Forms, Session, Cookie, Rag Expression
 Generating forms.
 Processing form input.
 Validating form input.
 Validating numbers.
 Validating Alphabetic strings.
 Validating Alphanumeric String.
 Validating credit card numbers.
 Validating Telephone Number.
 Sharing Session Data Storing objects in a session.
 Protecting Data with session.
 Deleting Session data.
 Validating Email address

Dept. of CSE, SMVITM 22

 lOMoARcPSD|41335687

Website Application Design and Development

4.2.9File Operation
 Testing Files and Direction
 Retrieving file information.
 Reading files.
 Writing files.
 Counting words, lines, and characters in a file.
 Deleting files.
 Altering file extensions.
 Sorting files.
 Searching and replacing patterns within files.
 Searching for files in a directory.
 Renaming files and direction.
 Finding Differences Between Files.

4.3 Challenges
There are different types of challenges have to be faces during the software develop.
Most commonly:
 Syntax error.
 Fatal error.
 Find out the problem and try to solve that.

Dept. of CSE, SMVITM 23

 lOMoARcPSD|41335687

Website Application Design and Development

CHAPTER 5
CONCLUTION AND FUTURE SCOPE
5.1 Discussion
The current work is the initial background report for the website development project.
This report aims to provide a critical review of the relevant literature in the web field
and also to describe key aspects of the methodology that will be applied throughout the
project. This report tries to examine various issues that arise while building a website.
It is important to highlight, that websites are not simple software artifacts. Mastering
the necessary software skills and tools to build a website does not guarantee its success.
For this reason, following the guidance and the advice of my supervising professor, this
report focuses on many other challenges that come up through the development process,
like performing website evaluation, conducting market research and choosing the right
business model for the website proposal. These are the first and most crucial steps that
will ensure that the final IT employment website, will be developed according to the
requirements of the market and will be tailored to the needs of its users. Further research
and more focus will be given on software tools after these parts of the methodology are
complete and will be presented in later stages of the project. The decisions on how the
website will be build depend on the results of the problem investigation stage, since
they will play a major role into describing the specific user requirements for the
software. The decision will be based on evaluating case studies of website development,
in order to examine a vast variety of techniques and software tools that have been
applied successfully in real projects. Furthermore, further research will be conducted to
spot the strong points of various techniques and justify the choice that will be finally
made. Finally, an attempt will be made to contact some experienced web developers
and ideally some web developers who have worked on similar projects, in order to
absorb valuable knowledge from their experience.

Dept. of CSE, SMVITM 24

 lOMoARcPSD|41335687

Website Application Design and Development

5.2 Conclusion
As a conclusion, I can say that this internship was a great experience. Thanks to this
project, I acquired deeper knowledge concerning my technical skills but I also
personally benefited. Currently PHP pages are a common part of web applications, and
one of the most popular language for web development used by developers worldwide.
If we surf internet we can see millions of websites built with PHP and MYSQL. I learn
to live in a different environment from the one I am used to. Indeed, I grew more
independent in work and also in everyday life. I realized that I could do more things
than I thought like learning new things by myself.

There are huge opportunities available for the students who want to work in this field.
Many private and public organizations hire web designer for their online work and
website development. With the rapid advent of online industry, the demand of web
development professionals is increasing and this has created a huge job opportunity for
the aspirants in the upcoming days.
Also an experienced person in this field can also work as a freelancer; there are many
online companies which provide online projects to the individuals.

5.3 Future Scopes

Especially if I don't have any experience. Finding work can be a real challenge. A
successful internship can help me turn an experience into a career opportunity. So as a
successful internship my future scopes will be:
 To be work IT company.
 Can work as a Software Engineer.
 Can work as a Web Designer.
 Can work as a Web Developer.
 Can work as a QA Tester.

Dept. of CSE, SMVITM 25

 lOMoARcPSD|41335687

Website Application Design and Development

REFERENCE
[1] www.quora.com
https://www.quora.com/topic/What-Are-Benefits-of-a-Developers-How-good-
Are-Opportunities-in-the-current-market, Last
Accessed on 2 April, 2018
[2] www.mage-people.com
http://www.mage-people.com
Last Accessed on 2 April, 2018
[3] www.onetonline.org
https://www.onetonline.org/link/details/15-1134.00?redir=15-1099.04Last
Accessed on 5 April, 2018
[4] www.fashions-first.com
http://www.fashions-first.com
Last Accessed on 5 April, 2018
[5] www.bls.gov
http://www.bls.gov/ooh/computer-and-information-technology/web-
developers.html
Last Accessed on 5 April, 2018
[6] money.usnews.com
http://money.usnews.com/careers/best-jobs/web-developer
Last Accessed 7 April, 2018
[7] www.maxproit.net
http://www.maxproit.net/index.php/home_controll
Last Accessed on 7 April, 2018
[8] www.sinclair.edu
https://www.sinclair.edu/program/params/programCode/WEDE-S-AAS
Last Accessed on 8 April, 2018
[9] www.mindtools.com
https://www.mindtools.com/pages/article/worksheetsindex.htm
Last Accessed on 8 April, 2018

Dept. of CSE, SMVITM 26

 VISVESVARAYA TECHNOLOGICAL UNIVERSITY
Jnana Sangama, Belagavi – 590 014

INTERNSHIP REPORT

Submitted in Partial fulfillment of the requirements for the Degree of

BACHELOR OF ENGINEERING
in
COMPUTER SCIENCE & ENGINEERING

Submitted By:
AAQIB KHAN
4MW20CS107

Under the guidance of:

Ms. Savitha A Shenoy Mr. Rupesh Shetty

Assistant Professor Domain Expert
Dept. of CSE, Qliclabs
SMVITM Mangalore

Department of Computer Science and Engineering

SHRI MADHWA VADIRAJA INSTITUTE OF TECHNOLOGY AND MANAGEMENT
Vishwothama Nagar, Bantakal - 574115, Udupi District
2023 – 2024
 SHRI MADHWA VADIRAJA INSTITUTE OF TECHNOLOGY AND MANAGEMENT
Vishwothama Nagar, Bantakal – 574 115, Udupi District, Karnataka, INDIA
Department of Computer Science and Engineering.

CERTIFICATE

This is to certify that Aaqib khan bearing USN 4MW20CS107 is a bonafide student of
Shri Madhwa Vadiraja Institute of Technology and Management, Bantakal Udupi, and has
undergone one months internship at Qliclabs, Mangalore from 14 Febraury 2024 to
15 March 2024. This internship report has been approved as it satisfies the academic
requirement in respect of the internship prescribed by the Visvesvaraya Technological
University Belagavi during the year 2023-2024

Ms. Savitha A Shenoy Dr. Soumya Bhat

Internal Guide Professor and Head
Assistant Professor, Dept. of CSE Dept. of CSE
SMVITM, Bantakal SMVITM,Bantakal

External Viva
Name of the Examiner Signature with date
1.

2.
 ACKNOWLEDGEMENT
_
It is with great satisfaction and euphoria that I am submitting the Internship Report
on “WEB DEVELOPMENT PROJECT INTERNSHIP ”. I have
Completed it as a part of the curriculum of Visvesvaraya Technological University,
Belagavi in partial fulfillment of the requirements for the VIII Semester of Bachelor
Of Engineering in Computer Science & Engineering.

I am using this opportunity to express my deepest gratitude and special thanks to the Mr.
Rupesh Shetty, who in spite of being extraordinarily busy with his duties, took time out
to hear, guide and keep me on the correct path and allowing me to carry out my project at
their esteemed organization and extending during the training. I would also like to thank Ms.
Savitha A Shenoy , Assistant professor, Department of CSE, for her extended support. Lastly, I
take this opportunity to offer our regards to all of those who have supported us directly or
indirectly in the successful completion of this project work.

I perceive as this opportunity as a big milestone in my career development. I will strive to use
gained skills and knowledge in the best possible way, and I will continue to work on their
improvement, in order to attain desired career objectives.

AAQIB KHAN
4MW20CS107

i
 ABSTRACT

This internship report highlights the valuable experience gained during my

Web Development Internship, focusing on essential skills in web development
and project management. Over [Duration], I immersed myself in foundational
and advanced web technologies, enhancing proficiency in front-end design,
back-end development, and API integration.Commencing with HTML, CSS,
and JavaScript, I progressed to advanced frameworks like [Specify], gaining
practical experience in building dynamic and responsive web applications.
The internship culminated in completing [Specify Projects], demonstrating
my ability to apply learned skills to real-world projects.
Throughout the internship, I demonstrated a commitment to learning, adaptability,
and problem-solving, laying a strong foundation for future growth in web development.
and exhibited a dedication to learning, adaptability,
and problemsolving, laying the groundwork for ongoing growth and success
in the realm of software development.

ii
INTERNSHIP CERTIFICATE
 lOMoARcPSD|41335687

TABLE OF CONTENTS

CONTENT PAGE NO
Approval i
Abstract ii
Table of content iii
List of figure iv

CHAPTER PAGE NO

CHAPTER 1: INTRODUCTION 1-4

1.1 Introduction 1
1.2 Objectives 1
1.2.1 To save the time and resources 1
1.2.2 To reduce the number of workers 2
1.2.3 To reduce the space being used 2
1.2.4 To reduce the work load 2
1.2.5 To make it easy to search any record 2
1.2.6 To edit records and update the database easily 2
1.2.7 To make the system user friendly 2
1.3Motivation 3
1.4Internship Goals 3
1.5Report Layout 4

V
 lOMoARcPSD|41335687

CHAPTER 2: INTERNSHIP ENTERPRISE 5-9

2.1About the Company 5
2.2 IT Services Offered 6
2.2.1 Fixed Price System Develop 6
2.2.2 Software Development Kit 6
2.2.3 Pay Roll Software 6
2.2.4 Managing Site Content 6
2.2.5 Software Marketing 6
2.2.6 Dedicated Support Team 6
2.2.7 Installation & Technical Manuals 6
2.2.8 Website Optimization 6
2.2.9 Web design & Development 7
2.2.10 Website Technical Support 7
2.3 Roles in Job Market 8
2.3.1 Salaries are Average 9
2.3.2 Job Titles Are Vague 9
2.3.3 Jobs are Multi-skilled 9

CHAPTER 3: INTERNSHIP ROLES AND RESPONSIBILITIES 10-18

3.1 Training Attended 10
3.2 Assigned Responsibilities 10
3.3 Work Environment 11
3.3.1 Using Web Development Project Template 11
3.4 Performed Tasks 14

VI
 lOMoARcPSD|41335687

LIST OF FIGURES

FIGURES DESCRIPTION PAGE NO

Figure 3.1: Web design templates 12
Figure 3.2: Home page 15
Figure 3.3: Clothing page 15
Figure 3.4: Order Us page 16
Figure 3.5: Contract Us page 16
Figure 3.6: Admin page 17
Figure 3.7: Login page 17
Figure 3.8: Register page 18
Figure 3.9: Payment page 18

VIII
©Daffodil International University

Downloaded by AAQIB KHAN (aaqib.20cs107@sode-edu.in)

Website Application Design and Development

CHAPTER 1
INTRODUCTION
1.1 Introduction
PHP was developed by Ramus Ledford. It is a freeware. It is also a weakly typed, free
from language. PHP has since evolved into a powerful server-side markup language
with syntax that resembles a mix between Perl and C. PHP is a server-side scripting
language designed specifically for the web. Within an HTML page, we can embed PHP
code that will be executed each time the page is visited.HTML generate the web page
with the static text and images. However, the need evolved for dynamic web base usage.
These dynamic usages are facilities by PHP [1].

Other tasks that PHP is especially good at are database access, disk access, networking
and text manipulation. PHP is an excellent alternative to such similar programming
solutions as Microsoft’s proprietary scripting engine ASP and Allayer’s rather
expensive Cold fusion. As mentioned before, PHP is a cross-platform language.

Finally, PHP is easy. If you know C or Perl, learning PHP is a cinch. The language is a
mix between the two, taking the best features from both. Plus, PHP adds features to
solve common problems that programmers often encounter when programming for the
web.

1.2 Objectives
The objective of the web development is to handle the entire activity of a website. The
software keeps track of all the information about the entire website. The system
contains database where all the information will be stored safely.

1.2.1 To save the time and resources

The website system will take less time in entering the data, processing it and getting its
output. Fewer resources will be used as no large registers, files, ledgers, pens; correctors
will be needed or used.
1

1
 lOMoARcPSD|41335687

Django-Powered Student Information on Docker

1.2.2 To reduce the number of workers

After the system will be computerized only a single computer operator will be needed
to operate the system while now more than one workers work in the system.

1.2.3 To reduce the space being used

Every data will be stored in the computer memory whereas now it is stored in registers
and files which then stored in bookshelves or cupboards and they need a large space.

1.2.4 To reduce the work load

As the new system will be computerized, the database will be automatically updated at
the time of entry. Everything will be done automatically just by clicking few buttons.
There will be no need to maintain any files or registers.

1.2.5 To make it easy to search any record

It will be much easier to find particular record rather than opening such huge files and
finding a single record from them

1.2.6 To edit records and update the database easily

Records will be easily edited and the database will easily be updated at the time of
entering a record.
1.2.7 To make the system user friendly
The system will be much more easy to use and the operator will feel no difficulty.

1.3 Motivation
In desktop base website creating system is easy to understand. Since I accept Internship
it seems to me I am beginner and primary level to learn web development, so it is easy
and interested to learn and create. Further this project is related of student and I am
introducing to its circumstances so it service technology is under of the understand
mine. Its technology is so interested and charming and easy to build a project by fully
PHP, HTML, CSS, MYSQL.

2
2
Dept. of CSE, SMVITM

Downloaded by AAQIB KHAN (aaqib.20cs107@sode-edu.in)

Website Application Design and Development

1.5 Report Layout

Layout includes such things as the chapter objective details type of paper chosen, the
margins, the line spacing, the pagination, and the incorporation of equation,
illustrations, and references. Table 1 presents general specifications for the page
layouts.
For each report that I create, I can assign a report layout. Via the report layout I define
the layout features of the report, such as the page format of the report and the numeric
format of the report data. When I use the layout functions, I can set parameters for the
report.
When I define a report layout, I define a layout specifically for a report and I can change
the standard layout assigned to a report.
 In Chapter 1 I mention details about web development introduction. Objective.
Objective include some facility about internship as save the time and resource,
reduce the number of workers, reduce the work load, easy to search and record.
Motivation to web development as inheritance, implement, object declare and
so on opportunity. Goals of web development project PHP is more effective and
choice full and ultimate for fruitful programmer. Report layout is the short
overview of full report chapters.

 Chapter 2 describe about internship enterprise like about the company, IT

services offered, roles in job market and responsibilities.

 Chapter 3 contain internship roles and responsibilities like training attended,

assigned responsibilities, work environment, using web development project
temples, performed tasks with figure and mention task.

 Chapter 4 describe about internship outcomes some outcomes of internship is

problems and solutions like OOP understanding, view some component in
frame. And learning outcomes, challenges.

 In the Chapter 5 simply I mention about internship discussion and conclusion.

3
Dept. of CSE, SMVITM
Django-Powered Student Information on Docker

to run including libraries, system tools, code, and runtime. Using Docker we can quickly deploy and
scale applications into any environment and know our code will run. Docker revolutionizes the
traditional approach by enabling the encapsulation of applications and their dependencies into
portable, lightweight containers. This facilitates seamless deployment across different environments,
ensuring consistency and reliability.

Fig 2.1 Docker Architecture

Docker’s popularity stems from its ability to streamline development workflows, enhance
collaboration, and accelerate the delivery of software products. As I delved into Docker’s core
concepts and functionalities through hands-on tutorials, I realized its potential to revolutionize the
way modern applications are developed, tested, and deployed. From containerizing projects to
managing multiple services with Docker Compose and optimizing resource utilization, I discovered
the power of Docker in creating scalable, resilient, and agile software solutions .

2.2.2 Introduction to Git

Concurrently, I embarked on a journey into the world of version control with Git, a distributed version
control system that underpins collaborative software development. Git is an orce distributed
version control system. It is designed to handle minor to major projects with high speed and
efficiency. It empowers developers to track changes, manage codebase versions, and coordinate work
effectively within teams. From initializing repositories to branchid

4
Dept. of CSE, SMVITM
Django-Powered Student Information on Docker

merging branches, Git provides a robust framework for managing codebase evolution and ensuring
project integrity.

Fig 2.2 Git Workflow

Git is a free and open-source distributed version control system designed to handle projects with
speed and efficiency. Real-life projects generally have multiple developers working in parallel and
the code in Git keeps changing as more code is added by developers.

Git helps us with the following features:

 Maintain history of what changes have happened.

 Ensures no conflicts between developer’s codes.

 Revert or go back to previous versions.

The integration of platforms like GitHub amplifies Git's collaborative capabilities, facilitating
seamless code review, feedback exchange, and collaborative development workflows. Through
guided tutorials and practical exercises, I honed my Git skills, recognizing its pivotal role in modern
software development practices. Git's ability to facilitate parallel development, code sharing, and
version history management underscores its indispensability in agile, iterative software development
environments.

2.2.3 Introduction to PostgreSQL

Complementing my exploration of Docker and Git, I explored relational database management with
PostgreSQL. PostgreSQL stands as a robust, open-source database management system renowned
for its reliability, performance, and extensive feature set. As I navigated through structured tutorials
and hands-on exercises, I gained proficiency in designing, querying, and managing databases using
PostgreSQL.

5
Dept. of CSE, SMVITM
Django-Powered Student Information on Docker

Key Features of PostgreSQL:

 Free to download.

 Compatible with Data Integrity.

 Compatible with multiple data types.

 Highly extensible.

 Secure.

 Highly Reliable.

Understanding fundamental concepts such as schema design, data manipulation, and indexing
provided a solid foundation for effective data storage and retrieval strategies. Moreover, integrating
PostgreSQL with Docker environments offered valuable insights into deploying and managing
database services within containerized infrastructures, highlighting its significance in comprehensive
application development and deployment practices. PostgreSQL's support for ACID transactions,
JSONB data type, and extensibility further underscore its suitability for a wide range of use cases,
from small-scale applications to large-scale enterprise systems.

2.3 Second Week

During the second week of my internship, I immersed myself in Django, a potent web framework for
Python. I learned to set up and configure Django projects, laying the groundwork for dynamic web
applications. Updating existing Dockerfiles to accommodate Django Admin was a notable highlight,
enhancing our project management capabilities. Additionally, I understood the importance of
RESTful APIs, understanding their design principles and serialization methods. Creating unit tests
further solidified my understanding, ensuring the reliability and functionality of our Django
applications.

2.3.1 Introduction to Django

Django is a Python framework that makes it easier to create web sites using Python. Django
emphasizes reusability of components and comes with ready-to-use features like login system,
database connection and CRUD operations (Create Read Update Delete).
Django follows the MVT design pattern (Model View Template):

 Model - The data you want to present, usually data from a database

 View - A request handler that returns the relevant template and content - based on the request
from the user

6
Dept. of CSE, SMVITM
Django-Powered Student Information on Docker

 Template - A text file (like an HTML file) containing the layout of the web page, with logic
on how to display the data.

URL Routing: Django utilizes URL patterns defined in the urls.py file to map incoming URLs to
corresponding views. This allows for clean and organized URL handling, enhancing the
maintainability of the application.

Fig 2.3 General Workflow of Django

Generic Workflow: The typical workflow in Django involves:

 Processing an incoming URL request.

 Routing the request to the appropriate view function based on URL patterns.

 Retrieving data from models as necessary.

 Rendering templates with the retrieved data.

 Generating HTML content to be sent back to the client's browser.

2.3.2 Introduction to RESTful API:

Beginning with an understanding of APIs, I started learning REST architecture, which forms the basis
for creating flexible web services. I initiated by creating a basic Django model, 'Students', to
encapsulate student details such as name, address, roll number, mobile, and branch. Integrating this
model into Django's admin panel facilitated efficient data management. Database migrations ensured
synchronization between the model and the database schema.

7
Dept. of CSE, SMVITM
Django-Powered Student Information on Docker

Implementing class-based views, we crafted methods to handle CRUD operations, allowing for the
retrieval and creation of student records. URL endpoints were then configured to enable access to
these views, facilitating interaction with the API.
Testing the API's functionality was crucial, and we employed CURL commands to validate GET
requests for retrieving student information and POST requests for adding new student entries.

2.3.3 Creating Unit Testing

Unit testing is a critical aspect of software development where the software is divided into
independent units or components, each tested individually to ensure they function correctly. In a
recent project example involving web scraping and database interaction within a Django application,
the software was divided into three parts:

 Data Scraping: Retrieving data from Python blogs.

 Database Interaction: Saving the scraped data into the database.

 Web Display: Displaying the saved data on a Django web application.

2.4 Third Week

During the third week of my internship, I focused on advancing my logic building skills by delving
into web scraping using Python. I successfully developed scripts to scrape data from various sources
and stored it efficiently in a Postgres database. Additionally, I integrated these scripts into Django
views, enabling seamless integration of scraped data into our web application. Furthermore, I
explored different types of extractors to enhance data extraction capabilities, and I honed my
debugging and profiling skills in Python to ensure the robustness and efficiency of our scraping
processes.

2.4.1 Web Scraping Using Python

This week, I focused to extract data from the Python Insider blog. I developed a Python script to
scrape the blog's title, release date, blog time, and author information. Utilizing libraries such as
BeautifulSoup and requests, I successfully extracted the required data and printed it. Additionally, I
updated our Dockerfile to include necessary packages for web scraping, built a new Docker image,
and ran the script inside our Docker container. This allowed us to efficiently scrape the website and
obtain the desired information, enhancing our web development capabilities within our project.

8
Dept. of CSE, SMVITM
Django-Powered Student Information on Docker

2.4.2 Storing the scrapped data into PostgresDB

To save the extracted data from the Python Insider blog into a PostgreSQL database, we utilized
Django models to define the structure of the database table and created a new model called Blog.
After updating the models, I ran migrations to create the corresponding database table. Then, I
modified our web scraping script to insert the extracted data into the PostgreSQL database. This
involved establishing a connection to the database using psycopg2 and defining functions to add rows
to the database table and truncate existing entries. Finally, I ran the updated script to populate the
database with the scraped data, ensuring seamless integration between web scraping and database
management within our project.

2.4.3 Creating Django views to integrate the script

I integrated the web scraping script into Django admin by creating a Django model for the scraped
data and registering it in the admin interface. Additionally, I moved the scraping logic to the apps.py
file and created a view in the views.py file to trigger the scraping process. This view can be accessed
through a specific URL pattern, allowing us to run the scraping script from the

Django admin interface. Finally, I verified the functionality by triggering the scraping process
through the created view and checking the extracted data in the admin panel. This integration
streamlines the process of scraping and viewing the data within the Django admin interface,
enhancing the overall usability and management of the application.

2.5 Fourth Week

During the fourth week of my internship, I deepened my understanding of web development by

exploring Celery, RabbitMQ, and Microservice Architecture. I enhanced project management
capabilities by integrating job logs and statistics while implementing periodic task execution.

2.5 Introduction to Celery and RabbitMQ

Celery is an open-source distributed task queue system widely used for building asynchronous and
distributed applications. It enables the execution of tasks asynchronously, making it ideal for handling
time-consuming, computationally intensive, or scheduled tasks.
Here are some key features of Celery:

 Task Scheduling and Execution: Celery allows tasks to be scheduled and executed
asynchronously, improving performance and scalability.
9
Dept. of CSE, SMVITM
Django-Powered Student Information on Docker

 Distributed Task Processing: It supports multiple worker nodes for distributed task
processing, enhancing efficiency and throughput.

 Task Prioritization and Retries: Celery provides features for prioritizing tasks and handling
retries in case of failures, ensuring robustness and reliability.

 Scalability: With support for distributed processing and task queues, Celery scales seamlessly
to handle large workloads.

 Monitoring and Management Tools: Celery offers monitoring and management tools for
tracking task progress, debugging, and performance optimization.

To use Celery, a message transport, or broker, is required to handle message creation and
transport. RabbitMQ is a popular choice for this purpose due to its reliability, flexibility, and
scalability. Key features of RabbitMQ include reliability, flexible routing, clustering, highly
available queues, and a management UI.

2.5.2 Introduction to Microservice Architecture

Microservice architecture offers a scalable and efficient approach to building applications by
breaking them down into smaller, independent services. In our project, we're dockerizing a Django
application with RabbitMQ, Celery, and Postgres to handle asynchronous tasks, specifically
automating the scraping process of Python blog sites. Each component serves a distinct purpose:
Django triggers tasks, RabbitMQ manages task queues, Celery processes tasks asynchronously, and
Postgres stores the data. This architecture enables parallel task execution, eliminates the need to wait
for task completion, and enhances project scalability and maintainability. By leveraging
microservices, We can design a robust and flexible system capable of handling complex tasks
effectively.
We need following models to run and track asynchronous task.

 Job: Job is nothing but task which contains meta information required to run task.

 Job stats: This contains stats for each job runs.

 Job Logs: This contains logs which helps us to track asynchronous task.


10
Dept. of CSE, SMVITM
Django-Powered Student Information on Docker

Chapter 3

OUTCOMES

Overall, I had a great internship experience at UniCourt India. My mentor and people manager
helped me navigate different workflows and get through challenging circumstances. I got a chance
to develop my interpersonal abilities from one to one meetings and discussion, which are highly
transferable across fields and jobs, in addition to honing my technical talents. I was able to develop
my leadership and teamwork abilities by taking on leadership responsibilities all throughout.

3.1 Learning Outcomes

Enhanced understanding of theoretical concepts: During my internship I have gained


a comprehensive understanding of the theoretical concepts that underlie Docker,
Django, Python and PostgreSQL. All these technical concepts helped in understanding
the projects and team’s requirements in an efficient way.

Practical experience working with tools and technologies: As an intern I have got an

opportunity to gain hands-on experience working with Docker, Containerizing the
project, its Python implementation and data storage in PostgreSQL database. This
experience helped me develop skills in best coding practices and efficient data
retrieval & storage.

Increased problem-solving skills: Every problem is unique and thus required a new

programming logic. Thus being as an intern I got an opportunity to keep on optimizing
my own code until its efficient and understandable enough to tackle with multiple
such problem.

Understanding of industry applications: As an intern I have gained insights on industry


level programming paradigm, coding best practices and industry use case.

11
Dept. of CSE, SMVITM
Django-Powered Student Information on Docker

3.2 Project Outcomes

The Django based Dockerized project of web scraping application could be used to efficiently
scrap the content from online websites and store it in PostgreSQL database which helps in removing
the redundancy and unstructured characteristic of web content. Moreover it has got an additional
advantage of Docker container that reduces the overall cost of running an application.

3.2.1 Containerizing the project

Dockerizing a project involves having required base files such as docker-compose and dockerfiles
wherein we specify the configuration of out container. Also we can have our python scripts which
can be executed in the VM environment while a docker project is up.

Fig 3.1 File Structure of Docker Project

Fig 3.2 Running a Docker Project

12
Dept. of CSE, SMVITM
Django-Powered Student Information on Docker

3.2.2 Django admin site for Student app

The Django admin site allows us to interact with the database by means of graphical user
interface. The admin site required a super user who can access the site based on the provide
credential. The login page of Django admin site looks similar to the below reference.

Fig 3.3 Django admin site login page

3.2.3 Django admin site details

The admin site displays all the available models in the project, listed at the left navigation section,
during the internship I have worked on student details management system and hence the below
figure shows a Students model list in the navigation section.

Fig 3.4 Django Web App

13
Dept. of CSE, SMVITM
Django-Powered Student Information on Docker

The stored data in the models could be viewed by navigating through the model, that shown the
graphical representation of saved details as shown in the below figure.

Fig 3.5 Graphical View of Django Model

14
Dept. of CSE, SMVITM
Django-Powered Student Information on Docker

Chapter 4
CONCLUSION

In conclusion, my internship journey at Mangalore Infotech has been an enriching and

transformative experience. Over the course of four weeks, I've had the opportunity to immerse
myself in a diverse array of technologies and methodologies, ranging from foundational tools like
Docker and PostgreSQL to advanced concepts such as Django, RESTful APIs, and Microservice
Architecture.

Through hands-on experience and guided mentorship, I've not only expanded my technical skill set
but also honed my problem-solving abilities, communication skills, and collaborative mindset. The
internship has provided me with a solid foundation to continue my journey in the field of software
development with confidence and enthusiasm.

I'm grateful for the support and guidance provided by the team at Mangalore Infotech, particularly
my mentor, Mr. Sidharth, whose expertise and encouragement have been invaluable throughout
this journey. As I embark on the next phase of my career, I carry with me the lessons learned and
the experiences gained during this internship, confident in my ability to tackle new challenges and
contribute meaningfully to the world of technology.

15
Dept. of CSE, SMVITM
Django-Powered Student Information on Docker

REFERENCES

[1] Introduction to Docker

https://github.com/UniCourt/DataEngineering-Workshop1

[2] Introduction to Django

https://github.com/UniCourt/DataEngineering-Workshop2

[3] Introduction to PostgresDB

https://github.com/UniCourt/DataEngineering-Workshop3

[4] Introduction to Celery and RabbitMQ

https://github.com/UniCourt/DataEngineering-Workshop4

16
Dept. of CSE, SMVITM