দ্বীন ও প্রযুক্তির সংমিশ্রণ

এইচ এম শরীফ

🕌 ইমাম ও খতীব 🎓 আলেম ও শিক্ষক 💻 সল্যুশন ডেভেলপার
আসসালামু আলাইকুম, আমি এইচ এম শরীফ। ১৩+ বছর ধরে ইমামতি, দ্বীনি শিক্ষাদান ও প্রযুক্তি খাতে কাজ করছি। দ্বীনি জ্ঞান ও আধুনিক ডিজিটাল সলিউশনের সমন্বয়ে সমাজসেবাই আমার লক্ষ্য। আমি শরীফ মাল্টিমিডিয়া-এর প্রতিষ্ঠাতা এবং হিলফুল ফুজুল কল্যাণ পরিষদের পরিচালকের দায়িত্ব পালন করছি।
Sharif
✨ দক্ষতা ও পরিচিতি

দ্বীনি ও সামাজিক খিদমত

🎓 আলেম (দাওরা হাদীস) 🕌 ইমাম ও খতীব 📖 শিক্ষকতা (উচ্চ শিক্ষা) 🤝 সমাজসেবক ও পরিচালক

প্রশিক্ষণ ও আইটি কনসাল্টিং

💻 কম্পিউটার ট্রেইনার ⚙️ অটোমেশন কনসালট্যান্ট 💼 মাল্টিমিডিয়া আইটি উদ্যোক্তা

প্রোগ্রামিং ও ওয়েব ডেভেলপার

JavaScript (ES6) Google Apps Script HTML5 & CSS3 App Dev (PWA) Web UI Design

ডাটাবেজ ও ক্লাউড সিস্টেম

Google Sheets Automation Microsoft Excel VBA Firebase Cloud SQL Database
Excel/Sheets
JavaScript
Apps Script
PWA App
HTML5/CSS3
Firebase
SQL DB
GitHub
UI Design
🏢 ব্যবসায়ী উদ্যোগ

শরীফ মাল্টিমিডিয়া

সেবা ও বিশ্বস্ততার ৫ বছর (২০২১ - বর্তমান)

শরীফ মাল্টিমিডিয়া একটি আধুনিক ও প্রফেশনাল কম্পিউটার এবং ডিজিটাল সেবা কেন্দ্র। শিক্ষা প্রতিষ্ঠান, ব্যবসায়ী এবং সাধারণ কাস্টমারদের প্রতিদিনের প্রয়োজনীয় সব ধরনের অফিশিয়াল, গ্রাফিক্স ও প্রিন্টিং কাজ আমরা অত্যন্ত নিখুঁত, দ্রুত ও বিশ্বস্ততার সাথে সম্পন্ন করে থাকি। দীর্ঘদিনের অভিজ্ঞতা এবং উন্নত প্রযুক্তির মাধ্যমে আমরা ইতিমধ্যে ৫০+ প্রাতিষ্ঠানের আইটি প্রজেক্ট সফলভাবে সম্পন্ন করেছি। প্রতিদিন শত শত কাস্টমারকে নিরবচ্ছিন্ন সেবা দেওয়াই আমাদের মূল সাফল্য।

৩০০০+

হ্যাপি কাষ্টমার

৫০০+

সফল প্রজেক্ট

মোবাইল ব্যাংকিং ও রিচার্জ

বিকাশ, নগদ ও রকেটের মাধ্যমে ক্যাশ-ইন/আউট এবং বাংলাদেশের যেকোনো সিম কার্ডে দ্রুত ফ্লেক্সিলোড সুবিধা।

টেলিকম ও সিম সার্ভিস

সকল অপারেটরের নতুন সিম বিক্রয় এবং বায়োমেট্রিক রেজিস্ট্রেশনের মাধ্যমে নষ্ট বা হারিয়ে যাওয়া সিম কার্ড উত্তোলন।

অফিস ও ডকুমেন্ট রাইটিং

বাংলা ও ইংরেজি নিখুঁত কম্পিউটার কম্পোজ, কালার বা সাদাকালো ফটোকপি এবং উন্নত মানের ডকুমেন্টস লেমিনেটিং।

অনলাইন আবেদন ও ট্রাভেল চেক

যেকোনো চাকুরীর সরকারি-বেসরকারি অনলাইন আবেদন, ইমিগ্রেশন ভিসা ও এয়ার টিকিট চেকিং এবং প্রিন্ট সুবিধা।

📖 শিক্ষকতা ও প্রশিক্ষণ

মাদরাসা শিক্ষকতা ও উচ্চতর দ্বীনি শিক্ষা

২০২১ - বর্তমান

দ্বীনি শিক্ষার আলো ছড়িয়ে দেওয়া এবং একটি নৈতিক ও আদর্শিক প্রজন্ম গড়ে তোলার লক্ষ্যে তিনি কওমি মাদরাসায় শিক্ষকতা করে আসছেন। তিনি ২০২১ ইং থেকে ঐতিহ্যবাহী দ্বীনি বিদ্যাপীঠ "হোসাঈনাবাদ মদিনাতুল উলুম মাদরাসা"-য় অত্যন্ত নিষ্ঠা ও সফলতার সাথে ছাত্রদেরকে শিক্ষাদান করে আসছেন। কওমি মাদরাসার উচ্চতর ক্লাসে আরবী ব্যাকরণ (নাহু-সরফ), ফিকহ (ইসলামি আইনশাস্ত্র) ও হাদীস শাস্ত্রে পাঠদানের দীর্ঘ ও সমৃদ্ধ অভিজ্ঞতা তাঁর রয়েছে।

তাঁর মূল শিক্ষকতার ক্ষেত্রসমূহ:
📖
হাদীস শাস্ত্র ও ব্যাখ্যা (Hadith Studies):

হাদীসের মূল কিতাবসমূহের তাত্ত্বিক পঠন, অর্থ এবং সমসাময়িক বাস্তবমুখী ব্যাখ্যা বিশ্লেষণ।

⚖️
ফিকহ ও ইসলামি আইনশাস্ত্র (Fiqh):

ইসলামি আইন, মাসয়ালা-মাসায়িল এবং দৈনন্দিন জীবনে দ্বীনের বাস্তবমুখী বিধানের বিশ্লেষণ।

✍️
আরবী ভাষা, ব্যাকরণ ও সাহিত্য:

আরবী ব্যাকরণ (নাহু-সরফ), অলঙ্কার শাস্ত্র (বালাগাত-ফাসাহাত) এবং আরবী ভাষায় অলঙ্কৃত ও প্রাঞ্জল উপস্থাপনা তৈরি।

বর্তমানে তিনি হোসাঈনাবাদ মাদরাসার মূল মহিলা শাখা প্রতিষ্ঠান "জান্নাতুল বুশরা বালিকা মাদরাসা"-র সর্বোচ্চ তাকমিল (মাস্টার্স সমমান/দাওরায়ে হাদীস) এবং উচ্চতর জামাতসমূহে আরবী সাহিত্য ও হাদীস বিষয়ে গুরুত্ব ও দায়িত্বশীলতার সাথে নিয়মিত পাঠদান করছেন।

তাঁর ভিশন: দ্বীনি ইলমের বিশুদ্ধ জ্ঞান ও সমসাময়িক আধুনিক মূল্যবোধের সঠিক সংমিশ্রণ ঘটিয়ে শিক্ষার্থীদের সমাজ বিনির্মাণে সুযোগ্য ও নৈতিক আদর্শ হিসেবে গড়ে তোলা।

কম্পিউটার প্রশিক্ষক ও আইটি প্রফেশনাল

২০২৩ - বর্তমান

তিনি তথ্যপ্রযুক্তি (IT) ইন্ডাস্ট্রিতে একজন সফল কম্পিউটার প্রশিক্ষক হিসেবে কাজ করছেন। আধুনিক কর্মক্ষেত্রের চাহিদাকে মাথায় রেখে তরুণ ও পেশাজীবীদের দক্ষ করে তোলাই তাঁর মূল লক্ষ্য। তিনি মূলত ২০২৩ সাল থেকে স্বনামধন্য আন্তর্জাতিক আইটি প্রতিষ্ঠান "প্যারাডাইম শিফট এডুকেশন ইঙ্ক" (Paradigm Shift Education Inc.)-এ অফিশিয়াল কম্পিউটার ট্রেইনার ও প্রধান প্রশিক্ষক হিসেবে অত্যন্ত সুনামের সাথে কর্মরত আছেন।

তাঁর মূল প্রশিক্ষণের ক্ষেত্রসমূহ:
💻
বেসিক কম্পিউটার ও অফিস অ্যাপ্লিকেশন:

কম্পিউটারের মৌলিক ব্যবহার এবং অফিশিয়াল কাজের দক্ষতা তৈরি।

🌐
ওয়েব ডিজাইন (Web Design):

আধুনিক ও রেসপনসিভ ওয়েবসাইট তৈরির প্রফেশনাল গাইডলাইন।

📊
এক্সেল ও অ্যাপস স্ক্রিপ্ট অটোমেশন:

(Excel & Apps Script Automation) অ্যাডভান্সড এক্সেল এবং ডেটা অটোমেশনের মাধ্যমে প্রাতিষ্ঠানিক কাজকে সহজ ও গতিশীল করার বিশেষায়িত প্রশিক্ষণ।

তাঁর ভিশন: সঠিক ও বাস্তবমুখী প্রশিক্ষণের মাধ্যমে শিক্ষার্থীদের আইটি ইন্ডাস্ট্রির জন্য শতভাগ যোগ্য ও দক্ষ জনবল হিসেবে গড়ে তোলা।

🕌 ইমাম ও খতীব খিদমত

মসজিদ খিদমতের ইতিহাস

ইমাম ও খতীব

বাইতুন নূর জামে মসজিদ খড়িয়া, শিবপুর, নরসিংদী। ৩ বছর (চলমান)
শুকুন্দী দ. পাড়া জামে মসজিদ শিবপুর, নরসিংদী। ৩ বছর
সেকান্দরদী জামে মসজিদ পলাশ, নরসিংদী। ২ বছর
তেলিয়া বাইতুন নূর জামে মসজিদ শিবপুর, নরসিংদী। ২ বছর
মসজিদে কোবা তাতারকান্দী, শিবপুর, নরসিংদী। ১ বছর
কুমরাদী জামে মসজিদ শিবপুর, নরসিংদী। ৬ মাস
মোট ১১+ বছর খিদমত

জুমার খুতবা ও আলোচনা

সমসাময়িক সামাজিক সমস্যা, ধর্মীয় ও নৈতিক অবক্ষয় দূরীকরণে কুরআন-সুন্নাহর সঠিক পথনির্দেশনা প্রদান।

শিশু মক্তব ও কোরআন শিক্ষা

কচি-কাঁচা শিশুদের বিশুদ্ধ কুরআন তিলাওয়াত, মাসনুন দু’আ ও বুনিয়াদি ইসলামি মূল্যবোধ শিক্ষা দান।

দ্বীনি পরামর্শ ও সমাজ সংস্কার

সাধারণ মানুষের প্রাত্যহিক জীবনের বিভিন্ন দ্বীনি ও ফিকহী সমস্যার সঠিক সমাধান ও নৈতিক পথপ্রদর্শন।

বিবাহ বন্ধন ও দাম্পত্য কাউন্সিলিং

পবিত্র ইসলামি শরিয়তের নিয়মে বিয়ের আকদ সম্পন্ন করা এবং দম্পতিদের জন্য islamic দাম্পত্য কাউন্সিলিং প্রদান।

সাপ্তাহিক তাফসির ও ফিকহী দরস

সাধারণ মুসল্লি ও যুবকদের মাঝে দ্বীনের বুনিয়াদি জ্ঞান ও মাসয়ালা পৌঁছে দিতে প্রতি সপ্তাহে বিশেষ তাফসির মজলিশ পরিচালনা।

🤝 সমাজসেবা ও পরিচালনা

হিলফুল ফুজুল কল্যাণ পরিষদ

প্রতিষ্ঠিত: ২৫ ফেব্রুয়ারি ২০২৩

ঐতিহাসিক ‘হিলফুল ফুজুল’ এর সুমহান আদর্শে অনুপ্রাণিত হয়ে ২০২৩ সালে তাঁর হাত ধরে নরসিংদীতে এই মানবিক সমাজকল্যাণমূলক সংগঠনের যাত্রা শুরু হয়। তাঁদের মূল দর্শন হলো মানবিক মূল্যবোধ, ন্যায়বিচার ও পারস্পরিক সহযোগিতার ভিত্তিতে সমাজের অবহেলিত ও দুস্থ জনগোষ্ঠীর পাশে দাঁড়িয়ে একটি স্বনির্ভর ও স্বস্তিময় সমাজ গঠন করা।

স্বচ্ছতা, জবাবদিহিতা ও নিয়মতান্ত্রিক পরিচালনাই তাঁদের মূল শক্তি।

বন্যা ও মানবিক বিপর্যয় মোকাবেলা

সিলেটের ভয়াবহ বন্যার সময় তাঁদের টিম মানুষের মাঝে খাদ্য ও জরুরি ত্রাণ সহায়তা পৌঁছে দেয়।

ঈদ ও খাদ্য সামগ্রী বিতরণ

পবিত্র ঈদুল ফিতর উপলক্ষে শুকুন্দী ও পার্শ্ববর্তী এলাকার অসচ্ছল পরিবারগুলোর হাসিমুখ ফোটাতে নিয়মিত উন্নত খাদ্য সামগ্রী বিতরণ।

শিক্ষা ও কুইজ প্রতিযোগিতা

শিক্ষা ও কুইজ প্রতিযোগিতা শিশু ও মক্তবের শিক্ষার্থীদের ইসলামি জ্ঞান অন্বেষণ ও সুপ্ত মেধা বিকাশে নিয়মতান্ত্রিক কুইজ ও বিভিন্ন প্রতিযোগিতার আয়োজন।

💼 সম্পন্ন প্রজেক্ট

Narsingdi Connect

নরসিংদী অঞ্চলের মানুষের সুবিধার্থে তৈরি একটি অত্যন্ত সমৃদ্ধ জরুরি সেবামূলক অফলাইন পোর্টালে যুক্ত অ্যান্ড্রয়েড অ্যাপ। এতে জরুরি রক্তদানকারী, ফায়ার সার্ভিস, থানা পুলিশ, বিশেষজ্ঞ ডাক্তার এবং অ্যাম্বুলেন্সের নির্ভরযোগ্য ও তাৎক্ষণিক যোগাযোগ ডিরেক্টরি রয়েছে।

Fuel Tracker

জ্বালানি ফিলিং স্টেশনের জন্য তৈরি একটি ক্লাউড ম্যানেজমেন্ট ও স্বয়ংক্রিয় ট্র্যাকিং সিস্টেম। এটি প্রতিটি গাড়ির তেল ক্রয়ের হিসাব-নিকাশ ডাটাবেজে সংরক্ষণ করে, রিয়েল-টাইম কাস্টম ড্যাশবোর্ড আপডেট করে এবং রসিদ ও অটো-মেসেজ জেনারেট করে।

Madrasha Portal

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

Google Sheets Apps Script Admin Web
✍️ সাম্প্রতিক লেখা
তৈরী করুন ব্লগের জন্য একটি প্রফেশনাল মানের 404 Error পেইজ

আজ আমরা ব্লগারের Search Preference নিয়ে আলোচনা করবো, যেটি ব্যবহার করে কিভাবে প্রফেশনাল মানের একটি 404 Error পেইজ তৈরী করা যায়। পেইজটি তৈরী ক...

💬 মানুষের মতামত

"শরীফ আমাদের অত্যন্ত স্নেহভাজন এবং অত্যন্ত দক্ষ একজন ছাত্র ও সুযোগ্য আলেম। সে দীর্ঘ দিন ধরে আমাদের মাদরাসার দাপ্তরিক কাজ, ওয়েবসাইট ও অনলাইন ডাটাবেজ অত্যন্ত বিশ্বস্ততার সাথে পরিচালনা করছে। বিশেষ করে মাদরাসার পরীক্ষার প্রশ্নপত্র প্রণয়ন এবং আইটি সলিউশনে উনার কাজ ও আন্তরিকতা সত্যিই আমাদের আনন্দিত ও গর্বিত করে।"

আমানুল্লাহ সাহেব
হাফেজ মাওলানা আমানুল্লাহ

প্রতিষ্ঠাতা পরিচালক, হোসাঈনাবাদ মাদরাসা

"হযরত আবু বকর সিদ্দীক রা. মাদরাসার অনলাইন ওয়েবসাইট ও সফটওয়্যার ম্যানেজমেন্টের সম্পূর্ণ দায়িত্ব আমাদের প্রিয় ছাত্র শরীফ অত্যন্ত সফলতার সাথে সামলাচ্ছে। ইলমে দ্বীন অর্জনের পাশাপাশি আধুনিক আইটি প্রযুক্তিতে উনার এই পারদর্শিতা প্রশংসনীয়। উনার তৈরি করা ড্যাশবোর্ড ও সফটওয়্যার সল্যুশন আমাদের প্রাতিষ্ঠানিক ব্যবস্থাপনার কাজকে অনেক সহজ করে দিয়েছে।"

মাহমুদুল হক সাহেব
মুফতী মাহমুদুল হক মামুন

প্রতিষ্ঠাতা পরিচালক, আবু বকর সিদ্দীক রা. মাদরাসা

"সহপাঠী হিসেবে শরীফকে আমি খুব কাছ থেকে দেখেছি। দ্বীনি ইলমের পাশাপাশি প্রযুক্তি খাতে উনার অসামান্য জ্ঞান ও দক্ষতা রয়েছে। আমাদের 'আল মদিনা ন্যাচারাল ফুড'-এর অনলাইন ক্যাম্পেইন, ডিজিটাল ব্র্যান্ডিং ও কাস্টম বিজনেস সফটওয়্যার ম্যানেজমেন্টের সকল ক্ষেত্রে শরীফ আমার বিশ্বস্ত ও সবচেয়ে বড় সহযোগী। উনার টেকনিক্যাল দক্ষতা ও বন্ধুবৎসল আন্তরিক সাপোর্ট আমাদের ব্যবসায়িক অগ্রগতিতে বিশেষ ভূমিকা রাখছে।"

আমির হোসাইন সাহেব
হাফেজ মাওলানা আমির হোসাইন

প্রতিষ্ঠাতা, আল মদিনা ন্যাচারাল ফুড

❓ সচরাচর জিজ্ঞাসা
১. এইচ এম শরীফ কে এবং তাঁর মূল লক্ষ্য কী?
এইচ এম শরীফ একজন আলেম, ইমাম-খতীব, শিক্ষক এবং সল্যুশন ডেভেলপার। তিনি দীর্ঘ ১৩ বছরেরও বেশি সময় ধরে ইমামতি ও দ্বীনি শিক্ষাদানের পাশাপাশি তথ্যপ্রযুক্তি খাতে কাজ করে আসছেন। দ্বীনি জ্ঞান ও আধুনিক ডিজিটাল সলিউশনের সঠিক সমন্বয়ের মাধ্যমে সমাজসেবা এবং একটি নৈতিক ও আদর্শিক প্রজন্ম গড়ে তোলাই তাঁর মূল লক্ষ্য।
২. "দ্বীন ও প্রযুক্তির সংমিশ্রণ" বলতে তিনি কী বোঝাতে চেয়েছেন?
এর অর্থ হলো দ্বীনি মূল্যবোধ ও জ্ঞানকে অক্ষুণ্ণ রেখে আধুনিক প্রযুক্তিকে ইতিবাচক ও কল্যাণকর কাজে ব্যবহার করা। যেমন—মাদরাসা ব্যবস্থাপনার জন্য অটোমেশন সফটওয়্যার তৈরি করা, যুবসমাজের কল্যাণে ডিজিটাল ডিরেক্টরি বা অ্যাপ তৈরি করা এবং প্রযুক্তির সঠিক ব্যবহারের মাধ্যমে দ্বীনি ও সামাজিক কাজগুলোকে আরও সহজ ও গতিশীল করা।
৩. ইমাম ও খতীব হিসেবে তাঁর খিদমতের অভিজ্ঞতা কেমন?
তিনি দীর্ঘ ১১ বছরেরও বেশি সময় ধরে নরসিংদীর বিভিন্ন মসজিদে ইমাম ও খতীব হিসেবে দায়িত্ব পালন করেছেন। বর্তমানে তিনি নরসিংদীর শিবপুরের খড়িয়ায় অবস্থিত "বাইতুন নূর জামে মসজিদ"-এ ইমাম ও খতীব হিসেবে খিদমত করছেন। খুতবা ও জুমার আলোচনার মাধ্যমে তিনি সমসাময়িক সামাজিক সমস্যা ও ধর্মীয় বিষয়ে সঠিক পথনির্দেশনা দেওয়ার চেষ্টা করেন।
৪. মাদরাসায় শিক্ষকতার ক্ষেত্রে তাঁর প্রধান ক্ষেত্রগুলো কী কী?
তিনি কওমি মাদরাসায় শিক্ষকতা করছেন। বর্তমানে তিনি ঐতিহ্যবাহী "হোসাঈনাবাদ মদিনাতুল উলুম মাদরাসা"-র বালিকা শাখা "জান্নাতুল বুশরা বালিকা মাদরাসা"-র দাওরায়ে হাদীস (মাস্টার্স সমমান) এবং উচ্চতর জামাতসমূহে আরবী সাহিত্য ও হাদীস বিষয়ে পাঠদান করছেন। তাঁর মূল পাঠদানের ক্ষেত্রগুলোর মধ্যে রয়েছে হাদীস শাস্ত্র, ফিকহ (ইসলামি আইনশাস্ত্র) এবং আরবী ব্যাকরণ (নাহু-সরফ) ও সাহিত্য।
৫. একজন আইটি ট্রেইনার হিসেবে তিনি কোন কোন বিষয়ে প্রশিক্ষণ দিয়ে থাকেন?
২০২৩ সাল থেকে তিনি আন্তর্জাতিক আইটি প্রতিষ্ঠান "প্যারাডাইম শিফট এডুকেশন ইঙ্ক" (Paradigm Shift Education Inc.)-এ প্রধান প্রশিক্ষক হিসেবে কর্মরত আছেন। সেখানে তিনি মূলত বেসিক কম্পিউটার ও অফিস অ্যাপ্লিকেশন, রেসপনসিভ ওয়েব ডিজাইন (Web Design), এবং এক্সেল ও গুগল অ্যাপস স্ক্রিপ্ট অটোমেশন (Excel & Apps Script Automation) বিষয়ে প্রশিক্ষণ প্রদান করেন।
৬. তাঁর তৈরি করা উল্লেখযোগ্য কয়েকটি ডিজিটাল প্রজেক্ট কী কী?
তাঁর তৈরি করা কয়েকটি উল্লেখযোগ্য প্রজেক্ট হলো:
Narsingdi Connect: নরসিংদী অঞ্চলের জরুরি সেবা ও যোগাযোগের জন্য তৈরি একটি অফলাইন ডিরেক্টরি সমৃদ্ধ অ্যান্ড্রয়েড অ্যাপ।
Madrasha Portal: মাদরাসাগুলোর ভর্তি পরীক্ষা, রেজাল্ট শিট ও ফিস কালেকশন অটোমেশনের জন্য তৈরি একটি ক্লাউড পোর্টাল ড্যাশবোর্ড।
Fuel Tracker: জ্বালানি ফিলিং স্টেশনের হিসাব-নিকাশ ও ট্র্যাকিংয়ের একটি ক্লাউড ম্যানেজমেন্ট সিস্টেম।
৭. একজন ডেভেলপার হিসেবে তাঁর টেকনিক্যাল স্কিল বা দক্ষতাগুলো কী কী?
তাঁর টেকনিক্যাল দক্ষতার মধ্যে রয়েছে JavaScript (ES6), Google Apps Script, HTML5 & CSS3, PWA App Development এবং Web UI Design। এছাড়া ডাটাবেজ ও ক্লাউড সিস্টেমের জন্য তিনি Google Sheets Automation, MS Excel VBA, Firebase Cloud এবং SQL Database ব্যবহার করে কাজ করেন।
৮. "শরীফ মাল্টিমিডিয়া" কী ধরনের সেবা প্রদান করে থাকে?
এটি একটি আধুনিক ডিজিটাল সেবা কেন্দ্র, যা ২০২১ সাল থেকে কাজ করছে। এখানে মূলত অফিশিয়াল ডকুমেন্ট রাইটিং (কম্পোজ, কপি, লেমিনেটিং), সরকারি-বেসরকারি অনলাইন চাকরির আবেদন, ট্রাভেল ভিসা ও টিকিট চেকিং, মোবাইল ব্যাংকিং, এবং বায়োমেট্রিক সিম রেজিস্ট্রেশনের মতো দৈনিক প্রয়োজনীয় আইটি ও রিটেইল সেবা প্রদান করা হয়।
৯. "হিলফুল ফুজুল কল্যাণ পরিষদ" এর সামাজিক কার্যক্রমগুলো কী কী?
২০২৩ সালে প্রতিষ্ঠিত এই মানবিক সংগঠনের মাধ্যমে নরসিংদী অঞ্চলে বিভিন্ন সমাজকল্যাণমূলক কাজ করা হয়। এর মধ্যে রয়েছে বন্যা ও দুর্যোগে জরুরি ত্রাণ সহায়তা, ঈদ সামগ্রী বিতরণ এবং শিশুদের মেধা বিকাশে কুইজ ও শিক্ষামূলক প্রতিযোগিতার আয়োজন করা।
১০. কোনো প্রতিষ্ঠান যদি তাদের প্রাতিষ্ঠানিক ব্যবস্থাপনার জন্য আইটি বা অটোমেশন সেবা নিতে চায়, তবে কীভাবে তাঁর সাথে যোগাযোগ করবে?
মাদরাসা বা যেকোনো প্রতিষ্ঠানের ভর্তি, রেজাল্ট ও হিসাব-নিকাশের অটোমেশন সলিউশনের জন্য "যোগাযোগ করুন" বাটনে ক্লিক করে সরাসরি যোগাযোগ করা যাবে। এছাড়া ইমেইল, মোবাইল বা সামাজিক যোগাযোগ মাধ্যমের মাধ্যমেও তাঁর সাথে পরামর্শের জন্য যোগাযোগ করা সম্ভব।
📞 যোগাযোগ করুন
মোবাইল / হোয়াটস্অ্যাপ / টেলিগ্রাম / ইমো +880 1747-878233
অফিশিয়াল ইমেইল admin@hmsharif.com
অফিশিয়াল ওয়েবসাইট www.hmsharif.com
প্রধান কার্যালয় / অফিস তেলিয়া বাজার, শিবপুর, নরসিংদী।

তৈরী করুন ব্লগের জন্য একটি প্রফেশনাল মানের 404 Error পেইজ

আজ আমরা ব্লগারের Search Preference নিয়ে আলোচনা করবো, যেটি ব্যবহার করে কিভাবে প্রফেশনাল মানের একটি 404 Error পেইজ তৈরী করা যায়। পেইজটি তৈরী করার আগে কিছু কথা বলে নেই। আগেকার ব্লগারে কোন প্রকার Error পেইজ তৈরী করা যেত না। কিন্তু সম্প্রতি ব্লগারের Search Preference অপশনের মাধ্যমে এই Error পেইজ তৈরী করার সুযোগ সৃষ্টি করে দিয়েছে। পুরাতন টেমপ্লেটে যখন কোন কিছু সার্চ করে পাওয়া যেত না তখন ব্লগার ডিফল্টভাবে একটি Error পেইজ দেখাতো, যেটি ছিল আপনার কাঙ্খিত ব্লগটি থেকে সম্পূর্ণ আলাদা। কিন্তু এখন এই অপশনের মাধ্যমে আপনি ভাল এবং আধুনিক ডিজাইনের একটি Error পেজ তৈরী করে নিতে পারবেন। 404 Error পেজ সম্পর্কে যদি আপনার কোন ধারনা না থাকে তাহলে নিচের লাইনগুলি পড়ে নিতে পারেন।
তৈরী করুন ব্লগের জন্য একটি প্রফেশনাল মানের 404 Error পেইজ
404 Error পেজ কিঃ এটি হচ্ছে ওয়েভ সাইটের একটি নির্দেশনামূলক পেইজ। যখন আপনি কোন ওয়েভ সাইটে কোন প্রকার ভূল তথ্য বা লিংক দিয়ে সার্চ করবেন তখন এ পেজটি আপনাকে কিছু দিক নির্দেশনামূলক কথা জানাবে, যার মাধ্যমে আপনি হয়তো আপনার কাংখিত তথ্য বা ফলাফল পেয়ে যাবেন। মোট কথা হচ্ছে সঠিক ফলাফল পাওয়ার জন্য দিক নির্দেশনামূলক পেজ এটি।

প্রফেশনাল 404 Error পেজঃ আমি আপনাদের সাথে যে Error পেজটি শেয়ার করবো সেটি একটি প্রফেশনাল মানের 404 Error পেজ। এটিকে প্রফেশনাল বলার কারণ হচ্ছে এটি সম্পূর্ণভাবে CSS3 দিয়ে বেশ কিছু দিক নির্দেশনামূলক অপশনের মাধ্যমে ডিজাইন করা হয়েছে। আপনি ইচ্ছা করলে এই লিংটি থেকে এর একটি ডেমো দেখে আসতে পারেন।

এটিতে যা রয়েছেঃ এটিতে যে সকল ফিচার গুলো রয়েছে সেগুলি নিচে আমি পয়েন্ট আকারে দিয়ে দিলাম।
  • এটি সম্পূর্ণ পেইজ জুড়ে দেওয়া হয়েছে অর্থাৎ সাইটবারের কোন প্রকার অপশন শো করবে না। যার ফলে এটিকে আরো প্রফেশনাল দেখাবে।
  • ইউজার এর জন্য কিছু দিক নির্দেশনামূলক বার্তা দেওয়া আছে। এতে করে সে তার কাংখিত পেজটি পেয়ে যাবে।
  • পেছনের/আগের পেজে যাওয়ার জন্য JavaScript এর মাধ্যমে লিংক করে দেওয়া আছে। এর ফলে আপনার ইউজার যদি ভূল করে ব্রোকেন লিংকে প্রবেশ করে তাহলে এই অপশনের মাধ্যমে সে তার পূর্বে লিংকে ফিরে যেতে পারবে।
  • ইউজার যদি তার কাংখিত লিংক পেতে ব্যর্থ হন তাহলে সে আপনার Contact পেজের মাধ্যমে আপনকে ই-মেইলের মাধ্যমে জানাতে পারবে। এত করে যদি লিংকে কোন প্রকার ভূল থাকে তাহলে আপনি তা সংশোধন করে নিতে পারবেন।
  • হোম পেজের সাথেও লিংক করে দেওয়া আছে। 
  • একটি প্রফেশনাল মানের সার্চ বক্স যুক্ত করে দেওয়া হয়েছে, যাতে করে ইউজার ইচ্ছা করলে এই সার্চ বক্সের মাধমে তার কাংখিত পেজটি খুজে নিতে পারবে।
  • সর্বোপরি একটি অত্যাধুনকি 404 Error এর একটি লগো দেওয়া আছে। যেটি আপনার এ পেজটিকে আরও আকর্ষনীয় করে তুলবে এবং ইউজার সহজেই বুঝতে সক্ষম হবে যে, এটি একটি Error পেজের বার্তা।
কি ভাবে এটি ব্লগে যুক্ত করবেনঃ উপরের প্রফেশনাল মানের 404 Error পেজ সম্পর্কে পড়ার পর আপনারা হয়তো ভাবছেন যে, এটি ব্লগে যুক্ত করা অনেক ঝামেলার কাজ হবে। কিন্তু আমি বলছি কোন প্রকার ঝামেলাই নেই। শুধু আমার নিচের টিপস গুলি অনুসরণ করলেই খুব সহজেই এই পেজটি তৈরী করে নিতে পারবেন।
  • প্রথমে ব্লগারের লগইন করুন।
  • তার পর Settings > Search Preferences এ যান।
  • এর পর Errors and Redirections অপশনের অধীনে Custom Page Not Found এর ডান পাশে একটি Edit এর অপশন দেখতে পাবেন। এটিতে ক্লীক করলেই একটি বক্স আসবে।
  • এই বক্সটিতে নিচের কোড গুলি কপি করে পেষ্ট করুন।
<p style='line-height: 30px'><strong>
<font color='#ff0000' size='5'>Oops!</font>
<font color='#666666'>আপনি হয়তো কোন ভূল লিংকে প্রবেশ করেছেন অথবা যে পেইজটি খুজছেন সেটি এখান থেকে সরিয়ে অন্যত্র নেওয়া হয়েছে !<br/>অনুগ্রহ করে লিংকটি যাচাই করে দেখুন অথবা আমাদের অনুসরণ করুনঃ</font></strong></p>
  <ol style='line-height: 25px'>
    <li><a href='javascript:history.go(-1)'>ইচ্ছে করলে আগের পেইজে যেতে পারেন।</a></li>
    <li>সমস্যা সম্পর্কে আমাদের জানাতে পারেন<a href='Contact Page Url'>এখানে ক্লিক করে</a> (<em>এটি আমাদের আরও ভাল পরিবেশন করতে সাহায্য করবে </em>)</li>
    <li>মূল পাতা যাওয়ার জন্য<a href='Home Page Url'>এখানে ক্লিক করুন।</a><br/></li>
<li>আপনি যা খুজছেন সেটি নিচের সার্চ বক্সে খুজে দেখতে পারেন।</li>
  </ol>
<br />
 <center>
  <div id="searchbox">
   <form action="/search" autocomplete="off">
    <input id="input" name="q" type="text" size="15" placeholder="Search for...." />
    <input id="submit" type="submit" value="Search" />
   </form>
  </div>
 </center>
  <p>
    <br/>
    <br/>
    <br/></p>
<p align='center'><font size='5'>Page Not Found!</font></p>
<br /> <br /> <br />
<p align='center'> <font style='font-size:150px; font-weight:bold;' color='red'> 404 </font></p>
<style>
.status-msg-wrap {
    font-size: 100%;
    margin-left: 50px;
    position: static;
    width: 100%;
}
.status-msg-border {
    display:none
}
.status-msg-body {
    padding: none;
    position: static;
    text-align: inherit;
    width: 100%;
    z-index: auto;
}
.status-msg-wrap a {
    padding: none;
    text-decoration: inherit;
}
#sidebar-wrapper, #midsidebar-wrapper, .gapad2, .blog-pager, .post-header-line-1, .post-footer , #rsidebar-wrapper { display:none !important;}
#main-wrapper { width:98%!important;} .post { width:98%!important; }
#searchbox {
 display: block;
 clear: both;
 margin: 10px 0;
}
#searchbox #input {
 background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlSjQJDXpaG8IGZWHH1oajZkw7j7naHzhTV7ppvV8AWMzNUnrypkpGnd4j5fzEYM3T7owRye_-6y-1MZqJEQargas8PslSQ2Hu9Tkp_pOh4pv3V7h37n74IS2jPLqLDO2BFdUuE1sAFUHQ/s1600/Search.png") no-repeat scroll 8px center transparent !important;
 padding: 7px 15px 7px 35px !important;
 color: #444;
 text-decoration: none;
 width:300px;
 font-size: 12px;
 font-family: "Arial Narrow",Arial,sans-serif;
 border: 1px solid #4C9ED9;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
 -webkit-box-shadow: 1px 1px 2px #CCC inset;
 -moz-box-shadow: 1px 1px 2px #CCC inset;
 box-shadow: 1px 1px 2px #CCC inset;
}
input:focus::-webkit-input-placeholder {
    color: transparent;
}
input:focus:-moz-placeholder {
    color: transparent;
}
input:focus::-moz-placeholder {
    color: transparent;
}
#searchbox #submit {
 color: #444;
 font-weight: bold;
 text-decoration: none;
 padding: 5px 5px;
 border: 1px solid #4c9ed9;
 cursor: pointer;
 height:32px;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
 background: #fbfbfb;
 background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));
 background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
 background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
 background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBFBFB', endColorstr='#F4F4F4',GradientType=0 );
 background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
}
</style>

  • Contact Page Url এ আপনার Contact পেজের লিংক দিয়ে দিন।
  • Home Page Url এ হোম পেজের লিংক দিন।
  • সবশেষে Save Changes এ ক্লিক করুন।
কিভাবে চেক করবেনঃ সব কিছু সফলভাবে ইনস্টল করার পর আপনি হয়তো দেখতে চাইবেন আপনার 404 Error পেজটি কি রকম হয়েছে। দেখার জন্য ব্রাউজারে আপনার ব্লগের  লিংক এর পরে যে কোন ভূল তথ্য দিয়ে সার্চ করলেই আপনার 404 Error পেজটি কি রকম হয়েছে তা দেখবে পারবেন। উদাহরণ স্বরুপঃ-
http://www.yourblog.blogspot.com/blablabla
  • আজ এ পর্যন্ত, আশা করি সবাই বুঝতে পারবেন। ধন্যবাদ...

২টি মন্তব্য:

✍️ আমাদের ব্লগ
তৈরী করুন ব্লগের জন্য একটি প্রফেশনাল মানের 404 Error পেইজ

আজ আমরা ব্লগারের Search Preference নিয়ে আলোচনা করবো, যেটি ব্যবহার করে কিভাবে প্রফেশনাল মানের একটি 404 Error পেইজ তৈরী করা যায়। পেইজটি তৈরী ক...