অ্যান্ড্রয়েড ব্যসিক টিউটোরিয়াল ১ঃ প্রথম অ্যাপ্লিকেশন ডেভেলপ করুন

সবাইকে সালাম।

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

আমাদের যা যা লাগবে, তার মধ্যে আমি আমার উইন্ডোজে ADT( Android Development Tools ) ব্যবহার করি। তাই টিউটোরিয়ালগুলোর জন্য এটাই ব্যবহার করবো। আপনারা এইটা ডাউনলোড করে নিবেন।

 ADT ডাউনলোড লিঙ্ক:
windows 32: https://dl.google.com/android/adt/adt-bundle-windows-x86-20140702.zip

windows 64: https://dl.google.com/android/adt/adt-bundle-windows-x86_64-20140702.zip

বিস্তারিত পড়তে পারেন এখানেঃ  https://developer.android.com/sdk/installing/installing-adt.html

 

প্রথম এ্যাপ্লিকেশন ডেভেলপমেন্ট ওয়ার্কফ্লোঃ

স্টেপ ১ঃ  এডিটি ডাউনলোড

স্টেপ ২ঃ

এডিটি ডাউনলোডের পর তা ফোল্ডারে নিন্মরুপ দেখাবেঃ

1

 

এখান থেকে Eclipse ফোল্ডারে গিয়ে, Eclipse এ্যাপ্লিকেশনে ক্লিক করবেন।

2

 

তারপর নিচের ছবির মত ইক্লিপ্স ওপেন হবে।

3তারপর ওয়ার্কস্পেস পছন্দ করে দিলে আমাদের কোড লেখার ইনভায়রনমেন্ট তৈরী হবে। যা দেখতে নিচের ছবির মতঃ

4

Window মেনুতে ক্লিক করে আমরা Android SDK Manager এ যাবো যেখানে আমাদের কিছু আপডেট করতে হবে।

SDK manager এ গেলে তা নিচের ছবির মত দেখাবে। এখানে যেগুলা Installed দেখছেন আপনিও সেগুলা ইনিস্টল করে নিবেন। সবগুলা সিলেক্ট করে নিচে ইনিস্টল অপশন আছে, সেখানে ক্লিক করে ইনিস্টল করে নিবেন। আমি এখানে দুইটা স্ক্রিনশট নিয়ে দেখিয়ে দিলাম। এই ইনিস্টলেশানে প্রচুর ফাইল ডাউনলোড হয়, তাই রাতের বেলা ইনিস্টল দিয়ে ঘুমিয়ে পড়তে পারেন!

 

1617

স্টেপ ৩ঃ

নতুন প্রজেক্ট তৈরী করবো আমরা এখন। এক একটা প্রজেক্ট মানে এক একটা এ্যাপ্লিকেশন।

প্রথমে File এ ক্লিক করি,

তারপর New

তারপর, Android Application Project

তারপর নিচের ছবির মত আসবে,

5

 

এখানে এ্যাপ্লিকেশনার নাম দিবেন। মানে আপনার অ্যাপ্লিকেশন যে নামে ইউজাররা পাবে। যেমন, Angry Birds, Subway surfers ইত্যাদি। আমি দিলাম My App.

এখানে,

– প্যাকেজ নামটা হচ্ছে, আপনি প্লে স্টোরে যখন যান, দেখবেন প্রত্যেকটা এ্যাপ্লিকেশনের একটা করে URL আছে। সেটা এখান থেকে সেট হয়। তাই এটা ইউনিক হতে হবে।

– মিনিমাম রিকোয়ার্ড এসডিকে হচ্ছে আপনার এ্যাপ্লিকেশন ইউজার ব্যবহার করতে গেলে তার ফোনে মিনিমাম কোন অ্যান্ড্রয়েড অপারেটিং সিস্টেম থাকা লাগবে।

বাকিগুলা অপরিবর্তিত রাখুন এবং Next দিন। তারপর নিচের ছবির মত আসবে,

6

এখানে কিছু করার দরকার নাই। শুধু নেক্সট ক্লিক করুন, তারপর নিচের ছবির মত আসবে,

7

এটা গুরুত্বপুর্ন। কেননা এখান থেকে আপনি আপনার এ্যাপ্লিকেশনের আইকন সেট করে দিবেন। Browse.. নামে একটা অপশন দেখতে পাচ্ছেন। সেখানে গিয়ে আপনার ফটোশপে বানানো স্কয়ার লোগো সিলেক্ট করে দিবেন। এটা সুন্দর হওয়ার বাধ্যতামুলক। আপনার অ্যাপ্লিকেশন ইউজার যখন ফোনে ব্যবহার করবে তখন ফোনে মেনু অপশনে গেলেই এই লোগোই দেখবে। তাই এটা ঠিক হওয়া জরুরী।

আবার নেক্সট চাপুন। তারপর নিচের ছবির মত আসবে,

8

 

এখানে কিছু করার দরকার নেই। এগুলার কাজ আমরা অ্যাডভান্সে গেলে আসতে আসতে শিখবো। নেক্সট চেপে নেক্সটে যান, তারপর নিচের ছবির মত আসবে,

 

9

 

এখানে কিছু গুরুত্বপুর্ন কথা বলবো মনে রাখতে হবে আজীবন।

– অ্যাপ্লিকেশনের ভিউ তৈরী হয় XML দিয়ে। অর্থাৎ ডিজাইন। যেটা থাকে( উপরের ছবিতে খেয়াল করুন ) res > layout  ফোন্ডারে।

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

18

 

– জাভা ফাইল থাকে( নিচের ছবিতে খেয়াল করুন ) src ফোল্ডারে। এই জাভা ফাইলগুলাকে আমরা বলবো এক একটা এক্টিভিটি। আমাদের নিচের জাভা ফাইলের নাম কি বলুন তো? ( কমেন্টে বলে যাবেন! )

10

 

স্টেপ ৪ঃ

এখন উপরের ইমেজ খেয়াল করুন। সেখান থেকে activity_main.xml ফাইলে ডাবল ক্লিক করে ওপেন করুন। তারপর নিচের কোড পেস্ট করে দিন। আমি আমার যেই অ্যাপ নেইম, প্রজেক্ট নেইম দিলাম, আপনিও সেইম দিবেন না হলে এরর দিবে। এই কোডগুলা কি? কিভাবে কাজ করে তার নিয়ে আমি বিস্তারিত লিখবো। তাই এখানে বাড়ালাম না। এখানে যদি গ্রাফিকাল লেয়াউট থাকে তাহলে activity_main.xml এ ক্লিক করুন, এক্সএমএল কোড দেখতে।

 


<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.androidlime.myapp.MainActivity" >

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/hello_world" />

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/textView1"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="177dp"
        android:text="Button" />

    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_alignBottom="@+id/button1"
        android:layout_alignRight="@+id/button1"
        android:layout_marginBottom="38dp"
        android:src="@drawable/ic_launcher" />

</RelativeLayout>

 

এবার MainActivity.java ফাইলে ডাবল ক্লিক করুন, যে কোডগুলা আছে তা কেটে দিন। এবং নিচের কোডগুলা পেস্ট করুন, মনে রাখবেন আমার এ্যাপ্লিকেশন নেইম, প্যাকেজ নেইম আপনার এ্যাপ্লিকেশন নেইম, প্যাকেজ নেইমের সেইম হতে হবে। নাইলে এরর খেয়ে শহীদ হয়ে যাবেন।

 

 

 

package com.androidlime.myapp;

import android.support.v7.app.ActionBarActivity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;

public class MainActivity extends ActionBarActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        // Handle action bar item clicks here. The action bar will
        // automatically handle clicks on the Home/Up button, so long
        // as you specify a parent activity in AndroidManifest.xml.
        int id = item.getItemId();
        if (id == R.id.action_settings) {
            return true;
        }
        return super.onOptionsItemSelected(item);
    }
}

 স্টেপ ৫ঃ

AVD ( Android Virtual Device ) তৈরি করবো আমরা এখন। এটা হচ্ছে ফোনের মত। যেখানে আমরা কাজ করার সময় আমাদের এ্যাপ্লিকেশন টেস্ট করবো।

 

12

কিভাবে ক্রিয়েট করবো?

উপরের মেনু বার থেকে  Window > Android Virtual Device Manager এ ক্লিকান। তারপর, Device Definitions এ ক্লিক করুন। আমি চার ইঞ্জি WVGA by Generic সিলেকয় করলাম। তারপর Create AVD তে ক্লিক করুন,

14

 

ক্লিক করার পর নিচের ছবির মত আসবে। নিচের ছবি তে Skin এ ক্লিক করে, Skin with dynamic hardware controls এ ক্লিক করুন, তারপর ওকে ক্লিক করলে ক্রিয়েট হয়ে যাবে।

15

 

এভিডি ক্রিয়েট করা শেষ। এখন এ্যাপ্লিকেশন রান করানোর পালা।

রান করতে উপরে সবুজ প্লে এর মত একটা বাটন আছে সেখানে ক্লিক করুন। অথবা আপনার প্রজেক্টের উপর রাইট বাটন ক্লিক করুন এবং Run As.. এ গিয়ে, Run As Android Application  সিলেক্ট করে দিন। তারপর এভিডি ওপেন হবে আস্তে ধীরে, এবং আপনার অ্যাপ্লিকেশনসহ নিচের মত ওপেন হবে।

13

 

 

আজ এই পর্যন্তই। আমার ঘাড় ব্যথা হয়ে গেসে!

সাথেই থাকুন। সাবস্কাইব করে রাখতে পারেন তাহলে নতুন পোস্ট আসলে ইমেলেই পাবেন।

আর শেয়ার করতে ভুলবেন না। মনে রাখবেন, কেউ শেয়ার করেছে বলেই আপনি দেখতে পারলেন, তাহলে আপনি কেন নয়?

 

ভালো থাকুন, বাহিরে যেতে ছাতা নিয়ে যাবেন! যেই বৃষ্টি হয়! -_-

Mosharrof Rubel

আমাকে ফেসবুকে পাবেন এখানেঃ মোশাররফ রুবেল

You may also like...

Leave a Reply