Tag Archives: jquery

আমার ডেভেলপ করা এন্ড্রয়েড এ্যাপ : ‘E2B Dictionary’

অনেক দিন পর ব্লগ লিখতে বসলাম। বিভিন্ন কারণে ব্লগে আর আসাই হয় না। আজ ভাবলাম একটা পোস্ট করি। কিছুদিন ধরে JavaScript, AngularJS আর Ionic নিয়ে ঘাঁটছিলাম। প্রাকটিস করতে গিয়ে কিছু প্রজেক্ট ডেভেলপ করা হয়েছে তবে সেগুলো শেয়ার করার মত নয়। হঠাৎ নেটে (GitHub) একটি ডাটাবেজ ফাইল পেলাম যেখানে প্রায় ১৭০০০+ ইংরেজি থেকে বাংলা শব্দ রয়েছে। মানে ডিকশনারি ডাটাবেজ।

অমনি ভাবলাম এটি ব্যবহার করে কাজ প্রাকটিস করা যাক। প্রাকটিস করতে গিয়ে একটি প্রজেক্ট করলাম, E2B Dictionary। এখানে শুধু ইংরেজি থেকে সার্চ করে বাংলাতে অর্থ পাওয়া যাবে। বাংলা থেকে সার্চ করা যাবে না। ফাইলটি ইউনিকোড ছিল না। তাই ভাবলাম ওটা নিয়ে পরে ভাব যাবে।

নেটে অনেক সুন্দর সুন্দর ডিকশনারি রয়েছে। আমি নিজেই ব্যবহার করি ‘বাপ্পি ভাইয়ের’ ডিকশনারিটা। কারণ ওটাতে সব থেকে বেশি শব্দ রয়েছে। তবুও এটা আমি ডেভেলপ করেছি আমার প্রাকটিসের জন্য। নিজের ডেভেলপ করা কাজ আনন্দ আলাদা। তাই ব্লগে পোস্ট করতে বসলাম। লজিক নিয়ে মূলত ঘাটা হয়েছে বেশি (প্রায় ৭ রাত) কিন্তু ডিজাইন নিয়ে তেমন কিছুই করা হয় নাই।

এখানে আইকন আর স্প্ল্যাশস্ক্রিন যা এ্যাপটি চালু হবার সময় দেখা যাবে, সেটার জন্য একটু বেশি বড় হয়ে গেছে এ্যাপটির সাইজ। ছবির কোয়ালিটি ঠিক রেখে ছবির সাইজকে ছোট করার জন্য চেষ্টা করা হয় নাই। তাহলে এ্যাপটির সাইজ হল হয়তোবা ৩ মেগা। এখন হয়েছে প্রায় ৮+ মেগা।

এখনকার সকল এ্যাপের সাইজ বড় হয়, কারণ আগে এ্যাপ থাকতো জিপ আকারে যা দেখতে ছোট মনে হতো কিন্তু ইন্সটল করার পর সেটা বড় হয়ে যেতো আর দেখা যেতো ফোন মেমোরিতে স্পেস কম। তখন অনেকেই বুঝত না এতো ছোট সাইজের এ্যাপ ইন্সটল করার পরেও কেন ফোন মেমোরি বেশি দখল হল। তাই এখন থেকে আন-জিপ আকারেই এ্যাপ বিল্ড করা হয়ে থাকে।  যা হোক। অনেক বক বক করে করা হল। এখন মুল কাজে আসি।

 

E2B Dictionary1.0

Splashscreen of E2B Dictionary1.0

 

E2B Dictionary1.0

Icon of E2B Dictionary1.0

 

ডাউনলোড লিংক : https://drive.google.com/open?id=0BwasIjIvyEvZYkM0UFZMYV81UEk   এই লিংকটিতে গিয়ে APK ফাইলটি ডাউনলোড করে নিন। অথবা,

সরাসরি : https://drive.google.com/open?id=0BwasIjIvyEvZN1NhRHlJODMyeGM এই লিংকটিতে গিয়ে ডাউনলোড করে নিন।

Dropbox : https://www.dropbox.com/sh/zg6jkwjnnnmweie/AACfSDqePH3FKUtOCJ9ZPw19a?dl=0

আমার Samsung Galaxy J7 এ এটা পুরোদমে চলে, কোন প্রকারের সমস্যা ছাড়াই। যদিও এটা Android 6 ব্যবহার করে করা হয়েছিল তবুও অন্যান্য ভার্সনেও চলবে আশা করা যায়।

এ্যাপটি সম্পর্কে সংক্ষিপ্ত বর্ণনা :
১. এ্যাপটি একটি ইংলিশ থেকে বাংলা ডিকশনারী এ্যাপ।
২. টাইপ করে সার্চে ক্লিক করলেই রেজাল্ট পাওয়া যাবে।
৩. টাইপ করার সময়েই সেই টাইপ করা শব্দটির সাথে মিল রেখে সাজেশান চলে আসবে আর সাজেশান থেকে কোন একটি শব্দ সেলেক্ট করলেই রেজাল্ট পাওয়া যাবে।
৪. খুবই ফাস্ট কাজ করে। (টেস্ট করা হয়েছে Samsung Galaxy J7 with Android version 6)
৫. বাংলা সুতন্নী ফন্ট এমবেড করা হয়েছে, কারন ডাটাবেজ ফইলটি ইউনিকোড নয়। কারও ফোনে বাংলা সাপোর্ট না করলেও বাংলা দেখা যাবে।
৬. প্রায় ১৭০০০+ এর বেশি শব্দ রয়েছে।
৫. ডাটাবেজ ফাইলটি গিটহাব সাইট থেকে সংগ্রহ করা হয়েছে। ডাটাবেজ ফাইলে হয়তোবা কিছু শব্দ সমস্যা থাকতে পারে (যদিও আমি জানি না)।
৬. মোট কত শব্দ রয়েছে এবং ভার্সন কত এই সকল তথ্য ডাইনামিক্যালী আসবে।
৭. ওরিয়েন্টেড সাপোর্টে-ড এবং যে কোন ডিভাইসেই ঠিক মত কাজ করবে।
৮. ফাইলটির সাইজ ৮.৫৬ মেগাবাইট এবং ইনস্টল করার পর ৯.৩০ মেগাবাইট স্পেস নিয়েছে ।

(অনেক এ্যাপই আছে ডাউনলোড করার সময় ২০ মেগা থাকে আর ইনস্টল করার পর ৭৮ মেগা হয়ে যায়। আমি এই পোস্টটি করার সময় একটি ডিকশনারী এ্যাপ টেস্ট করে দেখলাম ৫০+ মেগাবাইট বেড়ে গিয়েছিল।)

গিটহাবকে ধন্যবাদ ডাটাবেজ ফাইলটির জন্য।

jQuery কি এবং এই জেকোয়ারী ব্যবহার করে Searchable List-Based এপ্লিকেশান ডেভেলপ করা

জেকোয়ারী (jQuery) কি ?

মূলত জোকোয়ারী (jQuery) একটি ফ্রেমওয়ার্ক যা ওয়েব-ডেভেলপিং এর ব্যবহার করা হয়ে থাকে। এটি একটি জাভাস্ক্রিপ্ট লাইব্রেরী, যাতে অনেক ফিচার রয়েছে যা দিয়ে খুবই দ্রুত কাজ সম্পন্ন করা যায়। এটি ছোট এবং অনেক দ্রুত কাজ করে। বড় বড় কাজ যার জন্য অনেক কোড লেখার প্রয়োজন পরে তা অনায়াসেই অল্প কিছু কোড ব্যবহার করেই সম্পন্ন করা যায় এই জেকোয়ারী ব্যবহার করার মাধ্যমে।

এটি HTML ডকুমেন্টের সাথে যুক্ত হয়ে কাজ করে থাকে। এটি ইভেন্ট হেল্ডেলিং থেকে শুরু করে এনিমেশনের কাজ এবং এজ্যাক্স এর সাথে একত্রে  কাজ করতে পারে খুবই সহজে।

জেকোয়ারী সেই সব প্রোগ্রামারদের কাজের ধারার পরিবর্তন এনেছে যারা জাভাস্ক্রিপ্ট নিয়ে কাজ করে।

 jQuery লাইব্রেরীতে যে সকল ফিচার রয়েছে সেগুলো হচ্ছে :

.    HTML/DOM manipulation;
.    CSS manipulation;
.    HTML even methods;
.    Effects and animation;
.    Ajax;
.    Utilites.
এছাড়াও জেকোয়ারীর প্লাগইনস রয়েছে যা দিয়েই অনায়াসেই অন্যান্য কাজও করতে সক্ষম এটি।

jQuery ব্যবহার করে list-based এপ্লিকেশন ডেভেলপ করা

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

 প্রথমেই দেখা নেয়া যাক আউটপুট কেমন হবে :

jQeury ListView

ফাইনাল রেজাল্ট

‘এলিনের ভুবন’ ব্লগ এখন এন্ড্রয়েড ফোনে …

অনেক দিন ধরে কোন পোস্ট করা হয় নি ব্যস্ততার বেড়াজালে আটকে ছিলাম এবং এখনও অনেকটা রয়েছি। আজ ভাবলাম একটি পোস্ট করি কারণ আমার এই ব্লগের জন্য কোন মতে একটি এন্ড্রয়েড এপ্লিকেশনডেভেলপ করেছি সেটা ব্লগে যুক্ত করে দেবো।

Splash Screen

Splash Screen

এ্যাপটা সাদামাটা। এই এ্যাপটির মুল উদ্দেশ্য ছিল এন্ড্রয়েড ডেভেলপমেন্ট এর চর্চা করা। তাই অনেক কিছুতেই তেমন দৃষ্টি দেয়া হয়নি। শুধুমাত্র আমার ব্লগের সর্বশেষ আটটি পোস্টের আংশিক দেখাবে এবং সেই সাথে টুকটাক বাড়তি কিছু। যেমন : আমার সাথে কন্টাক্ট করা (ফোনের কল, এসএমএস বা ইমেইলে)। সেখানে ট্যাব করলেই সরাসরি সেই ফোন থেকেই কলটি আমার কাছে চলে আসবে নাম্বার টাইপ করতে হবে না। এসএমএস এবং ইমেইলও একই ভাবে। যদিও ইমেইল পার্টটিতে সমস্যা রয়েছে যা নিয়ে এখন বসতে ইচ্ছে করছে না।