ফর্ম ফিল্ড
উভয় ডিভাইসে মোবাইল নম্বর, পাসওয়ার্ড এবং পেমেন্ট চিপ ফিল্ড থাকে এবং ফিল্ড ভ্যালিডেশন রুলস অভিন্ন। মোবাইল স্ক্রিনে ফিল্ড উল্লম্বভাবে একটার নিচে একটা দেখায় এবং ডেস্কটপে পাশাপাশি দুই কলামে বিভক্ত।
আমরা নিবন্ধন পৃষ্ঠা এমনভাবে তৈরি করেছি যেন আপনি মোবাইল নম্বর এবং পেমেন্ট পছন্দ এক ধাপেই দিতে পারেন এবং সেকেন্ডের মধ্যে লবিতে ঢুকতে পারেন। প্রতিটি ফিল্ড বাংলায় লেখা এবং...
নিবন্ধন ফর্মে আপনার মোবাইল নম্বর এবং একটি পাসওয়ার্ড দিন যা আপনি পরবর্তীতে লগইনে ব্যবহার করবেন। পরের স্ক্রিনে আমরা আপনাকে bKash, Nagad বা Rocket পেমেন্ট চিপ সংযুক্ত করতে বলব যেন ডিপোজিট এবং উইথড্র সময় কোনো বিলম্ব না হয়। সব ফিল্ড বাংলায় লেবেল করা এবং মোবাইল স্ক্রিনে পড়ার জন্য সাজানো। নিবন্ধন শেষ করার পরে আপনার অ্যাকাউন্ট এলাকা সরাসরি খুলবে এবং লবির সব রুম দেখাবে।
আপনি ডেস্কটপ বা মোবাইল যেকোনো ডিভাইস থেকে নিবন্ধন সম্পন্ন করতে পারেন এবং একই লগইন দুই জায়গায় কাজ করে।
নিবন্ধন শেষের দিকে আমরা পেমেন্ট চিপ সিলেকশন স্ক্রিন দেখাই যেখানে আপনি bKash, Nagad বা Rocket নম্বর সংযুক্ত করতে পারেন। এই তিনটি পেমেন্ট রেল বাংলাদেশের বেশিরভাগ এলাকায় কাজ করে...
আমরা নিবন্ধনের সময় আপনার মোবাইল নম্বর এবং পেমেন্ট চিপ ডেটা এনক্রিপ্ট করে ডাটাবেসে রাখি যেন তৃতীয় পক্ষ দেখতে না পারে। পাসওয়ার্ড হ্যাশ করা থাকে এবং আমাদের টিমও প্লেইনটেক্সট দেখতে পায় না। প্রতিটি...
নিবন্ধন ফর্মে দেওয়া প্রতিটি ফিল্ড SSL টানেলের মধ্য দিয়ে সার্ভারে যায় এবং আমরা ডাটাবেসে স্টোর করার আগে এনক্রিপ্ট করি। মোবাইল নম্বর এবং পেমেন্ট চিপ আলাদা টেবিলে রাখি যেন কোনো একটি লিক হলেও পুরো প্রোফাইল এক্সপোজ না হয়।
নিবন্ধনের পরে আমরা আপনার দেওয়া মোবাইল নম্বরে ছয় ডিজিটের OTP পাঠাই এবং ফর্মে ইনপুট করতে বলি। এটা নিশ্চিত করে যে নম্বরটি সত্যিই আপনার এবং পরবর্তী লগইন বা পেমেন্টে সমস্যা হবে না।
নিবন্ধন ফর্মে আপনার দেওয়া পাসওয়ার্ড আমরা প্লেইনটেক্সটে কখনো সংরক্ষণ করি না বরং bcrypt হ্যাশ করে ডাটাবেসে রাখি। লগইন করার সময় আপনি যা টাইপ করেন সেটা হ্যাশ করে মিলিয়ে দেখি এবং ম্যাচ হলে সেশন তৈরি করি।
নিবন্ধন পৃষ্ঠায় দশ মিনিট কোনো অ্যাকশন না নিলে ফর্ম ডেটা মুছে ফেলি এবং নতুন করে শুরু করতে হয়। এটা নিশ্চিত করে যে শেয়ার ডিভাইসে কেউ আপনার অর্ধেক পূরণ করা ফর্ম ব্যবহার করতে পারবে না।
নিবন্ধন শেষ হলে আমরা একটি কনফার্মেশন SMS পাঠাই যেখানে অ্যাকাউন্ট আইডি এবং লগইন URL থাকে। এই মেসেজটি রেফারেন্স হিসেবে সেভ করুন কারণ পরে পাসওয়ার্ড ভুলে গেলে এই আইডি দিয়ে রিকভার করতে হবে।
নিবন্ধনের পরে আপনি যদি মোবাইল নম্বর বা পেমেন্ট চিপ পরিবর্তন করেন তবে আমরা পুরাতন এবং নতুন উভয় নম্বরে নোটিফিকেশন পাঠাই। অ্যাকাউন্ট সেটিংসে প্রতিটি পরিবর্তনের টাইমস্ট্যাম্প এবং আইপি অ্যাড্রেস দেখানো থাকে।
আমরা ডেস্কটপ এবং মোবাইল উভয় নিবন্ধন পৃষ্ঠা একই ডেটা ফিল্ড এবং একই OTP ফ্লো ব্যবহার করি যেন আপনি যেকোনো ডিভাইস থেকে শুরু করে অন্যটায় লগইন করতে পারেন। মোবাইলে ফর্ম ফিল্ড উল্লম্বভাবে সাজানো...
উভয় ডিভাইসে মোবাইল নম্বর, পাসওয়ার্ড এবং পেমেন্ট চিপ ফিল্ড থাকে এবং ফিল্ড ভ্যালিডেশন রুলস অভিন্ন। মোবাইল স্ক্রিনে ফিল্ড উল্লম্বভাবে একটার নিচে একটা দেখায় এবং ডেস্কটপে পাশাপাশি দুই কলামে বিভক্ত।
নিবন্ধন ফর্ম সাবমিট করার পরে আমরা একই SMS গেটওয়ে দিয়ে OTP পাঠাই তাই ডেস্কটপ বা মোবাইল যেখান থেকেই নিবন্ধন করুন টাইমিং এবং ফরম্যাট একই। কোড সাধারণত দশ সেকেন্ডের মধ্যে আসে।
bKash, Nagad এবং Rocket পেমেন্ট চিপ উভয় ডিভাইসে একই ড্রপডাউনে দেখায় এবং সিলেক্ট করার পরে একই ইনপুট ফিল্ড খোলে। মোবাইল ব্রাউজারে আমরা নিউমেরিক কিবোর্ড অটো ট্রিগার করি যেন নম্বর টাইপ সহজ হয়।
নিবন্ধন শেষ করার পরে আমরা উভয় প্ল্যাটফর্মে একই সেশন টোকেন তৈরি করি এবং কুকিতে স্টোর করি। ডেস্কটপে নিবন্ধন করে মোবাইলে লগইন করলে পুরো প্রোফাইল এবং পেমেন্ট চিপ তাৎক্ষণিক সিঙ্ক হয়।
নিবন্ধন সম্পূর্ণ হলে আমরা একটি সাকসেস স্ক্রিন দেখাই যেখানে অ্যাকাউন্ট আইডি এবং নেক্সট স্টেপ বাটন থাকে। উভয় ডিভাইসে এই পৃষ্ঠার কন্টেন্ট একই শুধু মোবাইলে বাটন সাইজ বড় এবং স্পর্শ-বান্ধব।
যদি নিবন্ধন ফর্মে কোনো ফিল্ড ভুল হয় তবে আমরা লাল রঙের ইরর টেক্সট ফিল্ডের নিচে দেখাই এবং মেসেজ বাংলায় লেখা। উভয় প্ল্যাটফর্মে ইরর ফরম্যাট এবং টোন একই তাই আপনি সহজে বুঝতে পারবেন কোথায় ঠিক করতে হবে।
ডেস্কটপে ব্রাউজার অটোফিল কাজ করে এবং আপনার সেভ করা মোবাইল নম্বর বা পাসওয়ার্ড দেখায়। মোবাইলে OTP SMS থেকে কোড কপি করলে আমরা অটো-পেস্ট সাজেশন দিই যেন ম্যানুয়াল টাইপ করতে না হয়।
নিবন্ধন ফর্মে আমরা কয়েকটি অনন্য উপাদান যুক্ত করেছি যেন প্রক্রিয়া দ্রুত এবং স্পষ্ট হয়। উদাহরণস্বরূপ মোবাইল নম্বর ফিল্ডে বাংলাদেশের কান্ট্রি কোড ডিফল্ট থাকে এবং আপনাকে শুধু...
মোবাইল নম্বর ফিল্ডে বাংলাদেশের +৮৮০ কোড আগে থেকেই বসানো থাকে এবং আপনাকে শুধু দশ ডিজিটের নম্বর টাইপ করতে হয়। এটা নিশ্চিত করে যে ফরম্যাট সঠিক এবং আমাদের SMS গেটওয়ে OTP পাঠাতে পারে।
bKash, Nagad এবং Rocket পেমেন্ট অপশনের পাশে আমরা প্রতিটির অফিশিয়াল লোগো দেখাই এবং সিলেক্ট করলে বর্ডার হাইলাইট হয়। ভিজ্যুয়াল কিউ দেখে আপনি দ্রুত পছন্দের চিপ বেছে নিতে পারেন এবং নাম পড়া ছাড়াই চিনতে পারেন।
নিবন্ধন ফর্মে প্রতিটি ফিল্ড থেকে বের হওয়ার সাথে সাথে আমরা চেক করি ফরম্যাট ঠিক আছে কিনা এবং সবুজ টিক বা লাল ক্রস আইকন দেখাই। এভাবে ফর্ম সাবমিট করার আগেই জানতে পারেন কোথায় ভুল আছে।
পাসওয়ার্ড ফিল্ডে টাইপ করার সময় আমরা একটি রঙিন বার দেখাই যা শক্তি মাপে এবং দুর্বল, মাঝারি বা শক্তিশালী লেবেল প্রদর্শন করে। শক্তিশালী পাসওয়ার্ড না হলে সাবমিট বাটন ধূসর থাকে এবং ক্লিক করা যায় না।
OTP ইনপুট স্ক্রিনে আমরা একটি কাউন্টডাউন টাইমার দেখাই যা বলে কতক্ষণের মধ্যে কোড এক্সপায়ার হবে। সময় শেষ হলে রিসেন্ড বাটন চালু হয় এবং নতুন কোড পাঠাতে পারেন। টাইমার দেখে আপনি জানেন তাড়াহুড়ার দরকার আছে কিনা।
নিবন্ধন সাকসেসফুল হলে আমরা একটি সবুজ চেকমার্ক অ্যানিমেশন প্রদর্শন করি এবং স্ক্রিন স্লাইড করে অ্যাকাউন্ট ড্যাশবোর্ডে নিয়ে যায়। ভিজ্যুয়াল ফিডব্যাক দেখে আপনি নিশ্চিত হন যে প্রসেস সম্পূর্ণ এবং লবি অ্যাক্সেস রেডি।