Blue Team

Sprint 2

US11 - Implement HTML5 semantic elements to templates

Description:

As a developer, I want to implement the latest HTML coding techniques on my website to utilize the advantages they provide across multiple browsers. Many of these tags also assist with accessibility on the web such as the use of screen readers and it is important to cater to all users of the web.

Acceptance Criteria:

Client review of JavaStop website.

Tasks:

  • Add nav tags to navigational elements in header and footer - 30min. - Melissa
  • Add article tags around Blog content - 30min. - Melissa

Notes:

HTML5 Code Example and URL to implementation example of HTML5 article tags on blog page
Implemented Example - Blog
Code Example - HTML5

US12 - Implement CSS3 elements to a page

Description:

As a developer, I want to utilize the latest CSS syntax to take advantage of the attributes provided to ensure a visually appealing site.

Acceptance Criteria:

Client review of site visual implementation matches prototype and style guide.

Tasks:

  • Add css classes and attributes to LESS file - 2hrs - Melissa

Notes:

CSS3 Code Example and URL to implementation example of CSS3
Implemented Example - Master Page
Code Example - CSS3

US13 - Implement LESS to templates

Description:

As a developer, I want to provide reusable CSS to provide a consistent implementation across the JavaStop website. LESS is utilized to display all styling on the JavaStop website.

Acceptance Criteria:

Client will review site implementation to ensure consistency.

Tasks:

  • Implement less.js - 30min. - Melissa
  • Create .less CSS file - 30min. - Melissa
  • Create mixins, parametric mixins, variables, classes attributes in the .less CSS file to apply styles to page elements - 2hrs. - Melissa

Notes:

LESS Code Example and URL to implementation example of LESS
Implemented Example - Master Page
Code Example - Less

US14 - Create Responsive web design using framework

Description:

As a developer, I want to use responsive web design to ease the need for complex development and encourage reusability and consistency of code throughtout JavaStop's website.

Acceptance Criteria:

Client review for consistency and appropriate functionality.

Tasks:

  • Download Foundation 4 - 30min. - Melissa
  • Implement Top Navigation Bar in User Control for Master Page with Foundation 4 - 2hrs - Melissa

Notes:

RWD Code Example and URL to implementation example of RWD
Implemented Example - Home
Code Example - RDW

US15 - Provide Data Definition Language (DDL) and Data Manipulation Lanaguage (DML) queries

Description:

As a developer, I want to be able to recreate my database and tables quickly, easily, and consistently so I utilize DDL and DML scripts to ensure the process can be replicated.

Acceptance Criteria:

Client review to ensure actual database matches that of the ERD Diagrame and review of content that will be loaded into the database.

Tasks:

  • Create DDL script to create Database Tables - 2hrs. - Kirk
  • Create DML script to populate Database Tables - 2hrs. - Kirk

Notes:

DDL and DML scripts
DDL Script
DML Script

US16 - Provide an Entity Relationship Diagram (ERD)

Description:

As a designer, I want to diagram the database that will be designed for the JavaStop website before it is built to ensure that all data elements are captured appropriately.

Acceptance Criteria:

Client review and approval of database structure prior to development.

Tasks:

  • Create one ERD diagram for the Java Stop Database - 3hrs - Kirk

Notes:

One ERD Diagram
ERD Diagram

US17 - Implement Data Validation for form fields

Description:

As a developer, I want to make sure that the end user is entering the data in a fashion that I am expecting so that it can be written to the database without error.

Acceptance Criteria:

Client review that proper validationa and requirement has been applied to fields.

Tasks:

  • Add required field validation to Inquiry Form fields with .NET - 30min. - Melissa
  • Add formatting field validation to Inquiry Form fields with .NET - 30min. - Melissa

Notes:

Validation Code Example and URL to implementation example of required and properly formatted field Validation on the inquiry form form
Implemented Example - Inquiry Form
Code Example - Field Validation

US18 - Implement HTML5 tage for video and audio file to page

Description:

As a developer, I want to utilize the latest HTML syntax to easily implement video files.

Acceptance Criteria:

Client review of video implementation to ensure the video is displaying as expected.

Tasks:

  • Add video to Newest Brew Page - 30min. - Melissa

Notes:

HTML5 Video Code Example and URL to implementation example of HTML5 Video Tag
Implemented Example - Newest Brew
Code Example - HTML5 Video

US19 - Implement JQuery functionality to page

Description:

As a developer, I want to to reuse JQuery code that has been written as plugins to implement a picture Carousel on the home page.

Acceptance Criteria:

Client review of coursel implementation to ensure it meets site needs.

Tasks:

  • Download CarouFredSel - 1hr. - Melissa
  • Implement JQuery plugin on Home Page to display pictures - 2hrs. - Melissa

Notes:

JQuery Code Example and URL to implementation example of JQuery
Implemented Example - Home
Code Example - JQuery Carousel

US20 - Retrieve Dynamic Content from Database

Description:

As a developer, I do not want to hard code as little information on the JavaStop website as possible. Retrieving dynamic content from the database will allow end users to easily manage data without the need for a developer.

Acceptance Criteria:

Client validation that the data displayed on the website matches the data loaded in the database.

Tasks:

  • Create database - 1hr. - Melissa
  • Connect to database - 30min. - Melissa
  • Populate Business Type drop down on the Inquiry form with data from the JavaStop database - 30min. - Melissa
  • Populate Inquiry Type drop down on the Inquiry form with data from the JavaStop database - 30min. - Melissa

Notes:

Dynamic content retrieval Code Example and URL to implementation example of dynamic content populating business type and inquiry type drop downs of the inquiry form.
Implemented Example - Inquiry Form
Code Example - Dynamic Content

Contributions of Members

Sheldon Jones

Provide site content, Provide database data to load, Provide site images

Melissa McElroy

Load content to team site, Write User Stories, Database creation, US11, US12, US13, US14, US17, US18, US19, US20

Jessica Niksa

Provide site images, Provide video, Blog content, Newest Brew content, and Merchandise content

Kirk Ockerman

US15, US16, Provide site images