Category: Web design

Unit
Activity
Unit: Art Criticism, Publishing, and Career Portfolio
This activity will help you meet
these educational goals:
·       You will discuss a career goal
and collect graphic design products from the course in a portfolio.
Introduction
During the
course, you created images using appropriate color, brightness, and saturation
and used them in wallpapers and greeting cards. You also created a logo, a
poster, and a magazine cover and converted traditional art to digital format.
You retouched a damaged image and restored it. You even produced portrait and
landscape photographs. Now, assemble all you work, identify your career goal,
organize your images, and create a portfolio. 
__________________________________________________________________________
Directions and
Analysis
Task 1: Create a Graphic Design
Portfolio
Create
a graphic design portfolio and describe how you went about creating it.
Type your response here:
__________________________________________________________________________
Evaluation
Your teacher
will use this rubric to evaluate the completeness of your work as well as the
clarity of thinking you exhibit.
Total Points: 100
Task 1: Create a Graphic Design
Portfolio
Task
Points: [100]
·      
choosing
elements to include in the portfolio
·      
presenting
graphic designs
·      
presenting
résumé
[50]
[25]
[25]

Scenario
Example University is preparing for the new school year. The admissions department has received complaints that their web application for student records is slow or not available during the peak admissions period because of the high number of inquiries.
You are a cloud engineer. Your manager has asked you to create a proof of concept (POC) to host the web application in the AWS Cloud. Your manager would like you to design and implement a new hosting architecture that will improve the experience for users of the web application. You’re responsible for building the infrastructure to host the student records web application in the cloud.
Your challenge is to plan, design, build, and deploy the web application to the AWS Cloud in a way that is consistent with best practices of the AWS Well-Architected Framework. During the peak admissions period, the application must support thousands of users, and be highly available, scalable, load balanced, secure, and high performing.
The following image shows an example of the student records web application. The site lists records of students who have applied for admission to the university. Users can view, add, delete, and modify student records.
Solution requirements
The solution must meet the following requirements:
Functional: The solution meets the functional requirements, such as the ability to view, add, delete, or modify the student records, without any perceivable delay.
Load balanced: The solution can properly balance user traffic to avoid overloaded or underutilized resources.
Scalable: The solution is designed to scale to meet the demands that are placed on the application.
Highly available: The solution is designed to have limited downtime when a web server becomes unavailable.
Secure:
The database is secured and can’t be accessed directly from public networks.
The web servers and database can be accessed only over the appropriate ports.
The web application is accessible over the internet.
The database credentials aren’t hardcoded into the web application.
Cost optimized: The solution is designed to keep costs low.
High performing: The routine operations (viewing, adding, deleting, or modifying records) are performed without a perceivable delay under normal, variable, and peak loads.
Assumptions
This project will be built in a controlled lab environment that has restrictions on services, features, and budget. Consider the following assumptions for the project:
The application is deployed in one AWS Region (the solution does not need to be multi-Regional).
The website does not need to be available over HTTPS or a custom domain.
The solution is deployed on Ubuntu machines by using the JavaScript code that is provided.
Use the JavaScript code as written unless the instructions specifically direct you to change the code.
The solution uses services and features within the restrictions of the lab environment.
The database is hosted only in a single Availability Zone.
The website is publicly accessible without authentication.
Estimation of cost is approximate.
Disclaimer: A security best practice is to allow access to the website through the university network and authentication. However, because you are building this application as a POC, those features are beyond the scope of this project. You are encouraged to implement this additional functionality.
Approach
Recommendation: Develop your project solution in phases. This will help you ensure that basic functionality is working before the architecture becomes more complex. After the application is working, you are encouraged to enhance the solution with additional requirements.
Phase 1: Planning the design and estimating cost
In this phase, you will plan the design of your architecture. First, you will create an architecture diagram. 
Next, you will estimate the cost of the proposed solution, and present the estimate to your educator. An important first step for any solution is to plan the design and estimate the cost. As necessary, review the various components in the architecture to adjust the estimated cost. Cost is an important factor when building a solution because cost can help to determine the components and architecture pattern to use. 
Note: You don’t need to use the lab environment for this phase of the project, but you might want to use it to refer to AWS services and features as you plan your design.
Task 1: Creating an architectural diagram
Create an architectural diagram to illustrate what you plan to build. Consider how you will accomplish each requirement in the solution.
References
AWS Architecture Icons: This site provides tools to draw AWS architecture diagrams.
AWS Reference Architecture Diagrams: This site provides reference architecture diagrams for a variety of use cases.
Task 2: Developing a cost estimate
Develop a cost estimate that shows the cost to run the solution in the us-east-1 Region for 12 months. Use the AWS Pricing Calculator for this estimate.
If required by your instructor, add your architectural diagram and cost estimate to presentation slides. Your educator might want to evaluate this information as part of assessing your work on this project. A presentation template is provided.
References
What Is AWS Pricing Calculator?
PowerPoint presentation template
Phase 2: Creating a basic functional web application
In this phase, you will start to build the solution. The objective of this phase is to have a functional web application that works on a single virtual machine in a virtual network that you create. By the end of this phase, you will have a POC to demonstrate hosting the application on the AWS Cloud. You can then build upon your work in later phases.
Task 1: Creating a virtual network
Create a virtual network to host the web application.
Tip: Create networking resources such as a virtual private cloud (VPC) and subnets.
Reference
AWS Academy Cloud Architecting – Lab: Creating a Virtual Private Cloud
Task 2: Creating a virtual machine
Create a virtual machine in the cloud to host the web application.
To install the required web application and database on the virtual machine, use the JavaScript code from the following link: SolutionCodePOC
Tips:
Use a compute service such as Amazon Elastic Compute Cloud (Amazon EC2).
Use the latest Ubuntu Amazon Machine Image (AMI).
Task 3: Testing the deployment
Test the deployment of the web application to ensure it is accessible from the internet and functional. Perform a few tasks, such as viewing, adding, deleting, or modifying records.
Tip: To access the web application, use the IPv4 address of the virtual machine.

You will turn in your FIGMA links and FIGMA files.
For each of the following:
Navigation tree
Phone view of the website
Tablet view of the website
Desktop view of the website.
Create a color scheme for you site. Select effective fonts.
You are building a website for a restaurant. The only information you are given is the type of food that is being served.  Based on the food you will create the following items to use in your design.
A name for the restaurant (
Palace of Arabian Knights)
Using a logo creator, a logo for the restaurant
This food is main menu item of the restaurant, there are other items on the menu, but you must focus the food you select.
Your restaurant website must include the following items
Opening page highlighting online ordering, must include photos of food.
A menu created by using ChatGPTLinks to an external site.
A logo created by using an online logo maker of your choice
At least on image created by using DALL-ELinks to an external site. image creator or another AI image creator of your choice, make it something abstract if you can
a process for online ordering, this will be a survey form type ordering system, with multiple screens. Make sure you gather information about the user. This will also have a Thank you page after ordering
There will be a registration page that will allow the user to get a coupon for 50% off their first order, this is separate from the online ordering process.
A process to allow users to schedule a pick-up or a reservation to eat at the restaurant.
You are creating a working prototype of the complete responsive website, which means you will have a working prototype for the phone, tablet and desktop. You may use any stock images, you need. Make sure you create a list of these in a word doc of where you downloaded the images from.
Below is a list of the types of food you can choose from. 
Type of Food 
fish
hamburger 
salad
spaghetti
vegetables other than potatoes 
shrimp
chicken wings
chicken
steak
ribs
lamb