Dispute Management System

Mobile/Desktop Application

Proposal
Proposed for:
PMU Maintenance Helpdesk System
www.pmu.edu.sa
Submitted to
Mr. Abdulaziz Mohammed AbdulSaleem
Proposed By: Code Flow Tech
ITD/MIS Team, www.codeflowtech.com
Prince Mohammad Bin Fahd University
Mob: +966 506692266
Email: asaleem@pmu.edu.sa
Project Overview

Design and Development of Mobile App and Desktop Application to create, track
and manage PMU’s Tenants’ Maintenance Dispute Requests (Tickets). The Apps
will be made available to download from respective App stores.

Project
Platforms Language Versions Support
Android version 4.4 and PIE
Android Java, xml, JSON
9.0
IOS Swift, JSON IOS version 9.0 to 12.0

PHP7.0, Framework
CodeIgniter,
Web Admin Dashboard MySQL5.7, Oracle11g, Mozilla, Chrome, Safari
HTML, JSON,
Bootstrap, CSS
Platforms
User Interface English
Services Performed By Code Flow Tech LLP.
Services Performed For Prince Mohammad Bin Fahd University (PMU), Dammam
CFT Point of Contact: Naveen K, Mob: +91-9910861434

Task Cost Timeframe

Mobile App iOS

Project Cost &

Mobile App Android
Timeframe USD 6700$ 8 Weeks
Website Interface for
Users
Testing
Web Admin Dashboard
About us

We at Code Flow Tech LLP bring together creative ideas, technical expertise, digital experiences,
amazing designs and engaging content to help businesses grow. We are combining creativity
and technology with human emotions to create the experience and solutions that attract
attention, generate significant conversations and gain fans. That’s why we invent, design and
build experiences that are delightful, engaging and adds value to our clients' businesses.

Team CFT is a combination of highly experienced and diversified designers, developers, content
creators and strategic thinkers that has allowed us to create and deliver the best solutions for
our customers.

Project Objectives

The objective of the new project “PMU Dispute Management System” is to develop updated
and interactive value-added services in the project. And this is accomplished with the help of
academic and non-academic department of PMU by using information and communication
technologies to improve connections in the community and nearby areas.

CFT seeks to update the design, layout and structure of the Application to improve the content
and ultimately the organization in broader picture. So, that the users can get to the desired
pages easily without facing any issues. We’ll design and develop the app in such a way that
users can get to the desired section easily and obtain the required content or the information.

The team CFT is a complete package of highly qualified professionals to create a complete and
comprehensive Mobile Applications. Our experts will be using existing graphic material and text
to create app and will make the recommendations in order to improve the presentation. The
app will have the unique design, user friendly and easy to navigate, which is the most important
aspect. Design and app sections will be created accordingly. Mobile UIs, App sections and
concepts will be created according to the requirement of the client. All the amendments will
be implemented once we receive the confirmation from your end.

The team will propose Mobile App solution that would help the project to:
Scope of work:

Student Faculty
Student Login, Remember Password, Faculty Login, Remember Password, Edit Profile,
Edit Profile, Change Password, Logout Change Password, Logout
Student Dashboard Faculty Dashboard
Create Dispute: 1. Academic Dispute Create Dispute: 1. Academic Dispute 2. General
2. General Dispute Dispute
Academic Dispute: Create Dispute,
Academic Dispute: Create Dispute, Edit Dispute,
Edit Dispute, Archive Dispute, Action
Archive Dispute, Action on Dispute
on Dispute
Create Dispute: Date, time, college, Create Dispute: Date, time, Student, Student
department, Course, Summery (125 PMU ID, Witness / Evidence, Immediate action
Character) taken, Summery (125 Character)
Edit Dispute: Date, time, Student, Student PMU
Edit Dispute: Date, time, college,
ID, Witness / Evidence, Immediate action taken,
department, Course, Summery (Edit
Summery (125 Character) (Edit only before final
only before final submit)
submit)
Archive Dispute: After final submitting Archive Dispute: After final submitting by the
by the student (Satisfied, Not Satisfied) student (Satisfied, Not Satisfied)
Action on Dispute: Option available
Action on Dispute: Option available after action
after action taken by the department
taken by the department head.
head.
General Dispute: Create Dispute, Edit
General Dispute: Create Dispute, Edit Dispute,
Dispute, Archive Dispute, Action on
Archive Dispute, Action on Dispute
Dispute
Create Dispute: Date, time, Area,
Create Dispute: Date, time, Area, Category, sub-
Category, sub-category, type of
category, type of incident, people affected,
incident, people affected, witness of
witness of the dispute.
the dispute.
Edit Dispute: Date, time, college,
Edit Dispute: Date, time, college, department,
department, Course, Summery (Edit
Course, Summery (Edit only before final submit)
only before final submit)
Archive Dispute: After final submitting Archive Dispute: After final submitting by the
by the student (Satisfied, Not Satisfied) student (Satisfied, Not Satisfied)
Action on Dispute: Option available
Action on Dispute: Option available after action
after action taken by the department
taken by the department head.
head.
About App, FAQ's, Feedback, About App, FAQ's, Feedback,

Staff Web based (CMS)

General Dispute: Create Dispute, Edit
Administrator Login, Dashboard, Remember
Dispute, Archive Dispute, Action on
Password, Logout
Dispute
Create Dispute: Date, time, Area,
Category, sub-category, type of
Role Management (Add, Edit, Delete Roles)
incident, people affected, witness of
the dispute.
Edit Dispute: Date, time, college,
User Management (Add, Edit, Active, Inactive
department, Course, Summery (Edit
users)
only before final submit)
Archive Dispute: After final submitting
College Management (Add, Edit, Active, Inactive)
by the student (Satisfied, Not Satisfied)
Action on Dispute: Option available
Department Management (Add, Edit, Active,
after action taken by the department
Inactive)
head.
About App, FAQ's, Feedback, Course Management (Add, Edit, Active, Inactive)

Area Management (Add, Edit, Active, Inactive)

Category Management (Add, Edit, Active,
Inactive)
Sub Category Management (Add, Edit, Active,
Inactive)
Incident Management (Add, Edit, Active, Inactive)

Severity Management (Add, Edit, Active, Inactive)

Result Incident Management (Add, Edit, Active,
Inactive)
Chance of event to reoccur (Add, Edit, Active,
Inactive)
Reports: Filter via Date, Department, Date (From
Date - To Date), Status, Result, etc.
Workflow
Assumptions
User interactions have evolved so rapidly during the last few years that designers can barely
keep up—making it tempt to use interaction design techniques from other media (or even
legacy app design) when we build mobile applications. Thus, we develop a user-friendly
Mobile Application. Application will help end users in resolving disputes.

The recommended technology for the application will be Android and iOS, Backend in PHP and
Database in Oracle 11g (MySQL - Optional).

Category for the application should be provided.

a. Wireframe for the application needs to be finalized.

b. User interface design needs to be finalized, before integration and coding.

c. In case of any additional changes other than the below mentioned points will be add-
ons to the project and will be charged on per hour rate.

d. In order to keep the project on track, Development Team expects timely feedback on
intermediate deliverables.

e. Provide the developer with access to all the relevant materials such as graphics, logos
or photographs that can be used in the design process.

Mobile Application Process and Timeline

Our top priority is your satisfaction. Therefore, all we do is to assure you a seamless and
transparent Mobile Application design. Depending upon the scope of work, development may
take 30-45 working days approx. As we make all the heavy lift, your inputs are important with
in the process.

Before any work begins, we will establish expectations. Our top-most priority is meeting the
Client “PMU” deadlines with a Mobile Application development you are proud to call your own.
Development Process

Our team will take care of the following such as research, planning, design, development and
execution. By following this strategy, the devised process will give successful outcome. The
process starts from level 0 or phase 0. App development’s team goal is to define features in a
concrete manner, determine the integration specifics and prioritize features so that ranking
can be increased worldwide.

Phase I
 Strategic Analysis and Planning
 Information Architecture
 Wireframes
 Technical System Design

Phase II
 Stage 1 – Mobile UI
 Stage 2 – Development Phase
 Stage 3 - Implementation Phase
 Stage 4 – Testing and Beta Phase
 Stage 5 - Launch
 Stage 6 - Post Launch Support and Maintenance

In the sections below, we discuss the different portions of this process.

Strategic Analysis and Planning

First, we connect with the client and analyse the requirement of the new application and plan
the next steps. This phase includes:
 Updating the requirements.

 Reorganizing existing process and identifying, workflow.

 Creating the blue protype of the application.

Project Governance and Project Team Structure

Project Resource management is to effectively use right type of resource for right time during
a project execution to produce expected deliverables.” In order to achieve strategic business
goals and financial goals, it is desired to maximize the return on investment in resources.
Especially with people, because human resources are significant cost element in any project.
All projects need people resources with some specific set of skills to accomplish project tasks.

Project resource manager is responsible to divide right skills for right project tasks at right
time.

Usually, a project manager and resource manager have specific responsibility to carry out any
project. Project manager is responsible to plan and execute the project. Resource manager
manages between resource demand and supply. He evaluates the resource requirement for a
project and assign appropriate resources to project tasks. He or she also manages resource
utilization to maximize its productivity. They also analyse necessary metrics related to
resource assignment and capacity planning. Below figure 1, well describes the roles of these
two.
Roles and Responsibilities

Role Title Frequency Format/Channel Notes

Project Major High-Level Prefers to see Final Approvals files
Manager Milestones Timeline/Budget/Progress only
Updates via email
Technical Weekly Weekly-check in meeting, emails Final Approval on milestones,
Lead cc
Strategic Direction if needed
Design Lead Weekly Weekly-check in meeting, emails Final Approval on milestones,
cc

Strategic Direction if needed

Android Weekly Weekly-check in meeting, emails Go to contact for needs, questions,

Lead as needed deliverables, etc,

pulls in others as needed

IOS Lead Weekly Weekly-check in meeting, Go to contact for needs, questions,

emails as needed deliverables, etc,
pulls in others as needed
Wireframes
To make the process fast we believe in early feedback by doing wireframes. Thus, we focus on
producing neat and clean wireframes that are quick to build so we can keep our audience
focused on the functional specifications.

Our goal is to make the necessary documentation to make a project functionally accurate in the
annotated wireframes we produce.

One benefit of this wire-framing process is that it helps prevent going down the wrong path
and requiring expensive rework late in the process. The process also creates a detailed
blueprint of how the system should behave to guide our programmers.

Technical System Design

The functional requirement while technical system designing phase of the project are
synthesized. The app development team uses appropriate technologies, so that it can be
implemented for design and developing a perfect application for your business. The app will be
designed taking into consideration of future, to help you in growing your business.

UI/UX Designing Phase

This phase or stage comes into play when the information architecture, wireframes and
technical system designs are finalized. The app development team creates the graphical
interface which is going to reflect the standard of CFT. Our team develops multiple concepts
for the app development. Multiple rounds of revision are done to create the most effective,
unique and powerful designs. The design created by us emphasizes on usability, but also
provides attractive presences in the area of app development.

Our team understands that mobile phones are ruling the entire industry, so the app must be
crafted or developed in such a way that it looks easy to the users for easy navigation. We
understand how the colour, font and layout is important for you, so we thrive to excel in this
zone.
 Objective Description Timeline (Up to one week)

Understand requirements
Design overview meeting create user Personas Define use Up to one-two days
cases.
Analyse Competitors Research
Research Latest UX trends keep an eye on Up to two days
guideline
Gather ideas Draw Sketches and
1-2 Mock-ups for PMU Mobile
wireframes evaluation and re- Up to two-three days
Application Front Page.
draw
Share Design to the client and Design images create prototype
Up to two-three days
for review and comments define UX guideline
Finalizing the Design for PMU Implement Functionality build
Up to two-three days
Ticket Management Application. experience
Perform Usability testing create
Work for the other flows, mock-
audit reports, Identify Up to one week
up and designs
improvements

Development Phase
Once we are all on the same page, the build begins. This part includes:
 New Mobile application design.

 Admin Panel creation

 CMS configuration

 Migrating existing content to Mobile Apps

Developed
Deliverable Goals Approved By
By
Complete System – includes Deliver system that meets the Development Agency CIO
all code – modules, business need and all Team
components, and libraries – requirements
kept in the production Deploy system to production
version of the data environment
repository.
System Documentation – Provide all documentation Development Agency CIO
includes all technical necessary to effectively Team
documentation delivered operate and maintain the
during the project (e.g. the system
SDD and the User Guide).
Implementation Notice – Formally request approval for Development Agency CIO
formally requests approval system implementation Team Project Sponsor
for system changes made
during the Implementation
Phase.
Readiness Document – Provide information necessary Development Agency CIO
consolidates summary to make the go/no-go decision Team
information regarding the Consolidate status information
current status of the system regarding the effective
and the project and provides completion of the project and
decision makers with the achievement of project
information necessary to objectives and SDLC
make a “Go/No Go” requirements
decision. It should include a Affirm achievement of all
checklist listing all work deliverable acceptance criteria
products, User Acceptance
Test (UAT) results, other
indicators of success
measures and deliverable
acceptance.
Version Description Allow for tracking and control Development Agency CIO
Document – primary of software releases to the Team
configuration control operational environment
document used to track, and Document features and
control versions of software content in software builds
released to the operational Identify the version of the
environment. It also software being delivered
summarizes features and
contents for the software
build and identifies and
describes the version of
software delivered.
Post-Implementation Review Summarize assessment of Project Agency CIO
Report – summarizes the implementation activities Manager Project Sponsor
assessment of Evaluate the effectiveness of Project Manager
Implementation activities at the system development after Development Team
the end of the the system has been in
Implementation Phase. production
Determine if the system does
what it was designed to do
Standard Operating Provide detailed instructions Development Agency CIO
Procedures (SOP) (Optional) for future business processes Team
– defines in detail how the Ensure consistent execution of
Systems Team will perform business processes
the business processes Drive performance
related to the operations and improvement and improve
maintenance of the organizational results
system. Whereas the User
Guide is focused on the use
of the system specifically,
the SOP addresses all related
business processes.
Testing and Beta Phase

Now that the nuts and bolts of your Mobile Application have been created, it’s time to see it
in action. This phase includes:
 Code and Apps testing

 Analytics setup, through Google or others, to capture App user data

 Putting the App to work to see how it handles video, images, text, and then making
necessary adjustments

Entry Criteria Activities Deliverable

Requirements Documents Define Objective & scope of
(Updated version of unclear the project.
or missing requirement). Test Plan or Test strategy document.
Automation feasibility List down the testing types
report. involved in the STLC. Testing Effort estimation document.
Test effort estimation and
resource planning.
Selection of testing tool if
required.
Define the testing process
overview.
Define the test environment
required for entire project.
Prepare the test schedules.
Define the control
procedures.
Determining roles and
responsibilities.
List down the testing
deliverable.
Define the entry criteria,
suspension criteria,
resumption criteria and exit
criteria.
Define the risk involved if any.
Launch Phase

We’re almost there. This is the most exciting moment of the Mobile Application design for the
client. This phase includes:

Launch Phase Descriptions Deliverable

1. Confirm Important Launch and Pre-Launch

Dates
2. Acquire and Set-up New/Existing Tech
Platforms
Phase 1: Launch Prep 3. Organize Launch Docs and Set Up Admin
Backend
4. Confirm Client Policies and Procedures
5. Recruit and Train Launch Team
6. Setup Digital Properties and Domains

1. Write/Publish Pre-Launch Content

2. Design Pre-Launch Content
3. Setup, Test and Schedule Pre-Launch
Phase 2: Pre-Launch Content
4. Schedule Social Media Content Test Design
5. Setup Facebook Ads Document
6. Engage Test plan
document
1. Setup and Test All Sales and Checkout
Pages
2. Write Live-Launch Content
3. Design Live-Launch Graphics
Phase 3: Live Launch 4. Setup, Test and Schedule Sales Conversion
Email Sequence
5. Schedule Social Media Content
6. Setup Facebook Ads
7. Engage
8. Monitor, Check-in and Adjust

1. Setup Redirects
Phase 4: Post Launch 2. Send A Survey
3. Evaluate
4.Celebrate
Post Launch Support and Maintenance
App development team works with the client to provide ongoing support. Our team is available
in the working hours to make any kind of functional changes, structural or layout changes,
design changes and even the content changes as well.

Here are a few areas that might change after your app’s release and thus, will need
maintenance.

Objective Description

Every year, both Android and iOS release new operating systems and
Operating system
you need to make sure your app is up to date on the newest versions.
At this point, most mobile apps use third party libraries and
dependencies that can change quickly.
Libraries
Your app will be broken unless you update your libraries or find a new
way to store app data when these expire
Programming Apps will have to be updated based on changes to different
language programming languages (such as Objective C to Swift or Java to HTML5).
The long your app is in the hands of users, the more your app will
mature.
Usage patterns
Occasionally you will need to update the UI to meet these new needs of
your customers
Just like usage patterns, your styles and designs need to change with the
times.
Styles and designs
If you haven’t thought of this in a while, it probably means you are due
for an update
Any time the infrastructure on which your app is hosted changes,
you will need to update your app.
Infrastructure
This most commonly happens when switching from self-hosting to a larger
hosting platform.
Bugs and security holes can pop up at any time.
Security Make sure that your programming team has the right measures in place to
catch and fix problems as they arise.
Time Line:
Timeline (In
Design Days) Approx
Planning for New Apps Design 1
Meeting for design and workflow requirements 2
1-2 Mock-ups for PMU Mobile Application Front Page. 2
Design other pages 5
Web based (CMS)
Administrator Login, Dashboard, Remember Password, Logout 1
Role Management 2
User Management 2
College Management 1
Department Management 1
Course Management 1
Area Management 1
Category Management 1
Sub Category Management 1
Incident Management 1
Severity Management 1
Result Incident Management 1
Chance of event to reoccur 1
Reports: Filter via Date, Department, Date (From Date - To Date), Status, Result, etc. 1
API Development
Api Developents 5
Validating and documentation 2
Android/IOS Development
Design Implementation 7
Validating UX/UI Design 5
API integration 5
Validating Wireframe Process 5
Testing
Application Review 1
Functional Testing (Regression, Integration, Smoke Testing) 3
Test Header, Navigation, Forms, Functionality, Links Footer 2
Review Mobile Application Settings 2
Usability Testing 1
Your Investment
Sr. No Type Costing (USD)

1 PSD Design for The Mobile Applications $1400

2 Design Integration on Android and IOS $1400

3 Admin Panel (Not Responsive) $1400

4 Web API integration on Android and IOS $1500

5 Testing $500

6 Server Migration $200

Total: $6400 (inclusive taxes)

Total Cost for the Mobile Application design and Development from Scratch + 3 months’
support will be: USD: 6100

Working Hours:
We work Monday to Friday from 9:30 - 6:30 (Indian standard time). During our working hours,
you can reach out to us via skype or email. And in case you require any other clearance about
our services or any sought of assistance, our representatives can assist you in the same.

Reasons to choose us
With a strong foothold in the fast-growing IT sector, Code Flow Tech LLP is a reliable and the
most trusted name that offers complete technical and creative solutions for all your IT needs.
 We assess every requirement of our clients individually and deliver powerful digital
solutions through a blend of strategy, content, design and technology.
 Our dynamic approach to working ensures that every client we work with receives services
customized to them as we appreciate every client is different.
 We create and develop useful, beautiful, user-centric and engaging responsive designs to
delight the customers with best user-experience. At Code Flow Tech LLP, we firmly believe
that through creating perfect web designs you can achieve the great success rate for any
digital product.

Our strength lies in the very hands of our people at Code Flow Tech LLP and in the following
areas:

Team Portfolio:
A perfect blend of experienced and young dynamic freshers, we offer you an innovative band
of people from TOP notch institutes of India like IIT, NIT, IIM etc. Even with diverse talents, they
all work as a single unit to deliver you the best results for your brand.

Return on Investment:
Being conversant in our segment, we offer our clients with best products and services at very
affordable price compared to the market, so that your investment gives you the desired
marketing outcomes.

Resourceful:
From UI/UX Designing to Website Designing and Mobile UI, Corporate Branding to Digital
Marketing, Artificial Intelligence, Internet of Things, etc. we cumulate our experience and
technologies to enhance the brand value and create valuable audience. We take a deep dive
into various digital advances and leverage these technologies to build winning products.
Privacy:
CFT understand what your brand means to you and we appreciate the efforts put in by you for
your brand enhancement. Hence, we ensure that your leads stay safe with us. Being a reliable
and trusted brand, CFT promises to keep your data confidential.

Working Environment @ CFT

We are CFTians, a bunch of curious cats, who are always ready for the ‘next big thing’. We
have built our reputation by defending the story, delivering excellence, and treating our
clients with love - you know, how human beings enjoy being treated. From ways to make a
digital impression to life-changing advice, we have words of wisdom.

 You’ll never hear the term 'employee’ at Code Flow Tech LLP. We add people who are
collaborative by their very nature, and are cooperative, supportive, loyal and jointly-
accountable.
 CFTians always value relationships and appreciate that different perspectives that lead to
the best solutions. We are bunch of open-minded people and always look for ways to
benefit the entire group.
 The collaborative environment at Code Flow Tech LLP, extends beyond the office walls to
clients and media partners. The priority is to deliver the best product, consistently for all.
 We value talent more than anything and encourage their skills and work with our expertise
in the communities where they live.
 Every single person of Team CFT is versed in his domain. We CFTians, work collectively
towards a common goal of serving you with the best returns on investment and building
loyalty across every touchpoint.
 Code Flow Tech LLP is a dynamic network that care for its every single person, gender
diversity that’s reflective of our core values. Open to men and women, CFT actively engages
its people in learning and networking events focused on career development, discussion
forums and a companywide conversation that celebrates diverse perspectives and
leadership styles.
 CFT culture inhabits diversity and we, as a part of this culture, challenge every member of our group
to help us create a community that fosters openness, love, inclusiveness and understanding.

Progress and Reporting:

 Work Reporting: we shall report work progress at every Month.

 Contract period will be for 6 months.

 Payment should be made based on milestones.

Payment option:
 Payment mode will be online Bank Transfer (NEFT / RTGS) on Account of “Code Flow
Tech LLP”