دوره آموزشی اپلیکیشنهای MCP: اتصال دادهها و رابط کاربری شما به Claude و ChatGPT
23 دقیقهمبتدی2026-03-09
مدرسین
Morten Rand-Hendriksen
Senior Staff Instructor, Speaker, Web Designer, and Software Developer
جزئیات دوره
MCP Apps یک توسعه پیشرفته روی Model Context Protocol (MCP) هستند که امکان نمایش رابطهای کاربری تعاملی (Interactive UI) را مستقیماً داخل کلاینتهایی مثل Claude، ChatGPT، VS Code و سایر ابزارهای سازگار فراهم میکنند. این یعنی به جای خروجی صرفاً متنی، میتوانید اپلیکیشنهایی بسازید که داخل محیط گفتگو رفتار اپلیکیشنی واقعی داشته باشند.
در این دوره یاد میگیرید چگونه یک MCP App را از صفر بسازید. شما با استفاده از قالبها (Templates) و کمک ابزارهای هوش مصنوعی، ساختار اولیه اپلیکیشن را ایجاد میکنید و سپس دادههای خود را به آن متصل میکنید تا اپلیکیشن واقعاً با اطلاعات واقعی کار کند.
در ادامه، طراحی رابطهای کاربری داخل چت (Chat-Embedded UI) را یاد میگیرید. شما میآموزید چگونه عناصر UI را طوری طراحی کنید که در محیط گفتگو طبیعی به نظر برسند و تجربه کاربری روانی ایجاد کنند.
یکی از بخشهای مهم این دوره، پیادهسازی تعامل دوطرفه (Two-way Interaction) است. در این مدل، اقدامات کاربر در UI میتواند پیامهایی به مدل ارسال کند و در مقابل، خروجی مدل نیز باعث بهروزرسانی UI شود. این چرخه باعث ایجاد تجربهای کاملاً تعاملی و پویا میشود.
همچنین با مفهوم View Modes آشنا میشوید و یاد میگیرید هر حالت چگونه در کلاینتهای مختلف نمایش داده میشود و چه رفتاری دارد. این بخش به شما کمک میکند تجربه کاربری سازگار در پلتفرمهای مختلف طراحی کنید.
در پایان، با استفاده از ابزار MCPJam Inspector یاد میگیرید چگونه اپلیکیشن خود را تست، دیباگ و بهینهسازی کنید تا پیامها، کانتکست و UI به درستی کار کنند. این مرحله برای ساخت اپلیکیشنهای قابل اعتماد و آماده تولید بسیار مهم است.
اهداف یادگیری
درک مفهوم MCP Apps و توسعه آنها روی Model Context Protocol
ساخت MCP App از صفر با استفاده از Template و AI
اتصال دادههای واقعی به اپلیکیشن MCP
طراحی UI تعاملی داخل محیط چت
پیادهسازی تعامل دوطرفه بین UI و مدل هوش مصنوعی
ارسال و دریافت پیام بین UI و مدل در لحظه
درک و مقایسه View Modes در کلاینتهای مختلف
پیشبینی رفتار UI در محیطهای مختلف چت
تست و دیباگ MCP Apps با MCPJam Inspector
بهینهسازی عملکرد و تجربه کاربری اپلیکیشنهای MCP
در این دوره یاد میگیرید چگونه یک MCP App را از صفر بسازید. شما با استفاده از قالبها (Templates) و کمک ابزارهای هوش مصنوعی، ساختار اولیه اپلیکیشن را ایجاد میکنید و سپس دادههای خود را به آن متصل میکنید تا اپلیکیشن واقعاً با اطلاعات واقعی کار کند.
در ادامه، طراحی رابطهای کاربری داخل چت (Chat-Embedded UI) را یاد میگیرید. شما میآموزید چگونه عناصر UI را طوری طراحی کنید که در محیط گفتگو طبیعی به نظر برسند و تجربه کاربری روانی ایجاد کنند.
یکی از بخشهای مهم این دوره، پیادهسازی تعامل دوطرفه (Two-way Interaction) است. در این مدل، اقدامات کاربر در UI میتواند پیامهایی به مدل ارسال کند و در مقابل، خروجی مدل نیز باعث بهروزرسانی UI شود. این چرخه باعث ایجاد تجربهای کاملاً تعاملی و پویا میشود.
همچنین با مفهوم View Modes آشنا میشوید و یاد میگیرید هر حالت چگونه در کلاینتهای مختلف نمایش داده میشود و چه رفتاری دارد. این بخش به شما کمک میکند تجربه کاربری سازگار در پلتفرمهای مختلف طراحی کنید.
در پایان، با استفاده از ابزار MCPJam Inspector یاد میگیرید چگونه اپلیکیشن خود را تست، دیباگ و بهینهسازی کنید تا پیامها، کانتکست و UI به درستی کار کنند. این مرحله برای ساخت اپلیکیشنهای قابل اعتماد و آماده تولید بسیار مهم است.
اهداف یادگیری
درک مفهوم MCP Apps و توسعه آنها روی Model Context Protocol
ساخت MCP App از صفر با استفاده از Template و AI
اتصال دادههای واقعی به اپلیکیشن MCP
طراحی UI تعاملی داخل محیط چت
پیادهسازی تعامل دوطرفه بین UI و مدل هوش مصنوعی
ارسال و دریافت پیام بین UI و مدل در لحظه
درک و مقایسه View Modes در کلاینتهای مختلف
پیشبینی رفتار UI در محیطهای مختلف چت
تست و دیباگ MCP Apps با MCPJam Inspector
بهینهسازی عملکرد و تجربه کاربری اپلیکیشنهای MCP
سرفصل ها
مقدمه
- واقعیت جدید برنامهها در چت هوش مصنوعی
درک برنامههای MCP
- بررسی برنامههای MCP و SDK برنامههای MCP
- نحوه عملکرد واقعی برنامههای MCP
- زمینههای جداگانه اما به هم پیوسته
- سه جریان ارتباطی برای برنامههای MCP
- تست برنامههای MCP در بازرس MCPJam
- تست برنامههای MCP در ChatGPT و Claude
ساخت برنامههای MCP
نتیجهگیری
- مراحل بعدی