ساخت منوی دیجیتال با هوش مصنوعی؛ منویی که روی گوشی خوانده شود

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

فرض کن قیمت لاته تغییر کرده، اما عکس منوی قبلی هنوز در گوشی مشتری می‌چرخد. مشکل فقط چاپ دوباره نیست؛ معلوم نیست کدام نسخه معتبر است. منوی مرورگری می‌تواند یک نشانی ثابت داشته باشد و محتوایش عوض شود، به شرطی که مسیر ویرایش و نمایش واقعاً کار کند.

در این راهنما یک منوی کوچک کافه را روی گوشی دنبال می‌کنیم: انتخاب دسته، دیدن قیمت، تشخیص ناموجودی و تغییر یک آیتم. سفارش‌گیری، پرداخت و اتصال به صندوق در دامنهٔ این نسخه نیستند.

منوی عکس، فایل PDF یا سایت منو؛ کدام مناسب است؟

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

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

اول اطلاعات چهار آیتم را آماده کن

برای نسخهٔ کوچک، نام، دسته، قیمت، واحد پول، توضیح کوتاه و وضعیت موجودی کافی است. مشخص کن «۱۲۰» یعنی ۱۲۰ هزار تومان یا عدد دیگری؛ واحد را به خواننده واگذار نکن. در مثال ما، تمام قیمت‌ها به تومان نوشته شده‌اند.

این‌ها قیمت بازار یا پیشنهاد قیمت‌گذاری نیستند؛ دادهٔ تمرینی‌اند. فهرست نمونهٔ قابل ویرایش را بردار و اطلاعات مجموعهٔ خودت را جایگزین کن. نام، ترکیبات، اندازه و اطلاعات حساسیت غذایی باید از منبع تأییدشدهٔ خود مجموعه بیایند؛ از مدل نخواه این اطلاعات را حدس بزند.

از منوی ساده تا نسخهٔ عکس‌دار؛ نمونه‌ها را ببینیم

برای این بخش، چهار HTML ارسالی از «کافه نمونه» را در یک قاب روشن شبیه محیط کُندا نمایش می‌دهیم. نسخه‌ها از منوی ساده به کنترل نام و قیمت، انتخاب تصویر و برچسب‌های دستی می‌رسند. این یک مسیر نمایشی برای توضیح تصمیم‌هاست؛ نه گزارش دورهای ساخت واقعی با کُندا.

قاب و متن گفتگو برای همین تصاویر آماده شده‌اند. عکس‌ها و داده‌ها نمونه‌اند و ثبت غذای واقعی یک کافه نیستند. در این HTMLها، ماندگاری با حافظهٔ همان مرورگر شبیه‌سازی می‌شود؛ از این تصاویر نباید نتیجه گرفت که سرور، ورود مدیر یا انتشار عمومی پیاده شده است.

اول نام، دسته و قیمت؛ بعد تزئینات

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

با انتخاب دستهٔ «سرد»، در نسخهٔ عکس‌دار فقط لیموناد نمایش داده شد. با جستجوی نامی که در منو نبود، پیام بدون نتیجه و راه برگشت ظاهر شد. برای منوی خودت هم همین دو حالت را امتحان کن؛ صفحهٔ خالی نباید تنها جواب جستجوی ناموفق باشد.

برای ساخت این منو چه پرامپتی بدهم؟

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

بعد از نسخهٔ اول، تغییر کوچک بخواه: «در موبایل، نام و قیمت را خواناتر کن؛ قیمت و ناموجودی هیچ آیتمی تغییر نکند.» یا «برای جستجوی بی‌نتیجه، پیام و راه برگشت بده.» اگر کار با گفتگو و اصلاح‌ها تازه است، آموزش وایب کدینگ کمک می‌کند.

مسیر ویرایش را از دید مشتری جدا بررسی کن

در HTML مدیریت، نام، دسته، قیمت و موجودی قابل مشاهده‌اند و رابط افزودن آیتم هم وجود دارد. این نما کمک می‌کند بفهمی مسئول منو برای تغییر یک مورد، به چه کنترل‌هایی نیاز دارد. وجود دکمهٔ «مدیر» یا یک کلید ویرایش در صفحه، به معنی ورود امن و مجوز واقعی نیست.

یک تغییر کوچک بده و همان صفحه را دوباره باز کن

در نسخهٔ نهایی ارسالی، قیمت نمونهٔ لاته را از ۱۲۰٬۰۰۰ به ۱۳۵٬۰۰۰ تومان تغییر دادیم و وضعیتش را «ناموجود» گذاشتیم. پس از ذخیره و بازخوانی صفحه در همان مرورگر، همان قیمت و وضعیت برگشتند. این مشاهده در ۷ آبان ۱۴۰۵ انجام شد و فقط ماندگاری محلی را نشان می‌دهد؛ به معنی رسیدن تغییر به گوشی مشتری دیگر نیست.

سپس حالت ویرایش نمایشی را خاموش کردیم و تلاش کردیم قیمت را به ۱۵۵٬۰۰۰ تومان تغییر بدهیم. رابط پیام منع ویرایش نشان داد؛ پس از بازخوانی، قیمت قبلیِ ۱۳۵٬۰۰۰ تومان باقی ماند. این، رفتار شبیه‌ساز است و آزمون امنیت سرور محسوب نمی‌شود.

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

QR را چه وقت بسازم؟

بعد از اینکه نشانی عمومی منو ثابت و قابل بازشدن شد، QR را برای لینک عمومی منو بساز؛ نه آدرس پنل، پیش‌نمایش خصوصی یا نشانی محلی. با بازکردن لینک در مرورگر دیگری که وارد حساب نیست، عمومی‌بودن مقصد را بررسی کن.

قبل از چاپ، QR را با گوشی و در شرایط نزدیک به میز واقعی امتحان کن: اندازه، فاصله، نور و جنس چاپ مهم‌اند. لینک نوشتاری کوتاه هم کنار آن بگذار تا تنها راه دسترسی، اسکن نباشد. در این پرونده QR چاپ‌شده یا دوربین گوشی آزمایش نشده است.

تا وقتی لینک عوض نشده، تغییر محتوای همان صفحه نیاز به تغییر مقصد QR ندارد؛ اما اگر دامنه یا مسیر را عوض کنی باید مقصد قبلی را بررسی کنی. اگر از سرویس QR واسطه استفاده می‌کنی، شرایط و ماندگاری لینک آن را هم ببین. از QR، وعدهٔ سرعت اینترنت یا دسترسی همیشگی نساز.

عکس و برچسب را وقتی اضافه کن که انتخاب را روشن‌تر کنند

نسخهٔ بعدی HTML، انتخاب تصویر و پیش‌نمایش آن را نشان می‌دهد؛ نسخهٔ نهایی، برچسب‌هایی مثل «پیشنهاد باریستا» هم دارد. این‌ها در طرح، انتخاب‌های دستی هستند؛ سیستم پیشنهاد هوشمند یا تحلیل سلیقهٔ مشتری اجرا نشده است. برچسب را فقط وقتی بگذار که معنای روشن و تأییدشده‌ای برای مجموعه دارد.

برای نسخهٔ اول، نام درست و قیمت خوانا از عکس تزئینی مهم‌تر است. اگر عکس داری، تصویر مجاز و نزدیک به چیزی که واقعاً سرو می‌شود انتخاب کن. عکس‌های آمادهٔ داخل این ماکت، تصویر غذای واقعی مجموعه نیستند. محتوای تصویر را با واقعیت منو و اجازهٔ استفاده بررسی کن.

نمایش پیش‌نمایش فایل در مرورگر هم با آپلود موفق یکی نیست. برای استفادهٔ واقعی باید مقصد ذخیره، اندازه و نوع مجاز فایل، خطای ارسال و مجوز تغییر تصویر جدا بررسی شوند. تا وقتی این مسیر متصل نیست، قابلیت را آماده معرفی نکن.

قبل از چاپ، منو را با خود گوشی بخوان

در پیش‌نمایش مرورگر با عرض ۳۹۰ پیکسل، نام و قیمت در همان صفحه دیده شدند و صفحه بیرون‌زدگی افقی نداشت. این بررسی محدود، جای آزمون با گوشی واقعی، نور میز و اینترنت مجموعه را نمی‌گیرد.

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

قبل از چاپ و استفادهٔ روزمره چه چیزی مانده است؟

برگهٔ بررسی منو را با مسئول مجموعه پر کن: قیمت و واحد درست است؟ آیتم ناموجود مشخص است؟ ویرایش فقط برای فرد مجاز است؟ بعد از بازخوانی، همان اطلاعات دیده می‌شود؟ لینک روی گوشی مشتری و بدون ورود باز می‌شود؟

سپس با یک تغییر کوچک، مسیر نگهداری را امتحان کن. کسی که هر روز قیمت و موجودی را به‌روز می‌کند باید بداند کجا ویرایش کند و نتیجه را چطور ببیند. برای سایتی که فقط صاحب فنی‌اش می‌تواند آن را تغییر دهد، از ابتدا دربارهٔ روش نگهداری تصمیم بگیر.

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