Self-Paced School of Engineering & Applied Sciences — DrAIStudio& <link rel="canonical" href="https://draistudio.com/eng-school/"> <meta name="description" content="The DrAIStudio Self-Paced School of Engineering & Applied Sciences — four self-paced bachelor programmes covering industrial engineering, engineering management, systems engineering and operations research."> <meta name="robots" content="index, follow, max-image-preview:large"> <link rel="icon" type="image/png" href="../assets/logo-avatar-small.png"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700&family=Outfit:wght@300;400;500;600;700&family=Rajdhani:wght@500;600;700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="../assets/site.css?v=2"> <style> .bs-hero{ padding:64px 0 24px; text-align:center; background:radial-gradient(ellipse 70% 50% at top, rgba(var(--bright-rgb),.14), transparent 70%); } .bs-tag{ display:inline-block; font-family:var(--font-meta); font-weight:600; font-size:.78rem; text-transform:uppercase; letter-spacing:2px; color:var(--gold); padding:5px 14px; background:rgba(var(--gold-rgb),.1); border:1px solid rgba(var(--gold-rgb),.4); border-radius:999px; margin-bottom:14px; } .bs-hero h1{ font-family:var(--font-display); font-weight:700; font-size:clamp(2.2rem, 5.6vw, 3.4rem); line-height:1.05; margin-bottom:14px; } .bs-hero h1 .accent{ color:var(--bright) } .bs-hero .lede{ color:var(--text-soft); max-width:780px; margin:0 auto 18px; font-size:1.08rem } .bs-stats{ display:grid; grid-template-columns:repeat(4,1fr); gap:0; margin:36px 0 48px; background:linear-gradient(135deg, rgba(var(--bright-rgb),.06), rgba(var(--bright-rgb),.02)); border:1px solid rgba(var(--bright-rgb),.18); border-radius:var(--radius-lg); padding:24px; } .bs-stats .cell{ text-align:center; position:relative; padding:0 14px } .bs-stats .cell + .cell::before{ content:""; position:absolute; left:0; top:18%; bottom:18%; width:1px; background:rgba(var(--bright-rgb),.18); } .bs-stats strong{ display:block; font-family:var(--font-display); font-weight:700; color:var(--bright); font-size:clamp(1.3rem, 2.6vw, 1.7rem); margin-bottom:6px; } .bs-stats span{ color:var(--text-soft); font-size:.86rem; font-family:var(--font-meta) } @media (max-width:680px){ .bs-stats{ grid-template-columns:repeat(2,1fr); gap:18px 0 } .bs-stats .cell:nth-child(3)::before{ display:none } } /* ---- Program cards ---- */ .programs-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(340px, 1fr)); gap:18px; margin:24px 0 40px; } .program-card{ display:flex; flex-direction:column; padding:28px 26px; background:linear-gradient(180deg, rgba(var(--bright-rgb),.06), rgba(var(--bright-rgb),.01)); border:1px solid var(--border); border-radius:var(--radius-lg); transition:border-color .25s ease, transform .25s ease; position:relative; text-decoration:none; color:inherit; } .program-card:hover{ border-color:var(--border-strong); transform:translateY(-2px) } .program-card .top-row{ display:flex; align-items:flex-start; gap:14px; margin-bottom:14px } .program-card .icon{ font-size:2rem; line-height:1; width:54px; height:54px; flex-shrink:0; background:rgba(var(--bright-rgb),.08); border:1px solid rgba(var(--bright-rgb),.25); border-radius:12px; display:flex; align-items:center; justify-content:center; } .program-card .header{ flex:1 } .program-card .code{ font-family:var(--font-meta); font-size:.7rem; text-transform:uppercase; letter-spacing:1.5px; color:var(--bright); margin-bottom:4px; } .program-card h3{ font-family:var(--font-display); font-weight:700; font-size:1.1rem; color:var(--text); margin-bottom:0; line-height:1.25; } .program-card p.desc{ color:var(--text-soft); font-size:.92rem; margin-bottom:14px; flex:1 } .status-pill{ display:inline-block; padding:4px 10px; border-radius:999px; font-family:var(--font-meta); font-size:.7rem; text-transform:uppercase; letter-spacing:1px; margin-bottom:12px; } .status-pill.live { color:#7ad9a0; background:rgba(80,220,140,.1); border:1px solid rgba(80,220,140,.3) } .status-pill.in-build{ color:var(--gold); background:rgba(var(--gold-rgb),.08); border:1px solid rgba(var(--gold-rgb),.3) } .program-card .careers{ font-family:var(--font-meta); font-size:.78rem; color:var(--text-soft); margin-bottom:14px; } .program-card .careers strong{ color:var(--text); font-weight:600 } .program-card .cta{ display:inline-flex; gap:6px; align-items:center; font-family:var(--font-meta); font-size:.85rem; font-weight:600; color:var(--bright); margin-top:auto; } /* ---- Philosophy ---- */ .philosophy{ margin:30px 0; padding:30px 32px; background:linear-gradient(135deg, rgba(var(--gold-rgb),.06), rgba(var(--bright-rgb),.04)); border:1px solid rgba(var(--gold-rgb),.25); border-radius:var(--radius-lg); } .philosophy h2{ font-family:var(--font-display); font-weight:700; font-size:1.4rem; margin-bottom:18px; color:var(--text); } .philosophy ol{ list-style:none; padding:0; counter-reset:phi } .philosophy li{ padding:10px 0 10px 38px; position:relative; border-bottom:1px solid rgba(var(--gold-rgb),.15); color:var(--text-soft); font-size:.96rem; counter-increment:phi; } .philosophy li::before{ content:counter(phi); position:absolute; left:0; top:9px; width:26px; height:26px; border-radius:50%; background:rgba(var(--gold-rgb),.15); border:1px solid rgba(var(--gold-rgb),.4); display:flex; align-items:center; justify-content:center; font-family:var(--font-display); font-size:.78rem; color:var(--gold); font-weight:700; } .philosophy li:last-child{ border-bottom:none } /* ---- Shared foundation ---- */ .shared{ margin:24px 0; padding:24px; background:rgba(var(--bright-rgb),.03); border:1px solid var(--border); border-radius:var(--radius-md); } .shared h3{ font-family:var(--font-display); font-weight:700; font-size:1.05rem; margin-bottom:8px } .shared p{ color:var(--text-soft); font-size:.92rem } .beta-banner{ max-width:800px; margin:0 auto 32px; padding:16px 24px; background:rgba(255,180,80,.06); border:1px solid rgba(255,180,80,.3); border-radius:var(--radius-md); text-align:center; font-size:.92rem; color:var(--text-soft); } .beta-banner strong{ color:#ffb850; font-family:var(--font-meta); letter-spacing:.5px } .section-h{ font-family:var(--font-display); font-weight:700; font-size:1.5rem; margin:36px 0 14px; color:var(--text); } .section-h + p{ color:var(--text-soft); font-size:.96rem; margin-bottom:14px } </style> <link rel="stylesheet" href="/assets/light-theme.css?v=2026-05-31-gold" /> <script src="/assets/adsense-config.js?v=20260902-policy"></script> <script defer src="/assets/adsense-loader.js?v=20260902-policy"></script> <script defer src="/assets/analytics.js?v=2026-05-20"></script> </head> <body> <nav class="site-nav"> <div class="nav-inner"> <a href="/" class="nav-brand"> Dr<span class="accent">AI</span>Studio </a> <button class="nav-toggle" aria-label="Toggle menu" aria-expanded="false"><span></span></button> <ul class="nav-links"> <li><a href="/">Home</a></li> <li><a href="../university.html">University Vision</a></li> <li><a href="../courses.html">Courses</a></li> <li><a href="../about.html">About</a></li> <li><a href="../contact.html">Contact</a></li> </ul> </div> </nav> <main> <section class="container bs-hero"> <span class="bs-tag">★ Live · Self-Paced University</span> <h1>Self-Paced School of Engineering & Applied Sciences</h1> <p class="lede">Four self-paced bachelor programmes built around systems, modelling, optimisation, process improvement and engineering leadership — the engineering disciplines that work through analysis, design and simulation.</p> </section> <section class="container"> <div class="beta-banner"> <strong>★ LIVE</strong> — This self-paced school is live. Programme pages now link to full 15-week course activity pages with readings, case studies, simulation games, discussions, assessments, and final exams. </div> <div class="bs-stats"> <div class="cell"><strong>4</strong><span>bachelor programmes</span></div> <div class="cell"><strong>All</strong><span>programmes live</span></div> <div class="cell"><strong>97</strong><span>unique course titles</span></div> <div class="cell"><strong>~4 yrs</strong><span>recommended · self-paced</span></div> </div> </section> <section class="container"> <h2 class="section-h">Programmes</h2> <p>All programmes are 120 credit hours, share a common Foundation year and Engineering & Applied Sciences Core, and diverge into a focused specialisation. Each ends with portfolio work and a Capstone project.</p> <div class="programs-grid" id="programsGrid"></div> </section> <section class="container"> <div class="philosophy"> <h2>Five things that make this school different.</h2> <ol id="phiList"></ol> </div> </section> <section class="container"> <h2 class="section-h">Shared backbone — Years 1 and 2</h2> <p>Every learner in every programme spends the first two years on the same Foundation and Engineering Core. This means an Industrial Engineering student understands systems, an Engineering Management student can read models, and an Operations Research student can communicate technical trade-offs.</p> <div class="shared"> <h3>Year 1 — Foundation</h3> <p>Introduction to Engineering and Applied Sciences · Technical Communication · Calculus for Applied Systems · Computing for Engineers · Engineering Ethics and Safety · Linear Algebra and Modelling · Probability and Statistics for Engineers · Physics for Systems and Operations · Data Analysis for Engineers · Design Thinking for Technical Systems</p> </div> <div class="shared"> <h3>Year 2 — Engineering & Applied Sciences Core</h3> <p>Systems Thinking and Modelling · Engineering Economics · Operations Management · Optimization Foundations · Quality and Reliability Engineering · Simulation Methods · Project Management for Engineers · Supply Chain and Logistics Systems · Human Factors and Ergonomics · Professional Practice in Engineering Systems</p> </div> </section> <section class="container section"> <div style="text-align:center; padding:40px 28px; background:linear-gradient(135deg, rgba(var(--bright-rgb),.1), rgba(var(--pale-rgb),.05)); border:1px solid var(--border-strong); border-radius:var(--radius-lg);"> <h2 class="h-display" style="font-size:1.7rem; margin-bottom:10px;">Start learning now</h2> <p class="text-soft mb-3" style="max-width:560px; margin:0 auto 20px;">This school is live now. Choose any programme, then open its course pages for readings, case studies, simulation games, discussions, assessments, and final exams.</p> <div style="display:flex; gap:12px; justify-content:center; flex-wrap:wrap;"> <a href="/courses.html" class="btn btn-primary btn-lg">Browse Live Courses →</a> <a href="/schools/" class="btn btn-ghost btn-lg">All Schools</a> </div> </div> </section> </main> <footer class="site-footer"> <div class="container"> <div class="footer-bottom" style="padding-top:24px;"> <span>© 2026 DrAIStudio · Self-Paced School of Engineering & Applied Sciences</span> <span><a href="/business-school/" style="color:var(--bright);">Business School</a> · <a href="../university.html" style="color:var(--bright);">University Vision</a></span> </div> </div> </footer> <script type="module"> import { PROGRAMS, SCHOOL } from "./programs-catalogue.js"; const grid = document.getElementById("programsGrid"); const phi = document.getElementById("phiList"); phi.innerHTML = SCHOOL.philosophy.map(p => `<li>${p}</li>`).join(""); grid.innerHTML = PROGRAMS.map(p => ` <a class="program-card" href="${p.href}"> <div class="top-row"> <div class="icon">${p.icon}</div> <div class="header"> <div class="code">${p.code} · ${p.category}</div> <h3>${p.fullName}</h3> </div> </div> <span class="status-pill ${p.statusBand}">${p.status}</span> <p class="desc">${p.shortDescription}</p> <div class="careers"><strong>Career outcomes:</strong> ${p.careerOutcomes.slice(0,4).join(" · ")}</div> <span class="cta">Open programme →</span> </a> `).join(""); </script> </body> </html>