957 lines
42 KiB
HTML
957 lines
42 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>MITRA ERP Portal — User Guide & Feature Overview</title>
|
|
<style>
|
|
/* ── Reset & Base ── */
|
|
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
|
|
|
|
body {
|
|
font-family: 'Segoe UI', Calibri, 'Helvetica Neue', Arial, sans-serif;
|
|
color: #2C3E50;
|
|
background: #fff;
|
|
font-size: 11pt;
|
|
line-height: 1.7;
|
|
-webkit-print-color-adjust: exact;
|
|
print-color-adjust: exact;
|
|
}
|
|
|
|
/* ── Page structure ── */
|
|
.page {
|
|
width: 210mm;
|
|
min-height: 297mm;
|
|
margin: 0 auto;
|
|
padding: 40px 50px;
|
|
position: relative;
|
|
page-break-after: always;
|
|
background: #fff;
|
|
}
|
|
.page:last-child { page-break-after: auto; }
|
|
|
|
@media screen {
|
|
.page {
|
|
box-shadow: 0 2px 20px rgba(0,0,0,0.08);
|
|
margin-bottom: 30px;
|
|
border: 1px solid #e8e8e8;
|
|
}
|
|
body { background: #f0f2f5; padding: 30px 0; }
|
|
}
|
|
|
|
@media print {
|
|
body { background: #fff; }
|
|
.page { box-shadow: none; border: none; margin: 0; padding: 30px 40px; }
|
|
}
|
|
|
|
/* ── Footer / Page number ── */
|
|
.page-footer {
|
|
position: absolute;
|
|
bottom: 25px;
|
|
left: 50px;
|
|
right: 50px;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
font-size: 8.5pt;
|
|
color: #95A5A6;
|
|
border-top: 1px solid #ECF0F1;
|
|
padding-top: 10px;
|
|
}
|
|
.page-footer .doc-title { font-weight: 600; }
|
|
|
|
/* ── Cover Page ── */
|
|
.cover {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
text-align: center;
|
|
min-height: 297mm;
|
|
padding: 60px 50px;
|
|
}
|
|
.cover-logo {
|
|
width: 80px; height: 80px;
|
|
background: #1A5276;
|
|
border-radius: 18px;
|
|
display: flex; align-items: center; justify-content: center;
|
|
font-size: 28px; font-weight: 800; color: #fff;
|
|
letter-spacing: 1px;
|
|
margin-bottom: 40px;
|
|
box-shadow: 0 8px 30px rgba(26,82,118,0.25);
|
|
}
|
|
.cover-title {
|
|
font-size: 36pt;
|
|
font-weight: 700;
|
|
color: #1A5276;
|
|
letter-spacing: -0.5px;
|
|
margin-bottom: 12px;
|
|
}
|
|
.cover-subtitle {
|
|
font-size: 16pt;
|
|
font-weight: 400;
|
|
color: #5D6D7E;
|
|
margin-bottom: 60px;
|
|
}
|
|
.cover-line {
|
|
width: 80px; height: 3px;
|
|
background: #3498DB;
|
|
border-radius: 2px;
|
|
margin-bottom: 60px;
|
|
}
|
|
.cover-meta {
|
|
font-size: 10pt;
|
|
color: #7F8C8D;
|
|
line-height: 2;
|
|
}
|
|
.cover-confidential {
|
|
margin-top: 50px;
|
|
padding: 10px 28px;
|
|
border: 1.5px solid #E74C3C;
|
|
border-radius: 6px;
|
|
font-size: 9pt;
|
|
font-weight: 700;
|
|
color: #E74C3C;
|
|
letter-spacing: 1.5px;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
/* ── Section Headers ── */
|
|
h1.section-title {
|
|
font-size: 22pt;
|
|
font-weight: 700;
|
|
color: #1A5276;
|
|
border-left: 5px solid #3498DB;
|
|
padding-left: 18px;
|
|
margin-bottom: 24px;
|
|
margin-top: 10px;
|
|
line-height: 1.3;
|
|
}
|
|
h2 {
|
|
font-size: 14pt;
|
|
font-weight: 700;
|
|
color: #1A5276;
|
|
margin-top: 28px;
|
|
margin-bottom: 12px;
|
|
}
|
|
h3 {
|
|
font-size: 12pt;
|
|
font-weight: 600;
|
|
color: #2E4053;
|
|
margin-top: 20px;
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
/* ── Body text ── */
|
|
p { margin-bottom: 12px; }
|
|
.intro-text {
|
|
font-size: 11.5pt;
|
|
color: #5D6D7E;
|
|
margin-bottom: 20px;
|
|
line-height: 1.8;
|
|
}
|
|
|
|
/* ── Feature lists (checkmark) ── */
|
|
ul.features {
|
|
list-style: none;
|
|
padding: 0;
|
|
margin-bottom: 16px;
|
|
}
|
|
ul.features li {
|
|
padding: 5px 0 5px 28px;
|
|
position: relative;
|
|
line-height: 1.6;
|
|
}
|
|
ul.features li::before {
|
|
content: "\2713";
|
|
position: absolute;
|
|
left: 0;
|
|
top: 5px;
|
|
color: #27AE60;
|
|
font-weight: 700;
|
|
font-size: 13pt;
|
|
}
|
|
ul.features li strong { color: #1A5276; }
|
|
|
|
/* ── Tip callout ── */
|
|
.tip {
|
|
background: #EBF5FB;
|
|
border-left: 4px solid #3498DB;
|
|
border-radius: 0 8px 8px 0;
|
|
padding: 14px 18px;
|
|
margin: 18px 0;
|
|
font-size: 10.5pt;
|
|
}
|
|
.tip-label {
|
|
font-weight: 700;
|
|
color: #2E86C1;
|
|
font-size: 10pt;
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.5px;
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
/* ── Screenshot placeholder ── */
|
|
.screenshot {
|
|
width: 100%;
|
|
max-width: 600px;
|
|
height: 200px;
|
|
border: 2px dashed #BDC3C7;
|
|
border-radius: 10px;
|
|
background: #F8F9FA;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
margin: 16px auto;
|
|
color: #95A5A6;
|
|
font-size: 10pt;
|
|
text-align: center;
|
|
gap: 6px;
|
|
}
|
|
.screenshot .cam { font-size: 28pt; opacity: 0.5; }
|
|
.screenshot .label { font-weight: 600; color: #7F8C8D; }
|
|
.figure-caption {
|
|
text-align: center;
|
|
font-size: 9pt;
|
|
font-style: italic;
|
|
color: #7F8C8D;
|
|
margin-bottom: 18px;
|
|
}
|
|
|
|
/* ── Tables ── */
|
|
table {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
margin: 16px 0;
|
|
font-size: 10.5pt;
|
|
}
|
|
table thead th {
|
|
background: #1A5276;
|
|
color: #fff;
|
|
font-weight: 600;
|
|
padding: 10px 14px;
|
|
text-align: left;
|
|
font-size: 10pt;
|
|
}
|
|
table thead th:first-child { border-radius: 6px 0 0 0; }
|
|
table thead th:last-child { border-radius: 0 6px 0 0; }
|
|
table tbody td {
|
|
padding: 9px 14px;
|
|
border-bottom: 1px solid #ECF0F1;
|
|
vertical-align: top;
|
|
}
|
|
table tbody tr:nth-child(even) { background: #F8F9FA; }
|
|
table tbody tr:hover { background: #EBF5FB; }
|
|
|
|
/* ── TOC ── */
|
|
.toc-list {
|
|
list-style: none;
|
|
padding: 0;
|
|
margin-top: 20px;
|
|
}
|
|
.toc-list li {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
padding: 10px 0;
|
|
border-bottom: 1px dotted #D5D8DC;
|
|
font-size: 11pt;
|
|
}
|
|
.toc-list li a {
|
|
text-decoration: none;
|
|
color: #2C3E50;
|
|
font-weight: 500;
|
|
}
|
|
.toc-list li a:hover { color: #3498DB; }
|
|
.toc-list li .toc-page {
|
|
font-weight: 600;
|
|
color: #1A5276;
|
|
flex-shrink: 0;
|
|
margin-left: 12px;
|
|
}
|
|
.toc-section-num {
|
|
font-weight: 700;
|
|
color: #1A5276;
|
|
margin-right: 10px;
|
|
min-width: 22px;
|
|
display: inline-block;
|
|
}
|
|
|
|
/* ── Workflow steps ── */
|
|
.workflow {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0;
|
|
margin: 20px 0;
|
|
flex-wrap: wrap;
|
|
justify-content: center;
|
|
}
|
|
.wf-step {
|
|
background: #EBF5FB;
|
|
border: 1.5px solid #AED6F1;
|
|
border-radius: 8px;
|
|
padding: 10px 18px;
|
|
font-size: 10pt;
|
|
font-weight: 600;
|
|
color: #1A5276;
|
|
text-align: center;
|
|
min-width: 100px;
|
|
}
|
|
.wf-arrow {
|
|
font-size: 16pt;
|
|
color: #3498DB;
|
|
margin: 0 6px;
|
|
font-weight: 700;
|
|
}
|
|
|
|
/* ── Numbered steps ── */
|
|
ol.steps {
|
|
padding-left: 22px;
|
|
margin-bottom: 16px;
|
|
}
|
|
ol.steps li {
|
|
padding: 4px 0;
|
|
line-height: 1.7;
|
|
}
|
|
|
|
/* ── Key highlight ── */
|
|
.highlight-box {
|
|
background: linear-gradient(135deg, #1A5276 0%, #2E86C1 100%);
|
|
border-radius: 10px;
|
|
padding: 22px 24px;
|
|
color: #fff;
|
|
margin: 20px 0;
|
|
}
|
|
.highlight-box h3 { color: #fff; margin-top: 0; }
|
|
.highlight-box ul { list-style: none; padding: 0; }
|
|
.highlight-box li {
|
|
padding: 3px 0 3px 22px;
|
|
position: relative;
|
|
font-size: 10.5pt;
|
|
}
|
|
.highlight-box li::before {
|
|
content: "\2713";
|
|
position: absolute; left: 0; top: 3px;
|
|
color: #82E0AA; font-weight: 700;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<!-- ══════════════════════════════════════════════════════════════════════════ -->
|
|
<!-- PAGE 1: COVER -->
|
|
<!-- ══════════════════════════════════════════════════════════════════════════ -->
|
|
<div class="page cover">
|
|
<div class="cover-logo">B1</div>
|
|
<div class="cover-title">MITRA ERP Portal</div>
|
|
<div class="cover-subtitle">User Guide & Feature Overview</div>
|
|
<div class="cover-line"></div>
|
|
<div class="cover-meta">
|
|
Version 1.0<br>
|
|
June 2026<br>
|
|
Prepared for Authorized Users
|
|
</div>
|
|
<div class="cover-confidential">Confidential — For Authorized Use Only</div>
|
|
</div>
|
|
|
|
<!-- ══════════════════════════════════════════════════════════════════════════ -->
|
|
<!-- PAGE 2: TABLE OF CONTENTS -->
|
|
<!-- ══════════════════════════════════════════════════════════════════════════ -->
|
|
<div class="page">
|
|
<h1 class="section-title">Table of Contents</h1>
|
|
<ul class="toc-list">
|
|
<li>
|
|
<span><span class="toc-section-num">1.</span><a href="#welcome">Welcome & Getting Started</a></span>
|
|
<span class="toc-page">Page 3</span>
|
|
</li>
|
|
<li>
|
|
<span><span class="toc-section-num">2.</span><a href="#inventory">Inventory & Production Management</a></span>
|
|
<span class="toc-page">Page 4</span>
|
|
</li>
|
|
<li>
|
|
<span><span class="toc-section-num">3.</span><a href="#purchase">Purchase Management</a></span>
|
|
<span class="toc-page">Page 5</span>
|
|
</li>
|
|
<li>
|
|
<span><span class="toc-section-num">4.</span><a href="#finance-pl">Finance — Monthly Accounts & P&L</a></span>
|
|
<span class="toc-page">Page 6</span>
|
|
</li>
|
|
<li>
|
|
<span><span class="toc-section-num">5.</span><a href="#finance-bs">Finance — Balance Sheet, Cash Flow & Salary</a></span>
|
|
<span class="toc-page">Page 7</span>
|
|
</li>
|
|
<li>
|
|
<span><span class="toc-section-num">6.</span><a href="#gst">GST Compliance</a></span>
|
|
<span class="toc-page">Page 8</span>
|
|
</li>
|
|
<li>
|
|
<span><span class="toc-section-num">7.</span><a href="#reports">Reports & General Ledger</a></span>
|
|
<span class="toc-page">Page 9</span>
|
|
</li>
|
|
<li>
|
|
<span><span class="toc-section-num">8.</span><a href="#admin">Administration & Support</a></span>
|
|
<span class="toc-page">Page 10</span>
|
|
</li>
|
|
</ul>
|
|
|
|
<div class="tip" style="margin-top: 40px;">
|
|
<div class="tip-label">About This Guide</div>
|
|
This document provides an overview of the MITRA ERP Portal, its features, and step-by-step guidance for everyday use. Each section covers a major area of the portal with descriptions, key benefits, and screenshot placeholders for visual reference.
|
|
</div>
|
|
|
|
<div class="page-footer">
|
|
<span class="doc-title">MITRA ERP Portal — User Guide</span>
|
|
<span>Page 2</span>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ══════════════════════════════════════════════════════════════════════════ -->
|
|
<!-- PAGE 3: WELCOME & GETTING STARTED -->
|
|
<!-- ══════════════════════════════════════════════════════════════════════════ -->
|
|
<div class="page" id="welcome">
|
|
<h1 class="section-title">1. Welcome & Getting Started</h1>
|
|
|
|
<h2>What is the MITRA ERP Portal?</h2>
|
|
<p class="intro-text">
|
|
The MITRA ERP Portal is a secure, web-based platform that connects directly to your SAP Business One system. It gives your team a simple, modern interface to manage day-to-day business operations — from inventory and purchasing to finance, GST compliance, and reporting — all from any web browser, on any device.
|
|
</p>
|
|
|
|
<h2>How to Access the Portal</h2>
|
|
<ol class="steps">
|
|
<li>Open your web browser (Google Chrome, Microsoft Edge, or Firefox recommended).</li>
|
|
<li>Enter the portal URL provided by your administrator in the address bar.</li>
|
|
<li>Enter your <strong>username</strong> and <strong>password</strong> on the login screen.</li>
|
|
<li>Click <strong>Sign In</strong> to access the portal.</li>
|
|
</ol>
|
|
|
|
<div class="screenshot">
|
|
<span class="cam">📷</span>
|
|
<span class="label">Insert Screenshot: Login Page</span>
|
|
</div>
|
|
<div class="figure-caption">Figure 1: Login Page</div>
|
|
|
|
<h2>Navigating the Portal</h2>
|
|
<p>
|
|
Once logged in, you will see a clean dashboard with a <strong>sidebar menu</strong> on the left. The sidebar organizes all modules into clear groups:
|
|
</p>
|
|
<ul class="features">
|
|
<li><strong>Home Dashboard</strong> — Your starting point with quick access to key modules</li>
|
|
<li><strong>Grouped Menus</strong> — Modules are organized under categories like Inventory, Production, Purchase, Finance, GST Reports, and more</li>
|
|
<li><strong>Collapsible Sections</strong> — Click any group header to expand or collapse its sub-items, keeping your workspace tidy</li>
|
|
<li><strong>Mobile Friendly</strong> — On phones and tablets, a bottom navigation bar provides quick access to frequently used modules</li>
|
|
<li><strong>User Profile</strong> — Your name and role are visible at the bottom of the sidebar; click to view your profile</li>
|
|
</ul>
|
|
|
|
<div class="screenshot">
|
|
<span class="cam">📷</span>
|
|
<span class="label">Insert Screenshot: Dashboard / Home Page</span>
|
|
</div>
|
|
<div class="figure-caption">Figure 2: Dashboard / Home Page</div>
|
|
|
|
<div class="tip">
|
|
<div class="tip-label">Tip</div>
|
|
You can collapse the sidebar on desktop by clicking the menu icon at the top-right of the sidebar. This gives you more screen space when working with large tables or reports.
|
|
</div>
|
|
|
|
<div class="page-footer">
|
|
<span class="doc-title">MITRA ERP Portal — User Guide</span>
|
|
<span>Page 3</span>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ══════════════════════════════════════════════════════════════════════════ -->
|
|
<!-- PAGE 4: INVENTORY & PRODUCTION MANAGEMENT -->
|
|
<!-- ══════════════════════════════════════════════════════════════════════════ -->
|
|
<div class="page" id="inventory">
|
|
<h1 class="section-title">2. Inventory & Production Management</h1>
|
|
|
|
<p class="intro-text">
|
|
Manage your entire product lifecycle — from defining what goes into each product, to creating and tracking production orders, issuing materials, and receiving finished goods. Everything stays in sync with SAP Business One in real time.
|
|
</p>
|
|
|
|
<h2>Bill of Materials (BOM)</h2>
|
|
<p>
|
|
The BOM module lets you define the exact components, quantities, and structure needed to manufacture each product.
|
|
</p>
|
|
<ul class="features">
|
|
<li><strong>Create & Edit BOMs</strong> — Define parent items and their component materials with precise quantities</li>
|
|
<li><strong>Multi-Level Approval Workflow</strong> — BOMs go through a structured approval process before they become active, ensuring accuracy and accountability</li>
|
|
<li><strong>Version Control</strong> — Track changes to BOMs over time so you always know what was used in past production runs</li>
|
|
</ul>
|
|
|
|
<h2>Item Management</h2>
|
|
<ul class="features">
|
|
<li><strong>Create New Items</strong> — Add new products, raw materials, or components to your inventory with all required details</li>
|
|
<li><strong>View Item List</strong> — Browse and search your complete item catalog with filters for quick lookup</li>
|
|
<li><strong>Real-Time Stock Visibility</strong> — See current stock levels pulled directly from SAP Business One</li>
|
|
</ul>
|
|
|
|
<h2>Production Orders</h2>
|
|
<p>
|
|
Track every stage of your manufacturing process from start to finish:
|
|
</p>
|
|
<ul class="features">
|
|
<li><strong>Create Production Orders</strong> — Initiate production runs for specific items and quantities</li>
|
|
<li><strong>Issue Materials</strong> — Record when raw materials are issued from inventory to the production floor</li>
|
|
<li><strong>Receive Finished Goods</strong> — Log completed products back into inventory once manufacturing is done</li>
|
|
<li><strong>Close Orders</strong> — Finalize production orders to complete the cycle and update all records</li>
|
|
</ul>
|
|
|
|
<div class="screenshot">
|
|
<span class="cam">📷</span>
|
|
<span class="label">Insert Screenshot: BOM Page</span>
|
|
</div>
|
|
<div class="figure-caption">Figure 3: Bill of Materials (BOM) Management</div>
|
|
|
|
<div class="screenshot">
|
|
<span class="cam">📷</span>
|
|
<span class="label">Insert Screenshot: Production Order</span>
|
|
</div>
|
|
<div class="figure-caption">Figure 4: Production Order Workflow</div>
|
|
|
|
<div class="tip">
|
|
<div class="tip-label">Tip</div>
|
|
Use the production workflow in order: Create Order → Issue Materials → Receive Finished Goods → Close Order. Each step is available as a separate menu item under the Production group for clarity.
|
|
</div>
|
|
|
|
<div class="page-footer">
|
|
<span class="doc-title">MITRA ERP Portal — User Guide</span>
|
|
<span>Page 4</span>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ══════════════════════════════════════════════════════════════════════════ -->
|
|
<!-- PAGE 5: PURCHASE MANAGEMENT -->
|
|
<!-- ══════════════════════════════════════════════════════════════════════════ -->
|
|
<div class="page" id="purchase">
|
|
<h1 class="section-title">3. Purchase Management</h1>
|
|
|
|
<p class="intro-text">
|
|
The Purchase module covers your entire procurement workflow — from requesting materials to receiving goods at your warehouse. Every step is tracked and linked to SAP Business One for seamless record-keeping.
|
|
</p>
|
|
|
|
<h2>End-to-End Procurement Workflow</h2>
|
|
<div class="workflow">
|
|
<div class="wf-step">Purchase<br>Request</div>
|
|
<span class="wf-arrow">➔</span>
|
|
<div class="wf-step">Vendor<br>Quotation</div>
|
|
<span class="wf-arrow">➔</span>
|
|
<div class="wf-step">Purchase<br>Order</div>
|
|
<span class="wf-arrow">➔</span>
|
|
<div class="wf-step">Goods Receipt<br>(GRPO)</div>
|
|
</div>
|
|
|
|
<h2>Purchase Request</h2>
|
|
<ul class="features">
|
|
<li><strong>Raise Requests</strong> — Any authorized user can submit a purchase request for materials or services needed</li>
|
|
<li><strong>Approval Routing</strong> — Requests are routed to the appropriate approvers based on your company's workflow</li>
|
|
<li><strong>Track Status</strong> — See whether a request is pending, approved, or converted into a purchase order</li>
|
|
</ul>
|
|
|
|
<h2>Purchase Quotation</h2>
|
|
<ul class="features">
|
|
<li><strong>Compare Vendors</strong> — Request and compare quotations from multiple vendors side by side</li>
|
|
<li><strong>Best Price Selection</strong> — Easily identify the most competitive offer to make informed procurement decisions</li>
|
|
</ul>
|
|
|
|
<h2>Purchase Order</h2>
|
|
<ul class="features">
|
|
<li><strong>Create Orders</strong> — Generate purchase orders directly from approved requests or quotations</li>
|
|
<li><strong>Track Delivery</strong> — Monitor order status and expected delivery dates</li>
|
|
<li><strong>SAP Integration</strong> — Orders are automatically synced to SAP Business One for accurate financial tracking</li>
|
|
</ul>
|
|
|
|
<h2>Goods Receipt PO (GRPO)</h2>
|
|
<ul class="features">
|
|
<li><strong>Record Goods Received</strong> — When materials arrive at your warehouse, record the receipt against the original purchase order</li>
|
|
<li><strong>Quantity Verification</strong> — Confirm received quantities match what was ordered, flag discrepancies immediately</li>
|
|
<li><strong>Inventory Update</strong> — Stock levels are automatically updated in SAP Business One upon receipt</li>
|
|
</ul>
|
|
|
|
<div class="screenshot">
|
|
<span class="cam">📷</span>
|
|
<span class="label">Insert Screenshot: Purchase Request Form</span>
|
|
</div>
|
|
<div class="figure-caption">Figure 5: Purchase Request</div>
|
|
|
|
<div class="screenshot">
|
|
<span class="cam">📷</span>
|
|
<span class="label">Insert Screenshot: Purchase Order</span>
|
|
</div>
|
|
<div class="figure-caption">Figure 6: Purchase Order</div>
|
|
|
|
<div class="tip">
|
|
<div class="tip-label">Tip</div>
|
|
When creating a Purchase Order, you can pull in items directly from an approved Purchase Request. This saves time and avoids manual re-entry of item details.
|
|
</div>
|
|
|
|
<div class="page-footer">
|
|
<span class="doc-title">MITRA ERP Portal — User Guide</span>
|
|
<span>Page 5</span>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ══════════════════════════════════════════════════════════════════════════ -->
|
|
<!-- PAGE 6: FINANCE — MONTHLY ACCOUNTS & P&L -->
|
|
<!-- ══════════════════════════════════════════════════════════════════════════ -->
|
|
<div class="page" id="finance-pl">
|
|
<h1 class="section-title">4. Finance — Monthly Accounts & P&L</h1>
|
|
|
|
<p class="intro-text">
|
|
Get a complete view of your company's financial performance. The Monthly Accounts module brings your Profit & Loss statement to life with interactive tools for provisions, snapshots, and period comparisons.
|
|
</p>
|
|
|
|
<h2>Monthly Accounts (Profit & Loss)</h2>
|
|
<ul class="features">
|
|
<li><strong>View P&L by Period</strong> — Select any month and year to see a detailed Profit & Loss statement pulled from SAP Business One</li>
|
|
<li><strong>Categorized Breakdown</strong> — Expenses and income are organized into clear categories: Revenue, Purchases, Employee Costs, Factory Expenses, Administrative Costs, Selling & Distribution, and Finance Charges</li>
|
|
<li><strong>Save & Load Snapshots</strong> — Save a snapshot of your P&L at any point in time and reload it later for reference or audit purposes</li>
|
|
<li><strong>Search & Filter</strong> — Quickly find specific accounts or line items within your P&L using the built-in search bar</li>
|
|
</ul>
|
|
|
|
<h2>Provision Management</h2>
|
|
<ul class="features">
|
|
<li><strong>Enter Provisions</strong> — Add estimated provisions for specific accounts directly within the P&L view</li>
|
|
<li><strong>Track by Period</strong> — Manage provisions on a month-by-month basis to ensure accurate financial reporting</li>
|
|
<li><strong>Instant Recalculation</strong> — Totals and net profit update automatically as you enter or modify provisions</li>
|
|
</ul>
|
|
|
|
<h2>P&L Comparison</h2>
|
|
<ul class="features">
|
|
<li><strong>Side-by-Side Analysis</strong> — Compare Profit & Loss statements across multiple periods to spot trends and changes</li>
|
|
<li><strong>Trend Identification</strong> — Easily see which expense categories are growing or shrinking over time</li>
|
|
<li><strong>Variance Highlighting</strong> — Significant changes between periods are visually highlighted for quick attention</li>
|
|
</ul>
|
|
|
|
<h2>Excel Export</h2>
|
|
<ul class="features">
|
|
<li><strong>One-Click Download</strong> — Export your P&L comparison to a fully formatted Excel file with a single click</li>
|
|
<li><strong>Detailed Breakdown</strong> — The exported file includes monthly breakdowns by category with formulas for easy further analysis</li>
|
|
<li><strong>Professional Formatting</strong> — Exported spreadsheets are formatted and ready to share with management or auditors</li>
|
|
</ul>
|
|
|
|
<div class="screenshot">
|
|
<span class="cam">📷</span>
|
|
<span class="label">Insert Screenshot: Monthly P&L Statement</span>
|
|
</div>
|
|
<div class="figure-caption">Figure 7: Monthly Profit & Loss Statement</div>
|
|
|
|
<div class="screenshot">
|
|
<span class="cam">📷</span>
|
|
<span class="label">Insert Screenshot: P&L Comparison View</span>
|
|
</div>
|
|
<div class="figure-caption">Figure 8: P&L Period Comparison</div>
|
|
|
|
<div class="tip">
|
|
<div class="tip-label">Tip</div>
|
|
Save a snapshot of your P&L at the end of each month before making adjustments. This gives you a reliable audit trail and makes it easy to compare "before" and "after" figures.
|
|
</div>
|
|
|
|
<div class="page-footer">
|
|
<span class="doc-title">MITRA ERP Portal — User Guide</span>
|
|
<span>Page 6</span>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ══════════════════════════════════════════════════════════════════════════ -->
|
|
<!-- PAGE 7: FINANCE — BALANCE SHEET, CASH FLOW & SALARY -->
|
|
<!-- ══════════════════════════════════════════════════════════════════════════ -->
|
|
<div class="page" id="finance-bs">
|
|
<h1 class="section-title">5. Finance — Balance Sheet, Cash Flow & Salary</h1>
|
|
|
|
<p class="intro-text">
|
|
Beyond the P&L, the portal provides a complete suite of financial tools to help you understand your company's overall financial health, liquidity position, and employee costs.
|
|
</p>
|
|
|
|
<h2>Balance Sheet</h2>
|
|
<ul class="features">
|
|
<li><strong>Assets, Liabilities & Equity</strong> — View your company's financial position at a glance with a structured balance sheet</li>
|
|
<li><strong>Period Selection</strong> — Choose any date to see the balance sheet as of that point in time</li>
|
|
<li><strong>Drill-Down</strong> — Click on any category to see the detailed accounts that make up each total</li>
|
|
</ul>
|
|
|
|
<h2>Cash Flow Statement</h2>
|
|
<ul class="features">
|
|
<li><strong>Track Cash Movements</strong> — See where your cash is coming from and where it is going</li>
|
|
<li><strong>Operating, Investing & Financing</strong> — Cash flows are categorized into standard sections for clear analysis</li>
|
|
<li><strong>Liquidity Planning</strong> — Use cash flow data to plan for upcoming expenses and investments</li>
|
|
</ul>
|
|
|
|
<h2>Cost Sheet</h2>
|
|
<ul class="features">
|
|
<li><strong>Product Costing Analysis</strong> — Break down the true cost of manufacturing each product</li>
|
|
<li><strong>Material & Overhead Costs</strong> — See how raw material costs, labor, and overheads contribute to your product cost</li>
|
|
<li><strong>Pricing Decisions</strong> — Use accurate cost data to set competitive and profitable pricing</li>
|
|
</ul>
|
|
|
|
<h2>Salary Management</h2>
|
|
<ul class="features">
|
|
<li><strong>Process Salaries</strong> — Manage monthly salary processing for all employees</li>
|
|
<li><strong>View Salary Details</strong> — Access detailed salary breakdowns including components, deductions, and net pay</li>
|
|
<li><strong>Financial Integration</strong> — Salary data flows directly into your financial statements for accurate cost reporting</li>
|
|
</ul>
|
|
|
|
<div class="screenshot">
|
|
<span class="cam">📷</span>
|
|
<span class="label">Insert Screenshot: Balance Sheet</span>
|
|
</div>
|
|
<div class="figure-caption">Figure 9: Balance Sheet View</div>
|
|
|
|
<div class="screenshot">
|
|
<span class="cam">📷</span>
|
|
<span class="label">Insert Screenshot: Salary Management Page</span>
|
|
</div>
|
|
<div class="figure-caption">Figure 10: Salary Management</div>
|
|
|
|
<div class="tip">
|
|
<div class="tip-label">Tip</div>
|
|
Use the Cost Sheet alongside the P&L to get a complete picture of profitability. The Cost Sheet shows you per-product margins, while the P&L gives you the overall company view.
|
|
</div>
|
|
|
|
<div class="page-footer">
|
|
<span class="doc-title">MITRA ERP Portal — User Guide</span>
|
|
<span>Page 7</span>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ══════════════════════════════════════════════════════════════════════════ -->
|
|
<!-- PAGE 8: GST COMPLIANCE -->
|
|
<!-- ══════════════════════════════════════════════════════════════════════════ -->
|
|
<div class="page" id="gst">
|
|
<h1 class="section-title">6. GST Compliance</h1>
|
|
|
|
<p class="intro-text">
|
|
Stay compliant with India's GST regulations effortlessly. The portal automates data collection from SAP Business One and provides tools to prepare, review, and file your GST returns directly.
|
|
</p>
|
|
|
|
<h2>GSTR-1 (Sales Register)</h2>
|
|
<ul class="features">
|
|
<li><strong>Auto-Generated Sales Data</strong> — Your sales transactions are automatically pulled from SAP and formatted for GSTR-1 filing</li>
|
|
<li><strong>Review Before Filing</strong> — Check all entries for accuracy before submitting to the GST portal</li>
|
|
<li><strong>Export Options</strong> — Download your GSTR-1 data for offline review or backup</li>
|
|
</ul>
|
|
|
|
<h2>GSTR-2 Purchase Register</h2>
|
|
<p>
|
|
The GSTR-2 module is your most powerful GST tool, offering a complete purchase register with multiple views and editing capabilities:
|
|
</p>
|
|
<ul class="features">
|
|
<li><strong>Auto-Fetch from SAP</strong> — Purchase data is pulled directly from SAP Business One, saving hours of manual data entry</li>
|
|
<li><strong>Multiple Tabs for Different Transaction Types:</strong>
|
|
<ul style="list-style:none; padding-left:20px; margin-top:6px;">
|
|
<li style="padding:3px 0;"><strong>B2B</strong> — Business-to-business purchases from registered vendors</li>
|
|
<li style="padding:3px 0;"><strong>IMPG</strong> — Import of goods transactions</li>
|
|
<li style="padding:3px 0;"><strong>B2BUR</strong> — Purchases from unregistered vendors</li>
|
|
<li style="padding:3px 0;"><strong>HSN Summary</strong> — Summary of purchases by HSN (Harmonized System of Nomenclature) codes</li>
|
|
<li style="padding:3px 0;"><strong>CDN</strong> — Credit and debit notes</li>
|
|
</ul>
|
|
</li>
|
|
<li><strong>Inline Editing</strong> — Click on any row to edit values directly in the table without opening a separate form</li>
|
|
<li><strong>Add New Rows</strong> — Manually add entries that may not be in SAP, such as adjustments or corrections</li>
|
|
<li><strong>Import from Excel</strong> — Bulk-upload purchase data from Excel spreadsheets for faster processing</li>
|
|
<li><strong>One-Click TCS GSP Upload</strong> — Submit your finalized data directly to the TCS GSP portal for official filing</li>
|
|
</ul>
|
|
|
|
<h2>ITC-04 (Job Work Tracking)</h2>
|
|
<ul class="features">
|
|
<li><strong>Track Goods Sent to Job Workers</strong> — Record materials sent out for processing or manufacturing by third parties</li>
|
|
<li><strong>Monitor Returns</strong> — Track when processed goods are returned from job workers</li>
|
|
<li><strong>Input Tax Credit Compliance</strong> — Ensure proper documentation for claiming Input Tax Credit on job work transactions</li>
|
|
</ul>
|
|
|
|
<div class="screenshot">
|
|
<span class="cam">📷</span>
|
|
<span class="label">Insert Screenshot: GSTR-2 Purchase Register with Tabs</span>
|
|
</div>
|
|
<div class="figure-caption">Figure 11: GSTR-2 Purchase Register</div>
|
|
|
|
<div class="screenshot">
|
|
<span class="cam">📷</span>
|
|
<span class="label">Insert Screenshot: TCS GSP Upload Confirmation</span>
|
|
</div>
|
|
<div class="figure-caption">Figure 12: TCS GSP Upload</div>
|
|
|
|
<div class="tip">
|
|
<div class="tip-label">Tip</div>
|
|
Always review the summary chips at the top of the GSTR-2 page before uploading. They show you the total taxable value, IGST, CGST, SGST, and total tax — verify these match your expectations before filing.
|
|
</div>
|
|
|
|
<div class="page-footer">
|
|
<span class="doc-title">MITRA ERP Portal — User Guide</span>
|
|
<span>Page 8</span>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ══════════════════════════════════════════════════════════════════════════ -->
|
|
<!-- PAGE 9: REPORTS & GENERAL LEDGER -->
|
|
<!-- ══════════════════════════════════════════════════════════════════════════ -->
|
|
<div class="page" id="reports">
|
|
<h1 class="section-title">7. Reports & General Ledger</h1>
|
|
|
|
<p class="intro-text">
|
|
Access the data you need to make informed decisions. The Reports section provides a central hub for business reports, and the General Ledger gives you detailed transaction-level visibility into every account.
|
|
</p>
|
|
|
|
<h2>Reports Dashboard</h2>
|
|
<ul class="features">
|
|
<li><strong>Central Report Hub</strong> — Access all available business reports from a single, organized dashboard</li>
|
|
<li><strong>Quick Access</strong> — Find and run the report you need in just a few clicks</li>
|
|
<li><strong>Multiple Report Types</strong> — Inventory reports, financial summaries, production analysis, and more</li>
|
|
</ul>
|
|
|
|
<h2>General Ledger Report</h2>
|
|
<p>
|
|
The General Ledger is one of the most powerful reporting tools in the portal. It lets you see every transaction that has been posted to any account in your Chart of Accounts.
|
|
</p>
|
|
|
|
<h3>How to Use the General Ledger</h3>
|
|
<ol class="steps">
|
|
<li>Click <strong>"Select Accounts"</strong> to open the account picker.</li>
|
|
<li>Browse accounts by category — Assets, Liabilities, Equity, Revenue, or Expenditure — using the filter tabs.</li>
|
|
<li>Check the accounts you want to include in the report. You can select multiple accounts at once.</li>
|
|
<li>Set your <strong>date range</strong> (From Date and To Date).</li>
|
|
<li>Click <strong>"Load Report"</strong> to generate the ledger.</li>
|
|
</ol>
|
|
|
|
<h3>What You Will See</h3>
|
|
<ul class="features">
|
|
<li><strong>Transactions Grouped by Account</strong> — Each account appears as a section with its opening balance, individual transactions, and closing balance</li>
|
|
<li><strong>Running Cumulative Balance</strong> — A running total column shows how your balance changes with each transaction</li>
|
|
<li><strong>Debit & Credit Columns</strong> — Clear separation of debits and credits for every journal entry</li>
|
|
<li><strong>Transaction Details</strong> — See posting dates, document references, remarks, and amounts for full traceability</li>
|
|
</ul>
|
|
|
|
<h3>Export & Print</h3>
|
|
<ul class="features">
|
|
<li><strong>Download to Excel</strong> — Export the complete ledger with professional formatting, account headers, and totals preserved</li>
|
|
<li><strong>Print-Friendly Output</strong> — Generate a clean, printer-ready version of the ledger for physical filing or distribution</li>
|
|
</ul>
|
|
|
|
<div class="screenshot">
|
|
<span class="cam">📷</span>
|
|
<span class="label">Insert Screenshot: General Ledger Account Picker</span>
|
|
</div>
|
|
<div class="figure-caption">Figure 13: Selecting Accounts for the General Ledger</div>
|
|
|
|
<div class="screenshot">
|
|
<span class="cam">📷</span>
|
|
<span class="label">Insert Screenshot: General Ledger Report with Transactions</span>
|
|
</div>
|
|
<div class="figure-caption">Figure 14: General Ledger Report</div>
|
|
|
|
<div class="tip">
|
|
<div class="tip-label">Tip</div>
|
|
Use the category filter tabs in the account picker to quickly narrow down to the type of accounts you need. For example, select "Revenue" to see only income-related accounts, or "Expenditure" for expense accounts.
|
|
</div>
|
|
|
|
<div class="page-footer">
|
|
<span class="doc-title">MITRA ERP Portal — User Guide</span>
|
|
<span>Page 9</span>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ══════════════════════════════════════════════════════════════════════════ -->
|
|
<!-- PAGE 10: ADMINISTRATION & SUPPORT -->
|
|
<!-- ══════════════════════════════════════════════════════════════════════════ -->
|
|
<div class="page" id="admin">
|
|
<h1 class="section-title">8. Administration & Support</h1>
|
|
|
|
<p class="intro-text">
|
|
The Administration module gives authorized administrators full control over who can access the portal, what they can do, and how approval workflows operate. This ensures your business data stays secure and processes remain well-governed.
|
|
</p>
|
|
|
|
<h2>User Management</h2>
|
|
<ul class="features">
|
|
<li><strong>Create User Accounts</strong> — Add new users and assign them a username, password, and role</li>
|
|
<li><strong>Activate or Deactivate Users</strong> — Quickly enable or disable access without deleting any records</li>
|
|
<li><strong>View All Users</strong> — See a complete list of all portal users with their roles, status, and last activity</li>
|
|
</ul>
|
|
|
|
<h2>Roles & Permissions</h2>
|
|
<p>
|
|
The portal uses a role-based access system. Each user is assigned one of the following roles:
|
|
</p>
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>Role</th>
|
|
<th>Description</th>
|
|
<th>Key Capabilities</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td><strong>Admin</strong></td>
|
|
<td>Full system administrator</td>
|
|
<td>Manage users, assign roles, configure modules, access all areas, approve/reject requests</td>
|
|
</tr>
|
|
<tr>
|
|
<td><strong>Manager</strong></td>
|
|
<td>Department or team manager</td>
|
|
<td>Access assigned modules, approve purchase requests and BOMs, view reports and financial data</td>
|
|
</tr>
|
|
<tr>
|
|
<td><strong>User</strong></td>
|
|
<td>Standard team member</td>
|
|
<td>Access assigned modules, create and submit requests, view own data and assigned reports</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<h2>Module Access Control</h2>
|
|
<ul class="features">
|
|
<li><strong>Granular Access</strong> — Administrators can control exactly which modules each user can see and use</li>
|
|
<li><strong>Module Assignment</strong> — Assign modules individually (e.g., give a user access to Purchase and Inventory but not Finance)</li>
|
|
<li><strong>Instant Updates</strong> — When an admin changes a user's module access, the change takes effect immediately — no need for the user to log out and back in</li>
|
|
</ul>
|
|
|
|
<h2>Approval Workflows</h2>
|
|
<ul class="features">
|
|
<li><strong>External Approvals</strong> — Review and approve pending requests from within the portal, including BOMs and purchase requests</li>
|
|
<li><strong>SAP Approvals</strong> — Handle approvals that originate from SAP Business One directly within the portal interface</li>
|
|
<li><strong>Project Approvals</strong> — Approve or reject project submissions through a dedicated project approval workflow</li>
|
|
<li><strong>Audit Trail</strong> — Every approval or rejection is logged with the user, date, and any comments for accountability</li>
|
|
</ul>
|
|
|
|
<div class="screenshot">
|
|
<span class="cam">📷</span>
|
|
<span class="label">Insert Screenshot: Admin Panel — User Management</span>
|
|
</div>
|
|
<div class="figure-caption">Figure 15: Administration Panel</div>
|
|
|
|
<div class="highlight-box">
|
|
<h3>Additional Portal Features</h3>
|
|
<ul>
|
|
<li><strong>Documents Module</strong> — Store and access important business documents in a central repository</li>
|
|
<li><strong>Vendor & Customer Registration</strong> — Register new vendors and customers directly through the portal using structured forms</li>
|
|
<li><strong>Project Management</strong> — Create new projects, track their status, and manage project approvals</li>
|
|
<li><strong>Business Master Data</strong> — Manage master records that drive your business operations</li>
|
|
<li><strong>Built-in AI Chatbot</strong> — Get quick help and answers through the AI-powered assistant available on every page</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<h2 style="margin-top: 28px;">Need Help?</h2>
|
|
<p>
|
|
If you experience any issues or have questions about using the portal, please contact your system administrator or reach out to your IT support team. When reporting an issue, include:
|
|
</p>
|
|
<ul class="features">
|
|
<li>The page or module where the issue occurred</li>
|
|
<li>A brief description of what you were trying to do</li>
|
|
<li>Any error messages that appeared on screen</li>
|
|
<li>Your username and the approximate time of the issue</li>
|
|
</ul>
|
|
|
|
<div class="tip">
|
|
<div class="tip-label">Tip</div>
|
|
Look for the AI chatbot icon in the bottom-right corner of any page. It can answer common questions about how to use portal features and help guide you through tasks.
|
|
</div>
|
|
|
|
<div class="page-footer">
|
|
<span class="doc-title">MITRA ERP Portal — User Guide</span>
|
|
<span>Page 10</span>
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|