SNAP JOBS

Detailed Design
March 18th, 2014




GROUP 12
Ehigie Edokpayi
Bhidya Gurung
Sonal Kavaiya
Olamide Olaniran
Jimmy Quach
Tim Sharp





Contact Information
Project Manager: Ehigie Edokpayi exe130130@utdallas.edu




Index

1. Introduction
1.1 Business Value
1.2 Design Goals
2. Architecture
3. Detailed Design
3.1 App Pages
3.2 Software Program
3.3 Data Model

Introduction

Business Value: To create an online and mobile marketplace that connects users with skills
and with instances where those skills are in demand.


Design Goals
The goal of this app we are going to create is to first satisfy UTD student body with a day labor
application. This will be an application that students who are unemployed can use their skills and
abilities to complete posted jobs on the application. The jobs will be small or large and it should
be open to anyone in the UTD campus.
We want to potentially use this app the same way Craigslist uses their job section only more
focused to a non-committal day labor format. Our goal is to brand this app as a way for small
companies or individuals to bring piece work or ideas and the users to flesh those out into the
finish products. This would be good for aspiring writers or programmers. It will be available to
people with access to a computer as well as a mobile computing device with Wi-Fi.
This could keep other young adults with skills afloat in this economy where the skilled jobs are
scarce, and those are the jobs we are training for. We want to help put money in other peoples
pockets, yet our main objective is to get providers for those jobs. This could potentially grow our
skill levels in the UTD schools and make employers aware of the talent amongst the students
here.


Architecture












Database
Server
Data
(Global Database)

Application
Server
App Webb app
Other Web App
Web
Server
Css Images
Pages
Internet
Browser
Global Storage
for files of the
activity
End user
Device
Fink plays
application
(HTML5/ Js)
Local Storage
for jobs

End-user local
database


We will implement three-tier architecture using SQL as our data server tier. The application will
be serviced through the application tier and the client can access the application from the client
tier.
Dat a Ser ver
Administ r at ion
Vendor Session
Cust omer Session
Applicat ion Ser ver Tier
client
Dat a Ser ver Tier
client
...
Client Tier

Detailed Design



SNAP JOBS HOMEPAGE












This is the screen you see on the homepage of the app. This screen is the introduction
and sign up of phase of the app. In this stage, the user can sign up for an account. If the
user already has one, they can also login.










Snap Jobs Login Page














If the user presses Login, this will be the set up screen.


Snap Jobs Signup Page



















Username
Password
Username
E-mail
Password
Re-type Password
Complete Signup

If the user presses sign up, this will be shown.




After login this is the next stage to be bought up. Here, the users will have five options.
User Profile will let the user set up their profile and how they will be viewed by other
users.
Post jobs will allow the user to post jobs.
Search job will allow the user to search for jobs.
Settings will allow the user to change the profile settings or the page settings.




















This gives a description of the design goal for this app.

































Profile
First Name
About me
Last Name
View Profile
Specialize in.. Looking for


Profile






































Update Profile
Leo Keith
My name is Leo Keith. I am currently a sophomore
majoring in mathematics. Im currently in pursuit for a
career as an Actuary. If you ever need math assistance
Im your man.
User Feedback
Users rating
Currently tutoring in math.
Contact now!
Back to menu
Not looking for anything at
the moment.


Browse Jobs


Each tab will be similar to this picture depending on the categories.








Tutoring
Grocery
shopping
Miscellaneous
Need a Math Tutor
Need help in Calculus II
Need a Sciene tutor
Need help in Biology


Post Jobs






Job Description
Amount paid
Job Name Date issue
Category
Need by
Need a math tutor for Calculus II
$15 an hour
Math tutor
needed
02/03/2014
Tutor/Math
02/03/2014-
2/08/2014
Software programs

PhpStorm IDE will be used for all coding activities. The testing of the files will be done
by uploading all application files to the htdocs folder which will be the testing
environment.
The testing environment also consists of MySQL. MySQL is the database that is locally
installed and can be managed by phpMyAdmin.
After the application is tested thoroughly and successfully it will be uploaded to the
cloud and ready for end user. Red Hat Open Shift Cloud is the deployment Environment
for this project. Git repository will be used to clone the tested application. To facilitate
the data transaction between the XAMPP and cloud a software tool called Git Bash is
used.

Programming languages to be used: HTML5, CSS3, JavaScript, PHP, .html/.PHP/.js
files will be created to provide the interaction with the user.

Welcome.PHP - This file will be main page of the mobile web app. The goal of this file
will be to allow the user to sign up or log in. This mobile web page will have menu in
footer which will be tabs for Home page, Post task and Search.
All files will be made using
HTML 5 and CSS3,
A scripting code that will handle incompatibility issues
Using JavaScript library JQuery with Content Delivery Network
HTML forms will be used for signing up and to post jobs
Login will secured by scripting in PHP

Index.PHP - This file will contain all the code for pages developed. The multipage files
will be linked together.














Data Model
In the following we list the attributes of each of the tables, their primary keys (underlined) and the foreign
keys (if any)
Cares Relation
Job ID
Service Type
Time
Date
Location

Jobs
Category ID
Virtual Jobs
Skilled Jobs
Deliveries
Maintenance

Employer
Employer Name
Social Security Number
Address
Telephone Number

Student User
Unique UTD ID
Student Name
Phone Number
Address