Posted on

Android App to Monitor Hudson – Part II Configurations

Last week, demonstrated building and Android application that queried Hudson remote api through REST calls, which returned back JSON objects; in Android App to Monitor Hudson Rest API. The application was very basic, in that all that could be done was launch it and there were no configurations, or customization to make the application more user friendly. This week the application will be enhanced to use menus and add additional screens or activities to allow a user to configure the application to point to a Hudson remote server of their choosing. The application will also save the configuration state so the user doesn't have to re-enter the information after the application has shutdown.

The first step in customizing the application will be to get rid of the default android icon, and place a customised icon. Android supports .jpg, .gif, .png, and .bmp image formats. To customize the default icon, simply open the res/drawable folder and put the image in this folder. The image should be a 48x48 size .PNG image.

Posted on

Mobile Citizen Engagement App in Ionic 2: Part III

The first parts of this series were focused on building a functional mobile application using Ionic 2 framework from a starter template project. Ionic leverages SASS to make theming a mobile application across device platforms easy. In this part, we will dress up the plain template to make the final application. 

SASS is a shortened acronym for Syntactically Awesome Style Sheets. SASS is an extension to CSS so it is fully compatible with CSS. What it does is it makes managing multiple CSS files simpler as it allows imports, variables, nesting, and many other capabilities. SASS has a preprocessing that converts a .scss file to the required .css output. The great thing with Ionic's build script already includes the SAAS preprocessing.