Tag Archives: software development

PROBESEVEN - A Layman’s Application Design Approach

A Layman’s Application Design Approach – Today, using a cloud or mobile application is common for both personal and business needs. Millions of people experience at least a new application every day. An application has to well balance the business process as well as a personal comfort. Either for a business or personal, the app should behave to boost one’s productivity. Here are a few tips to start working out your next app, the creative process of designing it.

02-creativeprocess-

Architecting an application is a craft. Do not hurry.

Being experienced in 20+ Custom Software Developments, UIs, Web Experiences, I will say, architecting an application and it’s UI is a craft. Many growing architects and UI designers have the habit of jumping into the design tools right from the first hour. Remember you need not to hurry in this process. You are a creator and creating something here. Give  enough time to get inspired, visualize the experience. Simply put, just start dreaming about the application for few days and start slowly.

You will have to iterate for the features as the customers start using your app. It doesn’t need to be painful either. Believe me, it’s to become your art when you approach architecting the process step by step.

Get Inspired.

Get out of your design tools, you don’t need them at this stage. Inspiration has to be the first step before you dive into your application development. Watch some videos, interactive presentations of richly designed applications and websites. Watch how the big people have created their applications. It’s wise to get into some applications of your choice and use them.

Take screenshots, printouts of your inspiration features and stick to your walls. Use a mind mapping tool or a visual mood board to capture your thoughts when you plan your travel.

Wear the user’s shoes.

Get as a consumer and wear their shoes. You need not sound as a top engineer when you design your application, rather, think of creating the app for your own business. Sit beside your customer team and observe their everyday difficulties.

You will understand there are different views from the bottom level to top level team. It’s quite natural not a single app interface can fit all the user levels. Don’t get panic to think of different screen layouts for different user levels. Everyone will want their desks to be theirs. Think of the app to look minimal and interact with the user. Choose a style that is clean and simple to understand for the users.

Think the experience. Go Lazy.

Being a lazy boy can help you in bringing your application well as a productivity tool. You have to understand the customer business and think of doing stuff with minimal efforts.

A tip to help you could be, go beyond the app screens in your monitor and think about integrating some real world systems. You cannot re-model your customer`s workflow and don`t try doing it. Just try finding a solution to everyday problems and reduce your user`s time. Listen to your customers – you will get clues on what to integrate.

Carry a Sketchpad. Organize and Deliver to your team.

This one I thought to add for new bees. Do Paper Work before going digital. Carrying a sketchpad will be handy when you want to try an idea besides your coffee outside. Roughly draw the screens and annotate with notes.

When going with digital creations index the screens with chapter numbers and proper titles. Illustrate those important interactions and user flows of your application. Showcase your thoughts and get feedbacks from your team. Deliver the files to your team with clear instructions.

Ready to Iterate.

As like a famous saying, Rome was not built in a day, your application will take its time to be really useful to your customer. Keep the foundation stuff to build on and watch your releases being used by your customers. Ask them feedbacks and prioritize them. Plan your release and do not hesitate to expand your application as a platform for your customer’s everyday routine.

 

Believing this as a good stuff, if this post has invoked some different thoughts in you. Good luck with your next application design!

At PROBESEVEN, we do modern, scalable, custom software developments for common businesses to enterprises in the globe. We are located in India at Coimbatore, Bangalore, Tirupur and USA

PROBESEVEN - A Know-how: Yii 2.0 Installation via Composer

Yii_v3

Hello world of developers! This is something which I worked on recently and would say that it is apt for the requirements.
As most of you would be aware of Yii framework that is suitable for large and complicated web applications, what I wish to add is that it is amazing when I explored that it provides swift development and provides great flexibility with its component based design and up gradation.

Stating this have documented the step by step process of Yii 2.0 Installation via Composer.

Let’s get Started:

It a cool thing to download the composer if you do not possess.

Download composer from getcomposer.org.

On Linux and Mac OS X:  You’ll need to run the following commands.

curl -sS https://getcomposer.org/installer | php mv composer.phar /usr/local/bin/composer

On Windows: You’ll need to download and run Composer-Setup.exe.

To check the composer installation, Type the below code in command prompt

composer

composer

Once you complete the Composer installation, you can head towards the installation of Yii by running the following commands under a Web-accessible folder:

You could compose this package in the system.

composer global require “fxp/composer-asset-plugin:1.0.0-beta2″

installation

On completion of the composer, You may proceed to:

Type your Github auth access token key during the installation

Set your xampp htdocs directory in the cmd prompt.

Install Advanced Application Template

You have few options to have installed the advanced application template. Look further for the one that is suitable.

To install “advanced application template”, use the following code

composer create-project yiisoft/yii2-app-advanced projAdvanced 2.0.0-beta   

To obtain the up to date amendment:

php composer.phar create-project –prefer-dist –stability=dev yiisoft/yii2-app-advanced /path/to/yii-application

  To obtain the latest and stable during installation:

composer create-project –prefer-dist –stability=dev yiisoft/yii2-app-advanced your_project_name

Install Basic Application Template

Here again you possess few options to install the basic application template, you could pick an option given below.

To install “basic application template”, use the following code

composer create-project yiisoft/yii2-app-basic projBasic 2.0.0-beta  (or)

composer create-project –prefer-dist yiisoft/yii2-app-basic basic_project_name  (or)

composer create-project –prefer-dist –stability=dev yiisoft/yii2-app-basic basic_project_name

Folder Structure of Advanced Application Template

After installed ‘advanced application template’, you will get the application like below folder structure.

yii2 advanced application folder structure:

folder_structure

Root directory contains a set of folder.

  • Backend – backend web application.
  • Common – files common to all applications.
  • Console – console application.
  • Environments – environment config.
  • Frontend – frontend web application.

.gitignore contains a list of directories ignored by git version system. Also note that if you need something never get to your source, instead do the following. 

code repository, add it here.

composer.json – Composer config described in detail below.

init – initialization script described in “Composer config described in detail below”.

init.bat – This is same for Windows.

LICENSE.md – license info. You could put your project license here. Especially when you are opensourcing.

README.md – This is the basic info about installing template. Consider replacing it with information about your project and its installation.

requirements.php – This is the Yii requirements checker.

yii – Well, this is console application bootstrap.

yii.bat – Note this is same for Windows.

Getting Started

After you install the application, you have to conduct the following steps to initialize the installed application. You only need to do these once for all.

Yii2 Installation Via Composer

development_environment

Run command init to initialize the application with a specific environment.

Create a new database and adjust the components[‘db’] configuration in common/config/main-local.php accordingly.

Apply migrations with console command yii migrate. This will create tables needed for the application to work.

Set document roots of your Web server.

Bravo! don’t you think you are successful. Work on it more and get experience the convenience. Also, do not forget to share a comment to state the benefits. 

 

PROBESEVEN - Meteor-The Better & Swift Platform for Application Development

Meteor_1Something new and innovative is getting closer to use, when you think of writing software it is something that is time consuming and gets tedious. Now is something that provides a great platform and creates application in a new way. This collaborative solution solves most of the problems experienced in development and here is a quick overview of this interesting platform.

Meteor is a new platform for writing fast and efficient web and mobile applications. Meteor uses Pure Javascript for writing applications. Both client and server runs in Javascript.

In Meteor we can integrate database using javascript. It allows to insert,  update, delete any works done in Javascript. Mongo DB is been pre-packaged in Meteor. Hence it eliminates the need to configure the database, every time we create an all-new project the database will be configured automatically.

The great aspect is that it supports MongoDB and SQL Server.

The interesting fact is that Meteor is a cross platform, which we can download and install based on the operating system.

I now show you how to use in windows platform. Click on & Open this link below to download and install,

https://install.meteor.com/windows

 Steps to create a new project:

You may follow the following steps in order to create a new project.

Open your Command Prompt (CLI) and follow these instructions.

Create Meteor appname

This line will create a folder appname with four meteor files

                                Appname.html  

                                Appname.js

                                Appname.css

                                .meteor (internal meteror file)

There is no need to specify the <link> <script> tag in html file.

In order To excute the project type this

Cd appname             (enter the project directory)

Meteor

Open your browser  type http://localhost:3000  now our app is running

1 (2)

In html file there are three important sections
  1. Head – head section of the html sent to the client.
  2. Body – regular html file
  3. Template – meteor template file. It can be used by body section and js file.

Appname.js

2Our html file compiled by Meteor spacebar compiler. We can add the logic inside the double curly braces ex: {{#each}}    {{#if}}

Meteor pass data’s to Javascript using helpers. in css file we customize whatever we want.

Finally it deploys our app in free meteor Server.

Meteor provides free testing Server.

Go to our project directory in command prompt and type

meteor deploy myappname.meteor.com

This line will  asks username and password for meteor developer account. Create account in meteor website  https://www.meteor.com/

After submitting username and password our app published in Meteor server. URL will be generated in our app name. View your app.

http://myappname.meteor.com

iStock_000029524850_LargeMore to know:

·         Meteor main features are that you could save the file in browser the page will automatically refreshed.

  • Meteor uses the Node.js and also we integrate Angular js 
  • Jquery, Angular Js these are Client side Javascript Frameworks but meteor is an client and server side framework.
  • One language and one Platform to write web and mobile Application.
  • Meteor Provides Native look and feel to Mobile Applications.
  • Now Meteor supports Android and IOS Applications. We build these apps we need to install the SDK’s for both Platforms

As a developer I am delighted to use this platform which gives a complete framework for the web and mobile applications. Modern interface and quick coding keeps me on great experience which makes me call it a top-tiered one and the best part is it is available as OPEN SOURCE.