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.