/* =========================
GLOBAL
========================= */
#ai-tools-page {
--ai-primary: #315C8C;
--ai-primary-dark: #24496F;
--ai-secondary: #4B7BAA;
--ai-accent: #D9A441;
--ai-bg: #F5F8FC;
--ai-card: #FFFFFF;
--ai-text: #263442;
--ai-muted: #718096;
--ai-border: #E2E8F0;
--ai-shadow: 0 8px 30px rgba(25, 55, 85, 0.08);
font-family: inherit;
color: var(--ai-text);
line-height: 1.9;
box-sizing: border-box;
}
#ai-tools-page *,
#ai-tools-page *::before,
#ai-tools-page *::after {
box-sizing: border-box;
}
#ai-tools-page a {
text-decoration: none;
}
#ai-tools-page button,
#ai-tools-page input {
font-family: inherit;
}
/* =========================
HERO
========================= */
.ai-hero {
position: relative;
overflow: hidden;
background:
radial-gradient(circle at 90% 10%, rgba(255,255,255,.12), transparent 30%),
linear-gradient(135deg, #24496F 0%, #315C8C 55%, #477AA8 100%);
border-radius: 24px;
padding: 65px 50px;
margin-bottom: 35px;
color: #fff;
}
.ai-hero::before {
content: "";
position: absolute;
width: 300px;
height: 300px;
border-radius: 50%;
border: 1px solid rgba(255,255,255,.12);
left: -100px;
bottom: -150px;
}
.ai-hero::after {
content: "AI";
position: absolute;
left: 50px;
top: 20px;
font-size: 180px;
font-weight: 900;
color: rgba(255,255,255,.035);
line-height: 1;
}
.ai-hero-content {
position: relative;
z-index: 2;
max-width: 850px;
}
.ai-hero-badge {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 6px 15px;
border: 1px solid rgba(255,255,255,.25);
background: rgba(255,255,255,.10);
border-radius: 50px;
font-size: 14px;
margin-bottom: 18px;
}
.ai-hero h1 {
color: #fff;
font-size: clamp(30px, 5vw, 48px);
line-height: 1.4;
margin: 0 0 15px;
font-weight: 800;
}
.ai-hero p {
color: rgba(255,255,255,.88);
font-size: 17px;
margin: 0;
max-width: 780px;
}
/* =========================
INTRO
========================= */
.ai-intro {
background: #fff;
border: 1px solid var(--ai-border);
border-radius: 20px;
padding: 30px;
margin-bottom: 35px;
box-shadow: var(--ai-shadow);
}
.ai-intro-title {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 15px;
}
.ai-intro-icon {
width: 42px;
height: 42px;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
background: #EAF2FA;
color: var(--ai-primary);
font-size: 20px;
}
.ai-intro h2 {
margin: 0;
font-size: 24px;
color: var(--ai-primary-dark);
}
.ai-intro p {
color: #566574;
margin: 0;
font-size: 15px;
}
/* =========================
QUICK ROLE CARDS
========================= */
.ai-section-title {
margin: 45px 0 20px;
}
.ai-section-title h2 {
font-size: 28px;
color: var(--ai-primary-dark);
margin: 0 0 6px;
}
.ai-section-title p {
color: var(--ai-muted);
margin: 0;
font-size: 14px;
}
.ai-role-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 18px;
}
.ai-role-card {
position: relative;
overflow: hidden;
border: 1px solid var(--ai-border);
background: #fff;
border-radius: 18px;
padding: 25px;
cursor: pointer;
transition: .25s ease;
}
.ai-role-card:hover {
transform: translateY(-4px);
box-shadow: var(--ai-shadow);
border-color: #B9CEE2;
}
.ai-role-icon {
width: 52px;
height: 52px;
border-radius: 15px;
background: #EDF4FA;
display: flex;
align-items: center;
justify-content: center;
font-size: 25px;
margin-bottom: 15px;
}
.ai-role-card h3 {
margin: 0 0 5px;
color: var(--ai-primary-dark);
font-size: 19px;
}
.ai-role-card p {
margin: 0;
color: var(--ai-muted);
font-size: 13px;
}
/* =========================
SEARCH / FILTER
========================= */
.ai-directory {
margin-top: 45px;
}
.ai-controls {
background: #fff;
border: 1px solid var(--ai-border);
border-radius: 20px;
padding: 22px;
box-shadow: var(--ai-shadow);
margin-bottom: 25px;
}
.ai-search {
position: relative;
margin-bottom: 18px;
}
.ai-search input {
width: 100%;
border: 1px solid var(--ai-border);
border-radius: 13px;
padding: 15px 50px 15px 18px;
font-size: 15px;
outline: none;
background: #FAFCFE;
color: var(--ai-text);
transition: .2s;
}
.ai-search input:focus {
border-color: var(--ai-primary);
background: #fff;
box-shadow: 0 0 0 3px rgba(49,92,140,.08);
}
.ai-search-icon {
position: absolute;
right: 18px;
top: 50%;
transform: translateY(-50%);
font-size: 19px;
color: var(--ai-muted);
}
.ai-filter-row {
display: flex;
flex-wrap: wrap;
gap: 9px;
}
.ai-filter {
border: 1px solid var(--ai-border);
background: #fff;
color: #536272;
border-radius: 30px;
padding: 7px 15px;
font-size: 13px;
cursor: pointer;
transition: .2s;
}
.ai-filter:hover {
border-color: var(--ai-primary);
color: var(--ai-primary);
}
.ai-filter.active {
background: var(--ai-primary);
border-color: var(--ai-primary);
color: #fff;
}
/* =========================
DIRECTORY HEADER
========================= */
.ai-directory-header {
display: flex;
justify-content: space-between;
align-items: center;
gap: 15px;
margin-bottom: 18px;
}
.ai-directory-header h2 {
margin: 0;
font-size: 25px;
color: var(--ai-primary-dark);
}
.ai-count {
background: #EDF4FA;
color: var(--ai-primary);
padding: 5px 12px;
border-radius: 20px;
font-size: 12px;
}
/* =========================
TOOL CARDS
========================= */
.ai-tools-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 18px;
}
.ai-tool-card {
background: #fff;
border: 1px solid var(--ai-border);
border-radius: 18px;
padding: 22px;
transition: .25s ease;
display: flex;
flex-direction: column;
min-height: 245px;
}
.ai-tool-card:hover {
transform: translateY(-4px);
box-shadow: var(--ai-shadow);
border-color: #B9CEE2;
}
.ai-tool-top {
display: flex;
align-items: flex-start;
gap: 13px;
margin-bottom: 13px;
}
.ai-tool-logo {
width: 48px;
height: 48px;
min-width: 48px;
border-radius: 13px;
background: linear-gradient(135deg, #EDF4FA, #F5F8FC);
border: 1px solid #DDE8F1;
display: flex;
align-items: center;
justify-content: center;
font-size: 21px;
}
.ai-tool-name {
margin: 0;
color: var(--ai-primary-dark);
font-size: 18px;
line-height: 1.5;
}
.ai-tool-category {
color: var(--ai-primary);
font-size: 11px;
margin-top: 2px;
}
.ai-tool-description {
color: #647384;
font-size: 13px;
line-height: 1.8;
margin: 0 0 15px;
flex-grow: 1;
}
.ai-tags {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin-bottom: 15px;
}
.ai-tag {
background: #F3F6F9;
color: #657486;
padding: 3px 8px;
border-radius: 6px;
font-size: 10px;
}
.ai-details-btn {
width: 100%;
border: 0;
background: #F0F5F9;
color: var(--ai-primary);
padding: 8px;
border-radius: 9px;
cursor: pointer;
font-size: 12px;
transition: .2s;
}
.ai-details-btn:hover {
background: var(--ai-primary);
color: #fff;
}
/* =========================
EMPTY STATE
========================= */
.ai-empty {
display: none;
text-align: center;
padding: 50px 20px;
background: #fff;
border: 1px solid var(--ai-border);
border-radius: 18px;
color: var(--ai-muted);
}
.ai-empty-icon {
font-size: 40px;
margin-bottom: 10px;
}
/* =========================
ROLE SECTIONS
========================= */
.ai-role-section {
margin-top: 55px;
border-radius: 22px;
overflow: hidden;
background: #fff;
border: 1px solid var(--ai-border);
box-shadow: var(--ai-shadow);
}
.ai-role-section-header {
padding: 30px;
background: linear-gradient(135deg, #F2F7FB, #FFFFFF);
border-bottom: 1px solid var(--ai-border);
}
.ai-role-section-header h2 {
color: var(--ai-primary-dark);
margin: 0 0 5px;
font-size: 25px;
}
.ai-role-section-header p {
color: var(--ai-muted);
margin: 0;
font-size: 14px;
}
.ai-role-columns {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.ai-role-column {
padding: 25px;
border-left: 1px solid var(--ai-border);
}
.ai-role-column:last-child {
border-left: 0;
}
.ai-role-column h3 {
font-size: 17px;
color: var(--ai-primary);
margin: 0 0 14px;
}
.ai-role-column ul {
padding: 0;
margin: 0;
list-style: none;
}
.ai-role-column li {
position: relative;
padding: 8px 18px 8px 0;
color: #5D6B79;
font-size: 13px;
border-bottom: 1px dashed #E8EDF2;
}
.ai-role-column li:last-child {
border-bottom: 0;
}
.ai-role-column li::before {
content: "✓";
position: absolute;
right: 0;
color: var(--ai-primary);
font-weight: bold;
}
/* =========================
RESPONSIBLE AI
========================= */
.ai-responsible {
margin-top: 45px;
padding: 30px;
border-radius: 20px;
background: linear-gradient(135deg, #FFF9EC, #FFFCF5);
border: 1px solid #F0DFB7;
}
.ai-responsible h2 {
margin: 0 0 10px;
color: #765A20;
font-size: 22px;
}
.ai-responsible p {
margin: 0 0 15px;
color: #756A52;
font-size: 14px;
}
.ai-responsible-list {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}
.ai-responsible-item {
background: rgba(255,255,255,.65);
border-radius: 10px;
padding: 10px 14px;
color: #665C48;
font-size: 13px;
}
/* =========================
MODAL
========================= */
.ai-modal {
display: none;
position: fixed;
inset: 0;
z-index: 999999;
background: rgba(20,35,50,.65);
padding: 20px;
align-items: center;
justify-content: center;
}
.ai-modal.active {
display: flex;
}
.ai-modal-box {
width: 100%;
max-width: 620px;
max-height: 90vh;
overflow-y: auto;
background: #fff;
border-radius: 22px;
padding: 30px;
position: relative;
animation: aiModalIn .25s ease;
}
@keyframes aiModalIn {
from {
opacity: 0;
transform: translateY(15px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.ai-modal-close {
position: absolute;
left: 18px;
top: 18px;
width: 35px;
height: 35px;
border: 0;
background: #F1F4F7;
color: #657486;
border-radius: 50%;
cursor: pointer;
font-size: 18px;
}
.ai-modal h2 {
color: var(--ai-primary-dark);
margin: 0 40px 15px 0;
}
.ai-modal p {
color: #627080;
font-size: 14px;
}
.ai-modal-info {
background: #F5F8FB;
border-radius: 12px;
padding: 15px;
margin-top: 15px;
}
.ai-modal-info strong {
display: block;
color: var(--ai-primary);
margin-bottom: 4px;
}
/* =========================
RESPONSIVE
========================= */
@media (max-width: 900px) {
.ai-tools-grid {
grid-template-columns: repeat(2, 1fr);
}
.ai-role-grid {
grid-template-columns: 1fr;
}
.ai-role-columns {
grid-template-columns: 1fr;
}
.ai-role-column {
border-left: 0;
border-bottom: 1px solid var(--ai-border);
}
.ai-role-column:last-child {
border-bottom: 0;
}
}
@media (max-width: 650px) {
.ai-hero {
padding: 40px 25px;
border-radius: 18px;
}
.ai-hero h1 {
font-size: 29px;
}
.ai-hero p {
font-size: 14px;
}
.ai-intro {
padding: 22px;
}
.ai-tools-grid {
grid-template-columns: 1fr;
}
.ai-responsible-list {
grid-template-columns: 1fr;
}
.ai-directory-header {
align-items: flex-start;
flex-direction: column;
}
.ai-modal-box {
padding: 23px;
}
}
ابزارهای هوش مصنوعی
/* =========================================================
AI TOOLS DATA
========================================================= */
const aiTools = [
{
name: "ChatGPT",
icon: "✦",
category: "تولید محتوا",
description: "تولید و ویرایش محتوا، ایدهپردازی، طراحی درس، پاسخگویی، تحلیل داده و کمک پژوهشی.",
users: ["دانشجویان", "اساتید", "کارکنان"],
tags: ["آموزش", "پژوهش", "نگارش", "تحلیل داده"]
},
{
name: "Claude",
icon: "◈",
category: "تولید محتوا",
description: "کمک به تحلیل، نگارش، خلاصهسازی و پردازش متون طولانی.",
users: ["دانشجویان", "اساتید", "کارکنان"],
tags: ["نگارش", "پژوهش"]
},
{
name: "Gemini",
icon: "✦",
category: "تولید محتوا",
description: "دستیار هوشمند برای تولید محتوا، ایدهپردازی، تحقیق و انجام فعالیتهای آموزشی.",
users: ["دانشجویان", "اساتید", "کارکنان"],
tags: ["آموزش", "پژوهش"]
},
{
name: "Perplexity",
icon: "⌕",
category: "پژوهش",
description: "جستوجوی هوشمند و پاسخگویی همراه با ارجاع به منابع وب.",
users: ["دانشجویان", "اساتید"],
tags: ["جستوجو", "پژوهش"]
},
{
name: "Scite",
icon: "S",
category: "پژوهش",
description: "بررسی استنادهای علمی و کمک به ارزیابی نحوه استناد مقالات.",
users: ["دانشجویان", "اساتید"],
tags: ["مقاله", "استناد"]
},
{
name: "Scholarcy",
icon: "S",
category: "پژوهش",
description: "خلاصهسازی مقالات علمی و استخراج نکات مهم و کلیدی.",
users: ["دانشجویان", "اساتید"],
tags: ["مقاله", "خلاصه"]
},
{
name: "Elicit",
icon: "E",
category: "پژوهش",
description: "کمک به یافتن مقالات، طراحی پرسش پژوهش و مرور ادبیات علمی.",
users: ["دانشجویان", "اساتید"],
tags: ["پایاننامه", "پژوهش"]
},
{
name: "ResearchRabbit",
icon: "R",
category: "پژوهش",
description: "کشف مقالات و ترسیم ارتباط میان پژوهشها و منابع علمی.",
users: ["دانشجویان", "اساتید"],
tags: ["پایاننامه", "مقاله"]
},
{
name: "Semantic Scholar",
icon: "S",
category: "پژوهش",
description: "جستوجو و کشف مقالات علمی با کمک قابلیتهای هوشمند.",
users: ["دانشجویان", "اساتید"],
tags: ["مقاله", "پژوهش"]
},
{
name: "Grammarly",
icon: "G",
category: "نگارش علمی",
description: "بررسی نگارشی، گرامری، سبک نوشتار و بهبود کیفیت متن.",
users: ["دانشجویان", "اساتید", "کارکنان"],
tags: ["نگارش", "زبان انگلیسی"]
},
{
name: "QuillBot",
icon: "Q",
category: "نگارش علمی",
description: "بازنویسی، سادهسازی، خلاصهسازی و بهبود متون.",
users: ["دانشجویان", "اساتید"],
tags: ["نگارش", "بازنویسی"]
},
{
name: "Trinka",
icon: "T",
category: "نگارش علمی",
description: "ویرایش زبان تخصصی و نگارش آکادمیک برای متون علمی.",
users: ["دانشجویان", "اساتید"],
tags: ["مقاله", "نگارش"]
},
{
name: "Writefull",
icon: "W",
category: "نگارش علمی",
description: "کمک به بهبود زبان و عبارتپردازی در مقالات و متون دانشگاهی.",
users: ["دانشجویان", "اساتید"],
tags: ["مقاله", "زبان"]
},
{
name: "DeepL Write",
icon: "D",
category: "نگارش علمی",
description: "بهبود و بازنویسی متن با تمرکز بر کیفیت زبان و حفظ معنا.",
users: ["دانشجویان", "اساتید"],
tags: ["نگارش", "ترجمه"]
},
{
name: "Canva",
icon: "C",
category: "ارائه",
description: "طراحی اسلاید، پوستر علمی، اینفوگرافیک و محتوای بصری.",
users: ["دانشجویان", "اساتید", "کارکنان"],
tags: ["طراحی", "ارائه"]
},
{
name: "Beautiful.ai",
icon: "B",
category: "ارائه",
description: "ساخت سریع ارائههای حرفهای و اسلایدهای مدیریتی و آموزشی.",
users: ["اساتید", "کارکنان"],
tags: ["پاورپوینت", "ارائه"]
},
{
name: "Gamma",
icon: "G",
category: "ارائه",
description: "تولید ارائه و محتوای بصری با کمک هوش مصنوعی.",
users: ["دانشجویان", "اساتید"],
tags: ["ارائه", "تدریس"]
},
{
name: "Tome",
icon: "T",
category: "ارائه",
description: "ایجاد ارائههای تعاملی و محتوای بصری برای تدریس و ارائه علمی.",
users: ["دانشجویان", "اساتید"],
tags: ["ارائه", "تدریس"]
},
{
name: "Visme",
icon: "V",
category: "ارائه",
description: "طراحی ارائه، اینفوگرافیک و محتوای بصری تعاملی.",
users: ["اساتید", "کارکنان"],
tags: ["طراحی", "اینفوگرافیک"]
},
{
name: "GitHub Copilot",
icon: "⌘",
category: "تحلیل داده",
description: "کمک به برنامهنویسی، تکمیل کد، توضیح و اصلاح کد.",
users: ["دانشجویان", "اساتید"],
tags: ["برنامهنویسی", "کدنویسی"]
},
{
name: "Google Colab",
icon: "C",
category: "تحلیل داده",
description: "محیط ابری برای اجرای کد پایتون، تحلیل داده و پروژههای یادگیری ماشین.",
users: ["دانشجویان", "اساتید"],
tags: ["داده", "پایتون"]
},
{
name: "Kaggle",
icon: "K",
category: "تحلیل داده",
description: "محیطی برای تحلیل داده، یادگیری ماشین و مشارکت در پروژههای دادهمحور.",
users: ["دانشجویان", "اساتید"],
tags: ["داده", "یادگیری ماشین"]
},
{
name: "Kahoot!",
icon: "K",
category: "یادگیری",
description: "ایجاد آزمونها و فعالیتهای تعاملی برای کلاسهای حضوری و آنلاین.",
users: ["اساتید"],
tags: ["آزمون", "تدریس"]
},
{
name: "Quizizz",
icon: "Q",
category: "یادگیری",
description: "ساخت آزمونهای تعاملی و فعالیتهای آموزشی برای دانشجویان.",
users: ["اساتید"],
tags: ["آزمون", "کلاس"]
},
{
name: "Edpuzzle",
icon: "E",
category: "یادگیری",
description: "افزودن سؤال، آزمون و فعالیت تعاملی به ویدئوهای آموزشی.",
users: ["اساتید"],
tags: ["ویدئو", "آموزش"]
},
{
name: "Nearpod",
icon: "N",
category: "یادگیری",
description: "طراحی درسهای تعاملی با ارائه، ویدئو، سؤال و فعالیت.",
users: ["اساتید"],
tags: ["تدریس", "کلاس"]
},
{
name: "Khanmigo",
icon: "K",
category: "یادگیری",
description: "دستیار آموزشی مبتنی بر هوش مصنوعی برای یادگیری و آموزش.",
users: ["دانشجویان", "اساتید"],
tags: ["یادگیری", "آموزش"]
},
{
name: "Socratic",
icon: "S",
category: "یادگیری",
description: "کمک به یادگیری و حل مسائل با ارائه توضیحات مرحلهبهمرحله.",
users: ["دانشجویان"],
tags: ["حل تمرین", "یادگیری"]
},
{
name: "Anki",
icon: "A",
category: "یادگیری",
description: "ساخت فلشکارت و مرور مطالب با روش تکرار با فاصله.",
users: ["دانشجویان"],
tags: ["مطالعه", "فلشکارت"]
},
{
name: "Notion AI",
icon: "N",
category: "بهرهوری",
description: "یادداشتبرداری، مدیریت پروژه، خلاصهسازی و برنامهریزی.",
users: ["دانشجویان", "اساتید", "کارکنان"],
tags: ["مدیریت", "یادداشت"]
},
{
name: "Obsidian",
icon: "O",
category: "بهرهوری",
description: "مدیریت دانش شخصی و سازماندهی یادداشتها و ارتباط میان ایدهها.",
users: ["دانشجویان", "اساتید"],
tags: ["مدیریت دانش", "یادداشت"]
},
{
name: "Trello",
icon: "T",
category: "بهرهوری",
description: "مدیریت فعالیتها و پروژههای فردی و تیمی.",
users: ["اساتید", "کارکنان"],
tags: ["پروژه", "مدیریت"]
},
{
name: "Asana",
icon: "A",
category: "بهرهوری",
description: "مدیریت پروژه، فعالیتها و همکاری تیمی با قابلیتهای هوشمند.",
users: ["اساتید", "کارکنان"],
tags: ["پروژه", "تیم"]
},
{
name: "Miro",
icon: "M",
category: "بهرهوری",
description: "تخته سفید آنلاین برای ایدهپردازی، نقشه ذهنی و همکاری تیمی.",
users: ["دانشجویان", "اساتید", "کارکنان"],
tags: ["ایدهپردازی", "همکاری"]
},
{
name: "Zapier AI",
icon: "Z",
category: "بهرهوری",
description: "خودکارسازی فرآیندهای تکراری و اتصال میان ابزارها و سرویسها.",
users: ["کارکنان"],
tags: ["اتوماسیون", "اداری"]
},
{
name: "ClickUp AI",
icon: "C",
category: "بهرهوری",
description: "مدیریت پروژه، جلسات، وظایف و مستندسازی با کمک هوش مصنوعی.",
users: ["کارکنان", "اساتید"],
tags: ["پروژه", "جلسات"]
},
{
name: "Microsoft Copilot",
icon: "M",
category: "بهرهوری",
description: "کمک هوشمند برای تولید و تحلیل محتوا در محیطهای کاری مایکروسافت.",
users: ["کارکنان", "اساتید"],
tags: ["Word", "Excel", "اداری"]
},
{
name: "Copy.ai",
icon: "C",
category: "تولید محتوا",
description: "کمک به تولید متن، محتوای بازاریابی، اطلاعیه و ارتباطات سازمانی.",
users: ["کارکنان"],
tags: ["محتوا", "اداری"]
},
{
name: "Tidio",
icon: "T",
category: "تولید محتوا",
description: "راهاندازی ابزارهای گفتوگویی و پشتیبانی خودکار برای کاربران.",
users: ["کارکنان"],
tags: ["چتبات", "پشتیبانی"]
}
];
/* =========================================================
DOM ELEMENTS
========================================================= */
const toolsGrid = document.getElementById("aiToolsGrid");
const searchInput = document.getElementById("aiSearch");
const countElement = document.getElementById("aiCount");
const emptyElement = document.getElementById("aiEmpty");
const modal = document.getElementById("aiModal");
const modalTitle = document.getElementById("aiModalTitle");
const modalDescription = document.getElementById("aiModalDescription");
const modalCategory = document.getElementById("aiModalCategory");
const modalUsers = document.getElementById("aiModalUsers");
const modalClose = document.getElementById("aiModalClose");
let currentFilter = "all";
/* =========================================================
RENDER TOOLS
========================================================= */
function renderTools() {
const searchTerm = searchInput.value.trim().toLowerCase();
const filteredTools = aiTools.filter(tool => {
const categoryMatch =
currentFilter === "all" ||
tool.category === currentFilter;
const searchText = (
tool.name + " " +
tool.category + " " +
tool.description + " " +
tool.tags.join(" ") + " " +
tool.users.join(" ")
).toLowerCase();
const searchMatch =
searchText.includes(searchTerm);
return categoryMatch && searchMatch;
});
toolsGrid.innerHTML = "";
countElement.textContent =
filteredTools.length + " ابزار";
if (filteredTools.length === 0) {
emptyElement.style.display = "block";
} else {
emptyElement.style.display = "none";
}
filteredTools.forEach((tool, index) => {
const card = document.createElement("article");
card.className = "ai-tool-card";
card.innerHTML = `
✦ راهنمای ابزارهای هوش مصنوعی
ابزارهای هوش مصنوعی
در آموزش و پژوهش
مجموعهای از ابزارهای هوش مصنوعی برای آموزش، پژوهش، نگارش علمی، تولید محتوا، تحلیل داده و افزایش بهرهوری دانشگاهیان.
هوش مصنوعی در دانشگاه
در سالهای اخیر، رشد شتابان فناوریهای مبتنی بر هوش مصنوعی، چشمانداز آموزش عالی را دگرگون ساخته است. ابزارهای هوشمند اکنون نهتنها نقش پشتیبان در فرایندهای آموزشی دارند، بلکه به بازیگران اصلی در طراحی محتوا، یادگیری شخصیسازیشده، ارزیابی پیشرفته و پژوهش علمی تبدیل شدهاند. دانشگاهها در سراسر جهان در حال بازنگری در شیوههای سنتی آموزش و مدیریت علمی هستند تا با بهرهگیری از ظرفیتهای هوش مصنوعی، کیفیت و کارایی فرایندهای آموزشی و پژوهشی را بهبود بخشند.
ابزارهای پیشنهادی بر اساس نقش شما
ابزار مناسب خود را بر اساس نقش دانشگاهیتان پیدا کنید.
دانشجویان
یادگیری، نگارش، تحقیق، پایاننامه و مدیریت مطالعه
اساتید
طراحی درس، تولید محتوا، ارزیابی و پژوهش
کارکنان
تولید محتوا، اتوماسیون، گزارشنویسی و بهرهوری
کتابخانه ابزارهای هوش مصنوعی
ابزار موردنظر خود را جستوجو کنید یا بر اساس حوزه کاربرد فیلتر کنید.
ابزارهای منتخب
0 ابزار
ابزاری پیدا نشد
عبارت جستوجو یا فیلتر دیگری را امتحان کنید.
🎓 ابزارهای هوش مصنوعی برای دانشجویان
ابزارهایی برای یادگیری، نگارش، پروژههای درسی و پایاننامه
کمک آموزشی و یادگیری
- Socratic / Khanmigo — حل تمرین و توضیح مفاهیم
- Anki — فلشکارت و مرور هوشمند
- ابزارهای خلاصهسازی YouTube — خلاصه ویدئوهای درسی
نگارش و پروژههای درسی
- Grammarly / QuillBot — ویرایش و بازنویسی
- ChatGPT — ایدهپردازی و کمک به نگارش
- Notion AI — مدیریت پروژه و برنامهریزی
پایاننامه و تحقیق
- Elicit / ResearchRabbit — یافتن منابع
- Scite / Semantic Scholar — تحلیل مقالات
- ChatGPT — تحلیل داده و ترسیم نمودار
👨🏫 ابزارهای هوش مصنوعی برای اساتید
استفاده از هوش مصنوعی در طراحی درس، تدریس، ارزیابی و پژوهش
طراحی محتوا و تدریس
- ChatGPT / Claude — طراحی سرفصل و طرح درس
- Tome / Gamma — ساخت ارائه
- Canva / Visme — طراحی بصری
ارزیابی و آزمونسازی
- Kahoot / Quizizz — آزمون تعاملی
- Edpuzzle — سؤال درون ویدئو
- ChatGPT — طراحی سؤال بر اساس سطوح بلوم
نگارش و پژوهش
- Grammarly / Trinka — ویرایش علمی
- Scite / Elicit — ادبیات پژوهش
- Zotero + AI — مدیریت منابع
👨💼 ابزارهای هوش مصنوعی برای کارکنان
تولید محتوا، اتوماسیون، مدیریت پروژه و خدمات اداری
تولید محتوا و اطلاعرسانی
- ChatGPT / Copy.ai — نگارش اطلاعیه و خبر
- Canva — طراحی پوستر و محتوای شبکه اجتماعی
- Beautiful.ai — ارائه و گزارش اداری
اتوماسیون و بهرهوری
- Zapier AI — خودکارسازی فرآیندها
- Notion AI / ClickUp AI — مدیریت پروژه
- ChatGPT — خلاصهسازی گزارشها
پشتیبانی و خدمات اداری
- Tidio / ChatBot — چتبات پاسخگو
- Microsoft Copilot — کار با Word و Excel
⚠️ استفاده مسئولانه از هوش مصنوعی
استفاده از ابزارهای هوش مصنوعی میتواند فرایند آموزش و پژوهش را تسهیل کند؛ اما استفاده اثربخش از این ابزارها نیازمند توجه به محدودیتها و اصول اخلاقی است.
🔹 اطلاعات تولیدشده توسط AI را پیش از استفاده بررسی کنید.
🔹 منابع و استنادهای ارائهشده را بهصورت مستقل بررسی کنید.
🔹 اطلاعات محرمانه و دادههای حساس را در ابزارهای عمومی وارد نکنید.
🔹 در پژوهش، استفاده از AI را مطابق مقررات و اصول اخلاقی اعلام کنید.
🔹 هوش مصنوعی را جایگزین تفکر و قضاوت علمی نکنید.
🔹 قبل از انتخاب ابزار، شرایط استفاده و سیاست حفظ حریم خصوصی آن را بررسی کنید.
حوزه کاربرد
مناسب برای
${tool.icon}
${tool.name}
${tool.category}
${tool.description}
`; toolsGrid.appendChild(card); }); } /* ========================================================= FILTER BUTTONS ========================================================= */ document.querySelectorAll(".ai-filter").forEach(button => { button.addEventListener("click", function() { document .querySelectorAll(".ai-filter") .forEach(btn => btn.classList.remove("active")); this.classList.add("active"); currentFilter = this.dataset.filter; renderTools(); }); }); /* ========================================================= SEARCH ========================================================= */ searchInput.addEventListener("input", renderTools); /* ========================================================= DETAILS MODAL ========================================================= */ toolsGrid.addEventListener("click", function(event) { const button = event.target.closest(".ai-details-btn"); if (!button) return; const tool = aiTools[button.dataset.index]; modalTitle.textContent = tool.name; modalDescription.textContent = tool.description; modalCategory.textContent = tool.category; modalUsers.textContent = tool.users.join("، "); modal.classList.add("active"); }); /* ========================================================= CLOSE MODAL ========================================================= */ modalClose.addEventListener("click", function() { modal.classList.remove("active"); }); modal.addEventListener("click", function(event) { if (event.target === modal) { modal.classList.remove("active"); } }); document.addEventListener("keydown", function(event) { if (event.key === "Escape") { modal.classList.remove("active"); } }); /* ========================================================= ROLE CARDS ========================================================= */ document.querySelectorAll(".ai-role-card").forEach(card => { card.addEventListener("click", function() { const role = this.dataset.roleFilter; searchInput.value = role; currentFilter = "all"; document .querySelectorAll(".ai-filter") .forEach(btn => btn.classList.remove("active")); document .querySelector('.ai-filter[data-filter="all"]') .classList.add("active"); renderTools(); document .querySelector(".ai-directory") .scrollIntoView({ behavior: "smooth", block: "start" }); }); }); /* ========================================================= INITIALIZE ========================================================= */ renderTools();