Section 1: Web Development

Section 1 Assessments

Create Your Own Server

  1. Download and install Wamp 2[1] or find a current Mac or Linux equivalent for your operating system.
  2. Follow the installation instructions for your system to complete the installation.
  3. Select the option, if available, to use an alternate port like :8080 if required by your campus network policy.
  4. Test your installation by navigating to http://127.0.0.1:8080 (remove :8080 if you skipped step 3). You should see an image like the one below.
  5. Click on the phpinfo and phpmyadmin links to ensure PHP and MySQL are operational.
  6. Save this page using your browser’s File->Save As option and create an office document.
  7. Check the document to ensure it is readable and submit it as proof of your working server.
  8. Extra credit: Download, install, and configure Apache, MySQL and PHP separately then configure them to work together. You will need instructions for the versions you download that are appropriate for your operating system, and you will need to create a php configuration page (see Chapter 26) as the page you save to demonstrate everything works.

http://budstechshed.com/wp-content/uploads/2010/02/wamp8.png

Site Map

Draft a site map that meets the description provided below. Show the hierarchy and relationships between pages starting with the index page at the top. Create a digital copy of your site map using a word editor or visual editing program like a mind mapping application or Visio. Be sure to save your document in a format that is widely supported and has a high enough resolution to be legible, like jpg, html, or pdf. Unless you are sure the parties who will receive these types of documents are using the same program you are, you should avoid proprietary file types.

“I would like my site to be fairly simple. We are opening a new and used store specializing in sports and exercise equipment, so I imagine our visitors will want to know where we are, what our hours are, and what we have on hand. They might also have questions on our trade-in policy and warranty, and I would like them to easily see how much money they could save by buying equipment from us.”

Note to the Professor: For a group-based approach to assignments, use this as a starting point to select which site that team of two or more will begin to create, or hold a vote/select a number of projects and create larger project groups to address this site throughout the semester. To build upon the material, these assignments can continue to focus and build on previous work. In teams of two, both students would experience the entire process from the view of the client as well as all aspects of development, by continuing to build their counterpart’s site.

Site Wireframe

Design two or three basic layouts for your site, or the alternative example described in the Site Map assignment, including a front page and typical content page for each. Include depictions of where certain pieces of content are expected to be located with their approximate size. Keep in mind a wireframe is about content elements and location, not specific style, color, or actual content.

Include a brief description of which layout you would recommend of the three and why. Create your wireframe digitally using a word processor or visual editor as described under Site Proposal.

Storyboarding

Create a storyboard of a possible user experience your site. You might follow the process of signing in, creating an account, searching for a product, or navigating to a particular piece of content. Find an example that involves at least 4 steps. Create a mockup for each step that includes color and fake content, describing on each panel what action the user will follow to move to the next step.

Create your storyboard frames in a visual editor, saving them as images, and including them in a document editor so you can add your notes under each image.

Discussion / Written Response

  1. Compare three web hosting packages. Highlight the differences between their offerings in terms of cost, features, and resiliency. Declare which one you would select and why.
  2. Find a current article on net neutrality that discusses a proposed law, regulation, or agreement between governing entities. Defend the proposal or discuss why it is not in the best interest of consumers.
  3. Describe three different approaches to developing sites in teams. Include pros and cons of each method and detail when they are best suited for use.
  4. Describe the difference between APIs, frameworks, and templates.
  5. Find and describe an example of the Internet of Things in use today.
  6. Compare and contrast Windows, Mac, and Linux based operating systems.

Questions

  1. Which IP address convention uses both numbers and letters?
    1. IPV4
    2. IPV6
  2. Which of the following is not in the OSI 7 layer framework?
    1. Application
    2. Network
    3. Migration
    4. Data Link
  3. What name has the acronym PHP not represented over time?
    1. Hypertext Pre-Processer
    2. Personal Home Page
    3. Pre-HTML Processing
  4. Which of the following is true?
    1. Open source software is always free in cost
    2. Users can edit the source code at their pleasure
    3. Users can change and sell their version of the product
  5. Is open source software always free?
    1. Yes
    2. No
  6. Which of these is not a benefit of virtualization?
    1. Reduced hardware footprint
    2. Reduced operating costs
    3. Increased speeds when using systems
  7. Which of these best describes cloud computing?
    1. Using servers that are in orbit
    2. Hosting services on virtualized, internet connected hardware
    3. Sharing a file online
  8. The predecessor of the internet was
    1. CompuServe
    2. Arpanet
    3. DARPA
    4. Al Gore
  9. Cloud computing is
    1. Shared services available online
    2. Portable jump drives
    3. Outsourcing
    4. Portable servers
  10. Which of these is not available as a service?
    1. Software
    2. Operating systems
    3. Hardware
    4. None of the above
  11. Web warfare has already emerged as a tactic in conflicts between nations.
    1. True
    2. False
  12. Botnets are
    1. Local networks
    2. Groups of compromised computers
    3. Viruses
    4. All of the above
  13. Which of the following is not part of a standard WAMP server?
    1. HTTP server
    2. Scripting engine
    3. Database
    4. FTP
  14. Linux is a(n)
    1. Operating system
    2. HTTP server
    3. Server
    4. All of the above
  15. MySQL is a(n)
    1. HTTP server
    2. Database
    3. Server
    4. None of the above
  16. PHP is a(n)
    1. Web server
    2. Scripting language
    3. Operating system
    4. Database
  17. Open source is always
    1. Free to be modified
    2. Free in cost
    3. Shareable
    4. All of the above
  18. Apache is a:
    1. Web server
    2. Scripting language
    3. Database
    4. None of the above
  19. FTP stands for _____________.
    1. File Transfer Protocol
    2. Files To Push
    3. File Transmission Pipe
  20. HTTP stands for ____________.
    1. Hyper Text Translation Program
    2. Hyper Text Transfer Protocol
    3. Hyper Transfer Text Program
  21. The SQL part of MySQL stands for __________.
    1. Super Question Language
    2. Structured Question Language
    3. Structured Query Language
  22. An IPV4 address is made up of __ blocks of numbers.
    1. 3
    2. 4
    3. 5
    4. 6
  23. An IPV6 address uses both letters and numbers.
    1. True
    2. False
  24. URL stands for _______.
    1. Universal Resource Locator
    2. Unordered Resource Location
    3. Unsorted Relational Language

  1. http://www.wampserver.com/en/

License

Icon for the Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License

The Missing Link Copyright © 2014 by Michael Mendez is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License, except where otherwise noted.