Report Aws Imp
Report Aws Imp
on
CREATING A DYNAMIC WEBSITE FOR A CAFE
During
III Year I Semester Summer
Submitted to
The Department of Electronics and Communication Engineering
Bachelor of Technology
in
Electronics And Communication Engineering
By
Affiliated to
Jawaharlal Nehru Technology University
Hyderabad - 500085
Department of Electronics and Communication
Engineering
1|Page
Department of Electronics and Communication Engineering
Sreenidhi Institute of Science and Technology
This is to certify that this Summer Industry Internship –I report on “CREATING A DYNAMIC
WEBSITE FOR A CAFE”, submitted by A.Vivekananda Reddy (20311a04n9) in the year
2022 in partial fulfillment of the academic requirements of Jawaharlal Nehru Technological
University for the award of the degree of Bachelor of Technology in Electronics and
Communication Engineering, is a bonafide work- summer industry internship that has been
carried out during III B Tech ECE I semester, will be evaluated in III B Tech ECE I
Semester, under our guidance.
This report has not been submitted to any other institute or university for the award of any
degree.
External Examiner
Date:-
2|Page
3|Page
4|Page
5|Page
DECLARATION
It is declared to the best of our knowledge that the work reported does not form part of any
dissertation submitted to any other University or Institute for award of any degree
6|Page
ACKNOWLEDGEMENT
I would like to express my gratitude to all the people behind the screen who helped me to
transform an idea into a real application.
I would like to express my heart-felt gratitude to my parents without whom I would not have
been privileged to achieve and fulfill my dreams. I am grateful to our principal, Dr. T. Ch.Siva
Reddy, who most ably run the institution and has had the major hand in enabling me to do my
project.
I would like to thank my Project coordinator B. PRIYANKA for her technical guidance,
constant encouragement and support in carrying out my project at college.
The satisfaction and euphoria that accompany the successful completion of the task would be
great but incomplete without the mention of the people who made it possible with their constant
guidance and encouragement crowns all the efforts with success. In this context, I would like
thank all the other staff members, both teaching and non-teaching, who have extended their
timely help and eased my task.
7|Page
CREATING A DYNAMIC WEBSITE FOR A CAFE
Abstract
This report covers comprehensive architectural guidance for developing, deploying, and
managing static websites on Amazon Web Services (AWS) while keeping operational
simplicity and business requirements in mind. We also recommend an approach that provides
1) insignificant cost of operation, 2) little or no management required, and 3) a highly scalable,
resilient, and reliable website.
This report first reviews how static websites are hosted in traditional hosting environments.
Then, we explore a simpler and more cost-efficient approach using Amazon Simple Storage
Service (Amazon S3). Amazon Simple Storage Service (Amazon S3) can host static websites
without a need for a web server. The website is highly performant and scalable at a fraction
of the cost of a traditional web server. Amazon S3 is storage for the cloud, providing you
with secure, durable, highly scalable object storage. A simple web services interface allows
you to store and retrieve any amount of data from anywhere on the web. Amazon S3 provides
HTTP web-serving capabilities, and the content can be viewed by any browser. Finally, we
show you how you can enhance the AWS architecture by encrypting data in transit and to
layer on functionality and improve quality of service by using Amazon CloudFront.
8|Page
INDEX
ABSTRACT
1. INTRODUCTION
2. SYSTEM ANALYSIS
3. SYSTEM DESIGN
3.2 Modules
9|Page
4. SYSTEM IMPLEMENTATION
5. OUTPUT SCREENS
8. CAPSTONE PROJECT
BIBLIOGRAPHY
APPENDIX
10 | P a g e
INTRODUCTION
There are a number of software and tools used to create websites. One tool that is fast
becoming a mainstay is called a dynamic Site Generator (DSG). A DSG is an application
that automatically creates the HTML, CSS, and JavaScript files necessary to render a
website. DSGs have gained popularity because of their flexibility. It can be used as a
stand-alone tool or deeply integrated into a web architecture of your choice.
To outline the underlying web technologies that power DSGs and the features that make
them useful, this article will explore various concepts as they relate to ‘dynamic,’ ‘site,’
and ‘generator.’
DYNAMIC
When a user views a page on a website, a request is made to a web server. The web
server responds back with a specific file based on that request.
For example, say a user requests a page on a traditional or dynamic website. The server
might need to query a database, send the results to a templating application, then finally
generate the HTML file to render to the browser. This page is generated, on-demand,
each time a request is made in this architecture.
Conversely, on a dynamic site, the requested files already sit on the web server. This is
what is meant by the term dynamic: the files used to render the site are unchanging
because they already contain the HTML, CSS, and JavaScript code. There is nothing to
convert, generate, or transform on demand because they were generated before the
page request.
To be clear, a dynamic site can still be interactive. Things like JavaScript code, CSS
animations, video and audio elements, and data formats like JSON are still supported
and can run as normal on a dynamic site. The only difference is that the files themselves
are generated in advance rather than generated on demand.
You can think of a landing page or a blog post as examples of a dynamic site. On the
other hand, a live sports page or a comments section are examples of dynamic
websites. For dynamic sites like these, you need a server or an API call to perform
additional processing in order to render an element to the user correctly. You can
read about the rendering spectrum to better understand how websites use a variety of
techniques to reveal content to users.
Dynamic sites enable you to decouple your content repository and front-end interface,
giving you greater flexibility in how your content is served. Cost-efficiency is another
reason companies migrate to a dynamic site because static files are lightweight and
often faster and cheaper to serve.
11 | P a g e
In the last few years, dynamic sites have greatly increased in popularity. This surge is
primarily due to advances in developer tools (languages and libraries) and a stronger
desire among businesses to optimize website performance beyond the limits of a
database-driven site. Below, we’ll discuss the benefits of a dynamic site in greater detail.
Dynamic sites operate in a completely different way, by leveraging HTML and CSS as
well as server-side scripting languages like PHP to build webpages on the fly and serve
different content to each site visitor.
Flexibility
Dynamic sites can be rendered using a multitude of frameworks. Developers can
work using their preferred language and framework (such as JavaScript, Ruby,
React, Vue, etc.), making the build and maintenance easier to perform. Other
advantages include being able to better leverage your cloud infrastructure and
simplify site development thanks to fewer dependencies.
Scalability
A dynamic site lets you present content across multiple channels without having to
reauthor your content. What’s more, a dynamic structure can easily adapt to the
changing needs of your website or app.
Security
With a dynamic site, hackers have multiple opportunities to breach your data
because the entire system is connected. Yet with a static site, your content database
exists independently from your front-end web interface. This setup gives hackers
fewer entry points and keeps your data more secure. Website visitors do not connect
to the content database each time they visit your website, which provides yet another
security advantage compared to database-driven sites.
12 | P a g e
How to build your Dynamic Website
A dynamic site generator lets you apply a template to your data and content, which
simplifies the process of converting your data into a website or application format.
There are dozens of versions available for use with different developer languages
and frameworks. Consider factors like site size, primary purpose, and functionality
when evaluating dynamic site generators.
Some of our favorite top and up-and-coming dynamic site generators include:
Dynamic websites are a safe bet compared to dynamic ones when it comes to security
as they don’t rely on CMS plugins. APIs and JavaScript are used to handle the dynamic
functions of dynamic websites, eliminating the risk of getting hacked. On the other hand,
active websites are highly prone to get hacked due to multiple content sources and
plugins.
A report by WP White Security states that about 70% of WordPress sites are at risk of
getting hacked by malicious hackers because of lack of maintenance and upgrading.
Ugh, scary.
2. Reliability
You must have occasionally come across an error message saying that, "The
connection could not be established.”This primarily occurs because of the database
errors. Serving just basic HTML files makes it easier to host them anywhere with ease
like on a CDN.
Hence, whenever there’d be an attack on the server, the dynamic website is just
redirected to other closest node, unlike its dynamic alternative where the website might
go down for few hours.
3. Speed
The absence of middleman/database makes the dynamic site much more speedy and
easy to load.
A dynamic site is ten times faster than a static site that is built with a CMS. Another
reason for a dynamic website to run faster is that it can be served from the node closest
to the browser.
13 | P a g e
According to research by Kissmetrics, about 47% of people expect the website to load
within 2 seconds, and a whopping 40% of people will not wait for the website to load for
longer than 3 seconds. Hence, getting a dynamic website also helps in getting more
traffic by reducing abandonment rate caused due to slow loading.
5. Scalability
What to do when your website is finally up and running? Handling massive traffic on a
dynamic website might be a cumbersome process as it requires complex code playing
on the server. Basic static websites with HTML files can be easily scaled up by just
increasing the bandwidth.
6. Technological Advancements
There was a time when online store websites would have to rely on dynamic websites
for their organization and integrate those complex coding and deal with tedious scripting.
With tools like Magento, it is possible to have a dynamic website for shop-centric
businesses. A Java-script based shopping cart, called Snipcart, integrates e-commerce
site’s functionalities to a static website, eliminating the need for static websites. Snipcart
dashboard can manage sales and product inventories, and its API can be integrated with
shipping service providers and inventory management software systems as well.
14 | P a g e
With some dynamic generators and static website hosting platforms that allow Github
integration, global CDN, SSL certificates along with free custom domains. Hosting
providers such Netlify, go up the notch and even deal with redirects such as 404 errors,
proxies, and even password protection.
Therefore, it is safe to say that dynamic websites have made a terrific comeback and
they are here to stay with more advantages than drawbacks. As a website is a digital
face of the business, organizations must take into consideration all the factors and
necessities of their business website and must assess all the new tools and platforms
before making a website.
Sustainability
Dynamic websites are better for the planet and the environment because they
are more sustainable than static websites. This is because there is usually no
webserver involved when running a dynamic website, which means much energy
is saved compared to running a static website that requires computing power to
handle all incoming requests.
Maintenance
Some might argue that dynamic websites are worse than static websites, such
as WordPress because they are harder to update or maintain. However, dynamic
websites have gained much popularity in the tech industry in recent years, and
there are many tools these days that make the maintenance of a static website a
lot easier than before.
Dynamic websites are not any more complex than static ones, and I would even
say that dynamic websites are easier to maintain than static ones. This is, again,
because of the lack of a web server and the overhead that comes with running a
15 | P a g e
web server.
For forms, it is highly recommended to use cloud forms to gather information from web
visitors. Most service providers offer a free and paid plan. First you can choose and use
the free plan. You can then switch to the paid plan when needed. For a completely free
form without any restrictions, you can use google forms. Therefore security and
performance will be monitored by the service provider.
2. SYSTEM ANALYSIS
This System Analysis is closely related to requirements analysis. It is also "an explicit
formal inquiry carried out to help someone (referred to as the decision maker)
identify a better course of action and make a better decision than he might otherwise
have made." This step involves breaking down the system in different pieces to
analyze the situation, analyzing project goals, breaking down what needs to be
created and attempting to engage users so that definite requirements can be
defined.
2.1 Functional Requirement Specification:
The System after careful analysis has been identified to be present with the following
16 | P a g e
modules.
CREATING A BUCKET IN AMAZON S3
An S3 bucket name is globally unique, and the namespace is shared by all AWS
accounts. After you create a bucket, the name of that bucket cannot be used by
another AWS account in any AWS Region unless you delete the bucket.
Use Amazon S3 to store and retrieve any amount of data using highly scalable,
reliable, fast, and inexpensive data storage. Amazon Simple Storage Service
(Amazon S3) is an object storage service that offers industry-leading scalability,
data availability, security, and performance. Customers of all sizes and industries can
use Amazon S3 to store and protect any amount of data for a range of use cases,
such as data lakes, websites, mobile applications, backup and restore, archive,
enterprise applications, IoT devices, and big data analytics.
Amazon S3 provides management features so that you can optimize, organize, and
configure access to your data to meet your specific business, organizational, and
compliance requirements.
Objects that are stored in Amazon S3 are private by default. This ensures that your
organization's data remains secure. You can make Amazon S3 objects public
through two different ways:
To make either a whole bucket public, or a specific directory in a bucket public, use a
bucket policy.
To make individual objects in a bucket public, use an access control list (ACL).
It is normally safer to make individual objects public because this avoids accidentally
making other objects public. However, if you know that the entire bucket contains no
sensitive information, you can use a bucket policy.
17 | P a g e
You can change the website by editing the HTML file and uploading it again to the S3
bucket.
Amazon S3 is an object storage service, so you must upload the whole file. This
action replaces the existing object in your bucket. You cannot edit the contents of an
object— instead, the whole object must be replaced.
The requirement specification for any system can be broadly stated as given below:
The system should be able to interface with the existing system
The system should be accurate
The system should be better than the existing system
The existing system is completely dependent on the user to perform all the duties.
2.3 Software Requirements
18 | P a g e
2.4 Hardware Requirements
Processor : Intel P-IV based system
RAM : Min. 512 MB
2.SYSTEM DESIGN
19 | P a g e
3.1 Architectural Design
Using this AWS architecture, you gain the security, scalability, cost, and agility
benefits of running in AWS. This architecture benefits from AWS world-class
infrastructure and security operations. By using Auto Scaling, the website is ready for
traffic spikes, so you are prepared for product launches and viral websites. With
AWS, you only pay for what you use, and there’s no need to over-provision for peak
capacity. In addition, you gain increased agility because AWS services are available
on demand. (Compare this to the traditional process in which provisioning servers,
storage, or networking can take weeks.) You don’t have to manage infrastructure, so
20 | P a g e
this frees up time and resources to create business differentiating value.
3.2 Modules
SECTION 1: Architectural Need
We will learn how to create architecture for running a static website on AWS by
using Amazon S3. You also learn about some AWS storage services that can be
used with Amazon S3.
IAM Policy.
Bucket Policy.
S3 Access Point.
21 | P a g e
S3 Access Point Alias.
IAM Permission Boundary.
Keeping the content up to date on your site helps build trust between you and your
customers.
Most likely, customers rely on your site for useful information on whatever market you
are in. Updated information also helps build domain authority.
4.SYSTEM IMPLEMENTATION
The implementation stage of any project is a true display of the defining moments
that make a project a success or a failure. The implementation stage is defined as
the system or system modifications being installed and made operational in a
production environment. The phase is initiated after the system has been tested and
accepted by the user. This phase continues until the system is operating in
production in accordance with the defined user requirements.
3.1 Procedure
22 | P a g e
1. At the top of these instructions, choose AWS.
5. In the Object Ownership section, select ACLs enabled, then verify Bucket owner
preferred is selected.
6. Clear Block all public access, then select the box that states I acknowledge that the
current settings may result in this bucket and the objects within becoming public.
7. Choose Create Bucket.
Key: Department.
Value: Marketing.
12. Choose Save changes to save the tag.
13. Stay in the Properties console.
14. Scroll to the dynamic website hosting panel.
15. Choose Edit
16. Configure the following settings:
a. Dynamic web hosting: Enable
b. Hosting type: Host a static website
c. Index document: index.html
d. Error document: error.html
17. Choose Save Changes.
18. In the Dynamic website hosting panel, choose the link under Bucket website
endpoint.
23 | P a g e
instructions tab):
index.html
script.js
style.css
2. Return to the Amazon S3 console and in the website-<123> bucket you created
earlier, choose the Objects tab.
3. Choose Upload.
4. Choose Add Files.
5. Locate and select the three files that you downloaded.
6. If prompted, choose I acknowledge that existing objects with the same name will
be overwritten.
7. Choose Upload.
Your files are uploaded to the bucket.
o Choose Close.
24 | P a g e
1. On your computer, load the index.html file into a text editor (for example,
Notepad or TextEdit).
2. Find the text Served from Amazon S3 and replace it with Created by-<Your
Name> substituting your name for <YOUR-NAME>
4. Return to the Amazon S3 console and upload the index.html file that you just edited.
5. Select index.html and use the Actions menu to choose the Make public via
ACL option again.
6. Return to the web browser tab with the static website and refresh the page.
25 | P a g e
5. OUTPUT SCREENS
1. Program-1:
26 | P a g e
2. Program -2:
27 | P a g e
28 | P a g e
29 | P a g e
30 | P a g e
3. Program-3:
31 | P a g e
32 | P a g e
4.Program-4:
33 | P a g e
34 | P a g e
35 | P a g e
36 | P a g e
5.program - 5:
37 | P a g e
38 | P a g e
39 | P a g e
40 | P a g e
41 | P a g e
42 | P a g e
6.Program - 6:
43 | P a g e
44 | P a g e
45 | P a g e
7.Program - 7:
46 | P a g e
47 | P a g e
48 | P a g e
49 | P a g e
1. INTERNSHIP FEEDBACK
It was a good experience performing all the lab activities and also referring the keen
power point presentations provided. Also it was a new experience for us to enhance
your skills by using all the applications provided in the internship. we have got hands-
on experience to use each and every tool in AWS platform by performing various lab
activities. The guided labs were the building blocks which are to be learned to
perform the challenging labs which were really challenging and compact.
The website is highly performant and scalable at a fraction of the cost of a traditional
web server. Amazon S3 is storage for the cloud, providing you with secure, durable,
highly scalable object storage. A simple web services interface allows you to store
and retrieve any amount of data from anywhere on the web. Amazon S3 provides
HTTP web-serving capabilitie0s, and the content can be viewed by any browser. You
must also configure Amazon Route 53, a managed Domain Name System (DNS)
service, to point your domain to your Amazon S3 bucket. A static website delivers
content in the same format in which it is stored. No server-side code execution is
required. For example, if a static website consists of HTML documents displaying
images, it delivers the HTML and images as-is to the browser, without altering the
contents of the files. Static websites are most suitable when the content is
infrequently updated.
50 | P a g e
1. CAPSTONE PROJECT
PROJECT OVERVIEW
This project provides you with an opportunity to demonstrate the solution design
skills that you develop throughout this course. Your assignment is to design and
deploy a solution for the following case. By the end of this project, you should be
able to apply the architectural design principles that you learned in this course to:
Deploy a PHP application that runs on an Amazon Elastic Compute Cloud (Amazon
EC2) instance. Create a database instance that the PHP application can query .
Create a MySQL database from a structured query language (SQL) dump file.
Update application parameters in an AWS Systems Manager Parameter Store.
Secure the application to prevent public access to backend systems.
52 | P a g e
SOLUTION REQUIREMENTS
PROJECT DELIVERABLES
53 | P a g e
Deploy a PHP application that meets the system requirements outlined above
Submit a diagram that illustrates your solution
Submit a written summary of the design decisions that you made to
achieve the result.
54 | P a g e
BIBLIOGRAPHY
[1] Herbert Schildt, The Complete Reference Java2 Fifth Edition, Tata McGraw-Hill
Edition 2002.
[2] Grady Booch, James Rumbaugh, Ivar Jacobson. The Unified Modeling Language
User Guide. Addison-Wesley, Reading, Mass., 1999.
[3] www.coderanch.com
[4] www.java.sun.com
[5] www.w3schools.com
[6] www.wikipedia.org
55 | P a g e
fromexisting programs. The UML is not a highly formal language intended for
theorem proving. 35 There are a number of such languages, but they are not easy to
understand or to use for most purposes. The UML is a general-purpose modeling
language. For specialized domains, such as GUI layout, VLSI circuit design, or rule-
based artificial intelligence, a more specialized tool with a special language might be
appropriate. UML is a discrete modeling language. It is not intended to model
continuous systems such as those found in engineering and physics. UML is
56 | P a g e
57 | P a g e
58 | P a g e
SREENIDHI INSTITUTE OF SCIENCE AND TECHNOLOGY
Department of Information Technology
Summer Industry Internship 1
ROLL NO: Name
20311A04N9 A Vivekananda Creating a Dynamic
Reddy Website for the café
scnskjjjjj Abs tr act
tr Abstract
This report covers comprehensive architectural guidance for developing, deploying, and
managing static websites on Amazon Web Services (AWS) while keeping operational
simplicity and business requirements in mind. We also recommend an approach that provides
This report first reviews how static websites are hosted in traditional hosting environments.
Then, we explore a simpler and more cost-efficient approach using Amazon Simple Storage
Service (Amazon S3). Amazon Simple Storage Service (Amazon S3) can host static websites
without a need for a web server. The website is highly performant and scalable at a fraction
of the cost of a traditional web server. Amazon S3 is storage for the cloud, providing you
with secure, durable, highly scalable object storage. A simple web services interface allows
you to store and retrieve any amount of data from anywhere on the web. Amazon S3 provides
HTTP web-serving capabilities, and the content can be viewed by any browser. Finally, we
show you how you can enhance the AWS architecture by encrypting data in transit and to
layer on functionality and improve quality of service by using Amazon Cloud Front
additional. leb .
59 | P a g e
APPENDIX D: CORRELATION BETWEEN THE SUMMER INDUSTRY
INTERNSHIP-I AND THE PROGRAMOUTCOMES (POS), PROGRAM
SPECIFIC OUTCOMES (PSOS)
60 | P a g e
APPENDIX E: DOMAIN OF INTERNSHIP AND NATURE OF
INTERNSHIP
61 | P a g e
Table 3: Domain of the Project/ Internship work
(Please tick √ Appropriate for your project)
CREATING A
DYNAMIC
WEBSITE FOR
THE CAFE
62 | P a g e