For the final project I completed the QU Campus map. The site utilizes PHP and CSS to pull in content and layout the site. The menus utilize CSS and PHP is used to pull in the images and code the label (or legend) section below the images. Google Maps API also integrates allowing users to view and zoom the campus. The site is best viewed using internet explorer, there are formatting issues for the CSS of the menus for those using Mozilla. Also did anyone notice that the official QU map is missing #34? They may want to consider addressing this... Anyhow have a great summer!

This is a good resourse created by a google programmer that details API creation and techniques..

This site uses the google maps API to pinpoint the location of a restaurant. The most diffult task in creating this was trying to get the API to properly connect to the server. Once the key was properly loaded, the remaining functions seemed to work well.

This page points out the importance of sketching out a wbsite for design and programming purposes. In doing this it saves the programmer time and frustration in comparison with programming on the fly.

Its interesting that javascript is fading off the design of html pages, yet it is becoming a key tool for flash programming...maybe javascript was just misplaced in the early development of the web.

I was bel to find this really helpful site that provides detailed help on different web programming languages, code snipits, and tutorials. Of all the sites out there, I think this one has been the most helpful - easy to use and easy to understand. I wish I had found this sooner! Languages: ASP, PHP, Javascript, HTML, SQL

After some trials and tribulations I was able to get the form validation script to work with my recipe comments page. This page verifys that the user has entered their full name - no names less than 5 characters or greater than 25 characters, and that the email address is properly formatted. Not only does it let the user know that there are errors, but it also highlights the fields in yellow where the errors exist.

This is my rendering of the comment submit section. Everything seems to be submitting correctly, however, i just can't seem to get the database to populate. I reviewed the videos mutiple times with no answer. I thought it may be the 'localhost' issue, but bluehost.com does not give any of the options that we saw on 'nfs'...after about 7 hours of troubleshooting and every possible configuration... if anyone has ideas i would love to hear them....other than that, the site works flawlessly. Hope you enjoy.

This is my rendition of the ESP cards with random card generation. This one had taken me a while because I wasn't quite getting the concept of how the url were being passed. After re-watching the videos, I was able to grasp the concept better. I had originally thought that i could have the php function on a switch and then have a hidden input variable passed to the url...turn out i was over-thinking it....rather than give away the answer, just see for yourself!

When setting up my database, I have been banging my head against the wall trying to figure out which data types to use for each item. I began by checking the MySQL homepage, but in the end I found myself getting more and more confused - they seemed to get tooo wordy and involved in the definition of the data type. I found this site to be much more helpful in describing the different data types - it gets right to the point and clearly explains with examples, what each data type does.

This method of drawing out the program steps is one of the best solutions for creating a program. My flow charts are usually not this complicated, but I have found them to be very helpful in creating the solution. It helps determine the switched ans loops required to complete the task - I typically will detail what type of loop i need between steps (where the arrows go). Doing one of these charts actually helped me solve the Fibonacci challenge

Generally, I tend to bookmark sites for reference and code help. This time I decided to bookmark more as an FYI. This blog gives readers an idea of how PHP is used on some of the web's most popular sites. Some of the statistics regarding lines of code for flickr are incredible.

This is my rendering of the fibonacci sequence. I must admit that i had done this previously using javascript (when I was an undergrad, 4+yrs ago) and I would not let myself 'cheat' by researching other web sites. After sketching out the functionality and few tries I was able to get it, but I did have some difficulty with the formatting, for whatever reason, I could not get the '\n' to work, instead, i decided to echo a
tag.

This is my visualization of the dice php file. I decided to use images of dice that I created using Adobe Illustrator. This document also utilized some CSS to format the page and javascript to help create the roll again button. The php uses the switch function to display the corresponding image to the number that is generated.

This bookmark is a combination of 2-d and 2-f: it is my restyled recipe and horizontal menu for the CSS portion of the course. At first, I was a little hesitant / confused about learning the CSS formatting. Once I got used to the concept of the css formatting I found myself wiring code with ease. There was many back and forth between typing and viewing in the browser, but I got the hang of it. The one issue I had was with browser compatibility - the margin: auto; code did not render well in IE7, but had not bugs in firefox. The most difficult potion of the menu was hiding the attributes that the browser assumes should be included with a bulleted list and links hence why a css style sheet comes in handy.

The site seems to be the most helpful css site out there. IF anyone has used the site 'flashkit' its a very similar concept. The site provides tutorials, reference libraries, website samples, and a multitude of css help. I recommend checking it out for any css questions you may have.

I found that the "margin: auto;" tag does not work in IE7. I looked for a work around, but it appears that inline styles may be the only way. Thanks Microsoft. :-)

I found this really great site that details browser compatibility with CSS tags. It doesn't depict all css tags (prob. because they all don't have bugs), but details the bugs and compatibility that are known. What is nice is that it lays them out in a tabular format and includes many browsers (including the iPhone).

For this class and all my web hosting experiences, I have only used Bluehost.com web hosting services. They make it so simple and easy to host your sites - multiple sites are really easy to host ( a folder file system). You can upload to the server using FTP or a secure web disk if using a mac. Sites are then hosted on 2 platforms - public or private. Thus allowing for secure areas for additional site functionality. What is also great about this service is that I have a file server wherever I go - no longer do I need to worry about carting a flash drive or disk with me everywhere, all I need is my computer. They are 100% reliable, was easy to transfer my domains to them and host all my pages. Definitely recommend it.

Ok I know what you are thinking...why is he bookmarking a flash reference site - flash in a web programming class? Well I decided it was important to bookmark the ActionScript reference page because the structure of ActionScript 3 is similar to javascript used in many webpages. No, you don't need javascript to create a webpage, but adding it can allow for additional site functionality. It is also important to know the potential of integrating flash into a website and allowing for variables to be passed form the webpage and communicated to the flash movie.