یعنی دسترسی به ویرایش امکانات ربات از طریق پنل مدیریت واسه کاربر فراهم شده بود و امکان حتی حذف کاربر رو از ربات داشت + سیستم پیام همگانی جوری طراحی شد که تقریبا ارسال پیامش ما بین ۱۰ الی ۲۰ دقیقه طول میکشید تا به دست همه برسه چون دقیقا اگه ارسال پیام به یه صورت و یکجور بود ربات تماما کراش میکرد و از کار میوفتاد بنابراین هندلر های ربات رو جوری طراحی کردم که زمانی ک احساس میکرد تا به فلاد لیمیت تلگرام میرسه ارسال پیام رو متوقف به اندازه یک عدد رندوم تولید شده از ۱۰ الی ۳۰۰ ثانیه منتظر میموند سپس دوباره تلاش میکرد

خب بریم سراغ دو تا از پروژه ها جذاب (صرفا یک بخششون البته)
https://whitebluejewellery.com
https://ruyahomes.com
به پریلودر پیش نمایش سایت دقت کنید
صرفا با استفاده یک پلاگین پیاده سازی شدن
اما با امکانات پیشرفته :
توی پست بعدی عکس از پنل هر دوتاشون میذارم
این سایتا با وردپرس صفر تا صد طراحی شدن و خب ساخت پلاگین برای وردپرس ملزم دونستن حداقلی زبان برنامه نویسی PHP عه و خب اگه روی فریمورک هاش هم مسلط بشید میتونید کارای خفن تری طراحی کنید

پریلودر وایت بلو ، واقعا اوپن سورسه ، تو میتونی کد svg برای دسکتاپ و موبایل جداگانه قرار بدی و خب انیمیشن های متفاوت تر حتی بسازی میتونی مثلا یکی رو با رنگ مشکی یکی رو با سفید دیزاین کنی ، دیگه باقیش بستگی به خلاقیت خودت داره

اما انیمیشن پریلودر رویا هومز توی یک لول دیگه ست ، رسما میتونی باهاش سه مدل مختلف طراحی کنی ! پس زمینه و رنگ لوگو رو تغییر بدی حتی ! میتونی انیمیشن های متفاوت تر هم بسازی ، تازه از ایکون های مختلف هم پشتیبانی میکنه!

حالا به وقتش نحوه طراحی این دو تا سایت رو کامل روی المنتور براتون توضیح میدم چون جفتشون از صفر روی قالب اولیه Hello Elementor طراحی و دیزاین شدن

بیاین حالا که دور همیم یدونه موشن گرافیک ساده و مینیمال ببینیم 👌😚

این یکی طرح اولیه اش بود که روی ایلوستریتور دیزاین شد

اینم اون بخش تابلو بود که وسط تصویر داشت پخش میشد😄

البته در نهایت کل پروژه توی افترافکت بخش به بخش انجام شد که حتما توی ذهنمه در آینده آموزشش رو به صورت کامل بسازم چون این سبک رو قبلا هم دو تا کار ازش زده بودم اگه اشتباه نکنم اینجا هم گذاشتمش

این یکی

و این یکی

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

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

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

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

✨ معماری سیستم: از داده تا اطلاعات ✨

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

با این حال، بیایید ساده‌ترین مدل ممکن را بررسی کنیم:

📥 داده: خالص‌ترین اطلاعات دریافتی توسط سیستم جهت پردازش. به‌عنوان مثال، در صورتی که بخواهیم یک عملیات جمع انجام دهیم، داده‌های خام ما شامل «۲»، «+» و «۲» هستند. بنابراین، این داده‌های خام وارد سیستم می‌شوند.

⚙️ پردازش: در این مرحله، سیستم تشخیص می‌دهد که کاربر قصد انجام یک عملیات ریاضی را دارد (این اطلاعات منتقل می‌شود تا در نهایت در بخش مربوطه به صورت 2+2= پردازش شده و عملیات جمع صورت بگیرد).

📤 اطلاعات: خروجی حاصل از پردازش داده‌های خام که در مسئله ما، جواب این عملیات ریاضی یعنی «۴» به‌عنوان اطلاعات پردازش‌شده در اختیار کاربر قرار می‌گیرد.

فرآیندی که با همین سادگی قابل درک است. 💎

✨ مغز سیستم: پردازنده (CPU) 🧠💻

ولی خب این خودش قرار نیست به تنهایی کارمون رو پیش ببره؛ بنابراین برای این اطلاعات چه اتفاقی دقیقاً می‌افته؟ 🤔
برای اینکه این مبحث بهتر درک بشه، باید از کوچک‌ترین اجزای یک سیستم صحبت کنیم. اولین مورد، پردازشگر یا همان CPU است؛ که به‌عبارتی نسخه کوتاه‌شده‌ی Central Processing Unit محسوب می‌شود. ⚙️
این قطعه به عنوان «مغز کامپیوتر» شناخته می‌شود؛ یعنی داده‌های خام را دریافت، پردازش و به صورت اطلاعات به کاربر تحویل می‌دهد. 📥➡️📤
به همین سادگی! 😎✨

کامپیوتر مثل یک کارخانه عظیم است که بدون این دو مهره کلیدی حتی روشن هم نمی‌شود: یکی مدیر ارشد است و دیگری کارخانه تولید انبوه.

👑 پردازنده مرکزی (CPU)؛ فرمانروای منطق و همه‌فن‌حریف

*قلب تپنده و مغز متفکر کل سیستم.* سی‌پی‌یو وظیفه داره که تمام برنامه‌ها را هدایت کنه ، فرمان‌های ماوس و کیبورد را بفهمه و دستور بده هر قطعه دقیقاً چه کاری انجام بده

* 🎯 فلسفه وجودی: حل کردن مسائل *بسیار پیچیده، عمیق و زنجیره‌ای* در کسری از ثانیه.
* ⚡ سبک کار: پردازش ترتیبی؛ یعنی یک کار را با دقت اعجاب‌انگیز تمام کرده و سپس و بلافاصله سراغ کار بعدی می‌رود.
* 💪 قدرت واقعی: تعداد انگشت‌شماری هسته فوق‌العاده باهوش، سریع و قوی (*مثل گروهی از نوابغ ریاضی*).
* 📌 کجا به دادت می‌رسد؟ باز کردن ویندوز، اجرای برنامه‌های سنگین اداری، فشرده‌سازی فایل‌ها، و تصمیم‌گیری‌های لحظه‌ای.
> *تصور کن یک جراح فوق‌تخصص پای کار است؛ دقت میلی‌متری، تصمیم‌گیری بحرانی و سرعتی که خطایی در آن راه ندارد.*
🚀 پردازنده گرافیکی (GPU)؛ غول پردازش موازی و ارتش تصویر
*نقاش چابک و استاد ریاضیات تکراری.* جی‌پی‌یو در ابتدا فقط برای نمایش تصاویر و رندر بازی‌ها ساخته شده بود، اما امروز ستون فقرات هوش مصنوعی، یادگیری ماشین و جلوه‌های ویژه سینمایی است.

* 🎯 فلسفه وجودی: خرد کردن یک کوه کار عظیم به *میلیون‌ها تکه ریز* و انجام دادن هم‌زمان همه آن‌ها.
* ⚡ سبک کار: پردازش موازی؛ هزاران محاسبه شبیه به هم را در یک چشم‌به‌هم‌زدن و در کنار هم جلو می‌برد.
* 💪 قدرت واقعی: لشکری متشکل از هزاران هسته چابک که برای یک هدف مشترک هماهنگ شده‌اند (*مثل ارتشی از سربازان منظم*).
* 📌 کجا به دادت می‌رسد؟ فریم‌ریت بالای بازی‌های روز، تدوین ویدیوهای باکیفیت بالا، رندرهای ۳ بعدی، و آموزش مدل‌های هوش مصنوعی.
> *تصور کن ارتشی از نقاش‌ها با سطل رنگ به یک بوم سفید ۱۰۰ متری هجوم می‌برند و ظرف دو ثانیه تصویر را کامل تحویل می‌دهند..

CPU : Centeral Processing Unit
GPU : GraphicsProcessing Unit

این دو مکمل هم هستند: CPU استراتژی بازی را تعیین می‌کند و نقشه را در دست می‌گیرد، و GPU با هزاران دست هنرمند، جهان آن بازی را با نور، سایه و رنگ روبه‌روی چشمان شما زنده می‌سازد.