Искам да създадеш цялостно, модерно и интерактивно образователно уеб приложение на тема “”Компютърни архитектури”” за 11. клас, специалност “”Компютърна техника и технологии””. То трябва да работи напълно самостоятелно с HTML, CSS и JavaScript, без база данни. Приложението трябва да демонстрира:
1. **Структура и навигация**:
– Съдържанието да покрива всички точки от предоставения учебен план (раздели 1, 2.1 до 2.4).
– Ляво меню (или хамбургер меню) с търсачка (live search), което филтрира темите.
– Всяка тема да е отделна “”карта”” или секция, която се разгъва/свива.
2. **AI функционалност (виртуален учител)**:
– Добави плаващ чат бутон, който отваря “”Ask AI Assistant””.
– Тъй като нямаме backend, използвай JavaScript, за да симулираш интелигентен асистент с предварително дефинирани отговори, базирани на учебното съдържание. Асистентът трябва да може да обяснява термини като “”CISC vs RISC””, “”Hyper-Threading””, “”DIB архитектура””, “”MMX”” и да задава кратки въпроси към ученика.
3. **Интерактивност и визуализация**:
– **3D модел (Three.js)**: В раздела “”Процесори”” създай 3D модел на чип (куб със златни пинове или анимация на ядра), който се върти и при клик показва информация за многоядрената технология.
– **Интерактивна схема на дънна платка**: SVG или Canvas елемент, в който при hover върху компоненти (CPU сокет, RAM слотове, чипсет) се показва текстова информация.
– **Drag & Drop Quiz**: В раздел “”Провери знанията”” направи малка игра с влачене (drag and drop), където ученикът съпоставя термини (напр. “”BIOS””, “”DRAM””, “”HT Technology””) с техните описания.
4. **Адаптивен дизайн и анимации**:
– Dark theme (тъмен фон) за по-лесно четене и професионален вид.
– Използвай CSS Grid и Flexbox.
– Анимации при скрол (scroll reveal) и плавни преходи.
5. **Технологии**:
– HTML5, CSS3 (със съвременни свойства: backdrop-filter, gradient, transitions).
– Vanilla JavaScript (ES6+).
– Включи Three.js за 3D елементите.
– Не използвай външни бази данни – цялото съдържание да е вградено в JS обекти (JSON), за да може да се търси лесно.
6. **Задължително учебно съдържание**:
Включи всички подточки:
– 1.1 Обща структура, 1.2 Основни функционални блокове.
– 2.1 Захранващ блок.
– 2.2 Микропроцесори (цялата история, CISC/RISC, SMM, MMX, SSE, 3DNow!, Hyper-Threading, Multicore, 64-битови).
– 2.3 Дънни платки (чипсети Intel/AMD, шини, BIOS).
– 2.4 Памети (DRAM, SRAM, SIMM, DIMM, RIMM, ROM, логическа организация).
– 3. Програмна част (Software) – 3.1 Операционни системи. 3.2 Драйвери.
Стреми се крайният резултат да изглежда като професионална образователна платформа, а не просто учебник. Кодът да е единен (single file или няколко файла), добре коментиран и лесен за представяне пред жури.
