Week 2 - CIS-363B Course Project

Milestone Two: 
Conceptual 
Web Diagram

 This week we were tasked with creating a conceptual website diagram of the course project that we started the previous week. This sounded quite easy at first but in reality requires quite a bit of consideration from a design standpoint. Simply putting sloppily named pages in boxes in Microsoft Visio doesn't cut it anymore. 

 First, our assignment meant naming our pages by the ISO standard naming conventions. I had to google this to figure out what these standards entailed. Basically, these file names are what the user sees in the Search bar of their web browsers when the code is running. The conventions are: file names of 34 characters or less, all lower-case, words separated by hyphens, and ends with a period. 

 Then I had to think about how I wanted my users to navigate through the site. Since I am creating a fashion e-zine, I want a home page with a table of contents. This should link to any page the user desires. Additionally, in keeping with the flow of reading a physical magazine, I want my users to be able to flip to the next page. This will also require a link set up within each page. I haven't decided yet what this link will say. Should it state, "Next Page >" or "Turn Page" or just have an arrow icon? In real life it would just be a page number so maybe just a page number at the top of the page with an arrow icon next to it. I could then make a tooltip to appear when a user hovers over the arrow to state, "Turn the page." This will take some more thinking about how I want to code it and how I want the webpages to appear. Whatever I choose, I think I need to keep it consistent between pages so the user can get used to its navigation options. 

 Here is my finished diagram: 

Stay tuned for more as I work to complete new milestones of this project!



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

CIS-363B- Week 5 Lab

Image
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...
Read more