selfrelease
1204 lines
65 KiB
HTML
1204 lines
65 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>教师岗位胜任力数字化管理方案 | K12C</title>
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reveal.js@4.5.0/dist/reveal.css">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reveal.js@4.5.0/dist/theme/white.css">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome@6.4.0/css/all.min.css">
|
|
<style>
|
|
:root {
|
|
--primary: #2563eb;
|
|
--secondary: #059669;
|
|
--accent: #7c3aed;
|
|
--warning: #f59e0b;
|
|
--danger: #ef4444;
|
|
--text: #0f172a;
|
|
--muted: #64748b;
|
|
--border: #e2e8f0;
|
|
--bg: #f8fafc;
|
|
--white: #ffffff;
|
|
}
|
|
|
|
body {
|
|
font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
|
|
}
|
|
|
|
.reveal {
|
|
font-size: 16px;
|
|
}
|
|
|
|
.reveal .slides section {
|
|
background: var(--white);
|
|
padding: 40px 60px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
/* 顶部渐变线 */
|
|
.reveal .slides section::before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0; left: 0; right: 0; height: 3px;
|
|
background: linear-gradient(90deg, #2563eb, #7c3aed, #059669);
|
|
z-index: 10;
|
|
}
|
|
|
|
.reveal h2 {
|
|
font-size: 1.3em;
|
|
font-weight: 700;
|
|
color: var(--text);
|
|
margin-bottom: 0.5em;
|
|
padding-bottom: 0.3em;
|
|
border-bottom: 1px solid var(--border);
|
|
}
|
|
|
|
.reveal h2::before {
|
|
content: '';
|
|
display: inline-block;
|
|
width: 5px; height: 1em;
|
|
background: linear-gradient(180deg, #2563eb, #7c3aed);
|
|
border-radius: 3px;
|
|
margin-right: 10px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.reveal p { font-size: 0.9em; color: var(--muted); line-height: 1.6; }
|
|
.reveal ul { font-size: 0.85em; line-height: 1.7; }
|
|
.reveal li { margin-bottom: 6px; }
|
|
|
|
/* ===== 封面 ===== */
|
|
.cover-slide {
|
|
background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 40%, #2563eb 100%) !important;
|
|
display: flex !important;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
text-align: center !important;
|
|
position: relative;
|
|
}
|
|
.cover-slide::before { display: none; }
|
|
.cover-slide .logo {
|
|
width: 80px; height: 80px;
|
|
background: rgba(255,255,255,0.1);
|
|
border: 1px solid rgba(255,255,255,0.2);
|
|
border-radius: 22px;
|
|
display: flex; align-items: center; justify-content: center;
|
|
margin-bottom: 2em;
|
|
}
|
|
.cover-slide .logo i { font-size: 2.4em; color: #fff; }
|
|
.cover-slide h1 {
|
|
color: #fff;
|
|
font-size: 1.8em;
|
|
margin-bottom: 0.4em;
|
|
text-shadow: 0 4px 20px rgba(0,0,0,0.3);
|
|
}
|
|
.cover-slide .subtitle {
|
|
color: rgba(255,255,255,0.85);
|
|
font-size: 1.1em;
|
|
letter-spacing: 0.1em;
|
|
margin-bottom: 1em;
|
|
}
|
|
.cover-slide .divider {
|
|
width: 60px; height: 3px;
|
|
background: linear-gradient(90deg, #2563eb, #7c3aed);
|
|
border-radius: 2px;
|
|
margin-bottom: 1.2em;
|
|
}
|
|
.cover-slide .meta {
|
|
color: rgba(255,255,255,0.5);
|
|
font-size: 0.8em;
|
|
}
|
|
.cover-slide .badge {
|
|
margin-top: 1.4em;
|
|
padding: 8px 24px;
|
|
background: rgba(255,255,255,0.08);
|
|
border: 1px solid rgba(255,255,255,0.18);
|
|
border-radius: 9999px;
|
|
font-size: 0.78em;
|
|
color: rgba(255,255,255,0.85);
|
|
}
|
|
|
|
/* ===== 章节页 ===== */
|
|
.section-slide {
|
|
background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 40%, #2563eb 100%) !important;
|
|
display: flex !important;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
text-align: center !important;
|
|
position: relative;
|
|
}
|
|
.section-slide::before { display: none; }
|
|
.section-slide .snum {
|
|
font-size: 8em; font-weight: 800; color: #fff;
|
|
opacity: 0.06; line-height: 1;
|
|
position: absolute;
|
|
}
|
|
.section-slide .sicon {
|
|
width: 88px; height: 88px;
|
|
background: rgba(255,255,255,0.1);
|
|
border: 1px solid rgba(255,255,255,0.2);
|
|
border-radius: 24px;
|
|
display: flex; align-items: center; justify-content: center;
|
|
margin-bottom: 1.2em;
|
|
}
|
|
.section-slide .sicon i { font-size: 2.2em; color: #fff; }
|
|
.section-slide h2 {
|
|
color: #fff; border: none; font-size: 2em;
|
|
margin: 0; letter-spacing: 0.06em;
|
|
}
|
|
.section-slide h2::before { display: none; }
|
|
.section-slide > p { color: rgba(255,255,255,0.6); font-size: 0.9em; margin-top: 0.5em; }
|
|
.section-slide .dots {
|
|
display: flex; gap: 6px; margin-top: 2em;
|
|
}
|
|
.section-slide .dots span {
|
|
width: 24px; height: 3px;
|
|
background: rgba(255,255,255,0.2);
|
|
border-radius: 2px;
|
|
}
|
|
.section-slide .dots span.on { background: rgba(255,255,255,0.7); width: 36px; }
|
|
|
|
/* ===== 通用网格 ===== */
|
|
.r { display: grid; gap: 16px; flex: 1; }
|
|
.r2 { grid-template-columns: 1fr 1fr; }
|
|
.r3 { grid-template-columns: repeat(3, 1fr); }
|
|
.r4 { grid-template-columns: repeat(4, 1fr); }
|
|
.r5 { grid-template-columns: repeat(5, 1fr); }
|
|
|
|
/* ===== 标题区 ===== */
|
|
.title-bar {
|
|
display: flex; align-items: center; gap: 12px;
|
|
margin-bottom: 0.5em;
|
|
}
|
|
.title-icon {
|
|
width: 38px; height: 38px;
|
|
background: linear-gradient(135deg, #2563eb, #3b82f6);
|
|
border-radius: 8px;
|
|
display: flex; align-items: center; justify-content: center;
|
|
flex-shrink: 0;
|
|
}
|
|
.title-icon i { color: #fff; font-size: 0.85em; }
|
|
|
|
/* ===== 卡片 ===== */
|
|
.card {
|
|
background: var(--white);
|
|
border-radius: 12px;
|
|
padding: 16px;
|
|
border: 1px solid var(--border);
|
|
box-shadow: 0 2px 8px rgba(15,23,42,0.06);
|
|
transition: all 0.2s;
|
|
}
|
|
.card:hover {
|
|
box-shadow: 0 8px 24px rgba(15,23,42,0.1);
|
|
transform: translateY(-2px);
|
|
}
|
|
.ci {
|
|
width: 42px; height: 42px; border-radius: 8px;
|
|
display: flex; align-items: center; justify-content: center;
|
|
margin-bottom: 12px;
|
|
}
|
|
.ci.blue { background: linear-gradient(135deg, #2563eb, #3b82f6); }
|
|
.ci.green { background: linear-gradient(135deg, #059669, #10b981); }
|
|
.ci.purple { background: linear-gradient(135deg, #7c3aed, #8b5cf6); }
|
|
.ci.orange { background: linear-gradient(135deg, #f59e0b, #fbbf24); }
|
|
.ci i { color: #fff; }
|
|
.card h3 { font-size: 0.9em; margin-bottom: 6px; color: var(--text); }
|
|
.card p { font-size: 0.72em !important; margin: 0; }
|
|
|
|
/* ===== 胜任力卡片 ===== */
|
|
.cc {
|
|
background: var(--white);
|
|
border-radius: 12px;
|
|
padding: 14px 10px;
|
|
text-align: center;
|
|
border: 1px solid var(--border);
|
|
box-shadow: 0 1px 4px rgba(15,23,42,0.04);
|
|
transition: all 0.2s;
|
|
}
|
|
.cc:hover {
|
|
border-color: #3b82f6;
|
|
box-shadow: 0 8px 24px rgba(37,99,235,0.1);
|
|
transform: translateY(-3px);
|
|
}
|
|
.cbad {
|
|
width: 38px; height: 38px;
|
|
background: linear-gradient(135deg, #2563eb, #3b82f6);
|
|
border-radius: 50%;
|
|
display: flex; align-items: center; justify-content: center;
|
|
margin: 0 auto 10px;
|
|
color: #fff; font-weight: 700; font-size: 0.88em;
|
|
}
|
|
.cbad.g { background: linear-gradient(135deg, #059669, #10b981); }
|
|
.cbad.p { background: linear-gradient(135deg, #7c3aed, #8b5cf6); }
|
|
.cbad.o { background: linear-gradient(135deg, #f59e0b, #fbbf24); }
|
|
.cbad.r { background: linear-gradient(135deg, #ef4444, #f87171); }
|
|
.cc h3 { font-size: 0.8em; margin-bottom: 6px; color: var(--text); line-height: 1.4; }
|
|
.cc p { font-size: 0.68em !important; margin: 0; }
|
|
|
|
/* ===== 目录 ===== */
|
|
.toc-grid {
|
|
display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px;
|
|
margin-top: 0.6em; flex: 1;
|
|
}
|
|
.toc-card {
|
|
background: var(--white); border-radius: 12px;
|
|
padding: 20px 16px; border: 1px solid var(--border);
|
|
box-shadow: 0 1px 4px rgba(15,23,42,0.04);
|
|
transition: all 0.2s;
|
|
}
|
|
.toc-card:hover {
|
|
box-shadow: 0 8px 24px rgba(15,23,42,0.1);
|
|
transform: translateY(-3px);
|
|
border-color: #2563eb;
|
|
}
|
|
.toc-card .ti {
|
|
width: 34px; height: 34px; border-radius: 8px;
|
|
display: flex; align-items: center; justify-content: center;
|
|
margin-bottom: 12px;
|
|
}
|
|
.ti i { color: #fff; font-size: 0.85em; }
|
|
.toc-card .n {
|
|
font-size: 1.8em; font-weight: 800;
|
|
color: #2563eb; opacity: 0.12;
|
|
line-height: 1; margin-bottom: 4px;
|
|
}
|
|
.toc-card h3 { font-size: 0.88em; margin-bottom: 4px; color: var(--text); }
|
|
.toc-card p { font-size: 0.72em !important; margin: 0; }
|
|
|
|
/* ===== 痛点 ===== */
|
|
.pain { display: grid; grid-template-columns: 1fr 1fr; flex: 1; }
|
|
.pain-col { display: flex; flex-direction: column; }
|
|
.pi {
|
|
display: flex; align-items: flex-start;
|
|
padding: 14px 16px;
|
|
border-bottom: 1px solid var(--border);
|
|
border-left: 3px solid transparent;
|
|
transition: all 0.15s;
|
|
}
|
|
.pi:last-child { border-bottom: none; }
|
|
.pi:hover { border-left-color: #ef4444; background: #fef2f2; }
|
|
.pi-ic {
|
|
width: 34px; height: 34px; border-radius: 8px;
|
|
background: #fef2f2;
|
|
display: flex; align-items: center; justify-content: center;
|
|
margin-right: 12px; flex-shrink: 0;
|
|
}
|
|
.pi-ic i { color: #ef4444; font-size: 0.88em; }
|
|
.pi h4 { font-size: 0.85em; margin-bottom: 2px; color: var(--text); }
|
|
.pi p { font-size: 0.72em !important; margin: 0; }
|
|
|
|
/* ===== 雷达图 ===== */
|
|
.radar-wrap { display: flex; align-items: center; gap: 24px; flex: 1; }
|
|
.rleg { flex: 1; }
|
|
.lr {
|
|
display: flex; align-items: center;
|
|
padding: 10px 14px;
|
|
background: var(--white);
|
|
border-radius: 8px; margin-bottom: 8px;
|
|
border: 1px solid var(--border);
|
|
border-left-width: 3px;
|
|
transition: all 0.15s;
|
|
}
|
|
.lr:hover { box-shadow: 0 4px 12px rgba(15,23,42,0.08); transform: translateX(3px); }
|
|
.lr strong { font-size: 0.82em; margin-left: 10px; color: var(--text); }
|
|
.lr span { font-size: 0.78em; margin-left: auto; color: var(--muted); font-weight: 600; }
|
|
.lr.k1 { border-color: #2563eb; }
|
|
.lr.k2 { border-color: #059669; }
|
|
.lr.k3 { border-color: #7c3aed; }
|
|
.lr.k4 { border-color: #f59e0b; }
|
|
.lr.k5 { border-color: #ef4444; }
|
|
|
|
/* ===== 表格 ===== */
|
|
.tbl {
|
|
width: 100%; border-collapse: separate; border-spacing: 0;
|
|
margin-top: 0.4em; font-size: 0.75em;
|
|
border-radius: 12px; overflow: hidden;
|
|
box-shadow: 0 1px 4px rgba(15,23,42,0.06);
|
|
border: 1px solid var(--border);
|
|
}
|
|
.tbl th {
|
|
background: linear-gradient(135deg, #2563eb, #3b82f6);
|
|
color: #fff; padding: 12px 14px;
|
|
text-align: left; font-weight: 600;
|
|
}
|
|
.tbl td {
|
|
padding: 12px 14px;
|
|
border-bottom: 1px solid var(--border);
|
|
background: var(--white);
|
|
color: var(--muted);
|
|
}
|
|
.tbl tr:last-child td { border-bottom: none; }
|
|
.tbl tr:hover td { background: var(--bg); }
|
|
.tbl td strong { color: var(--text); }
|
|
.wb { height: 8px; background: var(--bg); border-radius: 4px; overflow: hidden; }
|
|
.wf { height: 100%; border-radius: 4px; background: linear-gradient(90deg, #2563eb, #3b82f6); }
|
|
.wf.g { background: linear-gradient(90deg, #059669, #10b981); }
|
|
.wf.p { background: linear-gradient(90deg, #7c3aed, #8b5cf6); }
|
|
.wf.o { background: linear-gradient(90deg, #f59e0b, #fbbf24); }
|
|
|
|
/* ===== 四象限 ===== */
|
|
.qgrid { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 12px; flex: 1; }
|
|
.q {
|
|
background: var(--white); border-radius: 12px; padding: 16px 12px;
|
|
display: flex; flex-direction: column;
|
|
justify-content: center; align-items: center; text-align: center;
|
|
border: 2px solid; transition: all 0.2s;
|
|
}
|
|
.q:hover { transform: scale(1.04); }
|
|
.q.q1 { border-color: #10b981; background: linear-gradient(135deg, #ecfdf5, #d1fae5); }
|
|
.q.q2 { border-color: #f59e0b; background: linear-gradient(135deg, #fffbeb, #fef3c7); }
|
|
.q.q3 { border-color: #8b5cf6; background: linear-gradient(135deg, #f5f3ff, #ede9fe); }
|
|
.q.q4 { border-color: #ef4444; background: linear-gradient(135deg, #fef2f2, #fee2e2); }
|
|
.q i { font-size: 1.5em; margin-bottom: 8px; }
|
|
.q.q1 i { color: #10b981; }
|
|
.q.q2 i { color: #f59e0b; }
|
|
.q.q3 i { color: #8b5cf6; }
|
|
.q.q4 i { color: #ef4444; }
|
|
.q h3 { font-size: 0.82em; margin-bottom: 4px; color: var(--text); }
|
|
.q p { font-size: 0.7em !important; margin: 0; }
|
|
|
|
/* ===== 流程 ===== */
|
|
.flow { display: flex; align-items: center; justify-content: space-between; position: relative; padding: 0 24px; }
|
|
.flow::before {
|
|
content: ''; position: absolute; top: 28px; left: 64px; right: 64px;
|
|
height: 3px;
|
|
background: linear-gradient(90deg, #2563eb, #7c3aed, #059669);
|
|
border-radius: 2px; z-index: 0;
|
|
}
|
|
.fs { position: relative; z-index: 1; text-align: center; flex: 1; }
|
|
.fc {
|
|
width: 56px; height: 56px; border-radius: 50%;
|
|
display: flex; align-items: center; justify-content: center;
|
|
margin: 0 auto 10px; color: #fff; font-size: 1.2em;
|
|
box-shadow: 0 4px 12px rgba(15,23,42,0.15);
|
|
transition: all 0.2s;
|
|
}
|
|
.fs:hover .fc { transform: translateY(-4px); box-shadow: 0 8px 24px rgba(15,23,42,0.2); }
|
|
.fc.c1 { background: linear-gradient(135deg, #2563eb, #3b82f6); }
|
|
.fc.c2 { background: linear-gradient(135deg, #7c3aed, #8b5cf6); }
|
|
.fc.c3 { background: linear-gradient(135deg, #059669, #10b981); }
|
|
.fc.c4 { background: linear-gradient(135deg, #f59e0b, #fbbf24); }
|
|
.fl { font-weight: 600; font-size: 0.85em; margin-bottom: 2px; color: var(--text); }
|
|
.fd { font-size: 0.7em; color: var(--muted); }
|
|
|
|
/* ===== 问卷预览 ===== */
|
|
.qprev {
|
|
background: var(--white); border-radius: 12px;
|
|
padding: 16px; box-shadow: 0 2px 8px rgba(15,23,42,0.06);
|
|
border: 1px solid var(--border);
|
|
height: 100%; overflow-y: auto;
|
|
}
|
|
.qprev-h {
|
|
display: flex; align-items: center; gap: 10px;
|
|
margin-bottom: 14px; padding-bottom: 10px;
|
|
border-bottom: 2px solid var(--border);
|
|
}
|
|
.qprev-h i { color: #2563eb; }
|
|
.qprev-h span { font-size: 0.88em; font-weight: 600; color: var(--text); }
|
|
.qr { margin-bottom: 10px; padding: 10px 12px; background: var(--bg); border-radius: 0 8px 8px 0; border-left: 3px solid #2563eb; }
|
|
.qr p { font-size: 0.78em !important; font-weight: 500; margin-bottom: 6px; color: var(--text); }
|
|
.rat { display: flex; gap: 5px; }
|
|
.rat span { width: 24px; height: 24px; border-radius: 4px; background: var(--white); border: 1px solid var(--border); display: flex; align-items: center; justify-content: center; font-size: 0.65em; color: var(--muted); }
|
|
|
|
/* ===== 成果卡片 ===== */
|
|
.rc { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
|
|
.rcard {
|
|
background: var(--white); border-radius: 16px;
|
|
padding: 22px 16px; text-align: center;
|
|
border: 1px solid var(--border);
|
|
box-shadow: 0 2px 8px rgba(15,23,42,0.06);
|
|
position: relative; overflow: hidden;
|
|
transition: all 0.2s;
|
|
}
|
|
.rcard:hover { box-shadow: 0 16px 40px rgba(15,23,42,0.12); transform: translateY(-4px); }
|
|
.rcard::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; }
|
|
.rcard:nth-child(1)::before { background: linear-gradient(90deg, #2563eb, #3b82f6); }
|
|
.rcard:nth-child(2)::before { background: linear-gradient(90deg, #059669, #10b981); }
|
|
.rcard:nth-child(3)::before { background: linear-gradient(90deg, #7c3aed, #8b5cf6); }
|
|
.rcard .v {
|
|
font-size: 2.4em; font-weight: 800; line-height: 1.1;
|
|
background: linear-gradient(135deg, #2563eb, #3b82f6);
|
|
-webkit-background-clip: text; -webkit-text-fill-color: transparent;
|
|
background-clip: text;
|
|
}
|
|
.rcard:nth-child(2) .v { background: linear-gradient(135deg, #059669, #10b981); -webkit-background-clip: text; background-clip: text; }
|
|
.rcard:nth-child(3) .v { background: linear-gradient(135deg, #7c3aed, #8b5cf6); -webkit-background-clip: text; background-clip: text; }
|
|
.rcard h3 { font-size: 0.82em; margin: 6px 0; color: var(--text); }
|
|
.rcard p { font-size: 0.7em !important; margin: 0; }
|
|
|
|
/* ===== 时间轴 ===== */
|
|
.tl { position: relative; padding-left: 30px; flex: 1; }
|
|
.tl::before { content: ''; position: absolute; left: 8px; top: 0; bottom: 0; width: 3px; background: linear-gradient(180deg, #2563eb, #059669); border-radius: 2px; }
|
|
.tli { position: relative; padding-bottom: 20px; }
|
|
.tli::before { content: ''; position: absolute; left: -26px; top: 4px; width: 14px; height: 14px; background: var(--white); border: 3px solid #2563eb; border-radius: 50%; box-shadow: 0 0 0 4px rgba(37,99,235,0.15); }
|
|
.tli .ph { font-size: 0.78em; color: #2563eb; font-weight: 600; margin-bottom: 3px; }
|
|
.tli h3 { font-size: 0.88em; margin-bottom: 3px; color: var(--text); }
|
|
.tli p { font-size: 0.72em !important; margin: 0; }
|
|
|
|
/* ===== 功能面板 ===== */
|
|
.feat { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
|
|
.fb { background: var(--white); border-radius: 12px; padding: 14px; border: 1px solid var(--border); box-shadow: 0 1px 4px rgba(15,23,42,0.04); }
|
|
.fb.full { grid-column: span 2; }
|
|
.fb-h { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
|
|
.fih { width: 32px; height: 32px; border-radius: 8px; display: flex; align-items: center; justify-content: center; }
|
|
.fb-h h4 { font-size: 0.82em; margin: 0; color: var(--text); }
|
|
.fb ul { font-size: 0.72em; margin: 0; padding-left: 1.1em; color: var(--muted); }
|
|
.fb ul li { margin-bottom: 3px; }
|
|
.fb-tags { display: flex; gap: 12px; font-size: 0.72em; color: var(--muted); margin-top: 8px; flex-wrap: wrap; }
|
|
.fb-tags span { display: flex; align-items: center; gap: 4px; }
|
|
|
|
/* ===== 面板 ===== */
|
|
.panel { background: var(--bg); border-radius: 8px; padding: 14px; border-left: 3px solid #2563eb; }
|
|
.panel.green { border-left-color: #059669; }
|
|
.pr { display: flex; justify-content: space-between; align-items: center; font-size: 0.78em; margin-bottom: 8px; }
|
|
.pr:last-child { margin-bottom: 0; }
|
|
.pr strong { color: var(--text); }
|
|
|
|
/* ===== CTA ===== */
|
|
.cta-slide {
|
|
background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 40%, #2563eb 100%) !important;
|
|
display: flex !important; flex-direction: column;
|
|
justify-content: center; align-items: center;
|
|
text-align: center !important;
|
|
position: relative;
|
|
}
|
|
.cta-slide::before { display: none; }
|
|
.cta-slide h2 { color: #fff; border: none; font-size: 1.8em; }
|
|
.cta-slide h2::before { display: none; }
|
|
.cta-slide > p { color: rgba(255,255,255,0.8); font-size: 1em; margin-bottom: 1.6em; }
|
|
.cta-btns { display: flex; gap: 14px; justify-content: center; }
|
|
.cta-btn { padding: 14px 32px; border-radius: 9999px; font-size: 0.88em; font-weight: 600; transition: all 0.2s; }
|
|
.cta-btn.p { background: #fff; color: #2563eb; box-shadow: 0 4px 16px rgba(0,0,0,0.2); }
|
|
.cta-btn.p:hover { transform: translateY(-3px); box-shadow: 0 8px 32px rgba(0,0,0,0.3); }
|
|
.cta-btn.s { background: rgba(255,255,255,0.08); color: #fff; border: 1px solid rgba(255,255,255,0.25); }
|
|
.cta-btn.s:hover { background: rgba(255,255,255,0.15); border-color: rgba(255,255,255,0.4); transform: translateY(-3px); }
|
|
.cta-c { margin-top: 2.4em; display: flex; gap: 28px; color: rgba(255,255,255,0.5); font-size: 0.8em; }
|
|
.cta-c span { display: flex; align-items: center; gap: 6px; }
|
|
|
|
/* ===== 感谢页 ===== */
|
|
.thanks-slide {
|
|
background: var(--bg) !important;
|
|
display: flex !important; flex-direction: column;
|
|
justify-content: center; align-items: center;
|
|
text-align: center !important;
|
|
}
|
|
.thanks-slide::before { display: none; }
|
|
.thx-ic {
|
|
width: 96px; height: 96px;
|
|
background: linear-gradient(135deg, #2563eb, #3b82f6);
|
|
border-radius: 24px;
|
|
display: flex; align-items: center; justify-content: center;
|
|
margin: 0 auto 28px;
|
|
box-shadow: 0 8px 24px rgba(37,99,235,0.25);
|
|
transition: all 0.2s;
|
|
}
|
|
.thx-ic:hover { transform: translateY(-4px) scale(1.05); box-shadow: 0 16px 40px rgba(37,99,235,0.35); }
|
|
.thx-ic i { font-size: 2.6em; color: #fff; }
|
|
.thanks-slide h1 { color: #2563eb; margin-bottom: 0.3em; }
|
|
.thanks-slide > p { color: var(--muted); margin-bottom: 2em; font-size: 0.9em; }
|
|
.thx-c { display: flex; gap: 36px; justify-content: center; color: var(--muted); font-size: 0.85em; }
|
|
.thx-c > div { display: flex; align-items: center; gap: 8px; }
|
|
.thx-c i { color: #2563eb; }
|
|
|
|
/* ===== 产品截图 ===== */
|
|
.proto-img {
|
|
max-width: 100%;
|
|
max-height: 480px;
|
|
border-radius: 12px;
|
|
box-shadow: 0 8px 32px rgba(15,23,42,0.15);
|
|
border: 1px solid var(--border);
|
|
}
|
|
.proto-caption {
|
|
font-size: 0.78em;
|
|
color: var(--muted);
|
|
text-align: center;
|
|
margin-top: 8px;
|
|
}
|
|
.proto-badge {
|
|
display: inline-block;
|
|
padding: 3px 10px;
|
|
background: linear-gradient(135deg, #2563eb, #3b82f6);
|
|
color: #fff;
|
|
border-radius: 9999px;
|
|
font-size: 0.65em;
|
|
font-weight: 600;
|
|
margin-right: 8px;
|
|
}
|
|
|
|
@media print {
|
|
.reveal .slides section { page-break-after: always; }
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="reveal">
|
|
<div class="slides">
|
|
|
|
<!-- 1. 封面 -->
|
|
<section class="cover-slide">
|
|
<div class="logo"><i class="fas fa-graduation-cap"></i></div>
|
|
<h1>教师岗位胜任力<br>数字化管理方案</h1>
|
|
<div class="subtitle">科学评估 · 精准发展 · 智能追踪</div>
|
|
<div class="divider"></div>
|
|
<div class="meta">
|
|
<p>K12 学校教师能力提升解决方案</p>
|
|
<p style="margin-top:6px;">2024 年度</p>
|
|
</div>
|
|
<div class="badge">
|
|
<i class="fas fa-sparkles" style="margin-right:6px;"></i>
|
|
数字化 · 智能化 · 个性化
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 2. 目录 -->
|
|
<section>
|
|
<div class="title-bar">
|
|
<div class="title-icon"><i class="fas fa-list-ul"></i></div>
|
|
<h2>方案目录</h2>
|
|
</div>
|
|
<div class="toc-grid">
|
|
<div class="toc-card">
|
|
<div class="ti" style="background:linear-gradient(135deg,#ef4444,#f87171);"><i class="fas fa-exclamation-circle"></i></div>
|
|
<div class="n">01</div>
|
|
<h3>背景与挑战</h3>
|
|
<p>当前教师管理的痛点分析</p>
|
|
</div>
|
|
<div class="toc-card">
|
|
<div class="ti" style="background:linear-gradient(135deg,#059669,#10b981);"><i class="fas fa-lightbulb"></i></div>
|
|
<div class="n">02</div>
|
|
<h3>解决方案</h3>
|
|
<p>数字化胜任力管理新思路</p>
|
|
</div>
|
|
<div class="toc-card">
|
|
<div class="ti" style="background:linear-gradient(135deg,#2563eb,#3b82f6);"><i class="fas fa-chart-pie"></i></div>
|
|
<div class="n">03</div>
|
|
<h3>核心框架</h3>
|
|
<p>五维胜任力模型详解</p>
|
|
</div>
|
|
<div class="toc-card">
|
|
<div class="ti" style="background:linear-gradient(135deg,#f59e0b,#fbbf24);"><i class="fas fa-database"></i></div>
|
|
<div class="n">04</div>
|
|
<h3>数据采集</h3>
|
|
<p>多维度数据来源设计</p>
|
|
</div>
|
|
<div class="toc-card">
|
|
<div class="ti" style="background:linear-gradient(135deg,#7c3aed,#8b5cf6);"><i class="fas fa-robot"></i></div>
|
|
<div class="n">05</div>
|
|
<h3>AI 赋能</h3>
|
|
<p>智能分析与个性化推荐</p>
|
|
</div>
|
|
<div class="toc-card">
|
|
<div class="ti" style="background:linear-gradient(135deg,#0f172a,#1e3a5f);"><i class="fas fa-rocket"></i></div>
|
|
<div class="n">06</div>
|
|
<h3>实施路径</h3>
|
|
<p>落地步骤与预期成果</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 3. 章节：背景与挑战 -->
|
|
<section class="section-slide">
|
|
<div class="snum">01</div>
|
|
<div class="sicon"><i class="fas fa-exclamation-circle"></i></div>
|
|
<h2>背景与挑战</h2>
|
|
<p>教师管理的现状与痛点</p>
|
|
<div class="dots"><span class="on"></span><span></span><span></span><span></span><span></span><span></span></div>
|
|
</section>
|
|
|
|
<!-- 4. 痛点分析 -->
|
|
<section>
|
|
<div class="title-bar">
|
|
<div class="title-icon"><i class="fas fa-exclamation-triangle"></i></div>
|
|
<h2>学校面临的挑战</h2>
|
|
</div>
|
|
<div class="pain">
|
|
<div class="pain-col">
|
|
<div class="pi">
|
|
<div class="pi-ic"><i class="fas fa-question-circle"></i></div>
|
|
<div><h4>评估标准模糊</h4><p>缺乏科学的教师能力评估体系，评价主观性强</p></div>
|
|
</div>
|
|
<div class="pi">
|
|
<div class="pi-ic"><i class="fas fa-chart-line"></i></div>
|
|
<div><h4>培训效果难量化</h4><p>培训投入大，但效果难以衡量和追踪</p></div>
|
|
</div>
|
|
<div class="pi">
|
|
<div class="pi-ic"><i class="fas fa-user-minus"></i></div>
|
|
<div><h4>人才难识别</h4><p>优秀教师难发现，短板教师难辅导</p></div>
|
|
</div>
|
|
</div>
|
|
<div class="pain-col">
|
|
<div class="pi">
|
|
<div class="pi-ic"><i class="fas fa-road"></i></div>
|
|
<div><h4>发展路径不清晰</h4><p>教师职业发展方向不明确，缺乏规划</p></div>
|
|
</div>
|
|
<div class="pi">
|
|
<div class="pi-ic"><i class="fas fa-users-cog"></i></div>
|
|
<div><h4>岗位配置困难</h4><p>难以根据教师能力特点进行精准岗位匹配</p></div>
|
|
</div>
|
|
<div class="pi">
|
|
<div class="pi-ic"><i class="fas fa-file-alt"></i></div>
|
|
<div><h4>数据分散</h4><p>教学数据、家校沟通、教研成果分散在不同系统</p></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 5. 章节：解决方案 -->
|
|
<section class="section-slide">
|
|
<div class="snum">02</div>
|
|
<div class="sicon"><i class="fas fa-lightbulb"></i></div>
|
|
<h2>解决方案</h2>
|
|
<p>数字化胜任力管理新范式</p>
|
|
<div class="dots"><span></span><span class="on"></span><span></span><span></span><span></span><span></span></div>
|
|
</section>
|
|
|
|
<!-- 6. 方案概述 -->
|
|
<section>
|
|
<div class="title-bar">
|
|
<div class="title-icon"><i class="fas fa-layer-group"></i></div>
|
|
<h2>解决方案概述</h2>
|
|
</div>
|
|
<p style="text-align:center;margin-bottom:0.4em;">构建科学的教师岗位胜任力数字化管理体系</p>
|
|
<div class="r r3" style="margin-top:0.4em;flex:1;">
|
|
<div class="card">
|
|
<div class="ci blue"><i class="fas fa-sitemap"></i></div>
|
|
<h3>岗位化模型</h3>
|
|
<p>按学科教师、班主任、管理者等角色，差异化定义胜任力</p>
|
|
</div>
|
|
<div class="card">
|
|
<div class="ci green"><i class="fas fa-tasks"></i></div>
|
|
<h3>多维度评估</h3>
|
|
<p>自评 + 互评 + 上级评价 + 学生反馈，多视角全面评估</p>
|
|
</div>
|
|
<div class="card">
|
|
<div class="ci purple"><i class="fas fa-brain"></i></div>
|
|
<h3>AI 智能分析</h3>
|
|
<p>AI 引擎融合数据，发现短板，推荐发展路径</p>
|
|
</div>
|
|
<div class="card">
|
|
<div class="ci orange"><i class="fas fa-chart-bar"></i></div>
|
|
<h3>可视化看板</h3>
|
|
<p>管理驾驶舱，实时掌握全校教师能力分布</p>
|
|
</div>
|
|
<div class="card">
|
|
<div class="ci blue"><i class="fas fa-route"></i></div>
|
|
<h3>个性化发展</h3>
|
|
<p>AI 生成个人发展计划（PDP），追踪成长轨迹</p>
|
|
</div>
|
|
<div class="card">
|
|
<div class="ci green"><i class="fas fa-cogs"></i></div>
|
|
<h3>智能配置</h3>
|
|
<p>基于能力画像的岗位配置建议，人岗匹配</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 7. 核心价值主张 -->
|
|
<section>
|
|
<div class="title-bar">
|
|
<div class="title-icon" style="background:linear-gradient(135deg,#059669,#10b981);"><i class="fas fa-gem"></i></div>
|
|
<h2>核心价值主张</h2>
|
|
</div>
|
|
<div class="r r4" style="margin-top:0.8em;flex:1;">
|
|
<div class="cc">
|
|
<div class="cbad">1</div>
|
|
<h3>科学化</h3>
|
|
<p>基于胜任力模型的标准化评估体系</p>
|
|
</div>
|
|
<div class="cc">
|
|
<div class="cbad p">2</div>
|
|
<h3>智能化</h3>
|
|
<p>AI 赋能评估、分析、推荐全流程</p>
|
|
</div>
|
|
<div class="cc">
|
|
<div class="cbad o">3</div>
|
|
<h3>可视化</h3>
|
|
<p>数据看板驱动管理决策</p>
|
|
</div>
|
|
<div class="cc">
|
|
<div class="cbad g">4</div>
|
|
<h3>个性化</h3>
|
|
<p>差异化岗位配置与成长路径</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 7b. 产品截图：管理驾驶舱 -->
|
|
<section>
|
|
<div class="title-bar">
|
|
<div class="title-icon" style="background:linear-gradient(135deg,#2563eb,#3b82f6);"><i class="fas fa-desktop"></i></div>
|
|
<h2>管理者端：管理驾驶舱</h2>
|
|
</div>
|
|
<div style="text-align:center;">
|
|
<img src="管理驾驶舱.png" alt="管理驾驶舱" class="proto-img" style="max-height:460px;">
|
|
<p class="proto-caption"><span class="proto-badge">管理者端</span>实时掌握全校教师能力分布、胜任力热力图、人才四象限</p>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 8. 章节：核心框架 -->
|
|
<section class="section-slide">
|
|
<div class="snum">03</div>
|
|
<div class="sicon"><i class="fas fa-chart-pie"></i></div>
|
|
<h2>核心框架</h2>
|
|
<p>五维胜任力 + 教学成果模型</p>
|
|
<div class="dots"><span></span><span></span><span class="on"></span><span></span><span></span><span></span></div>
|
|
</section>
|
|
|
|
<!-- 9. 五维胜任力 -->
|
|
<section>
|
|
<div class="title-bar">
|
|
<div class="title-icon"><i class="fas fa-star"></i></div>
|
|
<h2>五维胜任力模型</h2>
|
|
</div>
|
|
<div class="r r5" style="margin-top:0.6em;flex:1;">
|
|
<div class="cc">
|
|
<div class="cbad">1</div>
|
|
<h3>专业知识的<br>深度与广度</h3>
|
|
<p>学科知识体系、跨学科整合、前沿动态关注</p>
|
|
</div>
|
|
<div class="cc">
|
|
<div class="cbad g">2</div>
|
|
<h3>教学设计与<br>实施能力</h3>
|
|
<p>教案设计、课堂管理、教学方法、反思改进</p>
|
|
</div>
|
|
<div class="cc">
|
|
<div class="cbad p">3</div>
|
|
<h3>协作沟通与<br>家校共育</h3>
|
|
<p>同事协作、师生关系、家校沟通、团队贡献</p>
|
|
</div>
|
|
<div class="cc">
|
|
<div class="cbad o">4</div>
|
|
<h3>数字技术<br>应用能力</h3>
|
|
<p>信息化工具、多媒体制作、学情分析、线上教学</p>
|
|
</div>
|
|
<div class="cc">
|
|
<div class="cbad r">5</div>
|
|
<h3>持续发展与<br>自我成长</h3>
|
|
<p>职业规划、学习培训、教研成果、经验总结</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 10. 能力画像 -->
|
|
<section>
|
|
<div class="title-bar">
|
|
<div class="title-icon" style="background:linear-gradient(135deg,#7c3aed,#8b5cf6);"><i class="fas fa-user-circle"></i></div>
|
|
<h2>教师端：讲师能力画像</h2>
|
|
</div>
|
|
<div style="text-align:center;">
|
|
<img src="讲师能力画像.png" alt="讲师能力画像" class="proto-img" style="max-height:460px;">
|
|
<p class="proto-caption"><span class="proto-badge">教师端</span>五维胜任力雷达图，直观展示个人能力分布与成长方向</p>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 10b. 教学成果颗粒化管理 -->
|
|
<section>
|
|
<div class="title-bar">
|
|
<div class="title-icon" style="background:linear-gradient(135deg,#ef4444,#f87171);"><i class="fas fa-chart-pie"></i></div>
|
|
<h2>教学成果颗粒化管理</h2>
|
|
</div>
|
|
<div class="r r2">
|
|
<div>
|
|
<h3 style="font-size:0.9em;margin-bottom:10px;"><i class="fas fa-layer-group" style="color:#ef4444;margin-right:6px;"></i>成果数据分层</h3>
|
|
<div class="panel" style="margin-bottom:12px;">
|
|
<div class="pr"><strong style="color:#2563eb;">数量维度</strong><span>课时量 | 任务量 | 产出量</span></div>
|
|
<div class="pr"><strong style="color:#059669;">质量维度</strong><span>学业成果 | 课堂质量 | 教研质量</span></div>
|
|
<div class="pr"><strong style="color:#7c3aed;">效率维度</strong><span>进步幅度 | 投入产出比</span></div>
|
|
</div>
|
|
<h3 style="font-size:0.9em;margin-bottom:8px;"><i class="fas fa-sync-alt" style="color:#f59e0b;margin-right:6px;"></i>全链路数据采集</h3>
|
|
<div class="feat" style="font-size:0.8em;">
|
|
<div class="fb" style="padding:8px 10px;">
|
|
<div class="fb-h">
|
|
<div class="fih" style="background:linear-gradient(135deg,#3b82f6,#60a5fa);"><i class="fas fa-pencil-alt" style="color:#fff;font-size:0.7em;"></i></div>
|
|
<h4 style="font-size:0.85em;">备课</h4>
|
|
</div>
|
|
<p style="font-size:0.75em;margin:0;">课件时长、原创度</p>
|
|
</div>
|
|
<div class="fb" style="padding:8px 10px;">
|
|
<div class="fb-h">
|
|
<div class="fih" style="background:linear-gradient(135deg,#10b981,#34d399);"><i class="fas fa-chalkboard-teacher" style="color:#fff;font-size:0.7em;"></i></div>
|
|
<h4 style="font-size:0.85em;">授课</h4>
|
|
</div>
|
|
<p style="font-size:0.75em;margin:0;">出勤率、互动频次</p>
|
|
</div>
|
|
<div class="fb" style="padding:8px 10px;">
|
|
<div class="fb-h">
|
|
<div class="fih" style="background:linear-gradient(135deg,#f59e0b,#fbbf24);"><i class="fas fa-tasks" style="color:#fff;font-size:0.7em;"></i></div>
|
|
<h4 style="font-size:0.85em;">作业</h4>
|
|
</div>
|
|
<p style="font-size:0.75em;margin:0;">布置量、难度系数</p>
|
|
</div>
|
|
<div class="fb" style="padding:8px 10px;">
|
|
<div class="fb-h">
|
|
<div class="fih" style="background:linear-gradient(135deg,#8b5cf6,#a78bfa);"><i class="fas fa-check-double" style="color:#fff;font-size:0.7em;"></i></div>
|
|
<h4 style="font-size:0.85em;">批改</h4>
|
|
</div>
|
|
<p style="font-size:0.75em;margin:0;">及时率、评语率</p>
|
|
</div>
|
|
<div class="fb" style="padding:8px 10px;">
|
|
<div class="fb-h">
|
|
<div class="fih" style="background:linear-gradient(135deg,#ec4899,#f472b6);"><i class="fas fa-comments" style="color:#fff;font-size:0.7em;"></i></div>
|
|
<h4 style="font-size:0.85em;">反馈</h4>
|
|
</div>
|
|
<p style="font-size:0.75em;margin:0;">满意度、督课分</p>
|
|
</div>
|
|
<div class="fb" style="padding:8px 10px;">
|
|
<div class="fb-h">
|
|
<div class="fih" style="background:linear-gradient(135deg,#ef4444,#f87171);"><i class="fas fa-clipboard-check" style="color:#fff;font-size:0.7em;"></i></div>
|
|
<h4 style="font-size:0.85em;">考核</h4>
|
|
</div>
|
|
<p style="font-size:0.75em;margin:0;">区分度、信效度</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<h3 style="font-size:0.9em;margin-bottom:10px;"><i class="fas fa-calculator" style="color:#059669;margin-right:6px;"></i>教学成果量化公式</h3>
|
|
<div class="panel blue" style="margin-bottom:14px;">
|
|
<code style="font-size:0.8em;display:block;text-align:center;padding:10px 0;">
|
|
综合分 = Σ(颗粒指标 × 权重) × 岗位系数
|
|
</code>
|
|
</div>
|
|
<h3 style="font-size:0.9em;margin-bottom:8px;"><i class="fas fa-user-tie" style="color:#7c3aed;margin-right:6px;"></i>学科教师权重示例</h3>
|
|
<div class="rc" style="margin-bottom:12px;">
|
|
<div class="rcard" style="padding:12px;">
|
|
<div style="display:flex;justify-content:space-between;align-items:center;">
|
|
<span style="font-size:0.8em;">学业进步率</span>
|
|
<div class="prog" style="flex:1;margin:0 10px;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;"><div style="width:35%;height:100%;background:#2563eb;border-radius:4px;"></div></div>
|
|
<span style="font-size:0.75em;color:#2563eb;font-weight:600;">35%</span>
|
|
</div>
|
|
</div>
|
|
<div class="rcard" style="padding:12px;">
|
|
<div style="display:flex;justify-content:space-between;align-items:center;">
|
|
<span style="font-size:0.8em;">课堂满意度</span>
|
|
<div class="prog" style="flex:1;margin:0 10px;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;"><div style="width:25%;height:100%;background:#059669;border-radius:4px;"></div></div>
|
|
<span style="font-size:0.75em;color:#059669;font-weight:600;">25%</span>
|
|
</div>
|
|
</div>
|
|
<div class="rcard" style="padding:12px;">
|
|
<div style="display:flex;justify-content:space-between;align-items:center;">
|
|
<span style="font-size:0.8em;">作业批改质量</span>
|
|
<div class="prog" style="flex:1;margin:0 10px;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;"><div style="width:20%;height:100%;background:#7c3aed;border-radius:4px;"></div></div>
|
|
<span style="font-size:0.75em;color:#7c3aed;font-weight:600;">20%</span>
|
|
</div>
|
|
</div>
|
|
<div class="rcard" style="padding:12px;">
|
|
<div style="display:flex;justify-content:space-between;align-items:center;">
|
|
<span style="font-size:0.8em;">教研产出</span>
|
|
<div class="prog" style="flex:1;margin:0 10px;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;"><div style="width:10%;height:100%;background:#f59e0b;border-radius:4px;"></div></div>
|
|
<span style="font-size:0.75em;color:#f59e0b;font-weight:600;">10%</span>
|
|
</div>
|
|
</div>
|
|
<div class="rcard" style="padding:12px;">
|
|
<div style="display:flex;justify-content:space-between;align-items:center;">
|
|
<span style="font-size:0.8em;">数字工具使用</span>
|
|
<div class="prog" style="flex:1;margin:0 10px;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;"><div style="width:10%;height:100%;background:#ef4444;border-radius:4px;"></div></div>
|
|
<span style="font-size:0.75em;color:#ef4444;font-weight:600;">10%</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 11. 岗位差异化 -->
|
|
<section>
|
|
<div class="title-bar">
|
|
<div class="title-icon" style="background:linear-gradient(135deg,#f59e0b,#fbbf24);"><i class="fas fa-users-cog"></i></div>
|
|
<h2>岗位差异化配置</h2>
|
|
</div>
|
|
<table class="tbl">
|
|
<thead>
|
|
<tr>
|
|
<th style="width:18%;">岗位类型</th>
|
|
<th style="width:28%;">胜任力权重</th>
|
|
<th style="width:24%;">特色功能</th>
|
|
<th>核心成果指标</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td><strong>学科教师</strong></td>
|
|
<td><div style="display:flex;align-items:center;gap:10px;"><div class="wb" style="width:110px;"><div class="wf" style="width:60%;"></div></div><span style="font-size:0.78em;">教学力 60%</span></div></td>
|
|
<td>学科专业发展路径</td>
|
|
<td>所教班级成绩进步率</td>
|
|
</tr>
|
|
<tr>
|
|
<td><strong>班主任</strong></td>
|
|
<td><div style="display:flex;align-items:center;gap:10px;"><div class="wb" style="width:110px;"><div class="wf g" style="width:50%;"></div></div><span style="font-size:0.78em;">协作力 50%</span></div></td>
|
|
<td>家校沟通看板</td>
|
|
<td>班级学生满意度</td>
|
|
</tr>
|
|
<tr>
|
|
<td><strong>年级组长</strong></td>
|
|
<td><div style="display:flex;align-items:center;gap:10px;"><div class="wb" style="width:110px;"><div class="wf p" style="width:40%;"></div></div><span style="font-size:0.78em;">发展力 40%</span></div></td>
|
|
<td>团队数据分析</td>
|
|
<td>年级整体进步率</td>
|
|
</tr>
|
|
<tr>
|
|
<td><strong>教务主任</strong></td>
|
|
<td><div style="display:flex;align-items:center;gap:10px;"><div class="wb" style="width:110px;"><div class="wf o" style="width:100%;"></div></div><span style="font-size:0.78em;">五维均衡</span></div></td>
|
|
<td>全校胜任力热力图</td>
|
|
<td>学校教学成果汇总</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</section>
|
|
|
|
<!-- 12. 章节：数据采集 -->
|
|
<section class="section-slide">
|
|
<div class="snum">04</div>
|
|
<div class="sicon"><i class="fas fa-database"></i></div>
|
|
<h2>数据采集</h2>
|
|
<p>多维度数据来源设计</p>
|
|
<div class="dots"><span></span><span></span><span></span><span class="on"></span><span></span><span></span></div>
|
|
</section>
|
|
|
|
<!-- 13. 数据采集体系 -->
|
|
<section>
|
|
<div class="title-bar">
|
|
<div class="title-icon" style="background:linear-gradient(135deg,#f59e0b,#fbbf24);"><i class="fas fa-database"></i></div>
|
|
<h2>数据采集体系</h2>
|
|
</div>
|
|
<div class="r r2">
|
|
<div>
|
|
<h3 style="font-size:0.9em;margin-bottom:10px;"><i class="fas fa-chart-pie" style="color:#2563eb;margin-right:6px;"></i>数据源权重</h3>
|
|
<div class="r r4" style="margin-bottom:16px;">
|
|
<div class="cc"><div class="cbad">30%</div><h3 style="font-size:0.78em;">自评</h3></div>
|
|
<div class="cc"><div class="cbad g">30%</div><h3 style="font-size:0.78em;">上级评价</h3></div>
|
|
<div class="cc"><div class="cbad p">20%</div><h3 style="font-size:0.78em;">同僚互评</h3></div>
|
|
<div class="cc"><div class="cbad o">20%</div><h3 style="font-size:0.78em;">学生反馈</h3></div>
|
|
</div>
|
|
<h3 style="font-size:0.9em;margin-bottom:10px;"><i class="fas fa-route" style="color:#059669;margin-right:6px;"></i>采集流程</h3>
|
|
<div class="flow">
|
|
<div class="fs">
|
|
<div class="fc c1"><i class="fas fa-user"></i></div>
|
|
<div class="fl">自评</div>
|
|
<div class="fd">10-15分钟</div>
|
|
</div>
|
|
<div class="fs">
|
|
<div class="fc c2"><i class="fas fa-users"></i></div>
|
|
<div class="fl">互评</div>
|
|
<div class="fd">5-8分钟/人</div>
|
|
</div>
|
|
<div class="fs">
|
|
<div class="fc c3"><i class="fas fa-user-tie"></i></div>
|
|
<div class="fl">上级</div>
|
|
<div class="fd">8-10分钟</div>
|
|
</div>
|
|
<div class="fs">
|
|
<div class="fc c4"><i class="fas fa-user-graduate"></i></div>
|
|
<div class="fl">学生</div>
|
|
<div class="fd">3-5分钟</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<h3 style="font-size:0.9em;margin-bottom:10px;"><i class="fas fa-clipboard-check" style="color:#7c3aed;margin-right:6px;"></i>自评问卷示例</h3>
|
|
<div class="qprev">
|
|
<div class="qprev-h"><i class="fas fa-clipboard-list"></i><span>教师胜任力自评问卷</span></div>
|
|
<div class="qr"><p>A1. 我熟悉本学科的核心知识体系和重难点</p><div class="rat"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span></div></div>
|
|
<div class="qr"><p>B1. 我能根据学生特点设计差异化教学方案</p><div class="rat"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span></div></div>
|
|
<div class="qr"><p>C1. 我与同事保持良好的合作关系</p><div class="rat"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span></div></div>
|
|
<div class="qr"><p>D1. 我熟练使用学校的信息化教学工具</p><div class="rat"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span></div></div>
|
|
<div class="qr"><p>E1. 我有明确的个人职业发展规划</p><div class="rat"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span></div></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 14. 章节：AI赋能 -->
|
|
<section class="section-slide">
|
|
<div class="snum">05</div>
|
|
<div class="sicon"><i class="fas fa-robot"></i></div>
|
|
<h2>AI 赋能</h2>
|
|
<p>智能分析与个性化推荐</p>
|
|
<div class="dots"><span></span><span></span><span></span><span></span><span class="on"></span><span></span></div>
|
|
</section>
|
|
|
|
<!-- 15. AI智能分析 -->
|
|
<section>
|
|
<div class="title-bar">
|
|
<div class="title-icon" style="background:linear-gradient(135deg,#7c3aed,#8b5cf6);"><i class="fas fa-robot"></i></div>
|
|
<h2>AI 智能分析</h2>
|
|
</div>
|
|
<div class="r r2">
|
|
<div>
|
|
<h3 style="font-size:0.9em;margin-bottom:10px;"><i class="fas fa-microchip" style="color:#2563eb;margin-right:6px;"></i>智能分析引擎</h3>
|
|
<div class="r r4" style="margin-bottom:14px;">
|
|
<div class="cc"><div class="ci blue" style="width:32px;height:32px;margin:0 auto 6px;"><i class="fas fa-balance-scale" style="font-size:0.75em;"></i></div><h3 style="font-size:0.75em;margin:0;">权重计算</h3></div>
|
|
<div class="cc"><div class="ci green" style="width:32px;height:32px;margin:0 auto 6px;"><i class="fas fa-search" style="font-size:0.75em;"></i></div><h3 style="font-size:0.75em;margin:0;">离群检测</h3></div>
|
|
<div class="cc"><div class="ci purple" style="width:32px;height:32px;margin:0 auto 6px;"><i class="fas fa-chart-line" style="font-size:0.75em;"></i></div><h3 style="font-size:0.75em;margin:0;">趋势分析</h3></div>
|
|
<div class="cc"><div class="ci orange" style="width:32px;height:32px;margin:0 auto 6px;"><i class="fas fa-lightbulb" style="font-size:0.75em;"></i></div><h3 style="font-size:0.75em;margin:0;">个性化推荐</h3></div>
|
|
</div>
|
|
<h3 style="font-size:0.9em;margin-bottom:8px;"><i class="fas fa-graduation-cap" style="color:#059669;margin-right:6px;"></i>个性化发展建议</h3>
|
|
<div class="panel green">
|
|
<div class="pr"><strong>短板识别</strong><span style="color:#ef4444;">协作沟通 -15% | 家校互动不足</span></div>
|
|
<div class="pr"><strong>推荐方案</strong><span>高效家校沟通课 + 跨学科教研小组</span></div>
|
|
<div class="pr"><strong>学习资源</strong><span>3个视频课程 + 2篇案例</span></div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<h3 style="font-size:0.9em;margin-bottom:10px;"><i class="fas fa-th-large" style="color:#7c3aed;margin-right:6px;"></i>能力-成果关联</h3>
|
|
<div class="qgrid">
|
|
<div class="q q1"><i class="fas fa-star"></i><h3>能力强+成果好</h3><p><strong>高潜教师</strong> · 标杆培养</p></div>
|
|
<div class="q q2"><i class="fas fa-tools"></i><h3>能力强+成果差</h3><p><strong>待挖掘</strong> · 潜力未发</p></div>
|
|
<div class="q q3"><i class="fas fa-book"></i><h3>能力弱+成果好</h3><p><strong>经验型</strong> · 补强理论</p></div>
|
|
<div class="q q4"><i class="fas fa-hands-helping"></i><h3>能力弱+成果差</h3><p><strong>待提升</strong> · 重点帮扶</p></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 15b. 产品截图：AI智能建议 -->
|
|
<section>
|
|
<div class="title-bar">
|
|
<div class="title-icon" style="background:linear-gradient(135deg,#7c3aed,#8b5cf6);"><i class="fas fa-robot"></i></div>
|
|
<h2>教师端：AI 智能建议</h2>
|
|
</div>
|
|
<div style="text-align:center;">
|
|
<img src="教师AI建议.png" alt="AI智能建议" class="proto-img" style="max-height:460px;">
|
|
<p class="proto-caption"><span class="proto-badge">教师端</span>AI 个性化发展建议，智能识别短板并推荐学习资源</p>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 15c. 产品截图：个人发展计划 -->
|
|
<section>
|
|
<div class="title-bar">
|
|
<div class="title-icon" style="background:linear-gradient(135deg,#059669,#10b981);"><i class="fas fa-route"></i></div>
|
|
<h2>教师端：个人发展计划</h2>
|
|
</div>
|
|
<div style="text-align:center;">
|
|
<img src="教师个人发展.png" alt="个人发展计划" class="proto-img" style="max-height:460px;">
|
|
<p class="proto-caption"><span class="proto-badge">教师端</span>PDP 个人发展计划，可视化成长轨迹与阶段性目标</p>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 16. 章节：实施路径 -->
|
|
<section class="section-slide">
|
|
<div class="snum">06</div>
|
|
<div class="sicon"><i class="fas fa-rocket"></i></div>
|
|
<h2>实施路径</h2>
|
|
<p>落地步骤与预期成果</p>
|
|
<div class="dots"><span></span><span></span><span></span><span></span><span></span><span class="on"></span></div>
|
|
</section>
|
|
|
|
<!-- 17. 实施时间表 -->
|
|
<section>
|
|
<div class="title-bar">
|
|
<div class="title-icon" style="background:linear-gradient(135deg,#059669,#10b981);"><i class="fas fa-calendar-alt"></i></div>
|
|
<h2>实施时间表</h2>
|
|
</div>
|
|
<div class="r r2">
|
|
<div class="tl">
|
|
<div class="tli">
|
|
<div class="ph">第一阶段（第1-2周）</div>
|
|
<h3>启动准备</h3>
|
|
<p>需求调研、岗位梳理、胜任力模型定制</p>
|
|
</div>
|
|
<div class="tli">
|
|
<div class="ph">第二阶段（第3-4周）</div>
|
|
<h3>系统部署</h3>
|
|
<p>平台搭建、数据迁移、权限配置</p>
|
|
</div>
|
|
<div class="tli">
|
|
<div class="ph">第三阶段（第5-6周）</div>
|
|
<h3>培训推广</h3>
|
|
<p>管理员培训、教师培训、试运行</p>
|
|
</div>
|
|
<div class="tli">
|
|
<div class="ph">第四阶段（第7-8周）</div>
|
|
<h3>正式上线</h3>
|
|
<p>学期初评估、持续追踪、效果优化</p>
|
|
</div>
|
|
<div class="tli" style="padding-bottom:0;">
|
|
<div class="ph" style="color:#059669;">持续运营</div>
|
|
<h3>数据积累</h3>
|
|
<p>每学期评估、年度分析、持续改进</p>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<h3 style="font-size:0.9em;margin-bottom:10px;"><i class="fas fa-chart-bar" style="color:#2563eb;margin-right:6px;"></i>预期成果</h3>
|
|
<div class="rc" style="margin-bottom:14px;">
|
|
<div class="rcard"><div class="v">85<span style="font-size:0.5em;">%</span></div><h3>评估覆盖率</h3><p>全校教师能力评估全覆盖</p></div>
|
|
<div class="rcard"><div class="v">30<span style="font-size:0.5em;">%</span></div><h3>培训效率提升</h3><p>精准培训减少无效投入</p></div>
|
|
<div class="rcard"><div class="v">50<span style="font-size:0.5em;">%</span></div><h3>人才识别率</h3><p>更精准发现高潜教师</p></div>
|
|
</div>
|
|
<h3 style="font-size:0.9em;margin-bottom:8px;"><i class="fas fa-laptop-code" style="color:#7c3aed;margin-right:6px;"></i>产品功能</h3>
|
|
<div class="feat">
|
|
<div class="fb">
|
|
<div class="fb-h">
|
|
<div class="fih" style="background:linear-gradient(135deg,#2563eb,#3b82f6);"><i class="fas fa-user" style="color:#fff;font-size:0.8em;"></i></div>
|
|
<h4>教师端</h4>
|
|
</div>
|
|
<ul><li>五维能力雷达图</li><li>AI 个性化建议</li><li>个人发展计划(PDP)</li></ul>
|
|
</div>
|
|
<div class="fb">
|
|
<div class="fb-h">
|
|
<div class="fih" style="background:linear-gradient(135deg,#059669,#10b981);"><i class="fas fa-users-cog" style="color:#fff;font-size:0.8em;"></i></div>
|
|
<h4>管理者端</h4>
|
|
</div>
|
|
<ul><li>管理驾驶舱</li><li>胜任力热力图</li><li>人才四象限</li></ul>
|
|
</div>
|
|
<div class="fb full">
|
|
<div class="fb-h">
|
|
<div class="fih" style="background:linear-gradient(135deg,#7c3aed,#8b5cf6);"><i class="fas fa-handshake" style="color:#fff;font-size:0.8em;"></i></div>
|
|
<h4>合作方式</h4>
|
|
</div>
|
|
<div class="fb-tags">
|
|
<span><i class="fas fa-play-circle" style="color:#2563eb;"></i> Demo演示（免费）</span>
|
|
<span><i class="fas fa-rocket" style="color:#059669;"></i> 试点项目（定制报价）</span>
|
|
<span><i class="fas fa-building" style="color:#7c3aed;"></i> 全校部署（年度授权）</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 18. CTA -->
|
|
<section class="cta-slide">
|
|
<h2>开启教师能力管理新篇章</h2>
|
|
<p>科学评估 · 精准发展 · 持续成长</p>
|
|
<div class="cta-btns">
|
|
<div class="cta-btn p">预约 Demo 演示</div>
|
|
<div class="cta-btn s">了解更多</div>
|
|
</div>
|
|
<div class="cta-c">
|
|
<span><i class="fas fa-envelope"></i> contact@example.com</span>
|
|
<span><i class="fas fa-phone"></i> 400-xxx-xxxx</span>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 19. 感谢页 -->
|
|
<section class="thanks-slide">
|
|
<div class="thx-ic"><i class="fas fa-graduation-cap"></i></div>
|
|
<h1>感谢聆听</h1>
|
|
<p>期待与贵校携手，共建教师发展新生态</p>
|
|
<div class="thx-c">
|
|
<div><i class="fas fa-envelope"></i>contact@example.com</div>
|
|
<div><i class="fas fa-phone"></i>400-xxx-xxxx</div>
|
|
</div>
|
|
</section>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/reveal.js@4.5.0/dist/reveal.js"></script>
|
|
<script>
|
|
Reveal.initialize({
|
|
hash: true,
|
|
slideNumber: 'c/t',
|
|
showSlideNumber: 'all',
|
|
transition: 'slide',
|
|
transitionSpeed: 'default',
|
|
backgroundTransition: 'fade',
|
|
center: true,
|
|
width: 1200,
|
|
height: 700,
|
|
margin: 0.04
|
|
});
|
|
</script>
|
|
</body>
|
|
</html> |