Checkpoint Assignment 3

06 May 2021

Kimberly's Checkpoint Assignment 3 Screencast:

Show what each page will look like. The pages do not have to be “functional” but the design should clear.

Describe your design for your site’s shopping cart. That is, will it be a separate page that the user can view and edit, or will it be integrated into the product pages? If so, describe in detail how this will work on your site. Provide several examples of using the cart.

My shopping cart will be my invoice.html. On each products page, after selecting quantities, the user can click add to cart for those products. The selected products with their quantities will be accessible in the shopping cart (invoice.html). On all of my pages, there will be a navbar. In the navbar, there will be an area for the user to click and they will be redirected to the shopping cart (invoice.html). Once they view the shopping cart, the user will be able view and edit the items in their shopping cart. When they’re on the shopping cart page they can also go back to any of the product pages using the nav bar or they can complete their purchase by clicking the “Complete purchase” button.

Explain specifically how you will use sessions to manage your shopping cart. In particular, what shopping cart data will be stored in the session, what data format will be used (NOT what data type, but the format like with the data format used for your registration data). Use code examples showing what data structures (such as arrays and their objects) you will use to manage the shopping cart data and how they will be used in a session.

I will use sessions to manage the quantity data that the user inputs and save it via the session. Within the session, there are a few things that I will make it store such as: the product type which relates to what page of products they were on and which array of products using the product key, the index of the product selected will also be stored on the session so I know which product they selected, and also the product quantity that the user requested. Then, my shopping cart page will request the information that was stored on the session.

How will you avoid access to your application when the user has not logged in or registered? What are the particular security concerns you must address?

I have not yet gotten to this step; however, I plan to have the user be able to view their shopping cart without having to login or register; however, when they click the “complete purchase” button on the shopping cart page (invoice.html), there will be an alert saying they must login or register before completing their order. To do so, I plan to use cookies. When they log in or register, I will give them a cookie. If they try to complete their order, I will request that cookie, and if they have it I will send them to complete their purchase, but if they do not have that cookie, I will redirect them to the login page and send an alert saying they must login before completing their purchase. Some possible security concerns I must address is that if I save the user data in a cookie, the user might be able to access and change certain data information in the user data, so I have to be aware of what is stored and accessible on the cookie.

Upon a successful login, how do you provide personalization in your UI? Explain how you did or will do this (paste code if necessary)

After a user successfully logs in, I will have my application greet and thank the user by name for their purchase. Then, I will also include a part which states that the invoice will be sent to that specific user’s email. To do this, I will use cookies. When they login or register, I will give them a cookie which stores their name and email on it. Then, when they try to complete that purchase, I will request that cookie and retrieve their name and email information so I can display that.

If you are working with partners, how will you split up the work in your team so that you are working in parallel as effectively as possible? That is, who is doing what and when?

I am working on assignment 3 by myself.

How are you approaching Assignment 3 differently than Assignment 2?

I am approaching Assignment 3 differently by taking more time to think about what I would like to do before I do anything else. I think trying to figure out what I wanted to do along the way took a lot more time for assignment 2 because I wasn’t exactly sure what I wanted my application to do. However, now I am spending the time to thoroughly think about what I want to do then how it will work before I even get started with trying to add code. Once I fully (or mostly) know what I want, then I’ll start thinking about how to do that and then I will add the code for that.