This is the login page for wholesale customers. A complete user system was created.

The greeting page for users displays current news which can be set by an admin.

Here is a example of part of the main order page, where many options are available.

This is a user’s view of their placed order. Owner’s overview of order list. Orders can be tracked after being placed.

No direct payment system was included, but preset options allow for easier billing.

The database was quite large, but here is a partial diagram of some of the tables.

A list of available products that allows for viewing, editing, or adding in the control panel.

A form that allows modification of the database by admin through a user-friendly interface.

Introduction

Final Product

Software Life Cycle

Web Development: A Complete SystemConsylman, Ryan; Van Hine, Joshua; Wright, Brian;

Lutz, Beth; Zoppetti, Heather; Zoppetti, Gary M.*

Department of Computer Science, Millersville University, Millersville, PA, 17551

Developmental Skills

Initial Goal: Students sought to gain an understanding of all aspects of web development, from the front-end interface to the

relational database behind a dynamic website.

Practical Application: A local small business, the Alpaca Yarn Company (AYC), needed an online ordering system for their

wholesale customers.

Outcome: The students assessed AYC’s needs and developed the desired system, and attained the web development skills they

sought.

Language Purpose Example

HTML(Hypertext Markup Language)

Used to specify the page content

CSS(Cascading Style Sheets)

Used to style the content (e.g., colors, borders, sizes)

JavaScript/jQuery Allows the webpage to be interactive (e.g., alerts, showing/hiding information)

PHP(Hypertext Preprocessor)

Allows the page to have dynamic content (e.g., displaying a user’s info)

SQL(Structured Query Language)

Used to access information stored in a database (e.g., user or product info)

Phase 1 Aug 2012 Phase 2 Sep 2012 Phase 3 Dec 2012 Phase 4 Mar 2013 Phase 5 Apr 2013

Phase 1: Requirements: Met with client to discuss ideas and receive guidance.

Phase 2: Design: Created graphical layouts using Cacao. Created database concept diagram.

Phase 3: Implementation: Began development using NetBeans on an Arch Linux system running Apache.

Phase 4: Verification: Incrementally tested functionality and continued development. Cross-platform testing.

Phase 5: Maintenance: Documented system. Live release and bug-fixing.