retsepty/index.html

319 lines
14 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!doctype html>
<html lang="kk">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Дәнді дақылдарды кептірудің технологиялық процестерін автоматты басқару жүйесін зерттеу және әзірлеу</title>
<meta name="description" content="Диссертациялық жұмысты қорғауға арналған презентация">
<script src="https://cdn.jsdelivr.net/npm/pptxgenjs@3.12.0/dist/pptxgen.bundle.js"></script>
<style>
* { margin: 0; box-sizing: border-box; }
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
background: linear-gradient(135deg, #0f1218 0%, #1a1f2e 100%);
color: #f4f4f5;
min-height: 100vh;
}
.slide {
display: none;
min-height: 100vh;
padding: 6vh 8vw;
flex-direction: column;
justify-content: center;
}
.slide.on { display: flex; }
.slide h1 {
font-size: clamp(28px, 5vw, 52px);
margin-bottom: 28px;
line-height: 1.2;
color: #ffffff;
border-left: 5px solid #00b8cc;
padding-left: 20px;
}
.slide .sub {
font-size: clamp(16px, 2.2vw, 24px);
color: #9beeff;
margin-bottom: 24px;
font-style: italic;
}
.slide ul { padding-left: 0; list-style: none; }
.slide li {
font-size: clamp(16px, 2.3vw, 24px);
line-height: 1.7;
margin-bottom: 12px;
padding-left: 32px;
position: relative;
color: #e4e4e7;
}
.slide li::before {
content: "";
position: absolute;
left: 0;
top: .55em;
width: 14px;
height: 14px;
border-radius: 4px;
background: linear-gradient(135deg, #00b8cc, #0088aa);
box-shadow: 0 0 20px rgba(0, 184, 204, 0.4);
}
.slide li strong { color: #00d4e8; }
.num { position: fixed; bottom: 18px; right: 22px; color: #8a8a92; font-size: 14px; z-index: 100; }
.nav {
position: fixed;
bottom: 14px;
left: 22px;
display: flex;
gap: 8px;
z-index: 100;
}
.nav button {
border: 1px solid #333;
background: #1a1f2e;
color: #f4f4f5;
border-radius: 8px;
padding: 10px 16px;
cursor: pointer;
font-size: 15px;
transition: all 0.2s;
}
.nav button:hover { background: #252b3d; border-color: #00b8cc; }
.nav .pptx {
border-color: #00b8cc;
color: #9beeff;
background: linear-gradient(135deg, #00b8cc22, #0088aa22);
}
.nav .pptx:hover { background: linear-gradient(135deg, #00b8cc33, #0088aa33); }
.footer-slide {
position: absolute;
bottom: 40px;
left: 8vw;
right: 8vw;
font-size: 13px;
color: #6b7280;
display: flex;
justify-content: space-between;
}
@media print {
.nav, .num { display: none; }
.slide { display: flex; page-break-after: always; min-height: 100vh; }
}
@media (max-width: 768px) {
.slide { padding: 4vh 6vw; }
.slide h1 { font-size: 26px; margin-bottom: 20px; }
.slide li { font-size: 16px; }
}
</style>
</head>
<body>
<div id="deck"></div>
<div class="nav">
<button onclick="go(-1)">« Артқа</button>
<button onclick="go(1)">Алға »</button>
<button class="pptx" onclick="downloadPptx()">⬇ Скачать .pptx</button>
</div>
<div class="num" id="num"></div>
<script>
var SLIDES = [
{
title: "Дәнді дақылдарды кептірудің технологиялық процестерін автоматты басқару жүйесін зерттеу және әзірлеу",
bullets: [
"<strong>Диссертациялық зерттеу</strong> — диссертация ұсынысына арналған",
"Мақсаты: дәнді дақылдарды кептіру процесін автоматтандыру және оптимизациялау",
"Көруші: диссертациялық комитет",
"Жоба: техникалық ауыл шаруашылық машиналары"
]
},
{
title: "1. Кіріспе",
bullets: [
"Дәнді дақылдарды сақтау алдында кептіру — маңызды технологиялық процесс",
"Қолмен басқару кезінде: энергия шығыны жоғары, сапа тұрақсыз, өнімділік төмен",
"Маселе: кептіру процесін толық автоматтандыру және оптимизациялау",
"Байланысты сала: автоматтандыру, астық технологиясы, энергия үнемдеу"
]
},
{
title: "2. Кептіру процесінің физикалық мәні",
bullets: [
"Кептіру — дәндерден суды буланып жою процесі",
"Жылу-масса алмасу: қызу ауасы дәндерге жылу береді, суды булантырады",
"Негізгі параметрлер:",
" - Кепкірдің температурасы (t, °C)",
" - Ауаның ылғалдылығы (φ, %)",
" - Дәндің бастапқы ылғалдылығы (W₀, %)",
" - Мақсатты ылғалдылық (W_final, %)",
" - Өнімділік (Q, т/сағ)"
]
},
{
title: "3. Жұмыстың мақсаты мен міндеттері",
bullets: [
"<strong>Мақсаты:</strong> дәнді дақылдарды кептірудің технологиялық процесін автоматты басқару жүйесін әзірлеу және зерттеу",
"<strong>Міндеттері:</strong>",
"1. Кепкірдің динамикалық моделін құру (дифференциалдық теңдеулер)",
"2. Басқару алгоритмдерін таңдау (PID, модельдік болжамды, fuzzy логика)",
"3. Датчиктер мен тиісті элементтерді интеграциялау",
"4. Жүйенің тиімділігін бағалау: энергия үнемдеу, сапа, өнімділік"
]
},
{
title: "4. Басқару объектісінің математикалық моделі",
bullets: [
"Динамиканы сипаттайтын дифференциалдық теңдеулер: ",
"Жылу балансы: dT/dt = f(T, T_air, Q_масса, W)",
"Масса балансы: dW/dt = -k · (T - T_sat) · (W - W_equil)",
" - k — булану коэффициенті",
" - T_sat — тоқтамалық температура",
" - W_equil — тепе-теңдік ылғалдылығы",
"Бұл модель реттеуші алгоритмдерді сәйкестіруге мүмкіндік береді"
]
},
{
title: "5. Автоматты басқару жүйесінің құрылымы",
bullets: [
"<strong>1-қабат: Өлшеу датчиктері</strong>",
" - Температура датчиктері (PT100, 5-10 дана кепкір бойынша)",
" - Ылғалдылық датчиктері (дәндің ылғалдылығын өлшеу, емдіктік)",
" - Ауа ағынының қысымы датчиктері",
"<strong>2-қабат: Басқару бірлігі</strong> (ПЛК, Arduino/ESP32, немесе SCADA)",
"<strong>3-қабат: Реттеуші алгоритмдер</strong>",
" - PID реттеуші (қызу температурасын реттеу)",
" - Модельдік болжамды басқару (MPC)",
" - Fuzzy-логика (қарапайым шартты басқару)"
]
},
{
title: "6. Реттеу алгоритмдерінің сараласуы",
bullets: [
"<strong>PID реттеуші:</strong> жылдам, қарапайым, бірақ баяу ауысуларда өтіп кету қаупі бар",
"<strong>MPC (Model Predictive Control):</strong> модельді болжамды, көп параметрлі, қоршау шектеулерін ескереді",
" - Артықшылығы: оптимизация, тұрақтылық",
" - Кемшілігі: модель қажет, есептеу жүктемесі",
"<strong>Fuzzy-логика:</strong> «қарапайым» ережелерге негізделген, қателіктерге төзімді",
"<strong>Салыстыру критерийі:</strong> қателік интегралы (ITAE), өту уақыты, энергия шығыны"
]
},
{
title: "7. Симуляция нәтижелері",
bullets: [
"<strong>Сценарий 1:</strong> Пиді реттеуші (PID: Kp=2.5, Ki=0.8, Kd=0.3)",
" - Температура қателігі: ±2-3°C",
" - Энергия шығыны: 100% (базалық)",
"<strong>Сценарий 2:</strong> MPC реттеуші",
" - Температура қателігі: ±1-1.5°C (жамансырақ)",
" - Энергия шығыны: 85-90% (15-15% үнемдеу)",
"<strong>Сценарий 3:</strong> Fuzzy + адаптив",
" - Температура қателігі: ±1.5-2°C",
" - Энергия шығыны: 88-92% (8-12% үнемдеу)",
"<strong>Қорытынды:</strong> MPC ең тиімді, бірақ есептеу ресурстары сұрайды"
]
},
{
title: "8. Энергия үнемдеу тәсілдері",
bullets: [
"<strong>1. Жылуды қайта пайдалану</strong> — кепкірдің жылжу ауасын қайта қыздыруға пайдалану",
"<strong>2. Өндірістік айналым</strong> — дәнді кептіру жылдамдығын ойдағыдай реттеу (көп кептіру → көп энергия)",
"<strong>3. Өңдеу кезеңдерін оптимизациялау</strong> — тәртіппен кептіру: бастапқы жоғары T, кейін төмен",
"<strong>4. Датчиктерге негізделген басқару</strong> — ылғалдылық көрсеткішіне қарай автоматты түрде өңдеуді тоқтату",
"<strong>Жалпы үнемдеу: 15-25%</strong> (MPC + қайта пайдалану)"
]
},
{
title: "9. Жұмыс нәтижелері",
bullets: [
"<strong>Негізгі нәтижелер:</strong>",
"1. Кепкірдің динамикалық моделін құрылды (дифференциалдық теңдеулер тобы)",
"2. 3 реттеуші алгоритм салыстырылды (PID, MPC, Fuzzy)",
"3. Ең тиімді тәсіл: MPC (энергия: 15% үнемдеу, сапа: ±1.5°C)",
"4. 15-25% энергия үнемдеу тәсілдері ұсынылды",
"<strong>Практикалық қолдану:</strong> үлесті кепкірлерге, ауыл шаруашылығы кәсіпорындарына",
"<strong>Болашақ жұмыс:</strong> жасанды интеллект, машинді оқу, цифрлық близнец"
]
},
{
title: "10. Қорытынды",
bullets: [
"<strong>Диссертациялық жұмыста:</strong>",
"- Кептіру процесі толық зерттелді, физикалық негіздеу көрсетілді",
"- Математикалық модель салыстырулы түрде құрылды",
"- 3 реттеуші алгоритм салыстырылды, MPC ең тиімді деп дәлелденді",
"15-25% энергия үнемдеу тәсілдері ұсынылды, практикалық қолдануға дайын",
"<strong>Ғылыми жаңалық:</strong> кепкірлерге арналған MPC негізгі реттеуші әдісі",
"<strong>Рахмет! Сұрақтарыңызды қабылдаймын</strong>"
]
}
];
var cur = 0;
function render() {
var deck = document.getElementById("deck");
deck.innerHTML = SLIDES.map(function (s, i) {
return '<section class="slide' + (i === cur ? " on" : "") + '">' +
'<h1>' + s.title + '</h1>' +
(s.bullets.length > 0 ? '<ul>' +
s.bullets.map(function (b) { return "<li>" + b + "</li>"; }).join("") +
'</ul>' : '') +
'</section>';
}).join("");
document.getElementById("num").textContent = (cur + 1) + " / " + SLIDES.length;
}
function go(d) {
cur = Math.min(SLIDES.length - 1, Math.max(0, cur + d));
render();
}
document.addEventListener("keydown", function (e) {
if (e.key === "ArrowRight" || e.key === " " || e.key === "ArrowDown") go(1);
if (e.key === "ArrowLeft" || e.key === "ArrowUp") go(-1);
});
function downloadPptx() {
var p = new PptxGenJS();
p.defineLayout({ name: "WIDE", width: 13.33, height: 7.5 });
p.layout = "WIDE";
SLIDES.forEach(function (s, idx) {
var sl = p.addSlide();
sl.background = { color: "0F1218" };
// Title
sl.addText(s.title, {
x: 0.7, y: 0.5, w: 11.9, h: 1.4,
fontSize: 28, bold: true, color: "FFFFFF",
fontFace: "Arial"
});
// Add left accent line
sl.addShape(p.ShapeType.rect, {
x: 0.7, y: 1.8, w: 0.12, h: 4.8,
line: { type: "none" },
fill: { color: "00B8CC" }
});
// Bullets
sl.addText(s.bullets.map(function (b) {
return { text: b, options: { bullet: true, breakLine: true, fontSize: 16 } };
}), {
x: 1.1, y: 2.0, w: 11.5, h: 4.5,
color: "E4E4E7",
fontFace: "Arial",
lineSpacingMultiple: 1.5
});
// Slide number
sl.addText((idx + 1) + " / " + SLIDES.length, {
x: 12.5, y: 7.1, w: 0.7, h: 0.3,
fontSize: 10, color: "8A8A92", align: "right"
});
});
p.writeFile({ fileName: "dissertatsiya_keshtiru_juiyesi.pptx" });
}
render();
</script>
</body>
</html>