CORDE Mobile Application: Revolutionizing Field Operations
CORDE, a leader in essential service management, faced challenges in user adoption of their Workbench tool due to interface issues and connectivity problems in remote locations. To address these challenges, a project was initiated to develop a mobile application enabling efficient offline data collection for field maintenance tasks. This innovative solution aims to streamline operations for Parks and Reserves Operations Maintenance and District Road and Drainage Maintenance, enhancing productivity and data accuracy in the field.
Project Background and Challenges

1

Existing System
CORDE's Workbench tool processed over 119,000 service logs in the past year, demonstrating its critical role in operations.

2

User Adoption Challenges
Field workers faced difficulties with limited internet access, slow system performance, and complex interfaces, leading to reduced productivity and data inaccuracies.

3

Proposed Solution
An offline data collection mobile application was proposed to enhance field efficiency and overcome connectivity issues.

Workbench User Interface

Workbench User Interface

Project Team and Objectives
Team Composition
  • Barry Clark: Project leader and technical director
  • Kullum Ladley: Write requirements documentation and perform functional testing
  • Chan Meng: Full responsibility for UI/UX design, front-end development and database design
  • Luke Shi: Back-end development
  • Clara Zheng: Initial prototype design
Project Objective
Develop a user-friendly mobile application for CORDE enabling efficient offline data collection for field maintenance tasks, with a focus on intuitive interface design and robust offline data management.
Key Requirements
User-friendly interface, offline data management, comprehensive documentation, and well-organized version control were identified as critical success criteria for the project.
UI/UX Design Evolution

1

Initial Design and Evolution
Based on the first UI design draft, significant revisions have been made to meet user feedback and align with the CORDE brand requirements.

2

Integration and Technology
The UI design is deeply integrated with our technology stack, ensuring seamless operation and consistency across platforms.
CORDE Logo Style Guide

PDF file

Logos{3} CORDE Logo Style Guide Print (ID 78684).pdf

484.9 KB

UI library Selection

UI library Selection

UI/UX Design Evolution

version 1.0.0

version 1.0.0

version 2.0.0

version 2.0.0

version 2.1.0

version 2.1.0

version 3.0.0

version 3.0.0

version 3.1.0

version 3.1.0

Database Iteration

Mermaid Diagram

Mermaid Diagram

Entity Relationship Diagram

Entity Relationship Diagram

Development Methodology and Technologies
Agile Development
The project adopted an Agile approach with weekly sprint meetings and continuous feedback integration.
React Native
Core frontend development utilized React Native for cross-platform compatibility.
SQLite
SQLite was implemented for robust offline data storage and management.
Version Control
GitHub was used for code repository management and collaboration.

Code Contributions

Code Contributions Throughout the project, I maintained the highest contribution rate in both code and documentation repositories, with over 60% of code contributions and nearly 98% of documentation work.

System Architecture and Design
Modular Architecture
The system architecture separated functionalities into independent screens and components, focusing on offline data storage, map integration, and advanced filtering systems.
Database Evolution
The database structure evolved from 9 tables in v1.0.0 to 18 tables in v11.0.0, enhancing user management, log capabilities, and asset tracking.
UI/UX Design Principles
The design process was guided by principles of consistent theming, user-centric navigation, responsive design, and accessibility considerations.
Performance Optimization
Techniques like memo and useCallback were utilized for optimized re-renders and improved app performance.
Key Features and Implementations

1

Offline Functionality
Implemented sophisticated local storage using SQLite for seamless offline data management.

2

Dynamic Form Handling
Created a flexible system for handling various data entry forms adaptable to different field tasks.

3

Synchronization
Developed efficient data synchronization mechanisms for updating central servers when connectivity is restored.

4

Error Handling
Implemented robust error handling and user feedback systems to enhance app reliability.
Testing and Validation

1

Functional Testing
Rigorous testing of offline capabilities, synchronization processes, and data integrity was conducted to ensure reliable field performance.

2

Performance Optimization
The application underwent extensive performance testing to guarantee responsiveness and efficiency in various field conditions.

3

User Acceptance Testing
CORDE employees participated in user acceptance testing, providing valuable feedback for iterative improvements.

4

Continuous Improvement
The development process incorporated continuous feedback loops, allowing for rapid adjustments and enhancements based on real-world usage.
Project Outcomes and Deliverables
Personal Growth and Learning
Agile Methodology
Gained practical experience in Agile development practices and sprint management.
Technical Skills
Enhanced expertise in React Native, database design, and UI/UX principles for mobile applications.
Collaboration
Developed strong cross-functional collaboration skills working with diverse team members.
Problem-Solving
Improved ability to tackle complex technical challenges and find innovative solutions.
Future Development and Conclusions
Strengths
The CORDE Mobile Application successfully delivered robust offline functionality, user-centric design, and efficient synchronization, providing a solid foundation for enhanced field operations.
Areas for Improvement
Future development could focus on iOS compatibility, advanced offline mapping, and continuous performance optimization to further enhance the application's capabilities.
Future Suggestions
Potential enhancements include cross-platform development, integration of IoT devices, and incorporation of machine learning for predictive maintenance, positioning CORDE at the forefront of field service management technology.
Made with Gamma