Category: Android

How to use flutter software for a beginner and review

Introduction to flutter software

Flutter software is not a programming language. It is an open-source mobile application development framework created by Google. As I researched how to use flutter software for a beginner since we also need to move ahead with this growing word  It is used to develop applications for Android and iOS, as well as being the primary method of creating applications for Google Fuchsia. Since with the launch of Fuchsia OS, this software will be in trend in the future. The language used in a flutter software for programming is Dart programming language. Google flutter platform has recently released but its popularity is in height in this short period. Used by popular companies like Alibaba, App Tree.

How to use flutter software for beginner

For a beginner, flutter software will be a totally new platform because it is new in the market if you master in this with a great opportunity in the future if it comes on trend.

First, you need to install the flutter software in your system. which must be available in Google play store or outsource website like flutter download

futter software logo
flutter Beta 3 version

Second, you should learn the dart programming language in order to get into the flutter app. Because it uses Dart programming language in order to work on it. So get lessons from youtube or if you need a guidance teaching then you should try the online tutorial here we conduct the full step by step course for the beginners for the hungry talented people like you.

Third, if you have learned the language then you should learn its widget and the predefined functions of the app. A software widget is a relatively simple and easy-to-use software application or component made for one or more different software platforms. Graphical control elements (GUI “widgets”) are examples of reusable modular components that are used together to build a more complex application, allowing programmers to build user interfaces by combining simple, smaller parts.


Advantages of using flutter software

  • Extremely Fast App Development: With features like Hot-reload, code changes in Flutter software are reflected as soon as the alterations are made. The Hot-reload usually doesn’t take more than milliseconds, which helps developers to maintain high speeds and dynamicity for mobile app development. Flutter widgets assist in the creation of native interfaces within a few minutes.
  • Reactive Framework: With the reactive framework, the developers do not need to update UI contents manual and UI changes will be visible automatically.
  • Good for MVP: Flutter is good for developing MVP (Minimum Viable Product) apps due to its speedy development process and cross-platform nature. Many modern undertakings and SMEs are thus employing flutter to increase development speeds and get the maximum outputs at lower costs.
  • Access of Native Features: It is extremely simple to set-up Flutter. Developers can easily have access to native features of low-level machines when initiated. Since it is cross-platform in nature, codes can be reused in any application platform.
  • Faster Running of Applications: Flutter software provides smooth and seamless scrolling experiences while in use, without much hangs or cuts.
  • Reduced Efforts of Testing: Since Flutter apps are cross-platform, the testers do not always require to run the same set of tests on different platforms, such as iOS and Android, for the same app. Cross-platform application development enables applications to run on multiple platforms by writing the programming code only once (follows the WORA concept). This saves the time of the testing team. 

Disadvantages of flutter software

it is noted for many of its interesting features but still has the following drawbacks.

  • Web browsers do not support Flutter software : Flutter apps are supported by Android and iOS, but not by web browsers.
  • Limited Libraries: The libraries to be accessed by the mobile application developers is very limited in Flutter. Functionalities need to be developed by application developers themselves.
  • Needs Continuous Support: Since Flutter is comparatively new, it needs continuous integration support through maintenance of scripts, as CI platforms like Jenkins do not support Flutter on a large scale.

Conclusion

Flutter is a great cross-platform solution and is growing day by day in popularity. Developers are adopting flutter software for mobile development and startups are also looking to hire flutter developers for building their mobile application. It’s definitely worth looking into if you are considering to enter cross-platform development space.

If you can afford to have a native app for iOS and Android, you might wanna refrain away from going cross-platform to flutter software. It still has a long way to go in order to match the quality of a native app.

How web works?

Hello everyone, in this tutorial, we will discuss about How web works? On daily basis you may search a lot on internet. Have you ever think what actually is going on back end? Who renders us on the next page and content? So, today i answers that questions. Let’s get started!!!

How web works?

Here i will tell you the basic idea of how web works. It all happens on the client-server or we can say request/response model.

How web works
How web works

Step 1: Make Request

First of all you make an request by hitting an URL. This request can be of page, image or something else. This request contains header and body. For now just understand, here is the information of the requested page.

Suppose you enter domain like www.onlinetutorial.co.in. These names are in the human understandable format. But in actual for every domain there is an IP address of a server, where the site is located. This IP address may be like 127.0.0.12 .

Your ISP will then route the request to the particular server location, using the IP address provided

Step 2: Response from server

As we discuss above, client send request for an web page to the server. Server process the request and send response back to the browser. This response can be a single web page with multiple video and image files.

 

What is HTML ?

What is HTML?

  • HTML stands for Hyper Text Markup Language.
  • It is used to create web pages.
  • It decides the structure of the page.
  • HTML elements are the building blocks of the HTML page.
  • An HTML element consist of  a tag and text.
  • Browser does not display the HTML tags, but use them to create things like images, line-breaks, table etc.

Why it is called HTML?

As i mention above, HTML stands for Hyper Text Markup Language. Do you think why it is called HTML? Here is the reason behind it.

what is HTML
what is HTML

Hyper Text means the text inside text or linked text. With the HTML we can create an Hyper text. In simple words we can say that HTML page consist of Hyper Text, within which click on a word brings you to a new web-page.

Markup Language means to create something from an simple text. In simple words we can define markup language as, to create text more dynamic and attractive. As we know that in HTML, we write simple text and it converts it into important text(strong) or in images.

How HTML works?

As we discuss earlier, HTML is used to create web pages. Now we will discuss about what is going at back-end. Here is the process:

what is HTML
what is HTML
  • First of all user requests for an web page by hitting URL like www.onlinetutorial.co.in
  • The HTTP request will go to the server and server sends an web page as an response.
  • This response is in the form of HTML and then browser parses it and create content like images, styled-text etc.

HTML Page Structure

Here is the structure of an HTML page. HTML document has two main parts:

  1. Page Head
  2. Page Body
what is HTML
what is HTML

Page Head

  • Everything between <head> and </head> is the page head.
  • Page head contains the important information and links about the page.
  • It will not display on browser window except title.
  • Page title always shows inside the title bar of the browser.
  • A page title may contain text or fabicons.
<!DOCTYPE html>
<html>
    <head>
        <title> Title goes here </title>
    </head>
    <body>

     <!-- OTHER TAGS| Page body -->

    </body>
</html>
  • !DOCTYPE html is the document type. It means we tell browser that which type of document we are going to execute. Here the type of document is HTML5
  • <html> is the opening tag that kicks things off and tells the browser that everything between that and the </html> closing tag is an HTML document
  • <body> is an paired tag. Everything between <body> and </body> is the main content, which will show in the browser window.

Did You Know?

Here is an amazing fact about an browser, this browser can be your mobile browser or desktop browser or something else. The fact is that the browser does not understand any language except HTML, CSS and Java- Script i.e. client side languages.

And also at every website, whether it is developed using PHP, Python, Ruby or another language, HTML always exists. When there is a web-page, it means definitely here is HTML. At client side there are the following base languages:

  • HTML
  • CSS
  • Java Script

But at server side, there are many options like PHP, Python, Ruby on Rails, .NET etc.

How to work div tag?

Div Tag

The <div> tag defines a division or a section in an HTML document.

The <div> element is often used as a container for other HTML elements to style them with CSS or to perform certain tasks with JavaScript.

HTML Lists

HTML Lists

HTML lists are used to arrange data in particular order. We can order data in our web page, with various ways. According to arrangement of data, there are following three types of lists in HTML:

  1. Ordered List
  2. Un-ordered List
  3. Definition List

Let’s discuss about these type of lists

1. Un-ordered List

As the name suggests, un-ordered list is a collection of related items, which ghas no particular order. Furthermore, these lists are of different types. By default its type id disc(small round dots). But you can change its type using CSS. Here are the different types of un-ordered list:

  1. disc(default)
  2. circle
  3. square
  4. none

All the list items are enclosed in <ul> and </ul>.

Syntax

<ul style='list-style-type:none;'>
  <li>Item 1</li>
  <li>Item 1</li>
</ul>

Example

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>HTML Headings</title>
  </head>
  <body>
      <!-- DEFAULT LIST -->
      <ul>
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
      </ul>
      <!-- LIST TYPE CIRCLE -->
      <ul style='list-style-type:circle'>
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
      </ul>
      <!-- LIST TYPE SQUARE -->
      <ul style='list-style-type:square'>
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
      </ul>
      <!-- LIST TYPE NONE -->
      <ul style='list-style-type:none'>
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
      </ul>
  </body>
</html>

Output

HTML Lists
HTML Lists

 

HTML Ordered List

Unlike un-ordered list, order list contains group of similar items, which retains some particular order. Furthermore, it also has different types. By default the type of ordered list is number. But you also can change its type by using type attribute. Here are different types of lists :

  1. Number(e.g. type=’1′)
  2. Lowercase alphabets(e.g. type=’a’)
  3. Uppercase alphabets(e.g. type=’A
  4. Lowercase roman(e.g. type=’i’)
  5. Uppercase roman(e.g type=’I’)

Syntax

<ol type='<!-- ANY TYPE -->'>
    <li>List Item 1</li>
    <li>List Item 2</li>
</ol>

Example

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>HTML Lists</title>
  </head>
  <body>
      <!-- DEFAULT LIST -->
      <ol>
        <li>HTML</li>
        <li>CSS</li>
        <li>Java Script</li>
      </ol>
      <!-- LIST TYPE LOWERCASE ALPHABETS -->
      <ol type='a'>
        <li>HTML</li>
        <li>CSS</li>
        <li>Java Script</li>
      </ol>
      <!-- LIST TYPE UPPERCASE ALPHABETS -->
      <ol type='A'>
        <li>HTML</li>
        <li>CSS</li>
        <li>Java Script</li>
      </ol>
      <!-- LIST TYPE LOWERCASE ROMANS -->
      <ol type='i'>
        <li>HTML</li>
        <li>CSS</li>
        <li>Java Script</li>
      </ol>
      <!-- LIST TYPE UPPERCASE ROMANS -->
      <ol type='I'>
        <li>HTML</li>
        <li>CSS</li>
        <li>Java Script</li>
      </ol>
  </body>
</html>

Output

Html_lists
Html_lists

HTML Definition List

The definition list can be used where we need to define group of related items. Let’s take an example of book’s index page. At index page, there are group of related topics, and their further description. In this case, you can use definition list more efficiently. Here is the syntax of definition list:

Syntax

<dl>
    <dt>Definition title 1</dt>
    <dd>Definition description 1</dd>
    <dt>Definition title 2</dt>
    <dd>Definition description 2</dd>
</dl>

Example

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>HTML Lists</title>
  </head>
  <body>
      <!-- DEFINITION LIST -->
      <dl>
        <dt>HTML</dt>
        <dd>HTML stands for Hyper Text Markup Language.
          It is used for creating web pages.</dd>
        <dt>CSS</dt>
        <dd>CSS stands for Cascading Styling Sheets. 
         It is used for styling web pages.</dd>
      </dl>
  </body>
</html>

Output

HTML Lists
HTML Lists

Nested Lists

We can put a list inside another list, resulting list is called nested list. It is not an type of list, but just a methodology, to put lists together and create a new one. We can put an <ol> list inside <ul> or <dl> and vice-versa.

Example

<ul>
        <li>HTML</li>
        <li>CSS
          <ol>
            <li>Inline CSS</li>
            <li>Internal CSS</li>
            <li>External CSS</li>
          </ol>
        </li>
        <li>Java Script</li>
      </ul>

Output

HTML Lists
HTML Lists

So, it is all about HTML Lists, you can download the source code from git hub. Here is the link :

Click to Download Source Code

HTML List (Ordered List, Unordered List, Defination List)

HTML LISTS:

Lists (Ordered List, Unordered list, Defination List) are used to group together related pieces of information so they are clearly associated with each other and easy to read.

There are three types of lists:

  • UNORDERED LIST—It is used to group to set of related items in no particular order.

For example:

  • Apple
  • Mango
  • Grapes

 

  • ORDERED LIST –It is used to group a set of related items in a specific order.

For example:

  1. Apple
  2. Mango
  3. Grapes
  • DEFINITION LIST–It is a list of terms and corresponding definitions.Definitions list are typically formatted with the term on the left with the definitions following on the write on the next line.The definition text is typically indented with the respect to the term.

<!doctype html>

<html>

<head>

<title>HOME</title>

</head>

<body>

<!—

Ordered list

Unordered list

Definiton list

–>

<!a/A/i/I–>

<ol type =”a”>

<li>Mango</li>

<li>Apple</li>

<li>Hello</li>

</ol>

<!type=circle,square,none>

<ul type=”square”>

<li>Mango</li>

<li>Apple</li>

<li>Hello</li>

</ul>

<dl>

<dt>Html</dt>

<dd>Html is a programming language</dd>

</dl>

</body>

</html>

 

RESULT:

  1. Apple
  2. Mango
  3. Hello

 

  • Apple
  • Mango
  • Hello

NESTED LIST:Lists can be nested,meaning one list can be placed inside the another list.

Ex.

  • HTML
  1. Meta tags
  2. Anchor tags
  • ASP
  • Arithematic operators
  • Relational operators

For example:

<!doctype html>

<html>

<head>

<title>nested list</tilte>

</head>

<body>

<ol>

<li>carry on jatta</li>

<ul>

<li>gippy grewal</li>

<li>binnu dhillon</li>

<li>sonam</li>

<ol>

<li>harry potter</li>

<li>peeter parker</li>

</ol>

</ul>

</ol>

<hr style=”width:200px;”align=’left’/>

<marquee direction=”right”>moving text</marquee>

<marquee direction=”right” behaviour=”alternate”style=”color:red” amount=10>moving text</marquee>

<marquee on mouse:”this stop”>moving text</marquee>

<marquee on mouse:”this start”>moving text</marquee>

</body>

</html>

Content Credit : Ms. Swati

HTML Table

TABLE:The table tag defines the overall table and the table row <tr>tag is used to build each row,<td>tag is used for inserting table data,<tbody>for describing table body,<thead>for table head and <tfoot>for table foot.

NAME CLASSROLL NO.
Liza5th1
Sneha10th3
Neha8th6
NAMECLASSROLL NO.

 

For example:

<!doctype html>

<html>

<head>

<title>table</tilte>

</head>

<body>

<table border=”1” cellspacing=”10” cellpadding=”10” style”width:100;”>

<thead>

<tr>

<th>SR.NO.</th>

<th>NAME.</th>

<th>AGE</th>

<th>CLASS</th>

</tr>

</thead>

<tbody>

<tr>

<td>1</td>

<td>Baby</td>

<td>19</td>

<td>Comp.</td>

</tr>

<tr>

<td>2</td>

<td>Abhi.</td>

<td>22</td>

<td>Comp.</td>

</tr>

</tbody>

</table>

</body>

</html>

RESULT:

SR.NONAMEAGECLASS
1Baby19Comp.
2Abhi22Comp.

Content Credit : Ms. Swati

login page design using html css bootstrap

Hi everyone in this tutorial I an going to let you guys know how to create login page design using html css bootstrap.

It’s very easy with bootstrap to make this design responsive.

I have not used any javascript code in this design.

So lets start with the coding part.

Firstly create new file with the basic html layout and link bootstrap in the file.

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<metacharset="utf-8"/>
<title>Login Page</title>
<metaname="viewport"content="width=device-width, initial-scale=1.0">
<linkhref="https://fonts.googleapis.com/css?family=Montserrat"rel="stylesheet"/>
<linkrel="stylesheet"href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"/>
</head>
<body>
</body>
</html>
In the above code I have used 2 links in my coding 1st link for google fonts.
and second link to the bootstrap file.
you can check more fonts from google on this link
Let’s code our html part for making login page design
<div class="container">
<divclass="row">
<divclass="col-md-5 text-center mx-auto mt-5">
<h1class='display-4'>Welcome</h1>
<divclass="mt-3"></div>
<inputtype="text"placeholder="Username"class='divoption'/>
<inputtype="password"placeholder="Password"class="divoption"/>
<divclass="row">
<divclass="col-md-6 mt-3">
<inputtype="button"class='mybtn'value="Login"/>
</div>
<divclass="col-md-6 mt-3">
<inputtype="button"class='mybtn'value="Signup"/>
</div>
</div>
</div>
</div>
</div>
As you can see in the above code we have used bootstrap class and our own classes as well for the designing.
Here is the css code for nice login page design:
<style>
*{
font-family: 'Montserrat', sans-serif;
color:white;
}
.backgroundclass{
background:linear-gradient(#59aba2, #83eea5);
height:100vh;
}
.divoption{
width:100%;
height:40px;
border:0px;
margin-top:20px;
text-indent: 10px;
color:#59aba2;
}
.mybtn{
width:100%;
height:50px;
border:0px;
background: white;
color:#59aba2;
}
</style>
After all this You will get the output as follow:
login page design using html css bootstrap
login page design using html css bootstrap
Full Code:
Here is the full code for login page design using html css bootstrap:
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<metacharset="utf-8"/>
<title>Login Page</title>
<metaname="viewport"content="width=device-width, initial-scale=1.0">
<linkhref="https://fonts.googleapis.com/css?family=Montserrat"rel="stylesheet"/>
<linkrel="stylesheet"href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"/>
<style>
*{
font-family: 'Montserrat', sans-serif;
color:white;
}
.backgroundclass{
background:linear-gradient(#59aba2, #83eea5);
height:100vh;
}
.divoption{
width:100%;
height:40px;
border:0px;
margin-top:20px;
text-indent: 10px;
color:#59aba2;
}
.mybtn{
width:100%;
height:50px;
border:0px;
background: white;
color:#59aba2;
}
</style>
</head>
<body class='backgroundclass'>
<divclass="container">
<divclass="row">
<divclass="col-md-5 text-center mx-auto mt-5">
<h1class='display-4'>Welcome</h1>
<divclass="mt-3"></div>
<inputtype="text"placeholder="Username"class='divoption'/>
<inputtype="password"placeholder="Password"class="divoption"/>
<divclass="row">
<divclass="col-md-6 mt-3">
<inputtype="button"class='mybtn'value="Login"/>
</div>
<divclass="col-md-6 mt-3">
<inputtype="button"class='mybtn'value="Signup"/>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
 Hope you guys enjoy this tutorial stay tuned for my upcoming posts.

okhttp android studio

okhttp android studio

 

  1. Introduction:

Http is the application of modernized network. It is basically used as a platform for exchanging data  and media. At the beginning Android uses the HTTP clients HttpURLConnection and Apache HTTP Client for sending and receiving data from the web. Though both these clients requires a lot of code to be written inside the AsyncTask. okhttp android studio implement HttpURLConnection and Apache Client interfaces by working directly on the top of java Socket without worrying much about adding any extra dependencies.

  1. Add Dependencies:

You need to add the following dependency into your project:

dependencies {

 

compile ‘com.squareup.okhttp3:okhttp:3.4.1’

 

}

  1. Create Request Object :

To get access to use OkHttp you will have to create a Request object.

OkHttpClient client = new OkHttpClient();

Request request = new Request.Builder()

 

.url(“http://viralfeedonline.com/“)

.build();

  1. Make Network Calls:

4.1 Synchronous calls – This calls basically requires an AsyncTask covering around it. This takes you to for not supporting an cancelling of a request. AsyncTasks also usually leaks the Activity’s context which is never preferred.

Now for making an synchronous network call, you will have to use the Client to create a Call object and then use EXECUTE method which is shown below:

Response response = client.newCall(request).execute();

4.2 Asynchronous Calls – This is actually the suggested way because it holds native cancelling, tagging multiple requests and canceling them all with a single method call.

So Now to make an asynchronous calls, you will have to create a Call object but with the usage of enqueue method.

client.newCall(request).enqueue(new Callback() {

@Override

public void onFailure(Call call, IOException e) {

e.printStackTrace();

}

 

@Override

public void onResponse(Call call, final Response response) throws IOException {

if (!response.isSuccessful()) {

throw new IOException(“Unexpected code ” + response);

} else {

}

}

 

 

 

Clean Coding

Clean Coding

Clean Coding Tips

 

1.Variable, Functions, ParametersNaming.

2.Comments, Documenting Code.

3.Code Breakdown (also called SRP).

4.Code Readability.

1.Variable, Functions & Parameters Naming – The first thing we all face while writing code is

 

Variables, Constants, Functions. These are the very start of your code. Naming it smartly will make it much much easier for you and also for the other developer working with you or reading your code. I had witnessed many developer mostly juniors/freshers making these silly mistakes while naming variable/functions and through the time this becomes habit “A BAD HABBIT“. This small but quite important tip couldn’t be neglected.

As you write code you name your variables and functions that you like. Instead, your naming should be this much good that it reflects its purpose. Same goes for the functions. Every function name should reflect its purpose. What that function does. Because you are not the only one who will be working on this or reading your code, who knows when others will have to work on it.

 

2.Comments, Documenting Code

 

Comments are your besties. When it comes to clarification of code sometimes naming couldn’t help you out. So just write comments wherever necessary. Comments can help us explain to other people why we wrote what we wrote, and why we wrote it in that specific way. As a result, other people will not have to guess. One important point to note here while adding comments to your code is always be clear and careful where to add comment and why you need this. Irrelevant or unnecessary commenting can make your code hideous

 

instead of clean code. Try to add short comments up to 2 lines.

Returns the magnitude of a vector in three dimensions.

func magnitude3D(x: Double, y: Double, z: Double) -> Double {

return sqrt(pow(x, 2) + pow(y, 2) + pow(z, 2))}

clean coding

 

3.Code Breakdown (Single Responsibility Principle) – This tip is very important for a clean code. Lets

 

discuss what SRP means. SRP is Single Responsibility Principle means one function should perform only one task. We shouldn’t create mess that we often do. One should break functions into subs and each will have its unique responsibility.

 

I noticed many in my company doing this (Sometimes me also). We simply write down a function and starts writing code in it no matter what the name is, we just put everything in it. They just become unpredictable.

 

Example – We write code for login. We created a function for login user.

 

func LoginUser(email:String, password:String)

{

if !email.isEmpty && email.isValid{ if !password.isEmpty{

Auth.auth().loginWithEmail(email:email,

password:password)

}

}

}

See here we named function for login but we are using it for validation and login. It should only login user. We can breakdown it into two function one for validation and other for login. Code readability will improve a lot and one can predict outputs, functions become predictable.

func validateInputs(email:String, password:String)->Bool{

if email.isValid {

if password.isValid{

return true

}

else{

return false

}

else{

return false

}

}

func loginUser(){

if validInputs{

Auth.auth().loginWithEmail()

}

}

4.Code Readability

The last and the most basic tip, is to keep your code as simple and readable as possible. Don’t get fancy if you don’t have to, and don’t over-complicate problems (a common issue among software developers). By keeping it simple you can produce higher quality code, solve problems faster, work better.

#Content Credit: Chanpreet Singh

Mobile app development life cycle

Mobile app development life cycle

 

I am writing this article to share my knowledge, as we all know Mobile app development life cycle is a process of developing the apps for the mobile devices which we use in our daily life . The applications which we use in our mobiles can be pre-installed  on phones during constructing platforms, or deposited as a web applications using server-side or client-side processing to provide an application-like experience within a browser.

Now lets look at the lifecycle of the mobile app development which I am clearly going to discuss below:

Phase 1: 

 

Mobile app development life cycle

Planning and Research:

  • The 1st phase is the most important because as it captures your whole application ,you have to be clear with some of the things and should have a proper search on the particular application on which you are working upon.
  • You have to be clear with some of the questions like:
  • What is the main aim of this App?
  • Who is the target audience?
  • Which platform should you target first?
  • Is the App going to be free or paid?

mobile app development life cycle

Phase 2: Mental Prototyping:

  • Once you are done with the whole research in the phase 1, You need to do a mental prototyping of your App and draw your ideas in the form of sketches on a whiteboard.
  • This will be your visual representation of the ideas which you have collected in Phase 1 and it will help you to uncover usability issues.
  • Also take the maximum feedback from the suitable people of get an perspective about what they think about your idea.
  • Discussing with the people will help you to find many solutions.

mobile app development life cycle

 

Phase 3: Technical feasibility

  • Get technical access to public data by simply sourcing public API’s
  • determine the platform on which you are building your App for the first time.
  • App should be build according to the requirements depending upon its platform (Android/iOS) as well as its format (tablet/smartphone).

mobile app development life cycle

 

Phase 4: Architecting a prototype:

  • You must build a prototype and get the experience of the App into the users hand before starting actual implementation of the app.
  • This will help you validate the information you’ve gathered for building the application.
  • Prototype will be the base developers use to start building the actual app.
  • There are a number of tools like InVision, Justinmind, Marvel, Origami and Proto.io which allow you to create high fidelity prototypes without the need of coding.

mobile app development life cycle

 

Phase 5: Designing and development of App

  • Before moving to coding you must design your App.
  • A User Experience designer create the interaction architecture of the design elements while a User Interface designer can create the look and feel of your App.
  • It informs you on how an interaction should feel, move and flow of your app.

mobile app development life cycle

 

Phase 6: Building the App using Agile methodologies

  • Agile methodology is the best approach for mobile application development as it allows you to make changes, add new features and keep evolving with the changing trends with the world.
  • Agile method proposes incremental and iterative approach to software design.
  • The agile process is broken into individual models that designers work on.
  • The customer has early and frequent opportunities to look at the product and make decision and changes to the project.
  • Error can be fixed in the middle of the project using this methodology.

mobile app development life cycle

 

Phase 7: Testing the mobile Application

Now after building the application, the very important step which you need to do is testing of your app. The following types of testings can take place :

  • UAT Testing: UAT testing is basically defined as user acceptance testing , this is a testing where the software is tested in the real world. Here you will give the app in the hands of the user and the user will test it accordingly and check whether you meet his expected requirements.
  • Beta Testing: Beta testing is where you make your app available for the beta trial by allowing it for the open participation of people to test it.

Then the  feedback from these beta users will help you determine if your App’s functions work well in the real world environment

 

mobile app development life cycle

 

Phase 8: Launch your application

  • After successful completion of all the above mentioned steps, now is the time to launch your application by submitting it to the App stores for approval.
  • Although, every Application requires regular updates and new features to be added to it during the mobile application development lifecycle.

mobile app development life cycle

 

Protobuf java

Protobuf java

Setup to Use Android Protobuf with an Example

 

  1. Introduction

Protobuf java is basically defined as protocol buffer which is a method for calibrating structured data. It is used for storing data. Now lets illustrate the entire process of the protobuf with the help of an diagram.

Protobuf java

For giving the support of the Protobuf, the very first thing which is needed is the Proto file. Proto file describes the basic structure of the data which is to be shared, and then this file is shared between the various entities that uses it. Then later on Proto file is used to generate the Proto classes of the language like java or kotlin for android. This is done with the help of PROTOC tool. Though this is the external approach to the Android Studio where you will have to copy the generated file that to be used in your code. But you can also do this automatically with the Gradle plugin for Protobuf and your setup will be ready for the android studio.

  1. Example

Here lets have a look on the protobuf example which shows how to create an android application.

2.1 Proto File

Here in the proto file you will have to describe a class that basically contains some Strings and an Integer member variables as shown below and then this file will saved in the app-> src-> main-> proto folder of your project.

syntax = “proto3”;

package gender;

message Girl {

string name = 1;

int32 id = 2;

string address = 3

string phone = 4;

}

2.2 Dependencies

Add the following into your dependencies section :

  • classpath ‘com.google.protobuf:protobuf-gradle-plugin:0.8.3’
  • implementation ‘com.google.protobuf:protobuf-lite:3.0.0’
  • apply plugin: ‘com.google.protobuf’

 

Now for the generation of the Proto classes from the Proto File, you will have to add the following to your build.gradle:

protobuf {

protoc {

artifact = ‘com.google.protobuf:protoc:3.0.0’

}

plugins {

javalite {

artifact = ‘com.google.protobuf:protoc-gen-javalite:3.0.0’

}

}

generateProtoTasks {

all().each { task ->

task.builtins {

remove java

}

task.plugins {

javalite { }

}

}

}

}

Now by adding all these dependencies into your project your gradle setup is completely ready .

2.3 Code for the Application :

Now we will compile the code for the application for that you will have to access the Proto Java class and then we will fetch the data from the server. After fetching the data, the girl proto class is to be parsed for the input stream.

Request request = new Request.Builder().url(url).build();

Call call = okHttpClient.newCall(request);

Response response = call.execute();

if (response.isSuccessful()) {

ResponseBody responseBody = response.body();

if (responseBody != null) {

return Girl.parseFrom(responseBody.byteStream());

}

}

So now when you get the Girl object, you can easily getId(), getAddress(), getPhone(), getName() as defined in our proto file.

Hope you enjoyed this example, will post many more blogs of such kind. Thanks

—————————————————————————————————————

 

 

Please wait...

Subscribe to our newsletter

Want to be notified when our article is published? Enter your email address and name below to be the first to know.