মোবাইল ডেভেলপমেন্টে স্ক্রিন আর্কিটেকচার এবং নেভিগেশন: এটি কী, প্রকার এবং কীভাবে কাজ করে

স্ক্রিন আর্কিটেকচার এবং নেভিগেশন কী

স্ক্রিন আর্কিটেকচার এবং নেভিগেশন হল মোবাইল অ্যাপ্লিকেশনের কাঠামো যা উপলব্ধ স্ক্রিন এবং তাদের মধ্যে перемещаться করার উপায় নির্ধারণ করে। প্রতিটি স্ক্রিন একটি নির্দিষ্ট কাজ সমাধান করে: পণ্যের তালিকা, পণ্য কার্ড, কার্ট বা চেকআউট ফর্ম। Apple Human Interface Guidelines (2025) অনুসারে, সুচিন্তিত নেভিগেশন ব্যবহারকারীর জ্ঞানীয় বোঝা ৪০% হ্রাস করে। শিক্ষানবিশ ডেভেলপারদের তিন থেকে পাঁচটি স্ক্রিনের একটি সহজ স্কিম দিয়ে শুরু করা উচিত।

স্ক্রিন আর্কিটেকচার কী নিয়ে গঠিত

যেকোনো স্ক্রিন আর্কিটেকচারে তিনটি মৌলিক উপাদান অন্তর্ভুক্ত থাকে: স্ক্রিন, ট্রানজিশন এবং নেভিগেশন কন্টেইনার। স্ক্রিন বিষয়বস্তু প্রদর্শন করে, ট্রানজিশন স্ক্রিন পরিবর্তনের অ্যানিমেশন পরিচালনা করে এবং কন্টেইনার ব্যবহারকারীর চলাফেরার ইতিহাস সংরক্ষণ করে। Android-এ এই ভূমিকা FragmentManager পালন করে, iOS-এ — UINavigationController। এই তিনটি উপাদান বোঝা ব্যবহারকারী-বান্ধব ইন্টারফেস ডিজাইন করার প্রথম পদক্ষেপ।

মোবাইল অ্যাপে নেভিগেশনের প্রধান প্রকার

মোবাইল অ্যাপ্লিকেশনে চারটি প্রধান প্রকারের নেভিগেশন রয়েছে: স্ট্যাক, মোডাল, ট্যাব এবং জেসচার-ভিত্তিক। স্ট্যাক মডেল কার্ডের স্তুপের মতো কাজ করে — প্রতিটি নতুন স্ক্রিন উপরে রাখা হয়, এবং "পিছনে" বোতাম উপরের কার্ডটি সরিয়ে দেয়। Nielsen Norman Group (2024) অনুসারে, স্ট্যাক নেভিগেশন হল সবচেয়ে পূর্বাভাসযোগ্য প্যাটার্ন, যা ৯৪% ব্যবহারকারী প্রশিক্ষণ ছাড়াই বুঝতে পারেন। স্ট্যাক দিয়ে শুরু করার পরামর্শ দেওয়া হয় কারণ এটি যেকোনো প্ল্যাটফর্মের ব্যবহারকারীদের জন্য স্বজ্ঞাত।

কখন মোডাল উইন্ডো ব্যবহার করবেন

মোডাল উইন্ডো হল অস্থায়ী স্ক্রিন যা মূল বিষয়বস্তুতে ফিরে আসার আগে একটি কাজের প্রয়োজন। এগুলি একটি কাজ এর জন্য ব্যবহৃত হয়: একটি ক্রিয়া নিশ্চিত করা, লগইন ফর্ম বা বিকল্প নির্বাচন। স্ট্যাকের বিপরীতে, মোডাল উইন্ডো নেভিগেশন ইতিহাসে সংরক্ষিত হয় না। নেভিগেশনের প্রকার অ্যাপ্লিকেশনের ব্যবহারের ক্ষেত্রে ভিত্তিতে নির্বাচিত হয়।

UINavigationController দিয়ে iOS-এ নেভিগেশন

iOS-এ, নেভিগেশন UINavigationController-এর চারপাশে নির্মিত — একটি কন্ট্রোলার যা স্ক্রিন স্ট্যাক পরিচালনা করে। UINavigationController স্বয়ংক্রিয়ভাবে শিরোনাম এবং "পিছনে" বোতাম সহ একটি নেভিগেশন বার যোগ করে। Apple Developer Documentation (2025) অনুসারে, App Store-এ ৮৫% অ্যাপ UINavigationController-কে প্রধান নেভিগেশন প্যাটার্ন হিসাবে ব্যবহার করে। শিক্ষানবিশ iOS ডেভেলপারদের জন্য UX/UI ডিজাইনের মৌলিক বিষয়গুলির সাথে push এবং pop আয়ত্ত করা যথেষ্ট।

iOS-এ স্ক্রিন স্ট্যাক কীভাবে কাজ করে

push ট্রানজিশনের সময়, একটি নতুন স্ক্রিন নেভিগেশন স্ট্যাক-এ রাখা হয় এবং ব্যবহারকারী ডান দিক থেকে স্লাইড-ইন অ্যানিমেশন দেখেন। pop ট্রানজিশনের সময়, বর্তমান স্ক্রিন স্ট্যাক থেকে সরানো হয় এবং ব্যবহারকারী পূর্ববর্তী স্ক্রিনে ফিরে যান। UINavigationController স্ট্যাকের সমস্ত স্ক্রিনের রেফারেন্স সংরক্ষণ করে, ব্যবহারকারীকে কয়েক ধাপ পিছনে যেতে দেয়। IT Sectr-এ, আমরা সমস্ত iOS প্রকল্পে রৈখিক ব্যবহারকারীর পরিস্থিতি তৈরির জন্য এই পদ্ধতি ব্যবহার করি।

Android-এ নেভিগেশন কীভাবে কাজ করে

Android-এ, স্ক্রিন আর্কিটেকচার Navigation Component-এর মাধ্যমে বাস্তবায়িত হয় — Google-এর একটি লাইব্রেরি যা নেভিগেশন তৈরির জন্য। Navigation Component একটি নেভিগেশন গ্রাফ (nav graph) ব্যবহার করে, যেখানে প্রতিটি স্ক্রিন একটি নোড এবং ট্রানজিশন তাদের মধ্যে প্রান্ত। Android Developers Guide (2025) অনুসারে, Navigation Component ম্যানুয়াল FragmentManager-এর তুলনায় নেভিগেশন ত্রুটি ৬০% হ্রাস করে। শিক্ষানবিশ Android ডেভেলপারদের অবিলম্বে Navigation Component আয়ত্ত করার পরামর্শ দেওয়া হয়।

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
    }
}

// nav_graph.xml-এ:
<!-- 
  <fragment android:id="@+id/homeFragment"
    android:name=".HomeFragment" />
  <fragment android:id="@+id/detailFragment"
    android:name=".DetailFragment" />
  <action android:id="@+id/toDetail"
    app:destination="@id/detailFragment" />
-->

// বোতাম টিপলে নেভিগেট করুন:
view.findViewById<Button>(R.id.open_detail).setOnClickListener {
    findNavController().navigate(R.id.toDetail)
}

FragmentManager এবং এর ভূমিকা

Navigation Component-এর আগে, ডেভেলপাররা FragmentManager-এর মাধ্যমে ট্রানজিশন পরিচালনা করতেন — ফ্রাগমেন্ট প্রতিস্থাপনের জন্য একটি সিস্টেম ক্লাস। FragmentManager ট্রানজ্যাকশনের সাথে কাজ করে: স্ক্রিনে ফ্রাগমেন্ট পরিবর্তনের জন্য replace, add, remove। তবে, এটির জন্য ম্যানুয়াল স্ট্যাক এবং অবস্থা পরিচালনার প্রয়োজন, যা প্রায়শই ত্রুটির দিকে নিয়ে যায়। Google আনুষ্ঠানিকভাবে ম্যানুয়াল FragmentManager-এর নিরাপদ বিকল্প হিসাবে Navigation Component সুপারিশ করে।

স্ক্রিন আর্কিটেকচারে শিক্ষানবিশদের সাধারণ ভুল

শিক্ষানবিশ ডেভেলপাররা প্রায়ই স্ক্রিন আর্কিটেকচার ডিজাইন করার সময় সাধারণ ভুল করে। সবচেয়ে সাধারণ হল নেভিগেশনের একটি কেন্দ্রীয় নিয়ন্ত্রণের অভাব, যখন ট্রানজিশন পুরো কোডে ছড়িয়ে থাকে। Google Play Console বিশ্লেষণ (2025) অনুসারে, বিশৃঙ্খল নেভিগেশনযুক্ত অ্যাপগুলিতে ট্রানজিশন সম্পর্কিত ৩৭% বেশি ক্র্যাশ রিপোর্ট থাকে। একটি একক রাউটার বা নেভিগেশন গ্রাফ এই সমস্যার সমাধান করে।

"পিছনে" বোতাম উপেক্ষা করা

অনেক শিক্ষানবিশ Android-এ সিস্টেম "পিছনে" বোতাম বা iOS-এ সোয়াইপ জেসচার পরিচালনা করতে ভুলে যান। অপরিচালিত প্রত্যাবর্তন অ্যাপ্লিকেশন হ্যাং বা অপ্রত্যাশিতভাবে প্রস্থান করে। Android-এ, Navigation Component "পিছনে" বোতাম স্বয়ংক্রিয়ভাবে পরিচালনা করে যদি নেভিগেশন গ্রাফ কনফিগার করা থাকে। নীচে OnBackPressedDispatcher দিয়ে "পিছনে" বোতাম পরিচালনার একটি উদাহরণ রয়েছে।

class MyFragment : Fragment() {
    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
        val callback = OnBackPressedCallback(true) {
            if (isSheetExpanded) {
                collapseSheet()
                isEnabled = false
            } else {
                isEnabled = false
                requireActivity().onBackPressedDispatcher.onBackPressed()
            }
        }
        requireActivity().onBackPressedDispatcher.addCallback(
            viewLifecycleOwner, callback
        )
    }
}

কোডটি পরীক্ষা করে যে Bottom Sheet প্যানেল প্রসারিত কিনা: যদি হ্যাঁ — এটি সঙ্কুচিত করে, যদি না — সিস্টেম ডিসপ্যাচারে ইভেন্ট পাঠায়। Android-এ কাস্টম "পিছনে" হ্যান্ডলিংয়ের জন্য এটি একটি স্ট্যান্ডার্ড প্যাটার্ন।