|
|
<!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> |
|
|
<script src="https://cdn.tailwindcss.com"></script> |
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> |
|
|
<style> |
|
|
@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@100;200;300;400;500;600;700;800;900&display=swap'); |
|
|
|
|
|
body { |
|
|
font-family: 'Vazirmatn', sans-serif; |
|
|
} |
|
|
|
|
|
.stage-indicator { |
|
|
min-width: 120px; |
|
|
} |
|
|
|
|
|
.form-section { |
|
|
transition: all 0.3s ease; |
|
|
} |
|
|
|
|
|
textarea { |
|
|
resize: none; |
|
|
} |
|
|
|
|
|
|
|
|
::-webkit-scrollbar { |
|
|
width: 8px; |
|
|
height: 8px; |
|
|
} |
|
|
|
|
|
::-webkit-scrollbar-track { |
|
|
background: #f1f1f1; |
|
|
} |
|
|
|
|
|
::-webkit-scrollbar-thumb { |
|
|
background: #888; |
|
|
border-radius: 4px; |
|
|
} |
|
|
|
|
|
::-webkit-scrollbar-thumb:hover { |
|
|
background: #555; |
|
|
} |
|
|
</style> |
|
|
</head> |
|
|
<body class="bg-gray-50"> |
|
|
<div class="mx-auto max-w-4xl p-4 min-h-screen" id="app"> |
|
|
<h1 class="text-2xl font-bold text-center mb-6">راهنمای نوشتن پروپوزال تحقیق روانشناسی</h1> |
|
|
|
|
|
<div id="main-content"> |
|
|
|
|
|
<div class="flex justify-center mb-8 overflow-x-auto py-2" id="stage-indicators"> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-blue-100 p-4 rounded-md mb-6" id="stage-description"> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="form-section" id="current-form"> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="flex justify-between mt-6" id="navigation-buttons"> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="hidden" id="preview-section"> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<script> |
|
|
// Proposal stages data |
|
|
const stages = [ |
|
|
{ |
|
|
id: 1, |
|
|
title: "انتخاب عنوان و موضوع تحقیق", |
|
|
description: "در این مرحله عنوان مناسب و موضوع تحقیق خود را انتخاب می‌کنید", |
|
|
form: "titleForm" |
|
|
}, |
|
|
{ |
|
|
id: 2, |
|
|
title: "بیان مسأله", |
|
|
description: "توضیح مشکل یا سؤالی که تحقیق به دنبال پاسخگویی به آن است", |
|
|
form: "problemForm" |
|
|
}, |
|
|
{ |
|
|
id: 3, |
|
|
title: "پیشینه تحقیق", |
|
|
description: "مرور پژوهش‌های قبلی در این حوزه", |
|
|
form: "literatureForm" |
|
|
}, |
|
|
{ |
|
|
id: 4, |
|
|
title: "اهداف و سؤالات پژوهش", |
|
|
description: "تعیین اهداف کلی، اهداف جزئی و سؤالات یا فرضیه‌های تحقیق", |
|
|
form: "objectivesForm" |
|
|
}, |
|
|
{ |
|
|
id: 5, |
|
|
title: "روش‌شناسی تحقیق", |
|
|
description: "توضیح روش‌های جمع‌آوری و تحلیل داده‌ها", |
|
|
form: "methodologyForm" |
|
|
}, |
|
|
{ |
|
|
id: 6, |
|
|
title: "تدوین ابزار تحقیق", |
|
|
description: "طراحی یا انتخاب ابزارهای مناسب برای جمع‌آوری داده‌ها", |
|
|
form: "toolsForm" |
|
|
}, |
|
|
{ |
|
|
id: 7, |
|
|
title: "روش تحلیل داده‌ها", |
|
|
description: "توضیح روش‌های آماری یا کیفی تحلیل داده‌ها", |
|
|
form: "analysisForm" |
|
|
}, |
|
|
{ |
|
|
id: 8, |
|
|
title: "زمان‌بندی و منابع", |
|
|
description: "تعیین جدول زمانی انجام پژوهش و فهرست منابع", |
|
|
form: "resourcesForm" |
|
|
} |
|
|
]; |
|
|
|
|
|
// Application state |
|
|
let currentStage = 1; |
|
|
let proposalData = { |
|
|
title: "", |
|
|
problem: "", |
|
|
literature: "", |
|
|
objectives: "", |
|
|
questions: [], |
|
|
methodology: "", |
|
|
tools: "", |
|
|
analysis: "", |
|
|
timeline: "", |
|
|
references: "" |
|
|
}; |
|
|
let showPreview = false; |
|
|
|
|
|
// DOM elements |
|
|
const appContainer = document.getElementById('app'); |
|
|
const mainContent = document.getElementById('main-content'); |
|
|
const previewSection = document.getElementById('preview-section'); |
|
|
const stageIndicators = document.getElementById('stage-indicators'); |
|
|
const stageDescription = document.getElementById('stage-description'); |
|
|
const currentForm = document.getElementById('current-form'); |
|
|
const navigationButtons = document.getElementById('navigation-buttons'); |
|
|
|
|
|
// Initialize the app |
|
|
function initApp() { |
|
|
renderStageIndicators(); |
|
|
renderStageDescription(); |
|
|
renderCurrentForm(); |
|
|
renderNavigationButtons(); |
|
|
} |
|
|
|
|
|
// Render stage indicators |
|
|
function renderStageIndicators() { |
|
|
stageIndicators.innerHTML = ''; |
|
|
|
|
|
stages.forEach(stage => { |
|
|
const stageElement = document.createElement('div'); |
|
|
stageElement.className = `px-3 py-1 mx-1 rounded-full text-sm cursor-pointer stage-indicator text-center ${ |
|
|
currentStage === stage.id |
|
|
? "bg-blue-600 text-white" |
|
|
: currentStage > stage.id |
|
|
? "bg-green-100 text-green-800" |
|
|
: "bg-gray-200 text-gray-600" |
|
|
}`; |
|
|
stageElement.innerHTML = `${stage.id}. ${stage.title}`; |
|
|
stageElement.addEventListener('click', () => { |
|
|
currentStage = stage.id; |
|
|
showPreview = false; |
|
|
updateUI(); |
|
|
}); |
|
|
|
|
|
stageIndicators.appendChild(stageElement); |
|
|
}); |
|
|
} |
|
|
|
|
|
// Render stage description |
|
|
function renderStageDescription() { |
|
|
const currentStageData = stages.find(stage => stage.id === currentStage); |
|
|
stageDescription.innerHTML = ` |
|
|
<h2 class="font-bold text-lg mb-2">${currentStageData.title}</h2> |
|
|
<p>${currentStageData.description}</p> |
|
|
`; |
|
|
} |
|
|
|
|
|
// Render current form based on stage |
|
|
function renderCurrentForm() { |
|
|
switch(currentStage) { |
|
|
case 1: |
|
|
currentForm.innerHTML = renderTitleForm(); |
|
|
break; |
|
|
case 2: |
|
|
currentForm.innerHTML = renderProblemForm(); |
|
|
break; |
|
|
case 3: |
|
|
currentForm.innerHTML = renderLiteratureForm(); |
|
|
break; |
|
|
case 4: |
|
|
currentForm.innerHTML = renderObjectivesForm(); |
|
|
break; |
|
|
case 5: |
|
|
currentForm.innerHTML = renderMethodologyForm(); |
|
|
break; |
|
|
case 6: |
|
|
currentForm.innerHTML = renderToolsForm(); |
|
|
break; |
|
|
case 7: |
|
|
currentForm.innerHTML = renderAnalysisForm(); |
|
|
break; |
|
|
case 8: |
|
|
currentForm.innerHTML = renderResourcesForm(); |
|
|
break; |
|
|
default: |
|
|
currentForm.innerHTML = '<div>در حال آماده‌سازی...</div>'; |
|
|
} |
|
|
} |
|
|
|
|
|
// Render navigation buttons |
|
|
function renderNavigationButtons() { |
|
|
navigationButtons.innerHTML = ` |
|
|
<button id="prev-btn" class="px-4 py-2 rounded ${ |
|
|
currentStage === 1 |
|
|
? "bg-gray-300 text-gray-500 cursor-not-allowed" |
|
|
: "bg-gray-500 text-white hover:bg-gray-600" |
|
|
}"> |
|
|
<i class="fas fa-arrow-right ml-2"></i> مرحله قبل |
|
|
</button> |
|
|
|
|
|
<button id="next-btn" class="bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600"> |
|
|
${currentStage < stages.length ? "مرحله بعد" : "پیش‌نمایش پروپوزال"} <i class="fas fa-arrow-left mr-2"></i> |
|
|
</button> |
|
|
`; |
|
|
|
|
|
document.getElementById('prev-btn').addEventListener('click', goToPreviousStage); |
|
|
document.getElementById('next-btn').addEventListener('click', goToNextStage); |
|
|
} |
|
|
|
|
|
// Render preview section |
|
|
function renderPreview() { |
|
|
previewSection.innerHTML = ` |
|
|
<div class="bg-white p-6 rounded-lg shadow-md"> |
|
|
<h2 class="text-xl font-bold mb-6 text-center">پیش‌نمایش پروپوزال</h2> |
|
|
|
|
|
<h3 class="text-lg font-bold mb-2">عنوان تحقیق:</h3> |
|
|
<p class="mb-4 p-2 bg-gray-50 rounded">${proposalData.title || "عنوان وارد نشده است"}</p> |
|
|
|
|
|
<h3 class="text-lg font-bold mb-2">بیان مسأله:</h3> |
|
|
<p class="mb-4 p-2 bg-gray-50 rounded">${proposalData.problem || "بیان مسأله وارد نشده است"}</p> |
|
|
|
|
|
<h3 class="text-lg font-bold mb-2">پیشینه تحقیق:</h3> |
|
|
<p class="mb-4 p-2 bg-gray-50 rounded">${proposalData.literature || "پیشینه تحقیق وارد نشده است"}</p> |
|
|
|
|
|
<h3 class="text-lg font-bold mb-2">اهداف تحقیق:</h3> |
|
|
<p class="mb-4 p-2 bg-gray-50 rounded">${proposalData.objectives || "اهداف تحقیق وارد نشده است"}</p> |
|
|
|
|
|
<h3 class="text-lg font-bold mb-2">روش‌شناسی تحقیق:</h3> |
|
|
<p class="mb-4 p-2 bg-gray-50 rounded">${proposalData.methodology || "روش‌شناسی وارد نشده است"}</p> |
|
|
|
|
|
<h3 class="text-lg font-bold mb-2">ابزار تحقیق:</h3> |
|
|
<p class="mb-4 p-2 bg-gray-50 rounded">${proposalData.tools || "ابزار تحقیق وارد نشده است"}</p> |
|
|
|
|
|
<h3 class="text-lg font-bold mb-2">روش تحلیل داده‌ها:</h3> |
|
|
<p class="mb-4 p-2 bg-gray-50 rounded">${proposalData.analysis || "روش تحلیل وارد نشده است"}</p> |
|
|
|
|
|
<h3 class="text-lg font-bold mb-2">زمان‌بندی و منابع:</h3> |
|
|
<p class="mb-4 p-2 bg-gray-50 rounded">${proposalData.timeline || "زمان‌بندی وارد نشده است"}</p> |
|
|
|
|
|
<div class="flex justify-center mt-6"> |
|
|
<button id="back-to-edit" class="bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600"> |
|
|
بازگشت به ویرایش <i class="fas fa-edit mr-2"></i> |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
`; |
|
|
|
|
|
document.getElementById('back-to-edit').addEventListener('click', () => { |
|
|
showPreview = false; |
|
|
updateUI(); |
|
|
}); |
|
|
} |
|
|
|
|
|
// Form renderers |
|
|
function renderTitleForm() { |
|
|
return ` |
|
|
<div class="bg-white p-6 rounded-lg shadow-md"> |
|
|
<h3 class="text-lg font-bold mb-4">انتخاب عنوان تحقیق</h3> |
|
|
<div class="mb-6"> |
|
|
<label class="block text-gray-700 mb-2">عنوان پروپوزال:</label> |
|
|
<input |
|
|
type="text" |
|
|
id="proposal-title" |
|
|
value="${proposalData.title}" |
|
|
class="w-full border rounded p-2" |
|
|
placeholder="عنوان پروپوزال خود را وارد کنید" |
|
|
/> |
|
|
</div> |
|
|
|
|
|
<div class="bg-blue-50 p-4 rounded-md mb-4"> |
|
|
<h4 class="font-bold text-blue-800 mb-2">نکات برای انتخاب عنوان مناسب:</h4> |
|
|
<ul class="list-disc pr-5 text-blue-700"> |
|
|
<li>عنوان باید مختصر، دقیق و گویا باشد (معمولاً زیر 20 کلمه)</li> |
|
|
<li>متغیرهای اصلی تحقیق باید در عنوان مشخص باشند</li> |
|
|
<li>جامعه آماری یا گروه هدف در عنوان مشخص شود</li> |
|
|
<li>از کلمات مبهم و کلی اجتناب کنید</li> |
|
|
</ul> |
|
|
</div> |
|
|
|
|
|
<div class="bg-green-50 p-4 rounded-md mb-4"> |
|
|
<h4 class="font-bold text-green-800 mb-2">نمونه‌های عنوان مناسب:</h4> |
|
|
<ul class="list-disc pr-5 text-green-700"> |
|
|
<li>بررسی رابطه هوش هیجانی و موفقیت تحصیلی در دانشجویان روانشناسی دانشگاه تهران</li> |
|
|
<li>تأثیر آموزش مهارت‌های مدیریت استرس بر کاهش اضطراب امتحان در دانش‌آموزان دبیرستانی</li> |
|
|
<li>مقایسه اثربخشی درمان شناختی-رفتاری و دارودرمانی در کاهش علائم افسردگی بیماران مبتلا به افسردگی اساسی</li> |
|
|
</ul> |
|
|
</div> |
|
|
</div> |
|
|
`; |
|
|
} |
|
|
|
|
|
function renderProblemForm() { |
|
|
return ` |
|
|
<div class="bg-white p-6 rounded-lg shadow-md"> |
|
|
<h3 class="text-lg font-bold mb-4">بیان مسأله</h3> |
|
|
<div class="mb-6"> |
|
|
<label class="block text-gray-700 mb-2">مسأله تحقیق:</label> |
|
|
<textarea |
|
|
id="proposal-problem" |
|
|
class="w-full border rounded p-2 h-32" |
|
|
placeholder="مسأله تحقیق خود را توضیح دهید" |
|
|
>${proposalData.problem}</textarea> |
|
|
</div> |
|
|
|
|
|
<div class="bg-blue-50 p-4 rounded-md mb-4"> |
|
|
<h4 class="font-bold text-blue-800 mb-2">راهنمای نوشتن بیان مسأله:</h4> |
|
|
<ul class="list-disc pr-5 text-blue-700"> |
|
|
<li>مسأله را به روشنی تعریف کنید و اهمیت آن را توضیح دهید</li> |
|
|
<li>خلأهای موجود در دانش فعلی را بیان کنید</li> |
|
|
<li>به آمار و ارقام مرتبط با مسأله اشاره کنید</li> |
|
|
<li>ضرورت و فواید انجام این تحقیق را توضیح دهید</li> |
|
|
</ul> |
|
|
</div> |
|
|
|
|
|
<div class="bg-green-50 p-4 rounded-md mb-4"> |
|
|
<h4 class="font-bold text-green-800 mb-2">نمونه بیان مسأله:</h4> |
|
|
<p class="text-green-700 pr-5"> |
|
|
اضطراب امتحان یکی از مشکلات شایع در بین دانش‌آموزان است که طبق مطالعات، حدود 30 درصد دانش‌آموزان به آن مبتلا هستند. |
|
|
این اختلال می‌تواند به افت عملکرد تحصیلی، کاهش اعتماد به نفس و ایجاد مشکلات روانی دیگر منجر شود. |
|
|
با وجود مطالعات متعدد در این زمینه، هنوز روش مؤثر و کاربردی برای مدیریت اضطراب امتحان در بافت مدارس ایران به‌طور |
|
|
کامل بررسی نشده است. این تحقیق قصد دارد تا اثربخشی روش‌های مختلف مدیریت استرس را بر کاهش اضطراب امتحان |
|
|
دانش‌آموزان بررسی کند. |
|
|
</p> |
|
|
</div> |
|
|
</div> |
|
|
`; |
|
|
} |
|
|
|
|
|
function renderLiteratureForm() { |
|
|
return ` |
|
|
<div class="bg-white p-6 rounded-lg shadow-md"> |
|
|
<h3 class="text-lg font-bold mb-4">پیشینه تحقیق</h3> |
|
|
<div class="mb-6"> |
|
|
<label class="block text-gray-700 mb-2">پیشینه تحقیق:</label> |
|
|
<textarea |
|
|
id="proposal-literature" |
|
|
class="w-full border rounded p-2 h-48" |
|
|
placeholder="پیشینه تحقیق خود را توضیح دهید" |
|
|
>${proposalData.literature}</textarea> |
|
|
</div> |
|
|
|
|
|
<div class="bg-blue-50 p-4 rounded-md mb-4"> |
|
|
<h4 class="font-bold text-blue-800 mb-2">راهنمای نوشتن پیشینه تحقیق:</h4> |
|
|
<ul class="list-disc pr-5 text-blue-700"> |
|
|
<li>تحقیقات مرتبط داخلی و خارجی را مرور کنید</li> |
|
|
<li>نتایج تحقیقات قبلی را به صورت انتقادی بررسی کنید</li> |
|
|
<li>خلأهای تحقیقاتی را مشخص کنید</li> |
|
|
<li>از منابع معتبر و به روز استفاده کنید</li> |
|
|
</ul> |
|
|
</div> |
|
|
|
|
|
<div class="bg-yellow-50 p-4 rounded-md mb-4"> |
|
|
<h4 class="font-bold text-yellow-800 mb-2">نکته مهم:</h4> |
|
|
<p class="text-yellow-700 pr-5"> |
|
|
پیشینه تحقیق باید منجر به توجیه ضرورت انجام پژوهش شما شود و نشان دهد که تحقیق شما چگونه می‌تواند به دانش موجود در این حوزه اضافه کند. |
|
|
</p> |
|
|
</div> |
|
|
</div> |
|
|
`; |
|
|
} |
|
|
|
|
|
function renderObjectivesForm() { |
|
|
return ` |
|
|
<div class="bg-white p-6 rounded-lg shadow-md"> |
|
|
<h3 class="text-lg font-bold mb-4">اهداف و سؤالات پژوهش</h3> |
|
|
|
|
|
<div class="mb-6"> |
|
|
<label class="block text-gray-700 mb-2">اهداف کلی تحقیق:</label> |
|
|
<textarea |
|
|
id="proposal-objectives" |
|
|
class="w-full border rounded p-2 h-24" |
|
|
placeholder="اهداف کلی تحقیق خود را توضیح دهید" |
|
|
>${proposalData.objectives}</textarea> |
|
|
</div> |
|
|
|
|
|
<div class="mb-6"> |
|
|
<label class="block text-gray-700 mb-2">سؤالات یا فرضیه‌های تحقیق:</label> |
|
|
<div id="questions-container"> |
|
|
${proposalData.questions.map((q, i) => ` |
|
|
<div class="flex mb-2" id="question-${i}"> |
|
|
<input |
|
|
type="text" |
|
|
value="${q}" |
|
|
class="w-full border rounded p-2 mr-2 question-input" |
|
|
placeholder="سؤال یا فرضیه تحقیق" |
|
|
> |
|
|
<button |
|
|
class="bg-red-500 text-white px-3 rounded hover:bg-red-600 remove-question" |
|
|
data-index="${i}" |
|
|
> |
|
|
<i class="fas fa-trash"></i> |
|
|
</button> |
|
|
</div> |
|
|
`).join('')} |
|
|
</div> |
|
|
<button id="add-question" class="bg-green-500 text-white px-3 py-1 rounded text-sm mt-2 hover:bg-green-600"> |
|
|
<i class="fas fa-plus ml-1"></i> افزودن سؤال/فرضیه |
|
|
</button> |
|
|
</div> |
|
|
|
|
|
<div class="bg-blue-50 p-4 rounded-md mb-4"> |
|
|
<h4 class="font-bold text-blue-800 mb-2">راهنمای تعیین اهداف و سؤالات:</h4> |
|
|
<ul class="list-disc pr-5 text-blue-700"> |
|
|
<li>اهداف باید مشخص، قابل اندازه‌گیری و دست‌یافتنی باشند</li> |
|
|
<li>بین اهداف کلی و جزئی تمایز قائل شوید</li> |
|
|
<li>سؤالات تحقیق باید مستقیماً از مسأله تحقیق استخراج شوند</li> |
|
|
<li>فرضیه‌ها باید قابل آزمون باشند</li> |
|
|
</ul> |
|
|
</div> |
|
|
</div> |
|
|
`; |
|
|
} |
|
|
|
|
|
function renderMethodologyForm() { |
|
|
return ` |
|
|
<div class="bg-white p-6 rounded-lg shadow-md"> |
|
|
<h3 class="text-lg font-bold mb-4">روش‌شناسی تحقیق</h3> |
|
|
|
|
|
<div class="mb-6"> |
|
|
<label class="block text-gray-700 mb-2">روش تحقیق:</label> |
|
|
<textarea |
|
|
id="proposal-methodology" |
|
|
class="w-full border rounded p-2 h-32" |
|
|
placeholder="روش‌شناسی تحقیق خود را توضیح دهید" |
|
|
>${proposalData.methodology}</textarea> |
|
|
</div> |
|
|
|
|
|
<div class="mb-6"> |
|
|
<label class="block text-gray-700 mb-2">جامعه و نمونه آماری:</label> |
|
|
<textarea |
|
|
id="proposal-sample" |
|
|
class="w-full border rounded p-2 h-24" |
|
|
placeholder="جامعه و نمونه آماری تحقیق خود را توضیح دهید" |
|
|
>${proposalData.sample || ''}</textarea> |
|
|
</div> |
|
|
|
|
|
<div class="bg-blue-50 p-4 rounded-md mb-4"> |
|
|
<h4 class="font-bold text-blue-800 mb-2">انواع روش‌های تحقیق در روانشناسی:</h4> |
|
|
<ul class="list-disc pr-5 text-blue-700"> |
|
|
<li>توصیفی (پیمایشی، همبستگی، موردی)</li> |
|
|
<li>تجربی (آزمایشی، نیمه آزمایشی)</li> |
|
|
<li>کیفی (پدیدارشناسی، نظریه زمینه‌ای، روایت پژوهی)</li> |
|
|
<li>ترکیبی (روش‌های کمی و کیفی)</li> |
|
|
</ul> |
|
|
</div> |
|
|
</div> |
|
|
`; |
|
|
} |
|
|
|
|
|
function renderToolsForm() { |
|
|
return ` |
|
|
<div class="bg-white p-6 rounded-lg shadow-md"> |
|
|
<h3 class="text-lg font-bold mb-4">تدوین ابزار تحقیق</h3> |
|
|
|
|
|
<div class="mb-6"> |
|
|
<label class="block text-gray-700 mb-2">ابزارهای جمع‌آوری داده:</label> |
|
|
<textarea |
|
|
id="proposal-tools" |
|
|
class="w-full border rounded p-2 h-32" |
|
|
placeholder="ابزارهای تحقیق خود را توضیح دهید" |
|
|
>${proposalData.tools}</textarea> |
|
|
</div> |
|
|
|
|
|
<div class="bg-blue-50 p-4 rounded-md mb-4"> |
|
|
<h4 class="font-bold text-blue-800 mb-2">ابزارهای رایج در تحقیقات روانشناسی:</h4> |
|
|
<ul class="list-disc pr-5 text-blue-700"> |
|
|
<li>پرسشنامه‌های استاندارد (مثل پرسشنامه اضطراب بک، پرسشنامه شخصیتی نئو)</li> |
|
|
<li>مصاحبه (ساختارمند، نیمه ساختارمند، آزاد)</li> |
|
|
<li>مشاهده (مشارکتی، غیرمشارکتی)</li> |
|
|
<li>آزمون‌های روانشناختی</li> |
|
|
<li>مقیاس‌های درجه‌بندی</li> |
|
|
</ul> |
|
|
</div> |
|
|
|
|
|
<div class="bg-yellow-50 p-4 rounded-md mb-4"> |
|
|
<h4 class="font-bold text-yellow-800 mb-2">نکته مهم:</h4> |
|
|
<p class="text-yellow-700 pr-5"> |
|
|
برای هر ابزار مورد استفاده، باید روایی و پایایی آن را گزارش دهید. اگر ابزار جدیدی طراحی می‌کنید، مراحل طراحی و اعتبارسنجی آن را توضیح دهید. |
|
|
</p> |
|
|
</div> |
|
|
</div> |
|
|
`; |
|
|
} |
|
|
|
|
|
function renderAnalysisForm() { |
|
|
return ` |
|
|
<div class="bg-white p-6 rounded-lg shadow-md"> |
|
|
<h3 class="text-lg font-bold mb-4">روش تحلیل داده‌ها</h3> |
|
|
|
|
|
<div class="mb-6"> |
|
|
<label class="block text-gray-700 mb-2">روش‌های تحلیل داده:</label> |
|
|
<textarea |
|
|
id="proposal-analysis" |
|
|
class="w-full border rounded p-2 h-32" |
|
|
placeholder="روش‌های تحلیل داده‌های خود را توضیح دهید" |
|
|
>${proposalData.analysis}</textarea> |
|
|
</div> |
|
|
|
|
|
<div class="bg-blue-50 p-4 rounded-md mb-4"> |
|
|
<h4 class="font-bold text-blue-800 mb-2">روش‌های رایج تحلیل داده در روانشناسی:</h4> |
|
|
<ul class="list-disc pr-5 text-blue-700"> |
|
|
<li>آمار توصیفی (میانگین، انحراف معیار، درصد)</li> |
|
|
<li>آمار استنباطی (t-test، ANOVA، رگرسیون، همبستگی)</li> |
|
|
<li>تحلیل عاملی، تحلیل مسیر</li> |
|
|
<li>روش‌های تحلیل کیفی (کدگذاری، تحلیل مضمون، تحلیل گفتمان)</li> |
|
|
</ul> |
|
|
</div> |
|
|
|
|
|
<div class="bg-green-50 p-4 rounded-md mb-4"> |
|
|
<h4 class="font-bold text-green-800 mb-2">نرم‌افزارهای تحلیل داده:</h4> |
|
|
<p class="text-green-700 pr-5"> |
|
|
نام نرم‌افزارهایی که برای تحلیل داده استفاده می‌کنید را ذکر کنید (مثل SPSS، AMOS، NVivo، MAXQDA) |
|
|
</p> |
|
|
</div> |
|
|
</div> |
|
|
`; |
|
|
} |
|
|
|
|
|
function renderResourcesForm() { |
|
|
return ` |
|
|
<div class="bg-white p-6 rounded-lg shadow-md"> |
|
|
<h3 class="text-lg font-bold mb-4">زمان‌بندی و منابع</h3> |
|
|
|
|
|
<div class="mb-6"> |
|
|
<label class="block text-gray-700 mb-2">زمان‌بندی اجرای تحقیق:</label> |
|
|
<textarea |
|
|
id="proposal-timeline" |
|
|
class="w-full border rounded p-2 h-24" |
|
|
placeholder="زمان‌بندی مراحل مختلف تحقیق را توضیح دهید" |
|
|
>${proposalData.timeline}</textarea> |
|
|
</div> |
|
|
|
|
|
<div class="mb-6"> |
|
|
<label class="block text-gray-700 mb-2">منابع و مآخذ:</label> |
|
|
<textarea |
|
|
id="proposal-references" |
|
|
class="w-full border rounded p-2 h-32" |
|
|
placeholder="منابع مورد استفاده در تحقیق را فهرست کنید" |
|
|
>${proposalData.references}</textarea> |
|
|
</div> |
|
|
|
|
|
<div class="bg-blue-50 p-4 rounded-md mb-4"> |
|
|
<h4 class="font-bold text-blue-800 mb-2">راهنمای نوشتن منابع:</h4> |
|
|
<ul class="list-disc pr-5 text-blue-700"> |
|
|
<li>از شیوه‌نامه نگارش APA یا شیوه‌نامه مورد تأیید دانشگاه خود استفاده کنید</li> |
|
|
<li>تمامی منابعی که در متن به آنها ارجاع داده‌اید باید در این بخش آورده شوند</li> |
|
|
<li>منابع را به ترتیب حروف الفبا مرتب کنید</li> |
|
|
<li>اطلاعات کامل هر منبع را شامل نویسنده، سال، عنوان، محل نشر و ناشر ذکر کنید</li> |
|
|
</ul> |
|
|
</div> |
|
|
</div> |
|
|
`; |
|
|
} |
|
|
|
|
|
// Navigation functions |
|
|
function goToNextStage() { |
|
|
saveCurrentFormData(); |
|
|
|
|
|
if (currentStage < stages.length) { |
|
|
currentStage++; |
|
|
updateUI(); |
|
|
} else { |
|
|
showPreview = true; |
|
|
renderPreview(); |
|
|
mainContent.classList.add('hidden'); |
|
|
previewSection.classList.remove('hidden'); |
|
|
} |
|
|
} |
|
|
|
|
|
function goToPreviousStage() { |
|
|
if (currentStage > 1) { |
|
|
currentStage--; |
|
|
updateUI(); |
|
|
} |
|
|
} |
|
|
|
|
|
// Save data from current form |
|
|
function saveCurrentFormData() { |
|
|
switch(currentStage) { |
|
|
case 1: |
|
|
proposalData.title = document.getElementById('proposal-title')?.value || ''; |
|
|
break; |
|
|
case 2: |
|
|
proposalData.problem = document.getElementById('proposal-problem')?.value || ''; |
|
|
break; |
|
|
case 3: |
|
|
proposalData.literature = document.getElementById('proposal-literature')?.value || ''; |
|
|
break; |
|
|
case 4: |
|
|
proposalData.objectives = document.getElementById('proposal-objectives')?.value || ''; |
|
|
// Questions are handled separately via event listeners |
|
|
break; |
|
|
case 5: |
|
|
proposalData.methodology = document.getElementById('proposal-methodology')?.value || ''; |
|
|
proposalData.sample = document.getElementById('proposal-sample')?.value || ''; |
|
|
break; |
|
|
case 6: |
|
|
proposalData.tools = document.getElementById('proposal-tools')?.value || ''; |
|
|
break; |
|
|
case 7: |
|
|
proposalData.analysis = document.getElementById('proposal-analysis')?.value || ''; |
|
|
break; |
|
|
case 8: |
|
|
proposalData.timeline = document.getElementById('proposal-timeline')?.value || ''; |
|
|
proposalData.references = document.getElementById('proposal-references')?.value || ''; |
|
|
break; |
|
|
} |
|
|
} |
|
|
|
|
|
// Update UI based on current state |
|
|
function updateUI() { |
|
|
saveCurrentFormData(); |
|
|
|
|
|
if (showPreview) { |
|
|
mainContent.classList.add('hidden'); |
|
|
previewSection.classList.remove('hidden'); |
|
|
renderPreview(); |
|
|
} else { |
|
|
mainContent.classList.remove('hidden'); |
|
|
previewSection.classList.add('hidden'); |
|
|
renderStageIndicators(); |
|
|
renderStageDescription(); |
|
|
renderCurrentForm(); |
|
|
renderNavigationButtons(); |
|
|
|
|
|
// Add event listeners for dynamic elements |
|
|
addDynamicEventListeners(); |
|
|
} |
|
|
} |
|
|
|
|
|
// Add event listeners for dynamic elements |
|
|
function addDynamicEventListeners() { |
|
|
// For objectives form (questions) |
|
|
if (currentStage === 4) { |
|
|
// Add question button |
|
|
document.getElementById('add-question')?.addEventListener('click', () => { |
|
|
proposalData.questions.push(""); |
|
|
updateUI(); |
|
|
}); |
|
|
|
|
|
// Remove question buttons |
|
|
document.querySelectorAll('.remove-question').forEach(btn => { |
|
|
btn.addEventListener('click', (e) => { |
|
|
const index = parseInt(e.target.getAttribute('data-index') || e.target.parentElement.getAttribute('data-index')); |
|
|
proposalData.questions.splice(index, 1); |
|
|
updateUI(); |
|
|
}); |
|
|
}); |
|
|
|
|
|
// Update questions on input |
|
|
document.querySelectorAll('.question-input').forEach((input, i) => { |
|
|
input.addEventListener('input', (e) => { |
|
|
proposalData.questions[i] = e.target.value; |
|
|
}); |
|
|
}); |
|
|
} |
|
|
|
|
|
// For all form inputs to save on change |
|
|
document.querySelectorAll('input, textarea').forEach(input => { |
|
|
input.addEventListener('change', saveCurrentFormData); |
|
|
}); |
|
|
} |
|
|
|
|
|
// Initialize the app when DOM is loaded |
|
|
document.addEventListener('DOMContentLoaded', () => { |
|
|
initApp(); |
|
|
addDynamicEventListeners(); |
|
|
}); |
|
|
</script> |
|
|
<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=Drliltaha/minddraft" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> |
|
|
</html> |
