محمدحسین
غلامـی
خلق سامانههای وب با ظرافت مهندسی، معماری مقیاسپذیر و هویت بصری متمایز.
علاقهمند به معماری سیستمهای سریع و مقیاسپذیر فرانتاند، با وسواس روی پرفورمنس واقعی و ساخت رابطهایی که کار کردن با آنها حس فوقالعادهای دارد.
پروژههای شاخص و معماریهای واقعی
سامانه فکر // تصویرسازی و تحلیل دادههای حجیم
موتور پردازش و رندرینگ گرافهای نودی و جریان داده با فشردهسازی باینری در فرانتاند و فریمریت پایدار ۶۰FPS.
محاسبهگر تخصصی ریسک قلب و عروق ASCVD
وباپلیکیشن ارزیابی ریسک ۱۰ ساله بیماریهای قلبی عروقی بر مبنای گایدلاینهای بالینی ACC/AHA و پایگاه داده ابری.
پنل مدیریت برنامههای سلامت و مکملهای سلما
سامانه جامع مدیریت و تخصیص ساختار برنامهها (Plan Structure)، پروفایل بیماریها، سیستم Q&A و مکملهای غذایی با React Compiler.
اپلیکیشن نیتیو مدیریت سلامت و سبک زندگی سلما
اپلیکیشن موبایل پیشرفته با معماری Expo 57، انیمیشنهای ۶۰ فریم Reanimated 4 و رندرینگ گرافیکی Skia.
سامانه تیکتینگ و پشتیبانی سازمانی
پلتفرم مدیریت تیکت و گفتگوی لایو شرکتی با کامپوننتهای ۱۰۰٪ دستساز بدون استفاده از پکیجهای آماده UI.
// هدف و کارکرد اصلی پروژه
سامانه فکر یک زیرساخت مدرن فولاستک برای پردازش فرآیند (Process Mining)، تحلیل ارتباطات شبکهای و رندرینگ گرافهای نودی پرحجم است. در این پروژه، سمت بکاند با پایتون و ابزارهای پرسرعت FastAPI، Polars و PostgreSQL برای استخراج ماتریسهای گراف و مسیرهای فرآیند پیادهسازی شده و فرانتاند Next.js 16 از طریق پروتکلهای باینری Apache Arrow، MsgPack و چیدمان موازی در Web Worker به رندری فوقالعاده سریع و پایدار در ۶۰ فریم دست مییابد.
// دستاوردها و فیچرهای شاخص
- توسعه خط لوله پردازشی در بکاند پایتون با FastAPI و Polars جهت استخراج سریع گراف DFG و واریانتها
- محاسبه هندسی و چیدمان الگوریتمی موازی گراف با elkjs در محیط Web Worker بدون افت فریم UI
- استریم و فشردهسازی باینری دادهها در سطح کلاینت و سرور با Apache Arrow، MsgPack و Zstandard
- تصویرسازی شفاف جریان تراکنشها و ارتباطات فرآیندی با استفاده از D3-Sankey
- زیرساخت داکرایز شده کامل (Docker Compose) شامل سرویسهای Frontend، Backend و PostgreSQL
پلتفرم مدیریت سلامت و معماری برنامههای سلما
معماری فرانتاند و مهندسی پنل مدیریت برنامههای بالینی و سلامت سلما
پنل ادمین سلما یک زیرساخت مقیاسپذیر فرانتاند برای کادر درمانی و اپراتورهای سلامت است؛ طراحی شده جهت پیکربندی ساختار چندسطحی برنامهها (Plan Structure)، دستهبندی بیماریها، سیستم پرسشوپاسخ پویا و مدیریت مکملهای غذایی با تکیه بر HeroUI v3 و کامپایلر رسمی React 19.
معرفی محصول، اهداف و دامنه کاربرد
سامانه Salma Admin Panel هاب مرکزی و بازوی اجرایی کادر پزشکی برای تعریف دورههای درمانی، تنظیم پرسشنامههای ارزیابی سلامت، تعریف پروفایل بیماریها، تخصیص مکملها و سازماندهی پلنهای ورزشی و تغذیهای کاربران در اپلیکیشن سلما است. این پروژه با تفکیک دقیق دامنهها و ماژولار بودن بخشهای CRUD پیادهسازی شده تا اضافه کردن هر قابلیت جدید بدون تداخل در منطق قبلی انجام پذیرد.
سامانه فکر // تصویرسازی گراف و جریان دادههای حجیم
معماری فولاستک سامانه فکر // موتور تحلیل فرآیند، گراف و دادههای حجیم
پروژه سامانه فکر یک زیرساخت فولاستک برای پردازش و تحلیل فرآیند (Process Mining) و تصویرسازی شبکههای بزرگ است؛ از خط لوله دادهای مبتنی بر FastAPI، Polars، PyArrow و PostgreSQL در بکاند تا رندرینگ تعاملی نودها و دیاگرامهای جریان D3-Sankey با Web Worker در فرانتاند Next.js 16.
نمایش و تحلیل دادههای ساختاریافته در مقیاس بزرگ
سامانه فکر با هدف پردازش بلادرنگ و مصورسازی تعاملی شبکههای حجیم طراحی شده است. این سیستم به تحلیلگران امکان میدهد ارتباطات گرافیکی نودها، دیاگرامهای جریان فرآیندی (Sankey Flow)، هیستوگرامهای مدتزمان یالها (EdgeDurationChart) و توزیع کیسها (CaseDistributionCharts) را با سرعت ۶۰ فریم بر ثانیه بررسی و تحلیل نمایند.
طرز فکر، معماری و نحوه خلق محصول
تلاقی مهندسی سیستمهای فولاستک، مصورسازی دادههای پرحجم، توسعه اپلیکیشنهای بومی موبایل با Skia و خلق دیزاینسیستمهای اختصاصی بدون وابستگی زائد.
تصویرسازی دادههای حجیم و موتورهای گراف
“معماری رندرینگ زیر ۱۶ms برای دادههای چند دههزار نودی با حذف کامل افت فریم و پردازش موازی در Web Worker.”
در سامانههای تحلیل داده مانند سامانه فکر (GraphNext) و Graph، چالش اصلی جلوگیری از بلاک شدن ترد UI است. با انتقال محاسبات سنگین چیدمان فضایی به Web Worker با موتور ELK.js و استفاده از استریم باینری Apache Arrow، دکامپرشن fzstd و دیاگرامهای D3-Sankey، سنگینترین دادهها با فریمریت ۶۰FPS رندر میشوند.
مهندسی فولاستک و خطوط لوله دادهای پرسرعت
“توسعه اندپوینتهای سریع با پایتون و Polars، پایگاه داده PostgreSQL و معماری کانتینری داکر.”
تسلط من فراتر از لایه ظاهر است؛ در سامانه فکر و پروژههای بکاند، خطوط پردازش داده را با Python (FastAPI) و فریمورک فوقسریع Polars به جای Pandas پیادهسازی میکنم تا استخراج ماتریسهای گراف، تحلیل لاگهای فرآیندی و کوئریهای دیتابیس با کمترین زمان تاخیر و مصرف حافظه انجام شوند.
توسعه کراسپلتفرم و موبایل نیتیو با Skia
“خلق اپلیکیشنهای موبایل همگام با استانداردهای نیتیو، گرافیک ۲ بعدی Skia و انیمیشنهای ۶۰ فریم.”
تجربه کاربری واقعی موبایل نیازمند درک عمیق از ترد گرافیکی و انیمیشنهای نیتیو است. در اپلیکیشنهای پیشرفتهای مانند Salma_app، با ترکیب React Native 0.86، Expo Router SDK 57، رندرهای گرافیکی Shopify Skia و Reanimated 4، رابطهای کاربریای خلق میکنم که دقیقاً حس نرمی یک اپلیکیشن بومی را منتقل میکنند.
سیستمهای دیزاین اختصاصی و وب تعاملی مدرن
“معماری پاک فرانتاند، ساخت دیزاینسیستمهای ۱۰۰٪ دستساز و ادیتورهای متن غنی.”
اعتقاد من بر این است که یک مهندس ارشد نباید وابسته به پکیجهای آماده UI باشد. در پروژههایی مانند ticketing-system، تمام اجزا (حبابهای چت، دراورها، جداول صفحهبندیشده) از صفر به صورت کاملاً مستقل پیاده شده است. همچنین در Karzar و Salma Admin از ادیتورهای پیشرفته Tiptap و HeroUI v3 با کامپایلر رسمی React 19 استفاده شده است.
انگیزه خلق، ارزشها و دیدگاه فردی
من مهندسی نرمافزار را تلاقی «حل مسائل پیچیده سیستمی» و «ظرافت بصری ۶۰ فریم» میدانم.
جذابیت توسعه نرمافزار برای من فراتر از نوشتن کد است؛ تبدیل الگوهای دادهای پیچیده، پردازشهای مقیاسپذیر و ایدههای انتزاعی به یک سیستم زنده، سریع و بینقص. یک محصول استثنایی زمانی متولد میشود که معماری پاک و مهندسی دادهها با وسواس روی تجربه کاربری، تعاملات روان و هویت بصری متمایز پیوند بخورد.
گام اول (معماری و ریشهیابی): درک عمیق ماهیت مسأله، طراحی خطوط لوله داده و استخراج الگوهای سیستمی پیش از نوشتن اولین خط کد.
گام دوم (خلق مستقل و ماژولار): ساخت سیستمهای دیزاین مستقل، فرمهای چندسطحی مستحکم و کامپوننتهای دستساز بدون وابستگیهای زائد.
گام سوم (پرفورمنس پایدار): بهینهسازی دقیق در سطح باینری، انتقال محاسبات سنگین به Web Worker و تضمین روانی ۶۰ فریم در ثانیه.
معماری داده و حل مسأله پیش از دیزاین
یک محصول ممتاز با تزیینات سطحی شروع نمیشود؛ با درک دقیق مسأله، معماری مقیاسپذیر دادهها و سادگی ساختاری جان میگیرد.
ظرافت مهندسی، سرعت و احترام به کاربر
سرعت رندرینگ بالا، عدم وجود Layout Shift و روان بودن فریمها نوعی احترام به وقت کاربر است. کیفیت واقعی در جزییاتی است که دیده نمیشوند اما حس میشوند.
استقلال، پایداری و دیزاینسیستمهای دستساز
کدنویسی تمیز، ساختار قابل نگهداری و کامپوننتهای مستقل از پکیجهای آماده، تفاوت بین یک پروژه موقت و یک محصول ماندگار است.
پشته ابزارها و پل دیزاین تا پیادهسازی
من ابزارها را فقط لیست نمیکنم؛ بلکه از هر یک به عنوان وسیلهای برای حل مسأله، حفظ سرعت لود و ساخت یک سیستم زنده، روان و زیبا استفاده میکنم.
معماری فرانتاند و سیستمهای دیزاین
ساخت رابطهای کاربری مدرن با تمرکز بر پرفورمنس، تایپسیفتی کامل و معماری کامپوننتهای مستقل.
تصویرسازی دادههای حجیم و موتورهای گراف
رندر تعاملی هزاران نود و دیاگرامهای جریان داده در فرانتاند با نرخ پایدار ۶۰ فریم بر ثانیه.
توسعه موبایل نیتیو و گرافیک پیشرفته Skia
توسعه اپلیکیشنهای موبایل همگام با استانداردهای بومی، گرافیک ۲ بعدی و انیمیشنهای روان.
بکاند پرسرعت، پایگاه داده و زیرساخت داکر
طراحی سرویسهای سریع پردازش داده با پایتون، اتصال به دیتابیس و مدیریت کانتینرها.