তথ্য ও যোগাযোগ প্রযুক্তি • ওয়েব ডিজাইন পরিচিতি এবং HTML
তথ্য ও যোগাযোগ প্রযুক্তি প্রশ্ন
সুমি দুটি ওয়েবসাইট ব্যবহার করে। প্রথম সাইট A হলো তার স্কুলের নোটিশ বোর্ড, যেখানে সবসময় সবার জন্য একই নোটিশ দেখায়। দ্বিতীয় সাইট B-তে সে নাম, জন্মতারিখ ও ঠিকানা লিখে একটি বাটনে ক্লিক করে অ্যাকাউন্ট তৈরি করতে চাইল। কিছুক্ষণ পর সাইট B জানাল যে এই নামে ইতিমধ্যে অ্যাকাউন্ট আছে। অন্য একটি নামে চেষ্টা করলে সাইটটি তার অ্যাকাউন্ট তৈরি করে দিল।
- ক)(1)
রিকোয়েস্ট কী?
- খ)(2)
HTML কে প্রোগ্রামিং ভাষা বলা যায় না কেন? ব্যাখ্যা করো।
- গ)(3)
উদ্দীপকে সাইট B-তে সুমির অ্যাকাউন্ট তৈরির প্রক্রিয়াটি ক্লায়েন্ট-সার্ভার মডেলের আলোকে ব্যাখ্যা করো।
- ঘ)(4)
উদ্দীপকের সাইট A ও সাইট B কোন ধরনের ওয়েবসাইট তা যুক্তিসহ বিশ্লেষণ করো। সাইট B-র সার্ভার ও ক্লায়েন্ট অংশে কোন ধরনের ভাষা বা প্রযুক্তি ব্যবহৃত হতে পারে তাও আলোচনা করো।
উত্তর ও ব্যাখ্যা
- ক)
AI-তৈরি নমুনা উত্তর ক্লায়েন্ট সফটওয়্যার ব্যবহারকারীর ইনপুট নিয়ে সার্ভারের কাছে যে ডেটা পাঠায়, তাকে রিকোয়েস্ট বলে।
- খ)
AI-তৈরি নমুনা উত্তর HTML-এর পূর্ণরূপ Hyper Text Markup Language এবং এটি একটি মার্কআপ ভাষা। এর কাজ কোনো তথ্যকে ব্রাউজারে প্রদর্শনের উপযোগী করা। এখানে যেসব ট্যাগ ব্যবহার হয়, ব্রাউজার সেগুলো বুঝে ডেটা প্রদর্শন করে। এতে ইনপুট নিয়ে প্রক্রিয়া করে আউটপুট তৈরির মতো যুক্তি বা গণনা করা হয় না। তাই একে প্রোগ্রামিং ভাষা না বলে মার্কআপ ভাষা বলা হয়।
- গ)
AI-তৈরি নমুনা উত্তর একটি ওয়েবসাইটের দুটি অংশ থাকে: ক্লায়েন্ট ও সার্ভার। সাইট B-তে অ্যাকাউন্ট তৈরির প্রক্রিয়া নিচের ধাপে ঘটে।
১. সুমি ব্রাউজারে (ক্লায়েন্ট) নাম, জন্মতারিখ ও ঠিকানা লিখে বাটনে ক্লিক করে। ক্লায়েন্ট সফটওয়্যার এই ইনপুট ডেটা সার্ভারের কাছে পাঠায়, যাকে রিকোয়েস্ট বলে।
২. সার্ভার ডেটা পরীক্ষা করে দেখে যে একই নামে আগে থেকেই অ্যাকাউন্ট আছে কি না। প্রথমবার আছে বলে সার্ভার অ্যাকাউন্ট তৈরি না করে ক্লায়েন্টের কাছে সেই তথ্য জানিয়ে জবাব পাঠায়, যাকে রেসপন্স বলে।
৩. সুমি অন্য নামে চেষ্টা করলে ক্লায়েন্ট আবার রিকোয়েস্ট পাঠায়। এবার সার্ভার কোনো সমস্যা না পেয়ে ব্যবহারকারীর অ্যাকাউন্ট তৈরি করে এবং সফল হওয়ার রেসপন্স ক্লায়েন্টের কাছে পাঠায়।
অর্থাৎ ক্লায়েন্ট রিকোয়েস্ট পাঠায় এবং সার্ভার তা প্রক্রিয়া করে রেসপন্স ফেরত দেয়।
- ঘ)
AI-তৈরি নমুনা উত্তর সাইট A: এখানে তথ্য আগে থেকে রাখা থাকে এবং ব্যবহারকারী ব্রাউজারের মাধ্যমে কেবল তা দেখতে পারেন, ইনপুট অনুযায়ী ফলাফল বদলায় না। তাই সাইট A একটি স্ট্যাটিক ওয়েবসাইট।
সাইট B: এখানে ব্যবহারকারী বিভিন্ন ইনপুট দেন এবং সেই ইনপুট অনুসারে ভিন্ন আউটপুট তৈরি হয়। নাম আগে থেকে থাকলে এক ধরনের এবং না থাকলে অন্য ধরনের জবাব আসে, আবার অ্যাকাউন্টও তৈরি হয়। তাই সাইট B একটি ডায়নামিক ওয়েবসাইট, যাকে ওয়েব অ্যাপ্লিকেশনও বলা হয়। google.com, passport.gov.bd ইত্যাদি এর উদাহরণ।
সাইট B-র প্রযুক্তি:
সার্ভার অংশ: সার্ভারে যে সফটওয়্যার চলে তা সাধারণত একটি প্রোগ্রামিং ভাষায় লেখা হয়। এ কাজের জনপ্রিয় ভাষা হলো পিএইচপি, পাইথন, জাভা, রুবি। উদ্দীপকে নাম আছে কি না যাচাই করে অ্যাকাউন্ট তৈরির কাজ সার্ভারে এসব ভাষায় হতে পারে।ক্লায়েন্ট অংশ: ব্রাউজারে ওয়েবসাইট দেখানোর জন্য HTML ও CSS ব্যবহার হয়। HTML তথ্যের কাঠামো ও প্রদর্শন ঠিক করে এবং CSS সাইটকে আকর্ষণীয় করে। ক্লায়েন্ট অংশে প্রোগ্রামিংয়ের জন্য সবচেয়ে জনপ্রিয় ভাষা জাভাস্ক্রিপ্ট। এটি দিয়ে সার্ভারে না পাঠিয়েই ক্লায়েন্টে কিছু কাজ করা সম্ভব।
সুতরাং সাইট A স্ট্যাটিক এবং সাইট B ডায়নামিক, যার সার্ভার অংশে প্রোগ্রামিং ভাষা এবং ক্লায়েন্ট অংশে HTML, CSS ও জাভাস্ক্রিপ্ট ব্যবহৃত হতে পারে।
আরও প্রশ্ন অনুশীলন করতে অ্যাপে যাও