ওয়েব অ্যাপ্লিকেশন ডিজাইনার হল একটি সুবিধাজনক ড্র্যাগ এবং ড্রপ ইন্টারফেস সহ একটি ভিজ্যুয়াল নির্মাতা৷ এটি বোঝার জন্য আপনাকে প্রোগ্রামিং জানার দরকার নেই - আমাদের প্ল্যাটফর্মের অন্যান্য নো-কোড সরঞ্জামগুলির মতো এটি স্বজ্ঞাত।
শুরু করতে, ওয়েব অ্যাপস ট্যাবে যান - আপনার প্রকল্পের মধ্যে তৈরি করা সমস্ত অ্যাপ্লিকেশন প্রদর্শিত হবে৷ এখানে আপনি এগুলি সম্পাদনা, মুছতে বা নতুন তৈরি করার জন্য খুলতে পারেন৷
নির্বাচিত অ্যাপ্লিকেশন কনফিগার করতে - এর পূর্বরূপ ক্লিক করুন।
উইন্ডো সম্পাদনা করুন
ওয়েব অ্যাপ্লিকেশান এডিটিং উইন্ডো আপনাকে এর চেহারা, ব্যাকএন্ডের সাথে ডেটা এক্সচেঞ্জ, সেইসাথে কিছু সাধারণ পরামিতি কাস্টমাইজ করতে দেয়।
প্রকল্প সম্পর্কে তথ্য ক্ষেত্রে (1), আপনি এটির নাম দেখতে পাবেন, আপনি সেটিংসে যেতে পারেন, এটি ভাগ করতে পারেন, API ডকুমেন্টেশন খুলতে পারেন এবং আপনার ওয়েব অ্যাপ্লিকেশনের প্রকাশিত সংস্করণটিও দেখতে পারেন। প্রকাশ বোতাম (2) আপনাকে প্রকল্পটি প্রকাশ করতে দেয় - ওয়েব অ্যাপ্লিকেশন ডিজাইনার এবং AppMaster.io স্টুডিওর অন্যান্য বিভাগে আপনার করা সমস্ত সংরক্ষিত পরিবর্তনগুলি প্রয়োগ করুন৷
নীচে আপনার আবেদনের নাম (1)। নীচের ট্যাবগুলি (2) অ্যাপ্লিকেশন সেটিংস এবং এর অনুমোদন এবং নিবন্ধন ফর্মগুলির মধ্যে পরিবর্তনের জন্য (এগুলি আলাদাভাবে কনফিগার করা হয়েছে)৷
ডানদিকে (3), আপনি কনফিগার ফাইল (config.json) রপ্তানি করতে পারেন বা এটিকে ডিফল্ট সেটিংসে রিসেট করতে পারেন, বর্তমান ওয়েব অ্যাপ্লিকেশনটির সেটিংস খুলতে পারেন এবং এতে আপনার করা পরিবর্তনগুলি সংরক্ষণ করতে পারেন (প্রকাশ না করে)।
উপাদান
কম্পোনেন্ট এরিয়াতে একটি ওয়েব অ্যাপ্লিকেশনের ইন্টারফেস তৈরি এবং কাস্টমাইজ করার জন্য প্রয়োজনীয় ব্লক রয়েছে। ইন্টারফেসে একটি উপাদান যোগ করতে, এটিকে মাউস দিয়ে স্ক্রীনের একটি বিভাগে টেনে আনুন।
উপাদানগুলি 3 টি গ্রুপে বিভক্ত:
- কাঠামো এবং মেনু আইটেম তৈরি - পৃষ্ঠা এবং পৃষ্ঠা গ্রুপ যোগ করুন।
- পৃষ্ঠা মার্কআপ এবং ফর্ম, বোতাম, তালিকা, মানচিত্র, ইত্যাদি যোগ করা।
- মডেল (পপ-আপ) উইন্ডোজ।
উপাদানের রঙটি যে বিভাগে যোগ করা যেতে পারে তার রঙের সাথে মেলে। উদাহরণস্বরূপ, পৃষ্ঠা উপাদানটি প্রধান মেনুর জন্য এবং মডেলটি অ্যাপ উপাদানগুলির জন্য।
আমরা শীঘ্রই উপাদানগুলির তালিকা এবং তাদের বিস্তারিত বিবরণ ডকুমেন্টেশন সিস্টেমে যুক্ত করব।
বিভাগসমূহ
আপনি আপনার অ্যাপ্লিকেশনে অন্তত একটি পৃষ্ঠা যুক্ত করার পরে পৃষ্ঠা বিভাগ (1) প্রদর্শিত হবে (2)।
হেডারে প্রধান ক্যানভাসের উপরে (1)। এটি ওয়েব অ্যাপ্লিকেশন উইন্ডোর একেবারে শীর্ষে প্রদর্শিত হবে, এর সমস্ত পৃষ্ঠাগুলিতে। এখানে আপনি প্রস্থান এবং রিটার্ন বোতাম, লোগো, পরিচিতি, ভাষা পরিবর্তনকারী ইত্যাদি যোগ করতে পারেন।
বাম দিকে মেনু (2) আছে। অ্যাপ উপাদান (3) বিভাগে আপনি এমন মডেল যোগ করতে পারেন যা অ্যাপ্লিকেশনের সমস্ত পৃষ্ঠায় পাওয়া যাবে। মডেলগুলি ব্যবহারকারীদের কাছে দৃশ্যমান হয় না যতক্ষণ না তাদের ট্রিগার করে এমন ঘটনা ঘটে।
নীচে "ট্র্যাশ বিন" (4) পৃষ্ঠা থেকে দ্রুত ড্র্যাগ এবং ড্রপ করে উপাদানগুলি সরাতে (আপনি সেটিংস উইন্ডোতে ট্র্যাশ ক্যান আইকনেও ক্লিক করতে পারেন)৷
মূল বিভাগের নীচে রয়েছে পৃষ্ঠা উপাদান (1)। আপনি এখানে যোগ করা মডেলগুলি শুধুমাত্র বর্তমান পৃষ্ঠায় উপলব্ধ হবে৷
নীচের অংশ, পাদচরণ (2), শিরোনাম একই ভাবে কাজ করে.
কাজ শুরু
কাজ করার সর্বোত্তম উপায়: AppMaster.io এ একটি ওয়েব অ্যাপ্লিকেশন তৈরি করার আগে এর লেআউট নিয়ে চিন্তা করুন এবং একটি ব্যাকএন্ড ডিজাইন করুন। এর পরে, আপনি প্রয়োজনীয় উপাদানগুলি যোগ করতে পারেন এবং অবিলম্বে ডাটাবেস এবং ব্যবসায়িক প্রক্রিয়াগুলির সাথে তাদের লিঙ্ক করতে পারেন। আমাদের নো-কোড প্ল্যাটফর্ম সম্পর্কে বিস্তারিত তথ্য ডক্সে রয়েছে। সেটিংসের নির্দিষ্ট উদাহরণ ব্লগে এবং YouTube চ্যানেলে রয়েছে।