🌐 Language / Dil: English | Türkçe
STDERP is a process tracking software developed by Hetabil Yazılım that lets companies in the defense industry manage their production, procurement and operations end to end, in line with MIL and ISO standards.
This repository contains the showcase (landing) page of STDERP. The page introduces the software's purpose, modules, reporting capabilities and standards compliance to visitors. The project was developed during an internship at Hetabil Yazılım.
Note: This repository does not contain the source code of the STDERP application itself, only the static web page that presents it.
- What's on the page?
- Screenshots
- Technologies used
- Project structure
- Installation and running
- Customizing the page
- Contact
From top to bottom, the page consists of the following sections:
| # | Section | Content |
|---|---|---|
| 1 | Top bar and menu | Contact details (email, phone, location), the Hetabil logo and links to Home / Services / Projects / Contact |
| 2 | Project title and intro | A one-paragraph introduction to STDERP |
| 3 | Strategic Processes, Smart Management | 4 feature cards: Integrated Process Management, Quality & Standards Compliance, Full Traceability and Reporting, Customizable Modules |
| 4 | Images from the Project | A carousel of 8 images that advances automatically every 3 seconds |
| 5 | Modular Structure | Card view of the 12 modules |
| 6 | Compliance with International Standards | Emphasis on MIL-STD and ISO 9001 |
| 7 | 24 Different Report Types | All supported report titles |
| 8 | Contact and footer | Email, address, phone and copyright notice |
- Basic Definitions — master data such as customers/suppliers, personnel, machines, materials and tools
- Quotation — cost calculation, feasibility analysis, converting quotations into orders
- Orders — recording and tracking customer orders
- Purchasing — material/service requests and supplier correspondence
- Stock — warehouse and stock movements, automatic purchase triggering at critical stock levels
- Work Order Preparation — production orders, routing and bill-of-materials management
- Quality — incoming inspection, nonconformity management, measurement tracking, calibration, supplier scoring
- Shipping — shipping orders, delivery notes and delivery records
- Subcontracting — tracking parts sent out for external operations
- Production Data Entry — job start, job finish and scrap entry from the shop floor
- Equipment Management — tracking of cutting tools, fixtures, holders and molds
- Reports — analysis by order, production, quality, cost, personnel and machine
Show all report titles
- Quotation Performance Report
- Order Performance Report
- Purchasing Performance Report
- Parts at Subcontractors Report
- Shipping List
- Overproduced Parts Report
- Open/Closed Orders List
- Ongoing Operations List
- Completed Operations List
- Estimated Cost Report
- Scrap Reason Distribution Report
- Capacity Report
- Parts Awaiting Inspection
- Supplier Evaluation
- Personnel Work Report
- Personnel Total Work by Day
- Personnel Total Work by Year-Month
- Machine Work Report
- Live Machine Status List
- Defective Parts – Scrap Report
- Cutting Tools Held by Personnel List
- Open Orders Revenue Report
- Historical Price Analysis Report
- Part Material Query
The images used in the "Images from the Project" section are located in images/project-examples/.
 |
 |
 |
 |
 |
 |
 |
 |
| Technology | Purpose |
|---|---|
| HTML5 | Page skeleton (semantic tags such as header, main, section, footer, address) |
| CSS3 | Custom styles: gradients, card layouts, flexbox, fixed top bar (style.css) |
| Bootstrap 5.3.8 | CSS and JS bundle for the carousel component (via CDN, jsDelivr) |
| Google Fonts | Inter and Space Grotesk typefaces |
There is no build step, package manager or backend; the page runs directly in the browser.
STDERP/
├── index.html # Single page: all content lives here
├── style.css # Custom stylesheet
├── README.md # English documentation
├── README.tr.md # Türkçe dokümantasyon
└── images/
├── favicon.png # Browser tab icon and footer logo
├── HETABIL-RENKLI.svg # Hetabil logo (top menu)
├── title-background.png # Background of the title area
├── studio-picture.png # Image for the "Compliance with International Standards" section
└── project-examples/ # Carousel images
├── example1.jpeg
├── ...
└── example8.jpeg
No extra setup is required. Pick one of the methods below.
- Clone the repository:
git clone https://github.com/berkaycinar-dev/STDERP.git
- Go into the project folder:
cd STDERP - Double-click
index.htmlor drag it into your browser.
- Clone the repository and enter the folder (Method A, steps 1–2).
- Start a simple server in the folder (if Python is installed):
python -m http.server 8000
- Open
http://localhost:8000in your browser.
- Open the folder in VS Code.
- Install the Live Server extension.
- Right-click
index.htmland choose Open with Live Server.
An internet connection is required: Bootstrap (CSS and JS) and Google Fonts are loaded from a CDN. Offline, the page renders without the fonts and Bootstrap styles.
| What you want to do | Where to edit |
|---|---|
| Change the title and intro text | index.html → project-info section |
| Edit the feature cards | index.html → info-cards section |
| Add or remove a module | index.html → the card blocks inside modul-card-container |
| Update the report list | index.html → the reporting-type blocks inside reporting-types (also update the "24" in the heading) |
| Replace a carousel image | Replace the file under images/project-examples/ with the same name |
| Change the carousel speed | index.html → data-bs-interval on #carouselExample (milliseconds) |
| Update contact details | index.html → top bar (address), contact and footer sections |
| Change colors and spacing | style.css |
To explore STDERP in detail or to request customizations for your company, get in touch with Hetabil Yazılım.
- Email: info@hetabil.com
- Phone: +90 312 911 12 57
- Address: İvedik OSB Mah. 2224. Cad. No:1/116, Yenimahalle / Ankara — Teknopark Ankara TGB Campus
- Web: hetabil.com
© Hetabil Yazılım 2022 – 2026. All rights reserved.