بنام خالق هستی
این آموزش نحوه تولید یک کامپوننت حرفه ای به همراه تصاویر گام به گام و تبدیل آن به یک کامپوننت تعاملی با کاربر می باشد
گام نخست : تعریف جزئیات کامپوننت
در این برنامه قصد داریم یک حالت پرسش و پاسخ بین کاربران و مدیریت سایت ایجاد کنیم.
بنابراین ابتدا تحلیل صورت مسئله را انجام می دهیم : در یک مسئله پرسش و پاسخ نیاز داریم که بدانیم پرسش ها به چه صورت گروهبندی شوند.به همین دلیل نیاز است که در حالت خوش بینانه 2 جدول را برای این موضوع در نظر بگیریم :
- جدول گروه پرسش ها
- جدول پرسش ها
و ارتباط بین آنها هم توسط فیلد تعرف شده در جدول پرشها می باشد که به گروه پرسش اشاره می نماید.
همانگونه که در تصویر ملاحظه می نمایید ابتدا مشخصات کلی کامپوننت تعریف می شود. برای ادامه کار کلید حرفه ای را انتخاب می کنیم.
گام دوم : تعریف جدول های مورد نیاز برنامه
با استفاده از کلید قرمز رنگ سمت چپ بالای تصویر جدول جدید را تولید می نمایید و برای هر کدام از جدولها اطلاعات لازم را مشخص می نمایید
برای افزودن فیلد جدید می توانید از کلید آبی رنگ "افزودن فیلد" بهره ببرید.
در صورت نیاز به جابجایی و ترتیب فیلدها هم می توانید از علامت ۞ استفاده نمایید
شما می توانید لوگوی جدول را هم تغییر دهید
جدول شماره 1 : اطلاعات گروه پرسش ها می باشد
جدول شماره 2 اطلاعات پرسشها می باشد که یک فیلد به عنوان رابط بین گروه پرسش ها تعریف می شود
گام سوم : تعیین ارتباط بین جدولهی گروه و پرسش می باشد
برای این منظور کافی است روی کلید سبز رنگ تو پر id کلیک نموده و سپس بر روی کلید قرمز رنگ تو خالی که با عنوان گروه مشخص شده کلیک نمایید و مطابق تصویر یک ارتباط برای شما ترسیم می شود
گام چهارم : بررسی ارتباط تعریف شده
پس از اتمام مرحله قبل بر روی کلید گام بعدی کلیک نمایید.در این مرحله ارتباط تولیدی بررسی شده و در صورت صحت ارتباط یک پیغام به شما می دهد و با کلیک نمودن گام بعدی وارد مرحله بعد خواهید شد.
گام پنجم : تولید نمایه های جانبی برنامه
در این بخش شما می توانید نمایه های دلخواه خود را به برنامه اضافه نمایید و یا در صورت صلاحدید آنها را حذف نمایید.این نکته را مد نظر داشته باشید هر نمایه ای که شما در نظر بگیرید در دو بخش کاربری و مدیریت تولید می شود.
گام ششم : تعیین نسخه تولیدی و دریافت کامپوننت
برای برنامه تعریف شده با جوملا 3 تولید شده است و در پایان هم با کلیک نمودن دکمه تولید کامپوننت فایل تولید شده دریافت می شود
گام هفتم : نصب و امتحان برنامه
برای نصب برنامه تولیدی به بخش مدیریت جوملا 3 رفته و از بخش نصب افزونه ها اقدام می کنیم که در تصاویر زیر مشخص شده است
![]() |
![]() |
![]() |
![]() |
تا این مرحله فقط تولید کامپوننت توسط کامپوننت ساز مد نظر بود.از این مرحله به بعد می خواهیم نحوه دست کاری و تولید بخشی در کاربری کامپوننت جهت دریافت اطلاعات را آموزش دهیم.
گام اول : دستکاری زبانهای برنامه
بنده به دلیل اینکه با زبان انگلیسی این آموزش را قرار دادم نیاز دارم تا عناوین برنامه را بصورت فارسی ببینم. به همین دلیل یک دستکاری در فایلهای زبان برنامه انجام می دهم و آن هم جایگزین کردن محتوای فارسی در فایلهای مرتبط با زبان انگلیسی می باشد که در تصویر مشخص شده است
![]() |
![]() |
![]() |
![]() |
گام دوم : افزودن فایلهای لازم به بخش کاربری
همانگونه که در تصوصر مشخص شده برای اینکه کاربر بتواند از بخش کاربری سایت پرسش خود را ثیت نماید نیاز است که مانند مدیریت داده های خود را وارد نماید.برای این منظور ما یم نمایه جدید که در واقع همان نمایه ثبت پرسش در مدیریت است را به بخش کاربری منتقل می نماییم.
همان طور که در تصویر مشاهده می نمایید فایلهای علامت گذاری شده را با همین ترتیبی که قرار دارند به بخش کاربری منتقل می نمایید.
گام سوم : افزودن فایلهای لازم جهت شناسایی برای تولید منو
چنانچه در تصویر زیر دقت نمایید دو فایل با نامهای metadata.xml و default.xml به نمایه مورد نظر اضافه شده که در تصاویر بعدی محتوای آنها مشخص شده است
گام چهارم : تغییر نام فایل edit.php به default.php
آنگونه که در تصویر زیر مشاهده می نمایید یک تغییر نام صورت پذیرفته و هدف آن هم این است که در بخش کاربری جوملا نمایه ها بصورت پیش فرض با قالب default.php فراخوانی می شوند و چون قصد داریم کمترین دسکاری را داشته باشیم فقط به همین تغییر نام بسنده می کنیم.
گام پنجم : محتوای نهایی دو فایل metadata.xml و default.xml
کاربرد فایلهای گام پنجم : محتوای نهایی دو فایل metadata.xml و default.xml
- فایل metadata.xml : برای نمایش نام منوی تولید شده در لیست منوی مدیریت کاربرد دارد
- فایل default.xml : برای معرفی منوی تولید در لیست کامپوننت های جوملا در زمان تولید منوی جدید مورد استفاده قرار می گیرد.جزئیات بیشتر در گام بعدی داده شده است
گام ششم : تغییرات در فایل en-GB.com_myfaq.sys.ini
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
گام هفتم : تغییرات در فایلهای بخش کاربری
گام هشتم : نتیجه تولید منو
پس از تغییرات مشخص شده و تولید منو در بخش کاربری می توان به صورت زیر منو را نمایش داد
گام نهم : نتیجه کار
پس از تغییرات مشخص شده و تولید منو در بخش کاربری می توان به صورت زیر منو را نمایش داد
![]() |
![]() |
![]() |
![]() |
گام دهم : مشاهده نتیجه ثبت پرسش در بخش کاربری و مدیریت
برای اینکه بتوانید از کامپوننت نسخه نصب درست کنید کافی است تغییرات داده شده را در فایل myfaq.xml ایجاد نمایید و کلیه تغییرات را در بسته نصبی اولیه ایجاد نمایید
![]() |
![]() |
![]() |
![]() |
![]() |
گام یازدهم : تغییرات در فایل نصب کامپوننت : myfaq.xml
برای اینکه بتوانید از کامپوننت نسخه نصب درست کنید کافی است تغییرات داده شده را در فایل myfaq.xml ایجاد نمایید و کلیه تغییرات را در بسته نصبی اولیه ایجاد نمایید