add template_maker
This commit is contained in:
+18
-2
@@ -205,7 +205,24 @@
|
|||||||
<div class="container">
|
<div class="container">
|
||||||
<h2 class="text-center mb-5 text-primary"> پروژههای با محوریت توسعهی مدل (زیربنا) </h2>
|
<h2 class="text-center mb-5 text-primary"> پروژههای با محوریت توسعهی مدل (زیربنا) </h2>
|
||||||
<p class="lead mb-5 text-center"> در فضای هوشمصنوعی با وضعیتی روبرو هستیم که اساساً کاربردهایی طراحی و ارائه میشوند که جز شرکتهای صاحب سرمایههای بزرگ امکان اجرا و بهره برداری از آن را ندارند و هم چنین تحقیقات نیز در خدمت این پروژههای بزرگ مقیاس قرار میگیرند. صاحبان سرمایه با انحصار در نهاد علم (مانند مراکز تحقیقاتی و جهتدهی)، صنعت هوشمصنوعی (مانند تولید سختافزار پردازشگر)، منابع (مانند داده و زیربنای شبکه) و اقتصاد (مانند ارائه خدمات دستیارهای هوشمند زبانی)، آحاد مردم را از تأثیرگذاری بر پیشبرد و جهتدهی این ابزار محروم میکنند*. ما تلاش میکنیم تا این خلاء زیربنایی را با تحقیق و توسعهی هوشمصنوعی دسترسیپذیر جبران کنیم. قدم اول ما در این زمینه توسعهی مدلهای توزیعشده بر روی شبکه است که با استفاده از امکانات اشتراکی بتوانند بازخورد خود را بهینه کنند. </p>
|
<p class="lead mb-5 text-center"> در فضای هوشمصنوعی با وضعیتی روبرو هستیم که اساساً کاربردهایی طراحی و ارائه میشوند که جز شرکتهای صاحب سرمایههای بزرگ امکان اجرا و بهره برداری از آن را ندارند و هم چنین تحقیقات نیز در خدمت این پروژههای بزرگ مقیاس قرار میگیرند. صاحبان سرمایه با انحصار در نهاد علم (مانند مراکز تحقیقاتی و جهتدهی)، صنعت هوشمصنوعی (مانند تولید سختافزار پردازشگر)، منابع (مانند داده و زیربنای شبکه) و اقتصاد (مانند ارائه خدمات دستیارهای هوشمند زبانی)، آحاد مردم را از تأثیرگذاری بر پیشبرد و جهتدهی این ابزار محروم میکنند*. ما تلاش میکنیم تا این خلاء زیربنایی را با تحقیق و توسعهی هوشمصنوعی دسترسیپذیر جبران کنیم. قدم اول ما در این زمینه توسعهی مدلهای توزیعشده بر روی شبکه است که با استفاده از امکانات اشتراکی بتوانند بازخورد خود را بهینه کنند. </p>
|
||||||
<div class="row g-4">
|
<p class="lead m-5 text-center">
|
||||||
|
<h4 class="text-left mb-5 text-primary">تاثیر رویکرد سرمایهدارانه بر روی توسعه و کاربرد هوشمصنوعی</h2>
|
||||||
|
<ol>
|
||||||
|
<li>
|
||||||
|
<b>کالاسازی داده</b> باعث رقابت در تجمیع و انحصار در اطلاعات شده تا حایی که داده را نفت جدید میخوانند.
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<b>شرکتهای تولید کنندهی سختافزار</b> برای ضمانت رشد سود خود محققین را جهتدهی میکنند که فقط تحت زیربنای محاسباتی آنها توسعهی نرمافزاری دهند. مثلاً شرکت <b>NVIDIA</b> با تحت تاثیر قرار دادن جامعهی علمی و تولیدی و پشتیبانی، از فروش سختافزارهای <b>AMD</b>، که معمولاً کارکرد بهتری دارد، جلوگیری میکند.
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<b>همچنین با هژمونیک کردن این نگاه</b>، جامعهی علمی به دنبال سختافزارهای روز، که بزرگتر و سریعتر میشوند، میباشد. در این حین دیدگاههای دموکراتیکتر، مانند <b>پردازش سیستمهای توزیعشده</b> که میتواند از سختافزارهای کوچک مردم همزمان بهره ببرد، از ادبیات تحقیقی حذف شدهاند. در نتیجه راهکارهای سرمایهدارانه تنها جهت پیشرفت و توسعه دیده میشود. البته روشهای پردازش سیستمهای توزیعشده به کل حذف نشدهاند. بلکه آنها هم در جهت منافع شرکتهای چند ملیتی توسعه داده میشوند.
|
||||||
|
</li>
|
||||||
|
</ol>
|
||||||
|
<p>
|
||||||
|
با آمدن کرونا، شرکت <b>NVIDIA</b> از کاربران بازیهای رایانهای خواست تا سیستمی نصب کنند که به آنها اجازه میداد از سیستم کاربران برای توسعهی هوشمصنوعی در جهت کشف داروهای جدید، استفاده کنند. در نمونهای دیگر، شرکت <b>گوگل</b> از دستگاههای تلفن کاربران برای آموزش مدلهای هوشمصنوعی خود بهره میبرد و آن را باز به مشتریان جدید میفروشد. محصولی که با دادههای مردم و سختافزار آنها درست شده در جهت منافع مالی این شرکت استفاده میشود.
|
||||||
|
</p>
|
||||||
|
</p>
|
||||||
|
<div class="row g-4 mt-5">
|
||||||
<div class="col-md-6 col-lg-4">
|
<div class="col-md-6 col-lg-4">
|
||||||
<div class="card project-card">
|
<div class="card project-card">
|
||||||
<img src="assets/images/distributed.png" class="card-img-top" alt="...">
|
<img src="assets/images/distributed.png" class="card-img-top" alt="...">
|
||||||
@@ -218,7 +235,6 @@
|
|||||||
</div>
|
</div>
|
||||||
<!-- Add more project cards here -->
|
<!-- Add more project cards here -->
|
||||||
</div>
|
</div>
|
||||||
<p> *نمونههایی از تاثیر رویکرید سرمایهدارانه بر روی توسعه و کاربرد هوشمصنوعی: ۱ کالاسازی داده باعث رقابت در تجمیع و انحصار در اطلاعات شده تا حایی که داده را نفت جدید میخوانند. ۲ شرکتهای تولید کنندهی سختافزار برای ضمانت رشد سود خود محققین را جهتدهی میکنند که فقط تحت زیربنای محاسباتی آنها توسعهی نرمافزاری دهند. مثلا شرکت NVIDIA با تحت تاثیر قرار دادن جامعهی علمی و تولیدی و پشتیبانی، از فروش سختافزارهای AMD، که معمولاً کارکرد بهتری دارد، جلوگیری میکند. ۳ همچنین با هژمونیک کردن این نگاه، جامعهی علمی به دنبال سختافزارهای روز، که بزرگتر و سریعتر میشوند، میباشد. در این حین دیدگاههای دموکراتیک تر، مانند پردازش سیستمهای توزیعشده که میتواند از سختافزارهای کوچک مردم همزمان بهره ببرد، از ادبیات تحقیقی حذف شدهاند. در نتیجه راهکارهای سرمایهدارانه تنها جهت پیشرفت و توسعه دیده میشود. البته روشهای پردازش سیستمهای توزیعشده به کل حذف نشدهاند. بلکه آنها هم در جهت منافع شرکتهای چند ملیتی توسعه داده میشوند. با آمدن کرونا شرکت NVIDIA از کاربران بازیهای رایانهای خواست تا سیستمی نصب کنند که به آنها اجازه میداد از سیستم کاربران برای توسعهی هوشمصنوعی در جهت کشف داروهای جدید، استفاده کنند. در نمونهای دیگر شرکت گوگل از دستگاههای تلفن کاربران برای آموزش مدلهای هوشمصنوعی خود بهره میبرد و آن را باز به مشتریان جدید میفروشد. محصولی که با دادههای مردم و سختافزار آنها درست شده در جهت منافع مالی این شرکت استقاده میشود. </p>
|
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
|||||||
@@ -75,6 +75,9 @@
|
|||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link" href="#portfolio">گام نما</a>
|
<a class="nav-link" href="#portfolio">گام نما</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="#portfolio">دور نما</a>
|
||||||
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link" href="#contact">ارتباط با ما</a>
|
<a class="nav-link" href="#contact">ارتباط با ما</a>
|
||||||
</li>
|
</li>
|
||||||
|
|||||||
@@ -0,0 +1,262 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="fa" dir="rtl">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>توضیحپذیری هوشمصنوعی</title>
|
||||||
|
<!-- Bootstrap CSS -->
|
||||||
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||||
|
<!-- Font Awesome -->
|
||||||
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
|
||||||
|
<style>
|
||||||
|
.progress-container {
|
||||||
|
background-color: rgba(208, 186, 150, 0.248);
|
||||||
|
width: 80%;
|
||||||
|
border-radius: 15px;
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.progress {
|
||||||
|
background-color: rgb(0, 160, 24);
|
||||||
|
color: rgb(255, 255, 255);
|
||||||
|
line-height: 10%;
|
||||||
|
padding: 5%;
|
||||||
|
font-size: 15px;
|
||||||
|
border-radius: 15px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hero-section {
|
||||||
|
background: url('images/dist_model_bg.png') center center/cover;
|
||||||
|
height: 100vh;
|
||||||
|
color: rgb(255, 255, 255);
|
||||||
|
}
|
||||||
|
.feature-icon {
|
||||||
|
font-size: 3rem;
|
||||||
|
color: #0d6efd;
|
||||||
|
}
|
||||||
|
.project-card {
|
||||||
|
transition: transform 0.3s;
|
||||||
|
}
|
||||||
|
.project-card:hover {
|
||||||
|
transform: translateY(-10px);
|
||||||
|
}
|
||||||
|
.footer {
|
||||||
|
background-color: #f8f9fa;
|
||||||
|
}
|
||||||
|
html {
|
||||||
|
font-family: 'Vazir', sans-serif;
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 1.5;
|
||||||
|
color: #202013;
|
||||||
|
}
|
||||||
|
html[lang="fa"] {
|
||||||
|
font-family: 'Vazir', sans-serif !important; /* Ensure Persian text uses this font */
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<!-- Navbar -->
|
||||||
|
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
|
||||||
|
<div class="container">
|
||||||
|
<a class="navbar-brand" href="#">توضیحپذیری هوشمصنوعی</a>
|
||||||
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
|
||||||
|
<span class="navbar-toggler-icon"></span>
|
||||||
|
</button>
|
||||||
|
<div class="collapse navbar-collapse" id="navbarNav">
|
||||||
|
<ul class="navbar-nav ms-auto">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link active" href="#home">توصیف</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="#features">ویژگی ها</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="#portfolio">گام نما</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="#portfolio">دور نما</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="#contact">ارتباط با ما</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<header class="hero-section d-flex align-items-center">
|
||||||
|
<div class="container text-center">
|
||||||
|
<h1 class="display-3 mb-4">توضیحپذیری هوشمصنوعی</h1>
|
||||||
|
<p class="lead mb-5">سیستمی برای افزایش آگاهی و کنترل کاربر در فرآیند استنتاج مدل.</p>
|
||||||
|
<a href="#features" class="btn btn-light btn-lg rounded-pill px-5">بیشتر بدانید</a>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<!-- Features Section -->
|
||||||
|
<section id="features" class="py-5">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="text-center mb-5">ویژگی ها</h2>
|
||||||
|
<div class="row g-4">
|
||||||
|
|
||||||
|
<div class="col-md-4 text-center">
|
||||||
|
<div class="feature-icon text-center mb-3">
|
||||||
|
<i class="fas fa-eye"></i>
|
||||||
|
</div>
|
||||||
|
<h3 class="h4 mb-3">شفافیت در استنتاج</h3>
|
||||||
|
<p>تولید مدلهایی که به صورت پیشفرض افزایش اطلاع کاربر از جزئیات فرایند آموزش و استنتاج را در نظر میگیرند.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-md-4 text-center">
|
||||||
|
<div class="feature-icon text-center mb-3">
|
||||||
|
<i class="fas fa-pen"></i>
|
||||||
|
</div>
|
||||||
|
<h3 class="h4 mb-3">امکان تغییر در فرایند استنتاج</h3>
|
||||||
|
<p>ایجاد امکان تغییر در ابعاد مختلف تصمیمگیری مدل مانند انتخاب دادهها یا ویژگیهای تاثیرگذار در خروجی مدل.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-md-4 text-center">
|
||||||
|
<div class="feature-icon text-center mb-3">
|
||||||
|
<i class="fas fa-gauge-high"></i>
|
||||||
|
</div>
|
||||||
|
<h3 class="h4 mb-3">بازده و کارایی بالا</h3>
|
||||||
|
<p>ارتقا و یا حفظ سرعت و دقت مدل توضیحپذیر در عین ایجاد امکان توضیحپذیری، و عبور از دوگانهی شفافیت در مقابل کارایی.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Portfolio Section -->
|
||||||
|
<section id="portfolio" class="py-5 bg-light">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="text-center mb-5">گامنمای پروژه</h2>
|
||||||
|
<div class="row g-4">
|
||||||
|
|
||||||
|
<div class="col-md-6 col-lg-4">
|
||||||
|
<div class="card project-card">
|
||||||
|
<div class="card-body">
|
||||||
|
<h5 class="h4 mb-3">هوشمصنوعی توضیحپذیر بالفعل</h5>
|
||||||
|
<p class="card-text">ترکیبی از یادگیری عمیق و یادگیری تنبل به ما اجازهی دخالت در دادههای تاثیرگذار را میدهد.</p>
|
||||||
|
<div class="container text-center justify-content: center">
|
||||||
|
وضعیت پیشرفت
|
||||||
|
<div class="progress-container">
|
||||||
|
<div class="progress" style="width: 80%; padding-right: 80%;">
|
||||||
|
80
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<p>
|
||||||
|
<ul style="list-style-type: '✅ ' ;">
|
||||||
|
|
||||||
|
<li>توضیحپذیری با پیدا کردن سهم تاثیر هر نمونه در دادههای آموزش</li>
|
||||||
|
|
||||||
|
<li>امکان ایجاد تغییر در سهم تاثیر هر نمونه بدون نیاز به آموزش مجدد مدل</li>
|
||||||
|
|
||||||
|
<li>مدهای پیشبینی کننده</li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
<ul style="list-style-type: ' ⏳ ' ;">
|
||||||
|
|
||||||
|
<li>مدلهای مولد</li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
</p>
|
||||||
|
<a href="https://github.com/aliakbar1881/IpsofactoModel">
|
||||||
|
<p class="card-text">ادرس گیت هاب</p>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-md-6 col-lg-4">
|
||||||
|
<div class="card project-card">
|
||||||
|
<div class="card-body">
|
||||||
|
<h5 class="h4 mb-3">توضیحپذیری بالفعل با دادههای خوشهای</h5>
|
||||||
|
<p class="card-text">ترکیب مدلهای RAG با مدلهای توضیحپذیر بالفعل برای سرعت و شخصیسازی.</p>
|
||||||
|
<div class="container text-center justify-content: center">
|
||||||
|
وضعیت پیشرفت
|
||||||
|
<div class="progress-container">
|
||||||
|
<div class="progress" style="width: 0%; padding-right: 0%;">
|
||||||
|
0
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<p>
|
||||||
|
<ul style="list-style-type: '✅ ' ;">
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
<ul style="list-style-type: ' ⏳ ' ;">
|
||||||
|
|
||||||
|
<li>پیاده سازی الگوریتم جستجوی سریع در پایگاه داده</li>
|
||||||
|
|
||||||
|
<li>توضیحپذیری بالفعل با استفاده از دادههای نزدیک</li>
|
||||||
|
|
||||||
|
<li>استفاده از الگوریتمهای جستجوی سریع (مانند KNN) در آموزش و استنتاج با در نظر گرفتن سهم اهمیت (و نه لزوماً شباهت و نزدیکی)</li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
</p>
|
||||||
|
<a href="https://github.com/aliakbar1881/IpsofactoModel">
|
||||||
|
<p class="card-text">ادرس گیت هاب</p>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Testimonials -->
|
||||||
|
<section class="py-5">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="text-center mb-5">دورنمای پروژه</h2>
|
||||||
|
<div id="testimonialCarousel" class="carousel slide" data-bs-ride="carousel">
|
||||||
|
<div class="carousel-inner">
|
||||||
|
<div class="carousel-item active">
|
||||||
|
<div class="row justify-content-center">
|
||||||
|
<div class="col-md-8">
|
||||||
|
<div class="testimonial p-4">
|
||||||
|
<p class="lead">در این پروژه، توانستهایم نشان دهیم که استنتاج مدل نهتنها قابل توضیح به کاربر است، بلکه بهصورت بالفعل میتوان فرایند آن را شفافسازی کرد. همچنین، امکان ورود ارادهی کاربر به جریان استنتاج هوش مصنوعی را فراهم کردهایم، بهویژه در مرحلهی انتخاب دادههای تأثیرگذار. این رویکرد در حال گسترش به سایر بخشهای فرایند استنتاج نیز هست.
|
||||||
|
|
||||||
|
هدف ما این است که ابزارهای جدید جایگزین متخصصان انسانی نشوند، بلکه بتوانند از طریق تعامل مؤثر با کاربر، تصمیمگیری را بهبود بخشند. برای تحقق این امر، ابزار طراحیشده باید بتواند اراده و تصمیمات کاربر را در چارچوبی ساختاریافته مدلسازی کرده و در استنتاج لحاظ کند. این امر به لطف شفافیت در استنتاج مدل محقق میشود و لازم است که این شفافیت در ابعاد دیگر نیز گسترش یابد، ازجمله در نحوهی تغییرات دادههای آموزشی و ارزیابی مدل.
|
||||||
|
|
||||||
|
با این رویکرد، به سمت سیستمی حرکت میکنیم که نهتنها دقت و کارایی استنتاج را بهبود میبخشد، بلکه تعامل انسانی را نیز در قلب فرایند تصمیمگیری حفظ میکند.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<!-- Call to Action -->
|
||||||
|
<section class="py-5 bg-primary text-white">
|
||||||
|
<div class="container text-center">
|
||||||
|
<h2>ایا میخواهید در توسعه این پروژه مشارکت کنید؟</h2>
|
||||||
|
<p class="lead">منتظریم</p>
|
||||||
|
<a href="#contact" class="btn btn-light btn-lg mt-3">ارتباط با ما</a>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Footer -->
|
||||||
|
<footer class="footer py-4">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-6">
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 text-md-end">
|
||||||
|
<a href="#" class="text-decoration-none me-3"><i class="fab fa-facebook"></i></a>
|
||||||
|
<a href="#" class="text-decoration-none me-3"><i class="fab fa-twitter"></i></a>
|
||||||
|
<a href="#" class="text-decoration-none"><i class="fab fa-linkedin"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
<!-- Bootstrap JS -->
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,57 @@
|
|||||||
|
{
|
||||||
|
"hero": {
|
||||||
|
"title": "توضیحپذیری هوشمصنوعی",
|
||||||
|
"description": "سیستمی برای افزایش آگاهی و کنترل کاربر در فرآیند استنتاج مدل.",
|
||||||
|
"button_text": "بیشتر بدانید",
|
||||||
|
"button_link": "#features"
|
||||||
|
},
|
||||||
|
"features": [
|
||||||
|
{
|
||||||
|
"icon": "fas fa-eye",
|
||||||
|
"title": "شفافیت در استنتاج",
|
||||||
|
"description": "تولید مدلهایی که به صورت پیشفرض افزایش اطلاع کاربر از جزئیات فرایند آموزش و استنتاج را در نظر میگیرند."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon": "fas fa-pen",
|
||||||
|
"title": "امکان تغییر در فرایند استنتاج",
|
||||||
|
"description": "ایجاد امکان تغییر در ابعاد مختلف تصمیمگیری مدل مانند انتخاب دادهها یا ویژگیهای تاثیرگذار در خروجی مدل."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon": "fas fa-gauge-high",
|
||||||
|
"title": "بازده و کارایی بالا",
|
||||||
|
"description": "ارتقا و یا حفظ سرعت و دقت مدل توضیحپذیر در عین ایجاد امکان توضیحپذیری، و عبور از دوگانهی شفافیت در مقابل کارایی."
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"projects": [
|
||||||
|
{
|
||||||
|
"title": "هوشمصنوعی توضیحپذیر بالفعل",
|
||||||
|
"description": "ترکیبی از یادگیری عمیق و یادگیری تنبل به ما اجازهی دخالت در دادههای تاثیرگذار را میدهد.",
|
||||||
|
"progress": 80,
|
||||||
|
"progress_in_persian": "۸۰",
|
||||||
|
"features": [
|
||||||
|
"توضیحپذیری با پیدا کردن سهم تاثیر هر نمونه در دادههای آموزش",
|
||||||
|
"امکان ایجاد تغییر در سهم تاثیر هر نمونه بدون نیاز به آموزش مجدد مدل",
|
||||||
|
"مدهای پیشبینی کننده"
|
||||||
|
],
|
||||||
|
"todo": [
|
||||||
|
"مدلهای مولد"
|
||||||
|
],
|
||||||
|
"github_link": "https://github.com/aliakbar1881/IpsofactoModel"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"title": "توضیحپذیری بالفعل با دادههای خوشهای",
|
||||||
|
"description": "ترکیب مدلهای RAG با مدلهای توضیحپذیر بالفعل برای سرعت و شخصیسازی.",
|
||||||
|
"progress": 0,
|
||||||
|
"progress_in_persian": "۰",
|
||||||
|
"todo": [
|
||||||
|
"پیاده سازی الگوریتم جستجوی سریع در پایگاه داده",
|
||||||
|
"توضیحپذیری بالفعل با استفاده از دادههای نزدیک",
|
||||||
|
"استفاده از الگوریتمهای جستجوی سریع (مانند KNN) در آموزش و استنتاج با در نظر گرفتن سهم اهمیت (و نه لزوماً شباهت و نزدیکی)"
|
||||||
|
],
|
||||||
|
"github_link": "https://github.com/aliakbar1881/IpsofactoModel"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"testimonial": {
|
||||||
|
"text": "در این پروژه، توانستهایم نشان دهیم که استنتاج مدل نهتنها قابل توضیح به کاربر است، بلکه بهصورت بالفعل میتوان فرایند آن را شفافسازی کرد. همچنین، امکان ورود ارادهی کاربر به جریان استنتاج هوش مصنوعی را فراهم کردهایم، بهویژه در مرحلهی انتخاب دادههای تأثیرگذار. این رویکرد در حال گسترش به سایر بخشهای فرایند استنتاج نیز هست.\n\nهدف ما این است که ابزارهای جدید جایگزین متخصصان انسانی نشوند، بلکه بتوانند از طریق تعامل مؤثر با کاربر، تصمیمگیری را بهبود بخشند. برای تحقق این امر، ابزار طراحیشده باید بتواند اراده و تصمیمات کاربر را در چارچوبی ساختاریافته مدلسازی کرده و در استنتاج لحاظ کند. این امر به لطف شفافیت در استنتاج مدل محقق میشود و لازم است که این شفافیت در ابعاد دیگر نیز گسترش یابد، ازجمله در نحوهی تغییرات دادههای آموزشی و ارزیابی مدل.\n\nبا این رویکرد، به سمت سیستمی حرکت میکنیم که نهتنها دقت و کارایی استنتاج را بهبود میبخشد، بلکه تعامل انسانی را نیز در قلب فرایند تصمیمگیری حفظ میکند."
|
||||||
|
}
|
||||||
|
}
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 1.3 MiB |
@@ -0,0 +1,203 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="fa" dir="rtl">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>{{ data.hero.title }}</title>
|
||||||
|
<!-- Bootstrap CSS -->
|
||||||
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||||
|
<!-- Font Awesome -->
|
||||||
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
|
||||||
|
<style>
|
||||||
|
.progress-container {
|
||||||
|
background-color: rgba(208, 186, 150, 0.248);
|
||||||
|
width: 80%;
|
||||||
|
border-radius: 15px;
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.progress {
|
||||||
|
background-color: rgb(0, 160, 24);
|
||||||
|
color: rgb(255, 255, 255);
|
||||||
|
line-height: 10%;
|
||||||
|
padding: 5%;
|
||||||
|
font-size: 15px;
|
||||||
|
border-radius: 15px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hero-section {
|
||||||
|
background: url('images/dist_model_bg.png') center center/cover;
|
||||||
|
height: 100vh;
|
||||||
|
color: rgb(255, 255, 255);
|
||||||
|
}
|
||||||
|
.feature-icon {
|
||||||
|
font-size: 3rem;
|
||||||
|
color: #0d6efd;
|
||||||
|
}
|
||||||
|
.project-card {
|
||||||
|
transition: transform 0.3s;
|
||||||
|
}
|
||||||
|
.project-card:hover {
|
||||||
|
transform: translateY(-10px);
|
||||||
|
}
|
||||||
|
.footer {
|
||||||
|
background-color: #f8f9fa;
|
||||||
|
}
|
||||||
|
html {
|
||||||
|
font-family: 'Vazir', sans-serif;
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 1.5;
|
||||||
|
color: #202013;
|
||||||
|
}
|
||||||
|
html[lang="fa"] {
|
||||||
|
font-family: 'Vazir', sans-serif !important; /* Ensure Persian text uses this font */
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<!-- Navbar -->
|
||||||
|
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
|
||||||
|
<div class="container">
|
||||||
|
<a class="navbar-brand" href="#">{{ data.hero.title }}</a>
|
||||||
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
|
||||||
|
<span class="navbar-toggler-icon"></span>
|
||||||
|
</button>
|
||||||
|
<div class="collapse navbar-collapse" id="navbarNav">
|
||||||
|
<ul class="navbar-nav ms-auto">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link active" href="#home">توصیف</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="#features">ویژگی ها</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="#portfolio">گام نما</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="#portfolio">دور نما</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="#contact">ارتباط با ما</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<header class="hero-section d-flex align-items-center">
|
||||||
|
<div class="container text-center">
|
||||||
|
<h1 class="display-3 mb-4">{{ data.hero.title }}</h1>
|
||||||
|
<p class="lead mb-5">{{ data.hero.description }}</p>
|
||||||
|
<a href="{{ data.hero.button_link }}" class="btn btn-light btn-lg rounded-pill px-5">{{ data.hero.button_text }}</a>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<!-- Features Section -->
|
||||||
|
<section id="features" class="py-5">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="text-center mb-5">ویژگی ها</h2>
|
||||||
|
<div class="row g-4">
|
||||||
|
{% for feature in data.features %}
|
||||||
|
<div class="col-md-4 text-center">
|
||||||
|
<div class="feature-icon text-center mb-3">
|
||||||
|
<i class="{{ feature.icon }}"></i>
|
||||||
|
</div>
|
||||||
|
<h3 class="h4 mb-3">{{ feature.title }}</h3>
|
||||||
|
<p>{{ feature.description }}</p>
|
||||||
|
</div>
|
||||||
|
{% endfor %}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Portfolio Section -->
|
||||||
|
<section id="portfolio" class="py-5 bg-light">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="text-center mb-5">گامنمای پروژه</h2>
|
||||||
|
<div class="row g-4">
|
||||||
|
{% for project in data.projects %}
|
||||||
|
<div class="col-md-6 col-lg-4">
|
||||||
|
<div class="card project-card">
|
||||||
|
<div class="card-body">
|
||||||
|
<h5 class="h4 mb-3">{{ project.title }}</h5>
|
||||||
|
<p class="card-text">{{ project.description }}</p>
|
||||||
|
<div class="container text-center justify-content: center">
|
||||||
|
وضعیت پیشرفت
|
||||||
|
<div class="progress-container">
|
||||||
|
<div class="progress" style="width: {{ project.progress }}%; padding-right: {{ project.progress }}%;">
|
||||||
|
{{ project.progress }}
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<p>
|
||||||
|
<ul style="list-style-type: '✅ ' ;">
|
||||||
|
{% for feature in project.features %}
|
||||||
|
<li>{{ feature }}</li>
|
||||||
|
{% endfor %}
|
||||||
|
</ul>
|
||||||
|
<ul style="list-style-type: ' ⏳ ' ;">
|
||||||
|
{% for todo in project.todo %}
|
||||||
|
<li>{{ todo }}</li>
|
||||||
|
{% endfor %}
|
||||||
|
</ul>
|
||||||
|
</p>
|
||||||
|
<a href="{{ project.github_link }}">
|
||||||
|
<p class="card-text">ادرس گیت هاب</p>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{% endfor %}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Testimonials -->
|
||||||
|
<section class="py-5">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="text-center mb-5">دورنمای پروژه</h2>
|
||||||
|
<div id="testimonialCarousel" class="carousel slide" data-bs-ride="carousel">
|
||||||
|
<div class="carousel-inner">
|
||||||
|
<div class="carousel-item active">
|
||||||
|
<div class="row justify-content-center">
|
||||||
|
<div class="col-md-8">
|
||||||
|
<div class="testimonial p-4">
|
||||||
|
<p class="lead">{{ data.testimonial.text }}</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<!-- Call to Action -->
|
||||||
|
<section class="py-5 bg-primary text-white">
|
||||||
|
<div class="container text-center">
|
||||||
|
<h2>ایا میخواهید در توسعه این پروژه مشارکت کنید؟</h2>
|
||||||
|
<p class="lead">منتظریم</p>
|
||||||
|
<a href="#contact" class="btn btn-light btn-lg mt-3">ارتباط با ما</a>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Footer -->
|
||||||
|
<footer class="footer py-4">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-6">
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 text-md-end">
|
||||||
|
<a href="#" class="text-decoration-none me-3"><i class="fab fa-facebook"></i></a>
|
||||||
|
<a href="#" class="text-decoration-none me-3"><i class="fab fa-twitter"></i></a>
|
||||||
|
<a href="#" class="text-decoration-none"><i class="fab fa-linkedin"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
<!-- Bootstrap JS -->
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,27 @@
|
|||||||
|
from jinja2 import Template
|
||||||
|
import json
|
||||||
|
import argparse
|
||||||
|
|
||||||
|
parser = argparse.ArgumentParser(
|
||||||
|
prog='template_maker',
|
||||||
|
description='make template',
|
||||||
|
epilog='be happy!')
|
||||||
|
|
||||||
|
parser.add_argument('-i', '--input')
|
||||||
|
|
||||||
|
args = parser.parse_args()
|
||||||
|
# خواندن فایل JSON
|
||||||
|
with open(args.input, 'r', encoding='utf-8') as file:
|
||||||
|
data = json.load(file)
|
||||||
|
|
||||||
|
# خواندن قالب HTML
|
||||||
|
with open('template.html', 'r', encoding='utf-8') as file:
|
||||||
|
template = Template(file.read())
|
||||||
|
|
||||||
|
# جایگذاری اطلاعات در قالب HTML
|
||||||
|
result = template.render(data=data)
|
||||||
|
|
||||||
|
|
||||||
|
# ذخیره خروجی در یک فایل HTML
|
||||||
|
with open(f"{args.input.split('.')[0]}.html", 'w', encoding='utf-8') as file:
|
||||||
|
file.write(result)
|
||||||
Reference in New Issue
Block a user