CIS-363B- Week 5 Lab

This week's lab involved using HTML forms. HTML forms are a superb way to interact with the user of your website. The lab required us to build a website check out page that displayed items the user bought, the total and then gathered valuable information to complete the purchase. I used a table to show the items the user purchased seen below: 

I put thumbnails within my table to show the user the item they were purchasing, the description, the cost of the item and the quantity. Then at the bottom of the table I tallied up the grand total. 



At the bottom of the page is where my HTML form begins.
It is here that the form collects important user information like their name, address, shipping options, and payment information. The form has quite a bit of validation to ensure the user not only enters the required values but that they enter it correctly. I used place holders and tool tips to inform the user of the required format. 
I also used drop-down lists for the country option and the credit card type values. I used radio buttons so the user can click either pickup or ship. Radio buttons are great because the user can only select one option, not both. I did this by creating a radio button group. The phone number and credit card values are required to be in a specific format and the tool tip will tell the user this as well. 

 Upon clicking submit, the user will get either validation error messages over the field with the error. Or if the data is valid, the user will be guided to another page that states "Thank you for your order!" 

 Tune in for more posts next week!

Comments

Post a Comment

Popular posts from this blog

Understanding Binary Notation vs. Decimal Notation

Course: NETW202 - Introduction to Networking It’s important to understand the difference between a binary number system and a decimal number system because IPv4 addresses are made up of 32-bits. Bits are written in binary but are converted into decimal notation for easier readability (Academy, C.N., 2017). No one wants to read a bunch of 0’s and 1’s. The decimal system is a sequence of 10 digits ranging from 0 to 9. Because the decimal system is made up of a sequence of 10 numbers, its base is 10. This is important because the base number becomes your radix, or the number upon which you apply an exponent to get the positional value. The position in the decimal number sequence becomes the exponent which you use to identify the result – the positional value. As stated in several earlier posts, binary is made up of the numbers 0 and 1. Because it is only made up of 2 numbers, its base is 2. So 2 is your radix. A bit has 8 digits of 0’s or 1’s, so the sequence position ranges f...
Read more

CIS-355A Java Course Project

Image
Java, java, java. What a fun and versatile language. I've spent the past 7 weeks learning it in my Java Application course taught by Professor Rick Bird. While I'm admittedly no expert, I do believe I have the basics down.  For our course project, we were required to create an Order Application for a Flooring Company. The user requirements summarized are:            1. Must have 3 tabs.           2. Must select flooring type: wood or carpet           3. User must enter length and width of their room.           4. Must calculate cost and the room area.           5. Must obtain customer information.           6. Must create two lists: Order Summary and Order List           7. Must connect to a table in a database. As I'm sure you can ascertain this project was not easy and involved a lo...
Read more