সুচিপত্র[লুকান][দেখান]
- Bubble.io কি?
- ভিজ্যুয়াল প্রোগ্রামিং কি?
- আপনি কি ধরনের অ্যাপস ডেভেলপ করতে পারেন?
বাবল দিয়ে একটি অ্যাপ তৈরি করা (টিউটোরিয়াল)+-
- 1. শুরু করা
- 2. ডাটাবেস কনফিগার করা
- 3. কর্মপ্রবাহ তৈরি করা
- 4. একটি সংবাদ গল্প তৈরি করা
- 5. ফিডে গতিশীল বিষয়বস্তু প্রদর্শন করা
- 6. পৃষ্ঠাগুলির মধ্যে ডেটা পাঠানো
- 7. গল্পের পাতায় গতিশীল বিষয়বস্তু প্রদর্শন করা
- 8. প্রকাশকের নিবন্ধ প্রদর্শন করা
- 9. অনুসরণকারী প্রকাশক
- 10. অতিরিক্ত বৈশিষ্ট্য আপনি যোগ করতে পারেন
- 11. ফলাফল
- ভালো দিক
- মন্দ দিক
- প্রাইসিং
- উপসংহার
আমি সম্প্রতি এইচটিএমএল, সিএসএস এবং জাভাস্ক্রিপ্ট ছাড়া অন্য ওয়েব ডেভেলপমেন্ট পদ্ধতিতে আগ্রহী।
ক্রমবর্ধমান নো-কোড ল্যান্ডস্কেপের সাথে, এটি আবিষ্কার করা আশ্চর্যজনক ছিল না যে ওয়েব অ্যাপ্লিকেশনগুলি বিকাশের জন্য আরও মানক পদ্ধতির বিভিন্ন বিকল্প রয়েছে৷
আপনাকে অবশ্যই কিছু সুপরিচিত সিএমএস প্ল্যাটফর্মের সাথে পরিচিত হতে হবে, যেমন ওয়ার্ডপ্রেস যা মোটামুটি কোড-মুক্ত। কিন্তু, আপনি যদি ওয়েব অ্যাপ তৈরি করতে চান, তাহলে এই ধরনের প্ল্যাটফর্মগুলি সীমাবদ্ধ বলে মনে হতে পারে।
এখানে আমি আপনাকে Bubble.io এর সাথে পরিচয় করিয়ে দিচ্ছি, একটি শক্তিশালী নো-কোড টুল যা আপনাকে ওয়েব অ্যাপ তৈরি করতে দেয় যা আগে কখনো হয়নি।
এর এটি গভীরভাবে অন্বেষণ করা যাক!
Bubble.io?
বাবল হল একটি নন-টেকনিক্যাল প্ল্যাটফর্ম যা একটি ভিজ্যুয়াল প্রোগ্রামিং ভাষা এবং ক ওয়েব ডেভেলপমেন্ট ফ্রেমওয়ার্ক.
ব্যবহারকারীরা অনন্য অনলাইন অ্যাপ্লিকেশন তৈরি করতে, ডাটাবেস এবং প্রক্রিয়াগুলি পরিবর্তন করতে, পৃষ্ঠার উপাদানগুলি (ছবি, পাঠ্য, ইনপুট ফর্ম, মানচিত্র) যুক্ত করতে এবং তাদের ইন্টারফেস ডিজাইন করতে এই প্রোগ্রামিং সরঞ্জামগুলি ব্যবহার করতে পারেন।
এটি এমন একটি বাজার যেখানে আপনি আদর্শ টেমপ্লেট, প্লাগইন এবং পরিষেবাগুলি আবিষ্কার করতে পারেন যা আপনাকে শক্তিশালী পণ্য তৈরিতে সহায়তা করতে পারে৷
একটি সাধারণ প্রোগ্রামিং ফ্রেমওয়ার্ক সেট আপ না করেই, আপনি বুদ্বুদ ব্যবহার করে একটি মার্কেটপ্লেস থেকে একটি সোশ্যাল নেটওয়ার্ক থেকে একটি CRM (গ্রাহক সম্পর্ক ব্যবস্থাপনা) যা কিছু তৈরি করতে পারেন৷
এটি গ্রাহকদের একটি ব্যবহারকারী-বান্ধব ইন্টারফেস এবং একটি পয়েন্ট-এন্ড-ক্লিক সম্পাদক ব্যবহার করে তাদের অ্যাপ তৈরি এবং ব্যক্তিগতকৃত করার ক্ষমতা দেয়।
আপনি এটিকে Facebook, SQL, বিশ্লেষণ এবং অর্থপ্রদানের অ্যাপের মতো REST API প্রদান করে এমন পরিষেবাগুলির সাথে একত্রে ব্যবহার করতে পারেন। এটি ব্যবহারকারীদের তাদের অ্যাপ্লিকেশনগুলির কার্যকারিতা এবং চেহারা উন্নত করার জন্য সময় দিতে সক্ষম করে যাতে তারা ট্যাবলেট এবং মোবাইল ডিভাইসগুলিতে ভাল দেখায়।
এটি ছোট থেকে মাঝারি থেকে বড় সব ব্যবসার আকারের জন্য উপযুক্ত; এবং Windows, Mac, এবং ওয়েবের জন্য অ্যাক্সেসযোগ্য।
ভিজ্যুয়াল প্রোগ্রামিং কি?
ভিজ্যুয়াল প্রোগ্রামিং মূলত এটি মত শোনাচ্ছে. কোড লিখে ম্যানুয়ালি প্রোগ্রামিং করার পরিবর্তে, আপনি পৃষ্ঠাগুলিতে উপাদানগুলিকে ক্লিক করে টেনে এনে গ্রাফিকভাবে এটি করেন।
যে সংক্ষিপ্ত বিবরণ দ্বারা বিভ্রান্ত হবেন না.
এটি অন্য কোনো কুকি-কাটার অ্যাপ বা ওয়েবসাইট-বিল্ডিং টুলের মতো নয় যা আপনি অনলাইনে এসেছেন। বেশিরভাগ অ্যাপ নির্মাতাদের আপনাকে মৌলিক টেমপ্লেটের উপর নির্ভর করতে হবে এবং অত্যন্ত সীমিত কার্যকারিতা থাকতে হবে; তারা শুধুমাত্র আপনাকে নির্দিষ্ট ধরণের অ্যাপ বিকাশ করতে এবং আপনার ব্যক্তিগতকরণ সীমিত করার অনুমতি দেয়।
যদিও "ভিজ্যুয়াল প্রোগ্রামিং" এবং "ড্র্যাগিং এবং ড্রপিং" ধারণাটি বুদ্বুদে সহজ দেখায়, তবে এটি অত্যন্ত শক্তিশালী।
এর ভিজ্যুয়াল প্রোগ্রামিং এনভায়রনমেন্ট আপনাকে শুধুমাত্র টেক্সট, গ্রাফিক্স, ইনপুট এবং আরও অনেক কিছুকে একটি পৃষ্ঠায় টেনে আনতে দেয় না, এটি আপনাকে সেই উপাদানগুলি কী করে তা কনফিগার করার অনুমতি দেয়।
বাবল কি করে?
বাবলের প্রাথমিক লক্ষ্য হল কোড লেখা ছাড়াই যে কাউকে ওয়েব অ্যাপ তৈরি করতে সক্ষম করা।
যাইহোক, যদিও এটি একটি সহজে মনে রাখা লক্ষ্য বিবৃতি প্রদান করে, এটি গল্পের একটি উল্লেখযোগ্য বিট ছেড়ে দেয়। ধারণা থেকে বাজারের পথটি কেবল কোডের লাইন তৈরি করার চেয়ে আরও জটিল।
প্রচলিত বিকাশে অ্যাপের তৈরি, বৃদ্ধি এবং রক্ষণাবেক্ষণের নির্দিষ্ট বিভাগে কাজ করা উচ্চ প্রশিক্ষিত পেশাদারদের একটি দল প্রয়োজন। এই বিবেচনা.
প্রতিটি অ্যাপের কি প্রয়োজন?
- কেউ যাতে ডেটাতে অননুমোদিত অ্যাক্সেস না পায় তা নিশ্চিত করার জন্য নিরাপত্তা।
- আইটেম, নিবন্ধ এবং সামাজিক মিডিয়া আপডেটের মতো তথ্য সংরক্ষণ এবং পুনরুদ্ধারের জন্য একটি ডাটাবেস।
- ব্যবহারকারীর ভিত্তি এবং ডেটা ভলিউমের নিরবচ্ছিন্ন বিকাশ সক্ষম করার জন্য স্কেলেবিলিটি।
- অ্যাপটিকে আকর্ষণীয় এবং সহজে ব্যবহার করার জন্য একটি মনোরম ইউজার ইন্টারফেস।
- বিভিন্ন পরিষেবা এবং সিস্টেমের সাথে একীকরণ।
বুদ্বুদ একটি কোডারের চেয়ে অনেক বেশি প্রতিস্থাপন করে। এটি এই সমস্ত পরিষেবাগুলিকে একটি দৃশ্যমান আকর্ষণীয় এবং অত্যন্ত স্বয়ংক্রিয় পদ্ধতিতে প্রদান করে, যা সহজ না হলে, একজন একক ব্যক্তির জন্য সবকিছু পরিচালনা করার জন্য এটিকে অনুমেয় করে তোলে।
যদিও পূর্ববর্তী নো-কোড প্ল্যাটফর্মগুলি বিভিন্ন উপায়ে কোডিং প্রতিস্থাপন করার চেষ্টা করেছে। এর ধারণাটি হল একটি অ্যাপকে বাজারে পৌঁছানোর জন্য যতটা সম্ভব বাধা দূর করা, প্রতিক্রিয়াশীল ডিজাইন এবং অ্যানিমেশন থেকে হোস্টিং, সংস্করণ স্থাপনা, নিরাপত্তা এবং ডাটাবেস অপারেশন সবকিছু পরিচালনা করা।
অন্যান্য পরিষেবার সাথে বুদ্বুদ সংযোগ করতে API সংযোগকারী ব্যবহার করে৷
এর API সংযোগকারী সম্ভবত বাজারে সবচেয়ে গুরুত্বপূর্ণ প্লাগইন। নাম থেকে বোঝা যায়, এটি আপনাকে ক্রিয়া এবং ডেটা ভাগ করার জন্য অন্যান্য অ্যাপ এবং পরিষেবাগুলির সাথে সংযোগ করতে দেয়৷
এটি কীভাবে কাজ করে তার প্রযুক্তিগত সুনির্দিষ্ট বিষয়ে অনুসন্ধান করার পরিবর্তে, APIগুলি কী করতে পারে তার এই উদাহরণগুলি বিবেচনা করুন:
- অ্যাক্সেস প্রাপ্তি মেশিন লার্নিং পদ্ধতি যেমন চিত্র স্বীকৃতি এবং অনুবাদ।
- পৃথিবীর যেকোনো স্থান থেকে সাম্প্রতিক আবহাওয়ার তথ্য পান।
- যখন একটি ইভেন্ট বাবলে ট্রিগার হয়, তখন সিস্টেম জুড়ে তথ্য আদান-প্রদান করা হয়, যেমন আপনার CRM-এ লিড স্থাপন করা বা আপনার Google ক্যালেন্ডারে একটি অ্যাপয়েন্টমেন্ট।
- পৃথিবীর যে কোন জায়গায় ফ্লাইট বা হোটেলে থাকার জন্য বুক করুন।
- গুগল ম্যাপে যেকোনো কোম্পানির ফোন নম্বর, অবস্থান, ফটোগ্রাফ, লোগো এবং রিভিউ পান।
নেটিভ বৈশিষ্ট্য উন্নত করতে প্লাগইন ব্যবহার করে
প্রযুক্তিগতভাবে, এটি একটি কার্যকরী নোডে জাভাস্ক্রিপ্ট কোড মডিউল, সিএসএস এবং এইচটিএমএল মিশ্রিত করে। JS.JSON-এ লেখা অ্যাপ্লিকেশনটি তার নিজস্ব ভাষার ভিত্তি হিসেবে কাজ করে।
অ্যাপগুলি তৈরি করার জন্য আপনাকে এই পরিভাষাগুলি সম্পূর্ণরূপে বোঝার প্রয়োজন না হলেও, তারা একটি মূল তথ্য নির্দেশ করে: এটি পরিচিত এবং স্বীকৃত ওয়েব মানগুলি মেনে চলে, যা বিকাশকারীদেরকে এর নেটিভ কার্যকারিতা যথেষ্ট পরিমাণে উন্নত করতে দেয়৷
এটি ইতিমধ্যে প্লাগইন সাইটে দেখা গেছে, যেখানে মৌলিক কার্যকারিতার শত শত বিনামূল্যে এবং অর্থপ্রদানের এক্সটেনশন উপলব্ধ। এটি আরও বোঝায় যে আপনি যদি এমন একটি বিন্দুতে পৌঁছান যখন এর মৌলিক ক্ষমতাগুলি অপর্যাপ্ত হয়, তবে প্রচুর জাভাস্ক্রিপ্ট বিশেষজ্ঞ আপনার জন্য একটি নির্দিষ্ট সমাধান দিতে ইচ্ছুক।
আপনি কি ধরনের অ্যাপস ডেভেলপ করতে পারেন?
আপনি বিস্তৃত অ্যাপ্লিকেশন তৈরি করতে পারেন, যার মধ্যে কয়েকটি নীচে দেওয়া হল।
- একটি সম্প্রদায়ের সাথে বিশেষ বাজারের জন্য অ্যাপ।
- বিভিন্ন সেক্টরে চাকরির বোর্ডের জন্য অ্যাপ।
- হাসপাতালের কর্মীদের জন্য সফটওয়্যার।
- ফিজিক্যাল স্টোরের জন্য পয়েন্ট-অফ-সেল সফটওয়্যার।
- একটি সাদা লেবেল সহ ডেন্টাল অফিস সফ্টওয়্যার।
- ব্যক্তিগত ব্যবসার তালিকা এবং গ্রাহক পরিষেবা সফ্টওয়্যার।
- ব্রোকার এবং ক্লায়েন্ট-মুখী রিয়েল এস্টেট একত্রীকরণ অ্যাপ্লিকেশন।
- বাজারে ইভেন্ট এবং কোর্সের জন্য অ্যাপ্লিকেশন (এবং এমনকি নৌকা)।
- পেশাদার শংসাপত্রের জন্য অভ্যন্তরীণ পরীক্ষার অ্যাপ্লিকেশন প্রয়োজন।
- প্রথম উত্তরদাতাদের জন্য আবেদন.
- অভ্যন্তরীণ ব্যবহারের জন্য কর্মচারী ব্যবস্থাপনা সফ্টওয়্যার।
সত্যি কথা বলতে, প্ল্যাটফর্মটি সবকিছু করার জন্য ডিজাইন করা হয়নি। আপনি যদি জটিল ভিজ্যুয়াল এবং গতি সহ একটি গেম অ্যাপ ডিজাইন করেন তবে এটি আদর্শ পছন্দ নাও হতে পারে। এছাড়াও, আপনি যদি একটি নেটিভ অ্যাপ তৈরি করেন (একটি অ্যাপ স্টোরের জন্য), তাহলে আপনাকে এটিকে অন্য তৃতীয় পক্ষের পরিষেবার সাথে একীভূত করতে হবে।
মুখ্য সুবিধা
বুদবুদ বৈশিষ্ট্য সহ জ্যাম-প্যাকড হয়. আমরা এখানে সেগুলিকে কভার করতে সক্ষম হব না, তবে আমরা সবচেয়ে প্রয়োজনীয়গুলি কভার করার চেষ্টা করব৷
1. প্লাগইনস
এটি আপনাকে ইন্টারনেটে অসংখ্য সরঞ্জাম থেকে আপনার মধ্যে কার্যকারিতা অন্তর্ভুক্ত করতে দেয় ওয়েব অ্যাপ্লিকেশন. উদাহরণস্বরূপ, যদি আপনি চান যে আপনার ব্যবহারকারীরা তাদের Facebook অ্যাকাউন্ট ব্যবহার করে লগ ইন করুক, আপনি এটি করতে Facebook প্লাগইন ব্যবহার করতে পারেন।
2. বিকাশ করুন
এটি আপনাকে ডেস্কটপ এবং মোবাইল ওয়েব ব্রাউজারগুলির জন্য গতিশীল, মাল্টি-ইউজার অ্যাপ তৈরি করতে দেয়, সেইসাথে Instagram বা Airbnb-এর মতো একটি সাইট তৈরি করার জন্য প্রয়োজনীয় সমস্ত সরঞ্জাম।
3। নকশা
আপনি মোবাইল-ফ্রেন্ডলি লেআউট এবং গতিশীল বিষয়বস্তু তৈরি করতে পারেন এমন একটি পণ্যের চূড়ান্ত ছোঁয়া দিতে যা আপনি অন্যদের কাছে দেখাতে পেরে আনন্দিত হবেন।
4। হোস্টিং
সার্ভার রক্ষণাবেক্ষণ, পরিকাঠামো, বা ক্রিয়াকলাপগুলিকে বারবার চিন্তিত হতে হবে না।
এটি একটি নিরাপদ এবং নিরাপদ পদ্ধতিতে আপনার জন্য স্থাপনা এবং হোস্টিং এর যত্ন নেয়। ব্যবহারকারীর সংখ্যা, ট্রাফিক ভলিউম এবং ডেটা স্টোরেজ সবই সীমাবদ্ধ নয়।
বাবল দিয়ে একটি অ্যাপ তৈরি করা (টিউটোরিয়াল)
আসুন এখন অ্যাকশনে নামা এবং আপনি কীভাবে বাবল-এ একটি সংবাদ অ্যাপ তৈরি করতে পারেন তা অন্বেষণ করি।
1. শুরু করা
শুরু করতে, আপনাকে প্রথমে অবশ্যই বাবলে একটি বিনামূল্যের অ্যাকাউন্টের জন্য নিবন্ধন করুন.
আমরা আমাদের প্ল্যাটফর্মের আকার দিতে বাবলের ভিজ্যুয়াল ডিজাইন টুল ব্যবহার করে শুরু করব ব্যবহারকারী ইন্টারফেস. অন্তর্ভুক্ত করার জন্য কিছু মূল পৃষ্ঠা নীচে দেওয়া হল:
- আপলোড পৃষ্ঠা - একটি ওয়েবসাইট যেখানে প্রকাশকরা নিবন্ধগুলি বিকাশ এবং বিতরণ করবে৷
- হোম পেজ - সম্প্রতি প্রকাশিত গল্পের একটি তালিকা প্রদর্শিত হয়।
- বর্ণনামূলক পৃষ্ঠা - একটি পৃষ্ঠা যেখানে প্রতিটি অনন্য গল্প পাওয়া যাবে।
- প্রকাশক পৃষ্ঠা- একটি নির্দিষ্ট প্রকাশকের গল্পের তালিকা প্রদর্শন করার জন্য একটি পৃষ্ঠা।
2. ডাটাবেস কনফিগার করা
আপনি আপনার পণ্যের ডিসপ্লে সাজানোর পরে, আপনি ডেটা ক্ষেত্র তৈরিতে ফোকাস করতে পারেন যা আপনার অ্যাপ্লিকেশনকে জ্বালানি দেবে। আমরা আপনার পণ্যের অন্তর্নিহিত কর্মপ্রবাহকে লিঙ্ক করতে এই ক্ষেত্রগুলি ব্যবহার করব৷
এই উদাহরণের জন্য, আমরা প্রতিটি সংবাদ অংশের জন্য দুটি স্বতন্ত্র ডেটা টাইপ স্থাপন করব। একটি ডেটা টাইপ একটি গল্পের মৌলিক তথ্য (যেমন শিরোনাম, বৈশিষ্ট্যযুক্ত ছবি এবং প্রকাশক) ধারণ করবে, যখন অন্য ডেটা টাইপে বড় কন্টেন্ট ফাইল থাকবে যেমন পুরো বিবরণ নিজেই।
এগুলিকে পৃথক ডেটা টাইপ হিসাবে সংজ্ঞায়িত করে, আমরা কেবলমাত্র প্রয়োজনীয় তথ্য লোড করতে পারি যখন এটি প্রয়োজন হয়, বাবল সম্পাদককে যে পরিমাণ উপাদান তৈরি করতে হবে তা সীমিত করে।
নিম্নলিখিত ডেটা প্রকার এবং ক্ষেত্র তৈরি করা হবে:
ডেটা টাইপ: ব্যবহারকারী
কর্মক্ষেত্র
- নাম
- নিম্নলিখিত প্রকাশক প্রকাশকদের একটি তালিকা. গুরুত্বপূর্ণ দ্রষ্টব্য: একটি স্বতন্ত্র ডেটা টাইপের উপর ভিত্তি করে একটি তালিকা হিসাবে একটি ক্ষেত্র তৈরি করা আপনাকে অতিরিক্ত ক্ষেত্র তৈরি না করেই এর সমস্ত প্রয়োজনীয় ডেটা ক্ষেত্রগুলিকে অনায়াসে অন্তর্ভুক্ত করতে দেয়৷
ডেটা টাইপ: গল্প
কর্মক্ষেত্র
- শিরনাম
- বৈশিষ্ট্যযুক্ত ইমেজ
- লেখক
- বিভাগ
- প্রকাশক
- গল্পের বিষয়বস্তু
ডেটা টাইপ: গল্পের বিষয়বস্তু
কর্মক্ষেত্র
- গল্পের বিষয়বস্তু
ডেটা টাইপ: প্রকাশক
কর্মক্ষেত্র
- নাম
- লোগো
- অনুসারীবৃন্দ
3. কর্মপ্রবাহ তৈরি করা
এখন যেহেতু আপনি আপনার অ্যাপ্লিকেশনের নকশা এবং ডাটাবেস সংগঠিত করেছেন, এখন সবকিছু একসাথে রাখা এবং এটিকে কার্যকর করা শুরু করার সময়।
বাবলে এটি সম্পন্ন করার জন্য ওয়ার্কফ্লো হল প্রাথমিক পদ্ধতি।
প্রতিটি কর্মপ্রবাহ ঘটে যখন একটি ইভেন্ট ঘটে (যেমন, একজন ব্যবহারকারী একটি বোতামে ক্লিক করে) এবং তারপর প্রতিক্রিয়া হিসাবে "ক্রিয়া" এর একটি ক্রম সঞ্চালন করে (যেমন, "ব্যবহারকারীকে সাইন আপ করুন," "ডাটাবেসে একটি পরিবর্তন করুন" এবং আরও অনেক কিছু) .
4. একটি সংবাদ গল্প তৈরি করা
আমরা যে প্রথম বৈশিষ্ট্যটি অফার করব তা হল একটি টুল যা প্রকাশকদের সাইটে খবরের টুকরো লিখতে এবং পোস্ট করতে দেয়৷
আপলোড পৃষ্ঠায়, আমরা অনেক ইনপুট আইটেম অন্তর্ভুক্ত করে শুরু করব যা আমাদের ডাটাবেসে ডেটা প্রবেশের জন্য প্রয়োগ করা হবে। পাঠ্য ইনপুট, একটি ছবি আপলোডার, এবং একটি ড্রপডাউন নির্বাচন এই ক্ষেত্রের উদাহরণ।
গতিশীল বিকল্পগুলির একটি তালিকা প্রদর্শন করতে আমাদের প্রকাশক ড্রপডাউন মেনুটিও কাস্টমাইজ করতে হবে। যেহেতু প্রতিটি নতুন নিবন্ধ প্রকাশকের মোট নিবন্ধের তালিকায় যুক্ত করা হবে, তাই আমাদের ডাটাবেস থেকে একটি বিদ্যমান প্রকাশক বেছে নিতে হবে।
এই ড্রপডাউন মেনু সেট করার সময়, আমরা প্রকাশক হতে বিকল্পগুলির ধরন বেছে নেব।
এর পরে, আমাদের ডেটা উত্স আমাদের ডাটাবেস স্ক্যান করবে এবং সমস্ত বর্তমান প্রকাশনার একটি তালিকা ফিরিয়ে দেবে। অবশেষে, প্রকাশকের নাম অন্তর্ভুক্ত করতে আমরা উৎস ক্যাপশন পরিবর্তন করব।
একবার একজন লেখক প্রতিটি অন-পৃষ্ঠা এন্ট্রিতে প্রয়োজনীয় তথ্য প্রবেশ করান, তারা একটি নতুন গল্প তৈরি করতে প্রকাশ বোতামে ক্লিক করবে।
তারপরে, আপনার ডাটাবেসের মধ্যে, আপনি বর্ণনায় সেট করা ডেটা টাইপ দিয়ে একটি নতুন জিনিস তৈরি করবেন।
তারপরে আমাদের প্রয়োজনীয় ক্ষেত্রগুলির সাথে আমাদের ডাটাবেস তৈরি করা শুরু করতে হবে। প্রতিটি অন-পৃষ্ঠা ইনপুট উপাদানকে তাদের নিজ নিজ ডাটাবেস কলামে সংযুক্ত করুন।
প্রথমত, আমরা গল্পের বিষয়বস্তুর ধরন তৈরি করব, যা শেষ পর্যন্ত গল্পের সাথেই যুক্ত হবে।
এর পরে, আমরা এই পদ্ধতিতে আরেকটি পর্যায় যোগ করব, অন্য কিছু তৈরি করব - এইবার, গল্প নিজেই।
এই গল্পের সাথে আমরা যে প্রথম বর্ণনামূলক উপাদান তৈরি করেছি তা সংহত করে আপনার প্ল্যাটফর্ম জুড়ে এই ডেটা অনায়াসে সংহত করা সম্ভব।
প্রতিবার এই পদ্ধতিটি সক্রিয় করার সময় একটি নতুন গল্প তৈরি করা হবে।
5. ফিডে গতিশীল বিষয়বস্তু প্রদর্শন করা
একবার প্রকাশকরা আপনার মোবাইল অ্যাপে উপাদান আপলোড করা শুরু করলে, আমাদের আপনার হোমপেজে যুক্তি তৈরি করা শুরু করতে হবে যা প্রতিটি নিবন্ধকে একটি গতিশীল তালিকা হিসাবে দেখায়। এটি আমাদের পুনরাবৃত্তি করা গ্রুপ উপাদান নিযুক্ত করে সম্পন্ন করা যেতে পারে।
পুনরাবৃত্তিকারী দলগুলি গতিশীল উপাদানের একটি তালিকা উপস্থাপন এবং রিফ্রেশ করতে আপনার ডাটাবেসের সাথে কাজ করে।
একটি পুনরাবৃত্তি গ্রুপ প্রয়োগ করার সময়, আপনাকে প্রথমে উপাদানটিকে আপনার ডাটাবেসের একটি ডেটা টাইপের সাথে লিঙ্ক করতে হবে।
এই ক্ষেত্রে, আপনি গল্প হিসাবে উপাদানের সাজানোর শ্রেণীবদ্ধ করবেন। আপনাকে আপনার ডাটাবেসের সমস্ত টেবিলের তালিকা হিসাবে ডেটা উত্স সরবরাহ করতে হবে।
আমরা এই পুনরাবৃত্ত গ্রুপটিকে প্রতিটি গল্পের শুরুর তারিখ অনুসারে সাজাব, তালিকাটিকে বিপরীত কালানুক্রমিক ক্রমে দেখাব। আপনি এখন গতিশীল উপাদান সংগঠিত করা শুরু করতে পারেন যা প্রতিটি গ্রিডের মধ্যে প্রদর্শিত হবে।
আপনি যে উপযুক্ত উপাদানটি প্রদর্শন করতে চান তা দিয়ে কেবল উপরের সারিটি পূরণ করুন এবং এই শক্তিশালী উপাদানটি আপনার বর্তমান ডাটাবেস থেকে ডেটা সহ অবশিষ্ট কলামগুলি পূরণ করবে।
6. পৃষ্ঠাগুলির মধ্যে ডেটা পাঠানো
পুনরাবৃত্তি করা গ্রুপের প্রতিটি সারির মধ্যে ইভেন্টগুলি তৈরি করাও সম্ভব। আপনার প্ল্যাটফর্মের জন্য নেভিগেশন বৈশিষ্ট্যগুলি বিকাশ করার সময়, এই কার্যকারিতাটি কাজে আসবে।
আমাদের সংবাদ অ্যাপের হোমপেজে প্রকাশক, একটি বৈশিষ্ট্যযুক্ত চিত্র এবং গল্পের শিরোনাম সহ প্রতিটি গল্পের একটি পূর্বরূপ দেখায়।
যাইহোক, ব্যবহারকারী গল্পের পৃষ্ঠায় ক্লিক না করা পর্যন্ত এটি একটি নিবন্ধের সম্পূর্ণ বিষয়বস্তু প্রদর্শন করে না। এই উপাদানটি প্রদর্শন করার জন্য আমরা আমাদের কর্মপ্রবাহ সম্পাদককে পৃষ্ঠাগুলির মধ্যে ডেটা প্রেরণ করতে ব্যবহার করব৷
শুরু করার জন্য, একটি প্রক্রিয়া তৈরি করুন যা একটি গল্পের ছবিতে ক্লিক করার সময় একজন ব্যবহারকারীকে গল্পের পৃষ্ঠায় পাঠায়।
এই প্রক্রিয়াটি বিকাশ করার সময় একজন ব্যবহারকারীকে অন্য পৃষ্ঠায় স্থানান্তর করতে একটি নেভিগেশন ইভেন্ট ব্যবহার করুন।
ড্রপ-ডাউন মেনু থেকে বর্ণনামূলক পৃষ্ঠা হতে গন্তব্য পৃষ্ঠার ধরনটি বেছে নিন। তারপরে আপনাকে এই পৃষ্ঠায় আরও তথ্য দিতে হবে যাতে বুদ্বুদ সম্পাদক বুঝতে পারে কোন অনন্য গল্পটি দেখাতে হবে৷
আপনাকে যে তথ্য দিতে হবে তা বর্তমান কোষের গল্প থেকে আসে।
7. গল্পের পাতায় গতিশীল বিষয়বস্তু প্রদর্শন করা
আপনি সহজেই এই ইভেন্ট ডেটা পুনরুদ্ধার করতে পারেন এবং যখন কোনও ব্যবহারকারীকে একটি নির্দিষ্ট গল্পের পৃষ্ঠায় পাঠানো হয় তখন বিবরণ থেকে প্রাসঙ্গিক উপাদান দেখাতে পারেন।
এই ফাংশনটি তৈরি করার জন্য, আপনাকে প্রথমে পরীক্ষা করতে হবে যে টার্গেট পৃষ্ঠার ধরনটি আপনার কর্মপ্রবাহের মাধ্যমে সরবরাহ করা ডেটা সম্পত্তির সাথে মেলে। এই পরিস্থিতিতে, আপনাকে অবশ্যই গল্পের পৃষ্ঠাটিকে গল্পের সম্পত্তির সাথে সংযুক্ত করতে হবে।
এটি একটি পৃষ্ঠার বিষয়বস্তুর ধরনকে শ্রেণীবদ্ধ করে বিদ্যমান উত্স থেকে উপযুক্ত ডেটা টানতে এবং সরবরাহ করতে পারে।
আপনি এখন একটি একক টেবিল থেকে তথ্য প্রদর্শন করে এমন ক্ষেত্রগুলিতে গতিশীল উপাদান সন্নিবেশ করা শুরু করতে পারেন।
8. প্রকাশকের নিবন্ধ প্রদর্শন করা
একটি সংবাদ আইটেম পড়ার পরে, একজন ব্যবহারকারী প্রকাশকের নিবন্ধগুলির সম্পূর্ণ ক্যাটালগ পরীক্ষা করতে পারেন৷ আপনি যদি প্রকাশক ডেটা টাইপ তৈরি করে থাকেন, তাহলে প্রকাশকদের জন্য একটি পৃথক পৃষ্ঠা তৈরি করা আমাদের আসল হোম পেজ তৈরি করার মতোই সহজ৷
এই পৃষ্ঠায়, আমাদের পৃষ্ঠার ধরন প্রকাশকের জন্য সেট করে শুরু করতে হবে।
তারপরে, হোম পেজ থেকে পুনরাবৃত্তি করা গ্রুপটি অনুলিপি করুন এবং সেটিংস সম্পাদনা করুন।
এই ক্ষেত্রে, আমাদের পুনরাবৃত্ত গোষ্ঠীর ডেটা উত্স সমস্ত বিদ্যমান নিবন্ধগুলির সন্ধান করবে যার প্রকাশক বর্তমান পৃষ্ঠার প্রকাশক৷
9. অনুসরণকারী প্রকাশক
তৃতীয় মৌলিক বৈশিষ্ট্য যা আমরা আমাদের MVP-এর জন্য তৈরি করব তা হল প্ল্যাটফর্মে একজন প্রকাশককে অনুসরণ করার ক্ষমতা। আমরা প্রকাশক পৃষ্ঠায় একটি অনুসরণ বোতাম যোগ করব। যখন আমরা এই আইকনে ক্লিক করি, তখন আমরা একটি নতুন প্রক্রিয়া চালু করব যা একটি জিনিস পরিবর্তন করে।
বর্তমান পৃষ্ঠা প্রকাশককে তাদের নিম্নলিখিত প্রকাশনার তালিকায় যুক্ত করা বর্তমান ব্যবহারকারীকে পরিবর্তন করবে।
এর পরে, আমাদের বর্তমান ব্যবহারকারীকে যুক্ত করে বর্তমান পৃষ্ঠা প্রকাশকের অনুসরণকারীদের তালিকা আপডেট করতে হবে।
10. অতিরিক্ত বৈশিষ্ট্য আপনি যোগ করতে পারেন
এখন যেহেতু আপনি কাস্টম ডেটা ক্ষেত্র তৈরি করতে এবং গতিশীল তথ্য উপস্থাপন করতে স্বাচ্ছন্দ্যবোধ করছেন, আপনি আপনার পণ্যের জন্য তৈরি করা অভিজ্ঞতাগুলির সাথে সৃজনশীল হতে পারেন৷ এছাড়াও আপনি অন্তর্ভুক্ত করতে পারেন:
- একটি বৈশিষ্ট্য তৈরি করুন যা ব্যবহারকারীদের পরবর্তী পড়ার জন্য সামগ্রী সংরক্ষণ করতে দেয়৷
- প্রতিটি অংশের নীচে, প্রস্তাবিত নিবন্ধগুলির একটি পুনরাবৃত্ত সংগ্রহ প্রদান করুন৷
- লোকেদের সাইটে নতুন সামগ্রী খুঁজে পেতে সাহায্য করার জন্য একটি অনুসন্ধান সরঞ্জাম তৈরি করুন৷
11. ফলাফল
আপনার চূড়ান্ত অ্যাপ্লিকেশন এই মত কিছু দেখাবে.
ভালো দিক
- অনেক API এবং প্লাগইন সংযোগ করার ক্ষমতা.
- একটি সহজে ব্যবহারযোগ্য, নো-কোড অ্যাপ্লিকেশন।
- প্রোগ্রামিংয়ের অভিজ্ঞতা নেই এমন লোকেরা এটি থেকে উপকৃত হবেন।
- ডিজাইনের টুল যা বহুমুখী এবং শক্তিশালী উভয়ই।
- দ্রুত ক্যোয়ারী প্রক্রিয়াকরণ.
মন্দ দিক
- নির্ভরযোগ্যতা বৃদ্ধি।
- ডেটা প্রক্রিয়াকরণের গতি ধীর।
- কর্মক্ষমতা সীমাবদ্ধ।
প্রাইসিং
বিনামূল্যের পরিকল্পনা আপনাকে প্ল্যাটফর্ম সম্পর্কে জানতে এবং আপনার অ্যাপ্লিকেশন বিকাশ করতে দেয়।
প্রদত্ত সাবস্ক্রিপশনের মধ্যে সাদা-লেবেলিং, একটি কাস্টম ডোমেন, বাবল API-তে অ্যাক্সেস এবং সংরক্ষিত সার্ভারের ক্ষমতার মতো অতিরিক্তগুলি অন্তর্ভুক্ত রয়েছে, যা নীচে তালিকাভুক্ত করা হয়েছে৷
- ব্যক্তিগত - $25/মাস (বার্ষিক অর্থপ্রদান) বা $29/মাস (মাসিক অর্থপ্রদান)।
- পেশাদার - $115/মাস (বার্ষিক অর্থপ্রদান) বা $129/মাস (মাসিক অর্থপ্রদান)।
- উত্পাদন - $475/মাস (বার্ষিক অর্থপ্রদান) বা $529/মাস (মাসিক অর্থপ্রদান)।
বিনামূল্যে বাবল দিয়ে শুরু করুন
উপসংহার
বাবল হল ওয়েব অ্যাপ্লিকেশন তৈরির জন্য একটি চমৎকার বিকল্প যা শুধুমাত্র তথ্য দেখাতে পারে বা একটি ন্যূনতম UI থাকতে পারে।
এটি ব্যবহার করা বেশ সহজ, এবং বাবল দ্বারা প্রদত্ত টিউটোরিয়ালগুলি অত্যন্ত সহায়ক। এটির অনলাইন ভিজ্যুয়াল এডিটর যা আপনাকে আপনার পছন্দের উপর ভিত্তি করে ওয়েব অ্যাপ ডিজাইন করতে দেয়।
এবং সবচেয়ে ভাল অংশ হল আপনার কোন প্রোগ্রামিং অভিজ্ঞতা বা দক্ষতার প্রয়োজন নেই। আপনি কীভাবে কোড করতে জানেন বা না জানেন তা নির্বিশেষে বাবল সবার জন্য উপযুক্ত।
যাইহোক, ফ্রন্টএন্ড ভাষাগুলির পূর্বে বোঝা আপনাকে একটি প্রান্ত দিতে পারে কারণ এটি আপনাকে ইভেন্ট পরিচালনার বিষয়ে এটি কী করছে তা দ্রুত খুঁজে বের করতে দেয়।
তাহলে, আপনি বাবল এর ক্ষমতা সম্পর্কে কি মনে করেন?
আমাদের মন্তব্য জানাতে!
আরবেহি
bubble.io টুল ব্যবহার করে পণ্য বিক্রি করার জন্য একটি দোকান তৈরি করা যেতে পারে?