আসসালামু আলাইকুম………..

এই টিউটোরিয়ালটিতে আমি একটি সিম্পল এপপ্স বানানো শিখাবো। তো চলেন দেরি না করে শুরু করি।

বিসমিল্লাহির রহমানির রহিম

পুর্বের টিউটোরিয়াল সমূহ:-

  1. এন্ড্রোইড Apps বানান HTML এবং CSS দিয়ে – [01]
  2. এন্ড্রোইড Apps বানান HTML এবং CSS দিয়ে – [02]

তো প্রথমে আপনারা PhoneGap সফটওয়্যারটি ওপেন করুন। তারপর বামদিকের + Icon’নে ক্লিক করুন। এখানথেকে Create new PhoneGap Project সিলেক্ট করুন।

আমরা যেহেতো একদম নতুন তাই Hello World  Template সিলেক্ট করে Next এ ক্লিক করুন| পরবর্তীতে ইনশা আল্লাহ আমরা অন্য টেমপ্লেট গুলো নিয়ে কাজ করবো।

এখন Local path:  এ আপনি কোন ফোল্ডার এ প্রজেক্টটি রাখতে চান সেই ফোল্ডার Choose button’এ ক্লিক করে সিলেক্ট করুন। Name এর জায়গাই আপনার এপপ্স এর নাম দিন। Id এর জায়গাই আপনার এপপ্স এর ID দিন| তারপর Create Project এ ক্লিক করুন।

Example:

Local path: c:\users\yourpcname\….

Name: trickbd

ID: com.trickbd.app (ID অবশ্যই তিনটি অংশ থাকতে হবে। এবং প্রত্যেকটি অংশ ডট চিহ্ন ধারা বিভক্ত থাকতে হবে। )

এখন নিচের মতো আসলে মনে করবেন আপনার প্রজেক্টটি বানানো সম্পর্ন হয়ে গেছে। বোটম এর দিকে খেয়াল করলে দেখবেন সবুজ কালারে Sever is running… লিখা আছে, তারমানে আপনার server টি লাইভ আছে। আপনি চাইলে https://192…. লিংকটিতে ক্লিক করে আপনার এপপ্সটি দেখতে পারেন। এবার PhoneGap software’টি মিনিমাইজ করে আপনার টেক্সট এডিটরটি ওপেন করুন।

টেক্সট এডিটরটি open করে আপনার প্রজেক্ট ফোল্ডারটি টেক্সট এডিটরে ওপেন করুন। তারপর appname>www>index.html ফাইলটি ওপেন করুন(এটাই হলো মাই ফাইল)।

এবার এখান থেকে আপনি যা যা এডিট করতে চান করতে থাকুন। তবে এর উপরের Note টি ডিলিট করিয়েন না।

কিভাবে Apps’টির Android view’তে Design দেখবেন ?

প্রথমে PhoneGap এর লিংক টিতে ক্লিক করুন। দেখবেন ওই এপপ্সটি আপনার এ Default browser e ওপেন হয়েছে। এখান থেকে মাউসের রাইট বাটন এ ক্লিক করে ইন্সপেক্ট সিলেক্ট করুন।

এবার নিচের দিকে দেখুন মোবাইল ভিউ এর একটি অপসন আছে ঐটাতে ক্লিক করুন। আমি আগে থেকেই মোবাইল ভিউ করে রাখছি তাই আমার ক্ষেত্রে মোবাইল ভিউ দেখাচ্ছে।

আজকে এই পর্যন্তই।

আমার টিউটোরিয়াল গুলো ভালো লাগলে আমার ফেইসবুক পেজ এ লাইক দিয়ে আমাকে সাপোর্ট করতে পারেন|কোনো সমস্যা থাকলে আমাকে পেজ এ মেসেজ করতে পারেন।

Facebook Page: Azizur Rahaman

ভালো থাকবেন সুস্থ থাকবেন ট্রিকবিডির সাথেই থাকবেন। আল্লাহ হাফেজ।

SPECIAL CONTENT:

আত্নীয়ের সাথে ভালো ব্যবহার করলে রিযিক ও হায়াত বৃদ্ধি পায়।
(সহীহ বুখারীঃ ৫৫৫৯,৫৫৬০)

4 thoughts on "এন্ড্রোইড Apps বানান HTML এবং CSS দিয়ে – [03] [It’s ARA]"

  1. Dip Dey - Walker #57341 Dip Dey - Walker #57341 Contributor says:
    Hmm Good Akn .Jar App এর টুটো দেন মানে পোস্ট দেন
    1. Md Azizur Rahaman Md Azizur Rahaman Contributor Post Creator says:
      বুঝলাম না?
  2. Alamgir Islam ✅ Alamgir Islam ✅ Contributor says:
    Good Post . Apni Chaliye Jan Pase aci Brothers
    1. Md Azizur Rahaman Md Azizur Rahaman Contributor Post Creator says:
      ধন্যবাদ

Leave a Reply