sozday-prezentatsiyu-na-temu/index.html

232 lines
11 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="ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Виды связи в Казахстане</title>
<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, "Segoe UI", Roboto, sans-serif; background: linear-gradient(135deg, #0f1218 0%, #1a1f2e 100%); color: #f4f4f5; }
.slide { display: none; min-height: 100vh; padding: 8vh 10vw; flex-direction: column; justify-content: center; }
.slide.on { display: flex; }
.slide h1 { font-size: clamp(34px, 6vw, 64px); margin-bottom: 24px; background: linear-gradient(90deg, #00b8cc, #00d4aa); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.slide h2 { font-size: clamp(24px, 4vw, 42px); margin-bottom: 20px; color: #00d4aa; }
.slide li { font-size: clamp(16px, 2.4vw, 24px); line-height: 1.8; margin-bottom: 12px; list-style: none; padding-left: 32px; position: relative; color: #e4e4e7; }
.slide li::before { content: ""; position: absolute; left: 0; top: .55em; width: 14px; height: 14px; border-radius: 3px; background: linear-gradient(135deg, #00b8cc, #00d4aa); }
.slide .content { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; }
.slide .text-only { display: block; }
.slide img { max-width: 100%; border-radius: 16px; box-shadow: 0 20px 60px rgba(0, 184, 204, 0.15); }
.slide .stat { background: rgba(0, 184, 204, 0.1); border-left: 4px solid #00b8cc; padding: 20px; margin: 20px 0; border-radius: 0 12px 12px 0; }
.slide .stat-number { font-size: clamp(32px, 5vw, 56px); font-weight: bold; color: #00d4aa; }
.slide .stat-label { font-size: clamp(14px, 2vw, 18px); color: #a1a1aa; margin-top: 8px; }
.slide .operators { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin-top: 20px; }
.slide .operator-card { background: rgba(255, 255, 255, 0.05); padding: 16px; border-radius: 12px; border: 1px solid rgba(0, 184, 204, 0.2); }
.slide .operator-name { font-weight: bold; color: #00d4aa; font-size: 18px; margin-bottom: 8px; }
.slide .operator-desc { font-size: 14px; color: #a1a1aa; }
.num { position: fixed; bottom: 18px; right: 22px; color: #8a8a92; font-size: 14px; }
.nav { position: fixed; bottom: 14px; left: 22px; display: flex; gap: 8px; }
.nav button { border: 1px solid #333; background: #171719; color: #f4f4f5; border-radius: 8px; padding: 8px 14px; cursor: pointer; font-size: 14px; transition: all 0.2s; }
.nav button:hover { border-color: #00b8cc; background: #1f1f22; }
.nav .pptx { border-color: #00b8cc; color: #9beeff; }
@media print {
.nav, .num { display: none; }
.slide { display: flex; page-break-after: always; min-height: 100vh; }
}
@media (max-width: 768px) {
.slide .content { grid-template-columns: 1fr; }
.slide .operators { grid-template-columns: 1fr; }
}
</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: [
"Обзор телекоммуникационного рынка",
"Мобильная, фиксированная и интернет-связь",
"Крупнейшие операторы и провайдеры",
"Статистика и тенденции развития",
"2024-2025"
]
},
{
title: "Что такое связь?",
bullets: [
"Связь — это передача информации на расстояние",
"Виды: мобильная, фиксированная, интернет, спутниковая",
"В Казахстане развиты все современные виды связи",
"Рынок регулируется Министерством цифрового развития"
]
},
{
title: "Мобильная связь",
bullets: [
"Самый популярный вид связи в Казахстане",
"Покрытие: 98% населения (2024)",
"Стандарты: 2G, 3G, 4G/LTE, 5G (в тестовом режиме)",
"Более 25 млн абонентов мобильной связи"
]
},
{
title: "Операторы мобильной связи",
bullets: [
"4 основных оператора в Казахстане",
"Конкуренция обеспечивает качественные услуги",
"Постоянное развитие инфраструктуры",
"Внедрение новых технологий"
]
},
{
title: "Kcell / Activ",
bullets: [
"Первый оператор в Казахстане (с 1998 года)",
"Бренды: Kcell (постоплата) и Activ (предоплата)",
"Покрытие: все регионы Казахстана",
"Более 7 млн абонентов",
"Технологии: 2G/3G/4G/LTE"
]
},
{
title: "Beeline Казахстан",
bullets: [
"Входит в международную группу VEON",
"Работает в Казахстане с 2005 года",
"Около 6 млн абонентов",
"Развитая сеть 4G/LTE",
"Услуги: связь, интернет, ТВ, финансовые сервисы"
]
},
{
title: "Tele2 / Altel",
bullets: [
"Tele2 — шведский оператор, работает с 2010 года",
"Altel — 4G-оператор (запущен в 2012)",
"Общая база: более 8 млн абонентов",
"Первый в Казахстане запустил 4G",
"Доступные тарифы и безлимитные опции"
]
},
{
title: "Kazakhtelecom / Kcell",
bullets: [
"Национальный телеком-оператор",
"Владеет брендом Kcell",
"Развивает фиксированную связь и интернет",
"Инфраструктура по всей стране",
"Государственное участие в компании"
]
},
{
title: "Интернет-связь",
bullets: [
"Проникновение интернета: 90%+ населения",
"Средняя скорость: 50-100 Мбит/с (город)",
"Развитие волоконно-оптических сетей",
"Популяризация мобильного интернета"
]
},
{
title: "Провайдеры интернета",
bullets: [
"Kazakhtelecom — крупнейший национальный провайдер",
"Beeline, Tele2, Altel — мобильный интернет",
"Региональные провайдеры: AlmaTV, Sats, NurTelecom",
"Спутниковый интернет: в отдалённых районах"
]
},
{
title: "Фиксированная связь",
bullets: [
"Традиционная проводная телефония",
"Постепенно уступает место мобильной связи",
"Используется в офисах и госучреждениях",
"Kazakhtelecom — основной оператор",
"Интеграция с IP-телефонией"
]
},
{
title: "Спутниковая связь",
bullets: [
"Для отдалённых и труднодоступных районов",
"Оператор: KazSat (национальный спутник)",
"Используется: ТВ-вещание, интернет, связь",
"Важна для сельской местности и экспедиций",
"Планы по запуску новых спутников"
]
},
{
title: "5G в Казахстане",
bullets: [
"Тестовые зоны 5G запущены в Алматы и Астане",
"Операторы: Beeline, Tele2, Kcell",
"Полноценный запуск: 2025-2026 годы",
"Скорость до 1 Гбит/с",
"Применение: умные города, IoT, телемедицина"
]
},
{
title: "Цифровизация и будущее",
bullets: [
"Программа «Цифровой Казахстан»",
"Развитие инфраструктуры в сёлах",
"Увеличение скорости интернета",
"Внедрение IoT и умных технологий",
"Рост кибербезопасности"
]
},
{
title: "Итоги",
bullets: [
"Казахстан — современный телеком-рынок",
"4 мобильных оператора с покрытием по всей стране",
"90%+ населения пользуются интернетом",
"Активное внедрение 5G и новых технологий",
"Доступные услуги связи для всех регионов"
]
}
];
// =================================================================
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><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 === " ") go(1);
if (e.key === "ArrowLeft") go(-1);
});
function downloadPptx() {
var p = new PptxGenJS();
p.defineLayout({ name: "W", width: 13.33, height: 7.5 });
p.layout = "W";
SLIDES.forEach(function (s) {
var sl = p.addSlide();
sl.background = { color: "0F1218" };
sl.addText(s.title, { x: 0.7, y: 0.5, w: 12, h: 1.2, fontSize: 36, bold: true, color: "00D4AA" });
sl.addText(s.bullets.map(function (b) { return { text: b, options: { bullet: true, breakLine: true } }; }),
{ x: 0.9, y: 2.0, w: 11.5, h: 4.8, fontSize: 18, color: "E4E4E7", lineSpacingMultiple: 1.4 });
});
p.writeFile({ fileName: "Виды_связи_Казахстан.pptx" });
}
render();
</script>
</body>
</html>