[DMP 2024]: Doptor organogram builder

[a2i-dpg]

Ticket Contents

Description

Organogram Builder is the process of information and communication technology (ICT) for delivering government services. Organogram Builder facilitates the process of create government office-related organogram with office name in bangla, office name in english, office id, office ministry name, office custom layer, office unit name, officer unit organogram, office designation. Also this platform use to create government employee using mandatory information such as employee name in bangla, employee name in english, employee date of birth, employee NID, employee blood group, employee gender, employee phone number , employee alternative phone number, employee email address, employee fathers name in bangla, employee fathers name in english, employee mothers name in bangla, employee mothers name in english, employee joining date, employee batch id , employee cadre id , employee non cadre id , employee designation. By using this platform, admin can assign the employee to his office designation. A dedicated office admin created for each office. Office admin will create the unit admin, office head, office unit head for maintain the organograms. Every admin, employe can login this application with his ID/password. Overall, Organogram Builder provides a comprehensive solution for creating organograms and managing government employees efficiently.

New Development Scope :

1. Develop an intuitive interface for users to create, modify, and customize the organizational chart based on their requirements.
2. Integrate the organogram builder with user profiles to accurately map employees to their designated positions within the organizational structure.

Goals & Mid-Point Milestone

Goals

• Streamlining Organogram Creation: The primary goal is to simplify and streamline the process of creating organograms for - offices. This involves providing a user-friendly interface where administrators can easily input office names, ministry names, custom layers, unit names, and designations in both Bangla and English.

• Efficient Employee Management: Another goal is to facilitate efficient management of government employees. The application aims to centralize employee information, including personal details, contact information, employment history, and designations, making it easier for administrators to assign employees to their respective positions within the office organogram.

• Enhancing Administrative Hierarchy: The application aims to establish a clear administrative hierarchy within government offices. This includes assigning dedicated office admins responsible for user management, as well as defining roles for office heads, unit heads, and other personnel involved in maintaining organograms and managing employees.

• Milestones for Organogram Builder:

• Efficient Organogram Creation
  Milestone: Develop a user-friendly interface for creating organograms with essential features such as office name input (in both Bangla and English), ministry name selection, and designation assignment.

• Streamlined Employee Management
  Milestone: Design a comprehensive employee profile form with mandatory fields for employee information, including personal details, contact information, and employment history.

• User Authentication and Access Control
  Milestone: Develop a secure login system for admins, office heads, unit heads, and employees with unique ID/password credentials.

• Testing and Refinement
  Milestone: Conduct testing with a small group of users to gather feedback and identify bugs.

Setup/Installation

Installations guidelines:

    - Clone your project
    - Go to the folder application using cd command on your cmd or terminal
    - Run composer install on your cmd or terminal
    - Copy .env.example file to .env on the root folder. You can type copy .env.example .env if using command prompt Windows or cp .env.example .env if using terminal, Ubuntu
    - Open your .env file and change the database name (DB_DATABASE) to whatever you have, username (DB_USERNAME) and password (DB_PASSWORD) field correspond to your configuration.

Expected Outcome

Expected Outcome

Make the product as Plug and Playable , more interactable and user friendly

Acceptance Criteria

Better Ui/Ux and easy integration feature with any system

Implementation Details

The project will be developed using Laravel framework. Specific tasks include:
- Creating a template registry for drag and drop functionality.
- Enhancing UI/UX design.
- Making the system interactable or converting it into a package.
- Integrating digital signature for approver and applicant.

Mockups/Wireframes

N/A

Product Name

Doptor - Organogram Builder

Organisation Name

a2i

Domain

Open Source Library

Tech Skills Needed

HTML, Laravel, Test, UI/UX/Design, Other

Mentor(s)

a2i , mahmud , Farhad ,nahin , sanaullah

Category

API, Backend, Testing, Other

[adtsrv]

Hello @a2i-dpg
I am interested in contributing to this project and extremely eager to improve my technical skills and learn new things.
Let me how can I proceed with this project and how can I start contributing.
Skills: UI/UX designing, HTML, CSS, JavaScript, Technical Writing.

[jaymehta002]

Assign me this

[dipakja]

Hey, @a2i-dpg, I would like to contribute to this repo as I do have experience with the technologies required in the project stack, such as PHP, CSS, JS, MYSQL AND UI design.

[a2i-dpg]

Hello @a2i-dpg I am interested in contributing to this project and extremely eager to improve my technical skills and learn new things. Let me how can I proceed with this project and how can I start contributing. Skills: UI/UX designing, HTML, CSS, JavaScript, Technical Writing.

Can you please specify on your vision and target on the features updates ? Please also mention the features you would like to work on.

[a2i-dpg]

Hey, @a2i-dpg, I would like to contribute to this repo as I do have experience with the technologies required in the project stack, such as PHP, CSS, JS, MYSQL AND UI design.

Can you please specify on your vision and target on the features updates ? Please also mention the features you would like to work on.

[a2i-dpg]

Assign me this

Can you please specify on your vision and target on the features updates ? Please also mention the features you would like to work on.

[tihom4537]

Greetings @a2i-dpg
This project really catches my interest and I want to work on it. I have been through the codebase and got started with the project. Although I have to set the database properly.

I would like to work on two features :
1.Integrating digital signature for approver and applicant.

VISION for the feature is as follows:

(i) Digital Signature Generation for both applicant and Approver:
Applicant: When an applicant submits a document to approver , they will have the option to digitally sign it using their private key. This signature ensures the document's authenticity and confirms the applicant's approval or consent.
Approver: Similarly, when an approver reviews the document and provides their approval, they can digitally sign it using their private key. This signature signifies the approver's authorization and adds an additional layer of security to the document.

(ii) Intuitive and User friendly interface:
Will Design a user-friendly interface that guides applicants and approvers through the digital signing process. Provide clear instructions and visual clues to ensure smooth navigation.

(iii)Mechanism/Workflow:
we can go with Asymmetric encryption because of following advantages :
-Secure Key Exchange
-Authentication

(iv) library to be used :
we can go with phpseclib library because of the following reason :
-It is easy to integrate into Laravel projects.
-Provides a user-friendly interface for performing asymmetric encryption .

2.Creating a template registry for drag and drop functionality
Drag and drop Functionality is fun to work. I will provide a detailed vision once I am done with my research.

So please, guide me @a2i-dpg for further steps .

[AbhimanyuSamagra]

Do not ask process related questions about how to apply and who to contact in the above ticket. The only questions allowed are about technical aspects of the project itself. If you want help with the process, you can refer instructions listed on Unstop and any further queries can be taken up on our Discord channel titled DMP queries. Here's a Video Tutorial on how to submit a proposal for a project.

[tihom4537]

thankyou@ AbhimanyuSamagra
I am having an issue with databases migration . I think not all the required tables are defined in migration files or the sql file?

[a2i-dpg]

thankyou@ AbhimanyuSamagra I am having an issue with databases migration . I think not all the required tables are defined in migration files or the sql file?

Dear tihom4537 , Doptor organogram builder already has other workflow process already built in separate microservices. you can find the opendata for doptor at : https://app.digitalpublicgoods.net/a/10782 .
Currently we are only focusing on the UI/UX improvement on the organogram builder.

[HimanshuKumarSah]

Hello @a2i-dpg , I would like to contribute to this project. I have experience with UI/UX, HTML & CSS.
The software I use is Figma for designing layouts and mappings of different projects.

[amamisha59]

hello @a2i-dpg,
I am amisha, 3rd year student of computer science and information technology. As an individual interested in UI designing and learning UX designing, I aim to contribute to the frontend development of Doptor. Leveraging my experience with HTML, JavaScript, and ongoing learning in React, I will collaborate with the team to enhance the UI/UX based on the provided requirements. Additionally, I am keen on contributing to the testing efforts by providing feedback and identifying bugs during the refinement phase.
looking forward to be one of the contributor to this project.

[amamisha59]

I propose to focus on UI design for the login and home pages of the Organogram Builder project. For the login page, I'll create a clean and intuitive layout with responsive design and branding elements. For managers' home pages, I'll design a dashboard layout for easy access to organograms and employee management tools. For employees, I'll create a user-friendly page with quick access to profiles and organizational information. Iterative design will ensure usability and alignment with project goals.

[utkarsh4321]

Weekly Goals

Week 1

• task 1 Clarify requirements.
• task 2 Code setup.
• task 3 Created Mockup for different pages.
• task 4 Code Setup of CSS and sass.

Week 2

• task 1 Configured global colour and theme.
• task 2 Making navbar for both mobile and desktop view.
• task 3 Setup Google translator.
• task 4 Login Page for desktop view.

Week 3

• task 1 Login Page for mobile and tablet view
• task 2 Signup Page for Desktop View
• task 3 Signup Page for Mobile and tablet view
• task 4 Integrate signup and login page with the backend controller

Week 4

• task 1 Perform Testing for login and signup page

[Durgesh4993]

Weekly Learning

Week 1:

• Learning 1 : Set Up of Repository
• Learning 2 : Understand project requirements.
  - PHP (version 7.4 or higher)
  - MySql (version 5.6 or higher)
  - Composer
  - Laravel
  - SASS
• Learning 3 : Set up the development environment:
  - Clone the project repository.
  - Configure the .env file.
  - Run composer install.
• Learning 4 : Navigate to the project folder using the cd command in the terminal.

Week 2:

• Learning 1 : Run composer install to install necessary dependencies.
• Learning 2 : Set up the .env file with appropriate database configurations.
• Learning 3 : Study Laravel basics and its architecture.
• Learning 4 : Learn about the tools and libraries that will be used in the project (e.g., Laravel Blade, Eloquent ORM).
• Learning 5 : Development environment is set up and configured.

Week 3:

• Learning 1 : Implement the user-friendly interface for creating organograms.
• Learning 2 : Create wireframes or mockups for the organogram creation interface using tools like Canva and Figma.
• Learning 3 : Create initial UI wireframes for organogram creation.
• Learning 4 : Design and implement a comprehensive form for employee profiles, including mandatory fields such as personal details, contact information, and employment history.
• Learning 5 : Understand the goals, scope, and expected outcomes of the Organogram Builder.

Week 4:

• Learning 1 : xampp documentation , solving the bug of xampp MySQL shutting down again and again , read about working of ports and port mapping
• Learning 2 : Learn basic SASS
• Learning 3 : Explore SASS documentation and tutorials.
• Learning 4 : Learned about Google Translation API
• Learning 5 : Integrate frontend with backend to store organogram data.