Chapter 3: System Design
3.1 System Design
System Design is the process wherein various elements of a larger system are designed this includes the
various modules and components, as well as the encompassing architecture.
It also involves designing how these elements interact with the system, such as the different interfaces
required, and how data is processed. This includes making technological choices to meet a variety of factors,
such as viability, potential risks to be aware of, and even how long such technology will last before it is
outdated.
3.2 Module Division
Module design is a crucial aspect of software project management, enabling the development of complex
systems by breaking them down into smaller, independent, and interchangeable modules. This approach
helps manage software complexity, facilitates scalability, and improves maintainability.
Following are the modules and the pages of our ai resume builder :
Home / Landing Page
• Overview: Provides a brief introduction to the AI resume builder, explaining its
features and bene ts.
Sign Up / Login Page
• User Registra on:
◦ Op on to sign up using email and password or social accounts (e.g., Google, LinkedIn).
◦ Email veri ca on or social login integra on.
• Login:
◦ Simple login form with "Forgot Password?" and social login bu ons.
Dashboard / User Pro le Page
• User Overview: A personalized dashboard that shows the user’s current resume status (e.g., dra ,
completed).
• Resume History: List of saved resumes, dra s, and previous versions with an op on to create a new
resume.
• User Informa on: Displays pro le details such as name, contact info, and career preferences.
• Subscrip on Status: For premium users, display subscrip on type, renewal dates, and upgrade
op ons.
ti
ti
ti
fi
ti
ti
ti
fi
fi
fi
ti
ft
ti
tt
ti
ft
Resume Builder Wizard (Step-by-Step Creation Process)
This is the core functionality, typically broken into multiple steps for ease of use.
a. Personal Information Page
• User Input: Fields for name, contact details (phone, email), LinkedIn pro le, website/portfolio, etc.
• Customizable Headings: Users can choose to display or hide certain details.
b. Job Preferences Page (Optional)
• Target Job Title: Input the desired job title or industry.
• Location Preferences: Add location preferences for remote or on-site jobs.
• Job Description Input: Option to paste a job description to tailor the resume accordingly.
c. Experience Page
• Job History: Users input previous roles, companies, dates of employment, and responsibilities.
• AI-Suggested Job Descriptions: The AI offers role-based content suggestions to populate the
experience section.
• Achievements: AI encourages users to add quanti able results (e.g., "Increased sales by 20%").
• Customization: Option to manually adjust AI-generated content.
• Add Another Job: Button to add additional job experience elds.
d. Skills Page
• Add Skills: Users can add both hard and soft skills.
• AI-Suggested Skills: Based on the job history and title, the AI suggests relevant skills to include.
• Skill Categories: Options to group skills (technical, interpersonal, language, tools, etc.).
e. Education Page
• Education History: Fields for degrees, institutions, and graduation dates.
• Achievements: Add academic accomplishments (e.g., GPA, honors, awards).
• Certi cations: Option to include professional certi cations, workshops, or courses.
f. Summary / Objective Page
• AI-Generated Summary: The AI generates a resume summary based on the user's input.
• User Customization: Users can edit the AI-generated summary or add their own objective
statement.
• Tone Adjustment: Option to adjust the tone of the summary (formal, casual, concise).
g. Template Selection Page
• Template Options: Display various templates for users to choose from (e.g., modern, creative,
professional, minimal).
• Preview Option: Users can preview how the resume will look with different templates.
• Customizations: Options to adjust fonts, colors, and section arrangement within the template.
fi
fi
fi
fi
fi
i. Review and Finalize Page
• Resume Preview: Full preview of the resume with an option to go back and edit any section.
• Grammar and Spell Check: AI reviews the resume for grammar and spelling errors and provides
suggestions.
• Download Options: Users can download the resume in PDF, Word, or plain text formats.
• Save Resume: Option to save the resume to the user’s pro le for future edits or versioning.
• Download Options: Download cover letter in various formats (PDF, Word).
9. User Account Settings Page
• Personal Information: Manage personal details such as email, phone number, and account settings.
• Change Password: Allow users to update their password securely.
• Noti cations: Manage email or in-app noti cation settings (e.g., alerts for new features or updates).
• Subscription Management: View, upgrade, or cancel current subscriptions.
10. Logout / Con rmation Page
• Logout Con rmation: Ensure users are logged out securely and provide a re-login option.
• Analytics Dashboard: Track user statistics, popular features, most-used templates, and other metrics
to monitor platform performance.
12. Error Pages
• 404 Error Page: Custom-designed page for when users navigate to a non-existent page.
• 500 Error Page: A page to inform users when something goes wrong on the server side with links to
help pages or support.
fi
fi
fi
fi
fi
3.2 Data Dictionary
A data dictionary for a resume builder project de nes the structure, attributes, and relationships of the
data entities involved in the system. It outlines the tables (if using a relational database) or document
structure (for NoSQL databases), elds, data types, and any constraints.
1. User Table
Stores user information for account management and authentication.
Field Data Type Description Constraints
user_id INT (PK) Unique identi er for each user Primary Key, Auto-
increment
rst_name VARCHAR(100) User's rst name Not Null
last_name VARCHAR(100) User's last name Not Null
email VARCHAR(255) User's email address Unique, Not Null
password_has
VARCHAR(255) Hashed password for user security Not Null
h
phone_numbe
VARCHAR(20) User's phone number Nullable
r
created_at TIMESTAMP Account creation timestamp Default: current_timestamp
updated_at TIMESTAMP Last account update timestamp Default: current_timestamp
ENUM('user', Role of the user (regular or
role Default: 'user'
'admin') admin)
2. Resume Table
Stores metadata about user resumes.
Field Data Type Description Constraints
Primary Key, Auto-
resume_id INT (PK) Unique identi er for each resume
increment
user_id INT (FK) Reference to the user who owns the resume Foreign Key (User Table)
resume_tit VARCHAR(25 Title of the resume (e.g., "Developer
Not Null
le 5) Resume")
created_at TIMESTAMP Date the resume was created Default: current_timestamp
updated_at TIMESTAMP Date the resume was last modi ed Default: current_timestamp
fi
fi
fi
fi
fi
fi
fi
3. Personal Information Table
Stores user-speci c personal details for their resume.
Field Data Type Description Constraints
personal_info Primary Key, Auto-
INT (PK) Unique identi er for the personal info
_id increment
Reference to the resume to which this info Foreign Key (Resume
resume_id INT (FK)
belongs Table)
VARCHAR(2
full_name User's full name Not Null
55)
VARCHAR(2
email Contact email for the resume Not Null
55)
phone_numbe VARCHAR(2
Contact phone number Nullable
r 0)
address TEXT User's address (street, city, etc.) Nullable
summary TEXT Personal/professional summary Nullable
fi
fi
3.3 Entity Relationship (ER) Diagram :
ERD stands for Entity Relationship Diagram.
The Entity Relational Model is a model for identifying entities to be represented in the database and
representation of how those entities are related.
3.4 Data Flow Diagram
A data-flow diagram is a way of representing a flow of data through a process or a system (usually
an information system) .
The DFD also provides information about the outputs and inputs of each entity and the process itself.
Level 0 :
Level 1 :
Level 2 :
3.5 Sequence Diagram
A sequence diagram shows process interactions arranged in time sequence.
This diagram depicts the processes and objects involved and the sequence of messages exchanged as needed
to carry out the functionality
Sequence Diagrams are time focus and they show the order of the interaction visually by using the vertical
axis of the diagram to represent time what messages are sent and when.
3.6 Activity Diagram
Activity diagrams are graphical representations of work ow of stepwise activities and actions
with support for choice, iteration, and concurrency.
They depict how different actions are connected and how a system moves from one state to another. By
offering a clear picture of both simple and complex workflows, activity diagrams make it easier for
developers and stakeholders to understand how various elements interact in a system.
fl
3.7 Use Case Diagram
A use case diagram is a dynamic or behaviour diagram in Uml.
Use case diagrams model the functionality of a system using actors and use cases. Use cases are a set of
actions, services, and functions that the system needs to perform.
