android

Android View Lifecycle

[ In Android, View class is the base for widgets, which are used to create interactive UI components(Button, TextView, EditText,…). Android’s widgets are sufficient for the needs of most apps. However, there may be occasions on which you feel the need to implement a custom user interface for a

angular

Beauty Me Case Study: Front-end with AngularJS

When it comes to implement front-end, you may be familiar with HTML, CSS or Javascript. Then you may hear about some Javascript library and framework like Backbone.js, or jQuery and AngularJS. We decide to pick one to work with, and lead to result is a front-end with AngularJS. Technology

ios

Create a Tag Flow Layout with UICollectionView

Before we start, take a look at what we will implement: a tag flow layout. [ A flow layout, is a layout which element is placed horizontally until the row is full, then next element will be placed in start of next row. This layout is quite suitable for app which

aws

Getting Started with Cloud Computing

You hear much about cloud, and cloud computing? In recent years, it becomes a trend for every tech-based company. In practice, many startups are beginning right from cloud, instead of renting a server and open it to public. Cloud Computing provides a simple way to access servers, storage, databases and

sso

What Is Single Sign On and How To Implement?

We are just asked the above question. And while we have done many projects with single-sign-on, we realized that we can not answer this question clearly. So we want to make a research to have single-sign-on can be correctly defined, understood and implemented. What Is Single-Sign-On? According to Wikipedia: Single

app review

Kind of Social Video - Flipagram

First of all, I believe that you guys are quite familiar with social network, with photos and videos, do you? Me too. That’s why when I come to Flipagram, I feel a little strange. Flipagram is an social apps to Bring Moments to Life! Create short photo video stories

android

Add Facebook Login into Your App

Prerequisites * Android Studio * Facebook account Register your app When use Facebook SDK, we must be registered with Facebook. Login to Facebook Developers Website and create a new app. Select Android on pop-up. Enter name for your new app and select “Create New Facebook App Id” Enter “Package Name” and “Default

Android Custom View: Extend Standard Views

The Android platform provides an extensive range of user interface items that are sufficient for the needs of most apps. However, there may be occasions on which you feel the need to implement a custom user interface for a project you are working on. 13555 seconds = 3 hours, 46 minutes

android

Medium - A New Way To Read

I like to read. Yes, I have used Flipboard for a while, until I realize that I hate the flip animation with too much unnecessary animation and elements of Flipboard, I just want to read, and content is more important with me than those fancy flip effects. And you know,

animation

Animated Splash Screen for iOS App

We are preparing for a brand new app, for both Android & iOS about music. While our designer is busy with Sketch and Photoshop, we want to test some experiments for make our app more interesting, and we come to an idea, just like this: [ This a splash screen for

ios

Parallax Effect for iOS with Swift (Part 2)

In previous post, we had used only storyboard to achieve parallax effect for cover photo just like Twitter app. In this post, we are going to implement the similar effect, but for an image inside scrollview, so when we scroll, the image is scrolled but with parallax effect inside, just

android

Extract Prominent Colors For Android Apps With Palette

In Android Lollipop, a new defining features of material design is the use of color. You can get more infomation in here: Material Design Color In this article, I will show you how to extract prominent colors from a bitmap for customizing UI. I also have a sample for you

docker

Production-Ready Environment with Docker

In previous posts, we knew about what is Docker and how it work. Today, we will take a look at a production-ready environment with Docker. Content of the workflow is refered from this blog post. Components Engine Docker Engine can run on Windows, Linux and OS X, but Docker is

android

Android TextWatcher Example

In latest project, I need to implement an EditText to user enter facebook URL. I had two ideas for this. [ Idea 1: A prefix added to EditText and user can’t delete the prefix. They can just add more in EditText to complete URL. Idea 2: We have 2 components,

android

Get SHA1 Code for Implementing Google Maps on Android

If you intend implement Google Maps on Android application, you must have a Google Maps API key. To use the Google Maps Android API v2, you must register your app project on the Google Developers Console and get a Google API key which you can add to your app. Arcording

cloud

Advanced Usecase with Docker: Connecting Containers

Docker is a great tool, and seems simple to use when we just begin with an application, packaged inside a container. However, in real usecase, there will be so many complex situations, where a solution need multiple contains linking together, especially with multi-tiers application. Today we will go deeply about

android

Retrieve SupportMapFragment on Android Fragment

Today, I implement a sample to show Google Maps on Android Fragment. I have an activity (MainActivity), two fragments contained in MainActivity is InfoFragment and MapFragment. In MapFragment, I attach a MapFragment in layout file. <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:

android

Implement ListViewHeader with Parallax Scrolling

I talked about parallax scrolling, today I will write a post about example to demonstrate ListView Header with parallax effect. [ If you want to make ListViewHeader with parallax effect, you can follow step by step: 1. Create a new android project 2. Declare MainActivity layout file (activity_main.xml) 3.

android

GridView Transition for Image Gallery

Today, I make an example to show how to create transition for GridView image gallery on Android. In the example, I create custom bitmap scale when gridview item clicked by user. Let’s take a look at the following demo of GridView transition: Main flow of this example: * When GridView’

android

Parallax Scrolling On Android

Recently, I had used an Android app and I can see it was so beautiful. The app have many visual effects, one of them is parallax scrolling. I decide to spend time for studying about this effect, and how can it affect the overall user experience of a mobile app.

cloud

Basic Usecase with Docker: Simple PHP Application

In last post with introduction about Docker, we had an overview about what is Docker and how it works. Today we will start with a very basic usecase with Docker, try to wrap an existing simple PHP application into a container, publish it to public repository and pull to use

ios

Parallax Effect for iOS with Swift

For an app which has many long content, mixed with images and text, scrolling through a long and static content is boring. We can make scrolling more interesting by implement parallax effect for images inside. There are many way to create parallax. Let’s take a look at Twitter for

android

Beauty Me Case Study: RESTful Web Service

In previous post, we had defined how data is organized and flow. We understand that, data will be queried from MySQL server, then exposed through web-service for CMS and mobile app to use. Today we are going to define web-service tier, make sure every APIs are available for both end-users

aws

Docker - A New Way for Shipping Application

Today many organizations and companies are following new trend in tech: Cloud. Everything, from database, to application server, or web service are totally based on cloud. Companies can host their own system on their infrastructure, or called on-premises system, but maintaining a hardware and software in parallel is a very

ios

Using Video as Background for iOS App

You should be familiar with many login screen in mobile app, boring username field, then a password field, and some button for log user in, forgot password, etc. You can try add some icons, fancy color or animation to field with validation and social login, but you should admit that