1. The STEM Academy Data Solution
Progress Report
Shannon Ernst, Kyle Nichols, Javier Franco
Group 48
CS 461 Fall 2016 1 1

2. Problem
STEM Academy is a self funded organization that relies on donations and other funding that requires results based on data on STEM Academy
Data is collected through surveys that are given to students that attend the program
Surveys are administered on paper and tabulated by hand by volunteers
Inefficient method for collecting data for obtain more funding
STEM Academy needs:
System for electronically distributing surveys and being able to print them
Database for storing all of their survey information
Report generation for viewing most recent data in a meaningful way 2 2

3. Solution Overview Web app for
Survey Generation and Distribution: STEM Academy will now be able to create digital surveys
Database: store and own all data
Report Generation: STEM Academy will now be able to query their data quickly and generate printable reports
Alternatives
Qualtrics
Survey Monkey 3 3

4. Solution Survey Generation
Requirements
Create and edit surveys
Add, delete, reorder questions in survey
Three question types
Text Entry
Matrix (Likert Scale)
Multiple Choice (Both single and many answer)
Preview, save and distribute survey 4 4

5. Potential View and Flow of Survey Generation
Survey Title Textbox
Question Area
Text
Matrix
Multi-Single
Multi-Many
Question Text
Answer Choice 1
Add Answer
Save
Add Question
Save
Preview
Distribute

6. Survey Generation Details
Surevy JSON
Question JSON {
survey_id: random alphanumeric unique id
title: alphanumeric string
questions: [array of questions represented by JSON] } {
question_id: random alphanumeric unique id
qtext: alphanumeric string
type: string representing question string
answers: [array of answers represented as strings] } 6 6

7. Solution Database Management7 7

8. Organization of the Database
Three core tables and supporting tables.
The Survey table describes survey title and program.
The Question table describes the question text.
The Responder table describes the personal information of survey takers. Has Student and Parent specializations.
The Contains table describes the many-to-many relationship of Surveys and Questions.
The Response table describes the many-to-many relationship between Responders and Questions. Three specializations save answers: Multiple_Choice, Matrix, and Text. 8 8

9. Relational Schema 9

10. Creation and Location of Database
Each table created using SQL CREATE TABLE command.
AUTO_INCREMENT to generate unique keys.
Where database will be stored and accessed still unknown.
Central Services has been contacted. 10 10

11. Interaction with Database
Survey generation will interact by sending JSON strings. These will be parsed to create the necessary SQL queries.
Similarly, report generation will provide information for a SQL query and result of query will be sent back.
Both will use mysqli objects in PHP. 11 11

12. Solution Report Generation
Program X
Add
First Name X
Add
Submit
Print
Title
Caption
Query Result X
Caption
Query Result X
Save 12

13. Report Generation Interaction
Search Form
Input text boxes will be used for each input field
Each input field will have an “x” delete button on the right
Each search criteria for the form will have a name and an add button for adding additional fields for their query
By default the search form will have one input field for each search criteria
Submit button for submitting query
Text input boxes will be used for query results, caption, and title 13

14. Report Generation Interaction Continued
Report Form
Edited reports will display the query results in the report form
New reports will have an empty report by default
Each query results will have a caption above it and a delete button on the right side
Report form will contain a centered title at the top
There will be a save button for the report at the bottom right
Print button on the top right hand side of the report 14

15. Difficulties Encountered
Difficult finding tools and examples for creating a search form for querying information.
These two links gave me the idea for the search form and got me familiar with AngularJS:
(Adding/removing form fields)
(Basic search form example)
12/3/16 15

16. Tools for Creating Report Generation
AngularJS, HTML, and PHP
Printing a Report
Two CSS style sheets will be used for printing only the report form
Href=“javascript:window.print()” will be added to a print button to display print dialogue box
Saving Query Results
Create two tables for saving a reports and queries
PHP SELECT and INSERT statements will be used to retrieve and save 16

17. JSON Objects for Generating Report Form
JSON report object: {
id: unique identifier
title: name of report
queries: array of query objects }
JSON query object: {
id: unique identifier
caption: description of query
result: result of query }
12/3/16 17

18. Summary of Progress
We have designed our solution but have not started implementation.
Implementation dependent on STEM Academy's accessible services for database. 18 18

19. Future Plans
Verify that if the client decides on using Qualtrics to solve their problem we will need to start coming up with a new idea to solve along with a solution. Hopefully this does not happen.
Code prototyping for user interface webpages
Improving our design document
We will be making sure that our design solutions our correct and if they are not we will come up with new design solutions, so that our projects development goes smoothly.
We will verify that there is no missing components to our design to prevent our development from hitting a stand still. 19 19