توضیحات را با یک مثال آغاز میکنم: فرض کنید تعدادی جعبه، که هر کدام حاوی اشیا خاص و به تعداد خاصی است، در اختیار شما قرار گرفته است. شما می بایست به عنوان بازرس محتویات جعبه ها را بررسی و اعلام نظر کنید، از طرفی وقت کافی جهت بررسی کامل محتویات جعبه ها ندارید. از این رو اقدام به بررسی چند نمونه از هر جعبه می کنید. نمونه ها را - بنابر محتویات جعبه- بر اساس روش های متفاوت انتخاب می کنید و سپس اقدام به بررسی می کنید. انتخاب نمونه ها از محتویات جعبه ها مهمترین عملی است که نرم افزار مد نظر باید بتواند انجام دهد.

توضیحات خلاصه: من به دنبال یک توسعه دهنده پایتون برای طراحی یک نرم افزار تحت وب هستم که عملیات نمونه گیری از تراکنش های مالی را انجام دهد. در ادامه توضیحاتی کلی در خصوص نرم افزار و نحوه عمل آن ارائه می شود:

• این نرم افزار به نوعی شبیه به نرم افزار های مالی و حسابداری خواهد بود،
• حسابها (جعبه ها) و تراکنش ها (محتویات جعبه ها) در فرمت اکسل و در لیست های جداگانه در نرم افزار بارگذاری می شوند،
• نرم افزار بنا به روش انتخابی کاربر، اقدام به نمونه گیری از بین تراکنش های هر حساب می نماید،
• در کل چهار روش نمونه گیری تعریف شده، که هر کدام بر اساس معیار ها و فرمول از پیش تعیین شده، نمونه ها را انتخاب می نماید،
• در ادامه کاربر پس از بررسی نمونه ها اقدام به بارگذاری مدارک برای هر نمونه انتخابی می نماید. * برای اطلاعات بیشتر، حتما فایل اکسل پیوست را دقیق بررسی نمایید

زبان برنامه:

• این برنامه در قالب پایتون نگارش خواهد شد (ترجیحاً با فریم ورک Django)
• امکان تکمیل و تغییرات بعدی باید وجود داشته باشد.
• برای تحویل پروژه کلیه کد ها و مستندات فنی (مثلا لیست برنامه های مورد نیاز) به کارفرما منتقل خواهد شد.

نحوه انتخاب مجری:

• ترکیبی از قیمت و سوابق کاری درخواست کننده (اگر پروفایل شما کامل نیست، حتما کمی از کارهایی که انجام دادید برای من بنویسید) برای تعیین مجری پروژه در نظر گرفته خواهند شد.
• زمان مورد نیاز برای انجام پروژه، معیار من برای انتخاب مجری نخواهد بود.
• ولی تعهد به تحویل به موقع، بر اساس زمان توافق شده، الزامی است.
• زمان اجرای پروژه از روزی که مجری مدارک و اطلاعات اجرای پروژه در اختیار مجری قرار بگیرد، آغاز می شود.

سایر نکات با اهمیت:

• مجری قبل از شروع پروژه بصورت کتبی تایید خواهد نمود که کلیه حق و حقوق مربوط به پروژه متعلق به کارفرما است و مجری حق هیچ گونه استفاده بعدی یا انتقال به دیگران را ندارد.
• امکان آزاد سازی مبلغ پروژه یا پیش پرداخت قبل از اتمام و تحویل کار به هیچ وجه وجود ندارد.
• مهم نیست که شما چقدر حرفه ای و با تجربه باشید، مهم این است که شما متعهد به انجام دقیق و صحیح کار باشید. با تلاش و همکاری با همدیگر قطعا این امکان فراهم خواهد شد که شما هم بتوانید تجربیات جدید کسب کنید.
• در این پروژه شما امکان توسعه مهارت های خود را خواهید داشت. اگر علاقمند به یادگیری مطالب و الگوریتم های جدید و البته متعهد به انجام صحیح پروژه هستید و می خواهید اطلاعات و دانش خود را عمیق کنید، این پروژه مناسب شماست.
• در صورت رضایت طرفین، قطعا همکاری در مراحل بعدی ادامه خواهد داشت.

ما به دنبال طراحی و توسعه‌ی کامل یک پلتفرم مزایده آنلاین هستیم، مشابه وب‌سایت‌هایی مانند Tradera . در این پلتفرم، کاربران می‌توانند ثبت‌نام کرده، کالاهای خود را برای مزایده منتشر کنند و سایر کاربران به‌صورت زنده پیشنهاد قیمت (Bid) ارائه دهند.

ویژگی‌های مورد انتظار پروژه:

ثبت‌نام و ورود کاربران (خریدار و فروشنده)

امکان ایجاد مزایده با جزئیاتی مانند عنوان، توضیحات، تصاویر، قیمت پایه، زمان پایان

سیستم شمارش معکوس و پیشنهاد قیمت لحظه‌ای (real-time bidding)

داشبورد اختصاصی برای فروشنده‌ها و خریداران

اطلاع‌رسانی آنی برای تغییرات وضعیت مزایده‌ها

پنل مدیریت کامل برای مدیریت کاربران، لیست‌ها، پرداخت‌ها و گزارش‌ها

طراحی واکنش‌گرا (Responsive) و رابط کاربری مدرن و کاربرپسند

امنیت و مقیاس‌پذیری برای رشد در آینده

پروژه باید با کدنویسی اختصاصی (ترجیحاً با فریم‌ورک‌هایی مثل Node.js، Laravel یا Django) انجام شود. استفاده از وردپرس و پلاگین‌های آماده قابل قبول نیست.

ما در حال طراحی و توسعه یک پلتفرم شجره‌نامه خانوادگی هستیم. من بخش اصلی ان را طراحی کردم

تصحیح شجره‌نامه تعاملی (SVG/JS) شامل موارد زیر

مشکلات موجود در pedigree visualization

1. ❌ هم‌پوشانی خطوط اتصال والدین و فرزندان برخی خطوط عمودی یا افقی از والد به فرزند روی هم افتاده‌اند یا با خطوط دیگر برخورد دارند.

مثال: سمت راست تصویر چندین خط روی هم آمده‌اند و ترتیب گراف در هم ریخته است.

2. ❌ چیدمان غیراستاندارد خواهر و برادرها فرزندان یک زوج به‌صورت غیر متقارن یا با فاصله‌های نامساوی رسم شده‌اند.

این باعث می‌شود نمودار از نظر ژنتیکی سخت‌تر خوانده شود.

3. ❌ فاصله‌ی ناکافی بین نسل‌ها (نسل پایین به بالا خیلی نزدیک شده) برخی خطوط فرزندان به والدین تقریباً به هم چسبیده‌اند.

این ممکن است ناشی از تنظیم نادرست y در drawParentConnections() یا عدم رعایت vertical spacing باشد.

4. ❌ بزرگ بودن بیش از حد نمودار در عرض و نیاز به اسکرول افقی زیاد نمودار در جهت افقی خیلی گسترده شده است.

به نظر می‌رسد sibling spacing یا x-offset بدون کنترل است.

5. ❌ نبود خط ازدواج بین برخی والدین برخی زوج‌ها فقط با یک خط مستقیم به فرزند وصل شده‌اند و خط بین زن و مرد دیده نمی‌شود (احتمالاً skip شده).

6. ❌ شکل‌های بدون اطلاعات (ممکن است اشکال بدون نام یا ID ایجاد شده باشند) در بعضی گره‌ها به نظر می‌رسد label با ID یا name خالی رسم شده یا متن overlap شده.

7. ❌ فونت یا کاراکترهای عجیب در جنسیت در لیست اعضا، علامت جنسیت به‌صورت کاراکتر اشتباه نمایش داده می‌شود (مثلاً: ♀ بجای ♀)

8. ✳️ قابلیت‌های کلینیکی و ژنتیکی پیشرفته افزودن فیلد برای جهش ژنتیکی (مثلاً: BRCA1 c.5266dupC)

   فیلد “سن در زمان تشخیص” و “سن فوت”

   نمایش افراد حامل (carrier) با نماد خاص (مثلاً نیمه پر یا هاشور)

   نمایش وضعیت آزمایش ژنتیکی: Positive / Negative / Unknown

   پشتیبانی از مدل‌های وراثت (نمایش بصری اتوزوم غالب، مغلوب، X-linked)

9. 💾 ویژگی‌های مدیریت فایل امکان ویرایش عضو موجود (با کلیک یا modal)

   امکان حذف عضو و بازسازی نمودار

   ذخیره و بارگذاری خودکار از LocalStorage یا cloud

   Export به PNG یا PDF واقعی (با html2canvas یا jsPDF)

| دسته | قابل

🟧 نوع همکاری مورد انتظار: در ابتدا: همکاری پروژه‌ای کوچک در پیاده‌سازی یک ماژول شجره‌نامه

⏱️ زمان‌بندی: شروع فوری پس از انتخاب

کد شامل زیر است در HTML

<!DOCTYPE html> <html lang=“en“> <head> <meta charset=“UTF-8“ /> <meta name=“viewport“ content=“width=device-width, initial-scale=1.0“ /> <title>Progeny - Family Pedigree Visualization</title> <link href=“https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap“ rel=“stylesheet“> <style>

:root {
  --primary: #4a6fa5;
  --secondary: #6b8cae;
  --accent: #ff7e5f;
  --light: #f8f9fa;
  --dark: #343a40;
  --success: #28a745;
  --danger: #dc3545;
  --warning: #ffc107;
}

body {

  font-family: 'Poppins', sans-serif;
  background: #f0f2f5;
  padding: 20px;
  color: var(--dark);
  line-height: 1.6;
}

.container {

  max-width: 1200px;
  margin: 0 auto;
}

header {

  text-align: center;
  margin-bottom: 30px;
  padding: 20px;
  background: white;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0,0,0,0.05);
}

h1 {

  color: var(--primary);
  margin: 0;
  font-size: 2.2rem;
}

.subtitle {

  color: var(--secondary);
  font-weight: 300;
  margin-top: 5px;
}

.grid {

  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 20px;
}

@media (max-width: 768px) {

  .grid {
    grid-template-columns: 1fr;
  }
}

.panel {

  background: white;
  border-radius: 10px;
  padding: 25px;
  margin-bottom: 20px;
  box-shadow: 0 4px 6px rgba(0,0,0,0.05);
}

h2 {

  color: var(--primary);
  font-size: 1.5rem;
  margin-top: 0;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}

.form-group {

  margin-bottom: 15px;
}

label {

  display: block;
  margin-bottom: 5px;
  font-weight: 500;
  color: var(--dark);
}

input, select {

  width: 100%;
  padding: 10px 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-family: inherit;
  font-size: 0.95rem;
  transition: border-color 0.3s;
}

input:focus, select:focus {

  outline: none;
  border-color: var(--primary);
  box-shadow: 0 0 0 3px rgba(74, 111, 165, 0.1);
}

button {

  background-color: var(--primary);
  color: white;
  border: none;
  padding: 12px 20px;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 500;
  font-size: 1rem;
  transition: background-color 0.3s;
  width: 100%;
  margin-top: 10px;
}

button:hover {

  background-color: #3a5a8a;
}

.btn-secondary {

  background-color: var(--secondary);
}

.btn-secondary:hover {

  background-color: #5a7c9e;
}

pedigreeSvg {

  border: 1px solid #ddd;
  background: #f9fafc;
  width: 100%