Resources, Articles, Tricks, and Solutions in connection to Application Development

GUI testing for Web Applications and Smart devices – An overview

This article covers GUI testing which refers to testing the functions of an application that are visible to a user. In the example of a calculator application, this would include verifying that the application responds correctly to events such as clicking on the number and function buttons.
Basically, the web UI testing revolves around the graphical user interface (GUI) testing that includes testing of both the functionality and usability of the website or the web app. By specifically using web UI testing, it refers to testing GUI elements like fonts, layouts, buttons, checkboxes, images, colours, and so on.

What we check in GUI Testing?
1. Testing the size, position, height, width of the visual elements.
2. Verifying and testing the error messages are displayed or not.
3. Testing different sections of the display screen.
4. Verifying the usability of carousel arrows.
5. Checking the navigation elements at the top of the page.

GUI Testing is a software testing type that checks the Graphical User Interface of the Software.

The purpose of Graphical User Interface (GUI) Testing is to ensure the functionalities of software application work as per specifications by checking screens and controls like menus, buttons, icons, and so on.

Benefits of GUI Testing:
1. Tests the user interface from the users perspective.
2. Efficiently reduces the number of risks towards the end of development life cycle.
3. Offers developers and testers ease of use and learning.
4. Helps validate the compliance of various icons and elements with their design specifications.

Read More


Key guidelines in developing a perfect software

This article covers a few important guidelines to create perfect #software. However, these guidelines are not the end. We may develop software easily, but developing perfect software requires value-added guidelines.


How to Develop Software:

1. Determine which basic type of software development interests you. There are two basic TYPE camps of software development: Applications Development and Systems Development.


2. Teach yourself a programming language. Anyone can come up with ideas, but a developer will be able to turn those ideas into something tangible. 

Even if you only want to work on the design aspects of software, you should have some familiarity with coding and be able to create basic prototypes. 


3. Find resources to help you learn. Most bookstores have entire sections dedicated to programming books, and there are tons available on Amazon and other e-tailers. A well-written programming book will likely be the best resource you can have, and will allow you to quickly reference it while working on projects.


4. Take some classes. While you don't need a full-on degree in order to get into software development, it can't hurt to take a few classes at your local community college or learning center. This will give you the benefit of one-on-one instruction, and you will be challenged to solve problems that you likely wouldn't if you were learning on your own.


5. Work on pet projects. Before you start trying to apply your new programming skills to real-world jobs, work on some projects for yourself. Challenge yourself to solve problems using your programming language.


6. Ask questions. The internet is a fantastic way to connect with other developers. If you find yourself stumped on one of your projects, ask for help on sites such as StackOverflow.


7. Practice every day. Work on your pet projects every day, even if only for an hour. This will help you stay fresh and constantly learn new techniques. Many developers have had success learning a language by ensuring that they are exposed to it on a daily basis.

Read More


Customer Lifetime Value importance

This article will guide you on what #Customer Lifetime Value importance is and the methods calculate it.

Lifetime value is the best metric for long-term planning. It tells you how much money your #business can count on from each customer, in addition to how many months or years you can rely on it. 

Customer lifetime value is a key metric that a business can rally around to understand long-term profitability.

This approach helps organizations demonstrate the future value they can generate from their marketing initiatives.


Some actionable ways to use your customer lifetime value:

1. Benchmark Your Efforts. Let's start with the most basic way to use your CLV.

2. Decide where to Invest for CLV Growth.

3. Discover Your Most Profitable Acquisition Channel.

4. Discover Your Most Profitable Customer.

5. Handle Customer Complaints.

Read More


Email address rejected by server error in iPhone

This article will guide you on methods to resolve "Email address rejected by server" error which happens in iPhone devices mainly due to wrong mail settings. 

The recipient was rejected by the server because it does not allow relaying. Chances are you need to check your outgoing mail server settings. Go to Settings - Mail, Contacts, Calendar and tap on your email account. Tap on "Account, then go down to the "Outgoing Mail Server" section and tap on "SMTP."

If you can't send email try the following: On your iPhone or iPod Touch screen tap Settings and then Mail, Contacts, Calendars. 

Select your email account from the list, and then select it again on the next screen. 

Scroll down to the bottom and tap on the SMTP field under Outgoing Mail Server.


To fix email rejected by server:

1. Go to Settings > Mail > Accounts and select the account you are having difficulty with.

2. Click on your email address at the top of the screen.

3. Go down to the bottom of the screen where it says SMTP and click on it.

4. Select the Primary Server at the top of the screen.

Read More


Vue js authentication using vue-router

This article will guide you on how to set up Vue.js authentication using vue-router. If we couple Vue.js with vue-router, we can build high-performance applications.

To run a Vue application:

1. Open the package.json file and add the following:

[...]
"scripts": {
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
    "start": "npm run dev",
    "server": "node server/app",
    "build": "node build/build.js"
  },
[...]

2. We added the server script to help us start up the node server. Now, run the following command to start the server:

npm run server

3. Then create another terminal instance and run the Vue app like this:

npm run dev

This will build all the assets and start the application. You can open the link it shows you to see the application.

Read More


Benefits of Push notification

This article is about the different benefits of push notifications. Basically, the push #notifications benefits the #website in improving the traffic. 

Push notifications can considerably enhance your customer experience. They're less intrusive than other forms of user engagement and can effectively drive traffic and help users by providing useful information. They allow your users to keep up with the latest updates, promotions, and offers.

Read More


DNN reset host password in database

This article will guide you on how to perform DNN reset host passwords in the database easily. 

Forgot DNN host password? 

1. DNN host account is the superuser or administrator of DotNetNuke websites. 

2. If you lost host or admin password for DNN site, you do not need to create a new DNN site again unless it is new installation. 

3. By the way, it is easy to create a new one if not yet. 

4. Do not miss out this guide to set up DNN website. 

5. DNN site has the password retrieval system which can help you recover password for non-superuser accounts. 

Read More


DNN Favicon How to change

This article will guide you on steps to uploaded favicon on your Website.

Basically, we can upload favicon in DNN websites either by using the Favicon upload option or by the Enter URL Link option from Site Settings.


The favicon is an important aspect of a site's brand identity and is an important attribute which needs to be customized for marketing purposes:


1. Navigate to Admin >  Site Settings.

2. Click on the country flag icon associated with the culture (language) to be updated. This field only displays when multiple languages are enabled. See "Viewing a Site in a Secondary Language".

3. Select the Basic Settings tab and expand the Appearance section.

4. At Logo, select from these options:

5. To select an existing image, select the folder where the file is located from the Folder drop down list, begin entering the file name into the File text box and select the required file from the search results.

6. Click the Upload File button to select the file from the local computer - OR - Drag the image file from the computer and release it over the "Drop File(s) Here" window.

7. At Body Background, select a new or existing image as detailed above. The background image will be tiled on all site pages, unless the skin applied to the page includes a background image.

8. At Favicon.ico, select a new or existing image as detailed above. Only files with an *.ico extension can be selected at this field, as these are the only files supported by Internet Explorer.

Read More


Make Element Draggable in AngularJS Without Using any Module

The draggable global attribute is an enumerated attribute that indicates whether the element can be dragged, either with native browser behavior or the #HTML Drag and Drop API. #draggable can have the following values: true : the #element can be dragged. false : the element cannot be dragged.

If you apply draggable() to the modal dialog element, the browser window scroll bars will drag around the screen as you drag the modal dialog. The way to fix that is to apply draggable() to the modal-dialog class instead: $(". modal-dialog").


Read More


Laravel Contact Form to Send Emails with SendGrid

This article will guide you on steps to follow to create a #Laravel contact form to send #emails with the help of SendGrid.

#SendGrid manages all of the technical details, from scaling the infrastructure to #ISP outreach and reputation monitoring to whitelist services and real time analytics.

To integrate with SendGrid's #SMTP #API:

1. Create an API Key with at least "Mail" permissions.

2. Set the server #host in your email client or application to smtp.sendgrid.net.

3. Set your username to apikey.

4. Set your password to the API key generated in step 1.

5. Set the #port to 587.

Read More


Deploying Kohana PHP application on Debian

This article will guide you on how to deploy Kohana on #Debian. Kohana offers powerful event handling, multiple session drivers, simple database abstraction using #SQL helpers, and libraries that transparently handle external APIs. Its generous BSD license lets developers use and modify the framework to build commercial applications.

The #AppDynamics platform provides full, code-level visibility into the performance of your PHP application built on the Kohana framework. With rapid installation and the most scalable #architecture in the industry, AppDynamics solutions help you deploy your #applications more quickly and with more confidence.

Read More


How to use Ionic Auth Guard to Login and Rout to pages

This article will guide you on how to create Login and Routing to pages using #Ionic Auth Guard.
Auth-guard makes use of CanActivate interface and it checks for if the user is logged in or not. If it returns true, then the execution for the requested route will continue, and if it returns false, that the requested route will be kicked off and the default route will be shown.
To create a login page in ionic 4:
1. GETTING STARTED. After making sure you have the latest version on Ionic and Cordova installed, let's go and create an #app now and integrate authentication in it.
2. Update app/app. #module.
3. Create User Model.
4. Updating Services.
5. Add #Auth #Guard.
6. Update Pages.

Read More


Getting Device version and Device Name in Ionic

This article will guide you on how to get the Device’s version & Name in Ionic.
To Get #Device #version and Device Name in #Ionic:
1. Install cordova-plugin-device / @ionic-native/device : $ ionic #cordova plugin add cordova-plugin-device. 2. Install cordova-plugin-device-name : $ ionic cordova plugin add cordova-plugin-device-name.
3. Once the above two are installed/added to the #project, they should show up in the project's package.
In order to Display Version number on Ionic iOS and Android Builds:
i. Use the Supermodular2 starter app and set it all up and running.
ii. Use Ionic's plugin #App Version.
iii. Build the app and display the #version number.

Read More


Deploy Laravel using Nginx on Ubuntu

This guide will help to set up Laravel with #Nginx on #Ubuntu 16.04. Laravel is the most popular, free, and open-source #PHP #framework in the world, known for its expressive and elegant syntax.
To move laravel project from localhost to production server, do:
1. Zip your #laravel app files.
2. Export your app's #database then set it up on your server.
3. After you have uploaded your laravel app files, open the . env file found on the root.
4. That's it!, now check your live #site.

Read More


Custom Component and Shared Module in Ionic

This article will guide you on how to create custom components and shared modules in Ionic App.
#IonicModule is an #NgModule that #bootstraps an #Ionic #App. By passing a root component, IonicModule will make sure that all of the components, directives, and providers from the framework are imported. Any configuration for the app can be passed as the second argument to forRoot .
To create a shared module and include that new shared module as an import for the page modules that need the header:
shared.module.ts

import { NgModule } from '@angular/core';
import {CommonModule} from '@angular/common';
import {HeaderComponent} from './header/header.component';
import {IonicModule} from '@ionic/angular';

@NgModule({
    imports: [
        CommonModule,
        IonicModule
    ],
    declarations: [HeaderComponent],
    exports: [HeaderComponent]
})
export class SharedModule {}

Then for the home.module.ts
@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    IonicModule,
    SharedModule,
    RouterModule.forChild(routes),  
  ],
  declarations: [HomePage]
})
export class HomePageModule {}

Read More


Set Up Laravel Nginx and MySQL with Docker Compose

This article will guide you on how to set up #Laravel, #Nginx, and #MySQL with #Docker Compose. When using a #LEMP application stack, for example, with PHP, Nginx, MySQL and the Laravel framework, Docker can significantly streamline the setup process.
Docker Compose has further simplified the development process by allowing developers to define their #infrastructure, including application services, #networks, and volumes, in a single file. Docker Compose offers an efficient alternative to running multiple docker container create and docker container run #commands.

Read More


Hiding and Showing Tabs on certain pages in Ionic

This article will guide you on the steps to hide and show tabs on certain pages. Here, you will see that your tabs automatically hide when you navigate to a page in the hideTabBarPages array.
Ionic 4 uses Angular's #routing system, instead of the #Ionic 3 method of navController. Here, we will be leveraging this change, to allow us to pragmatically hide the tab bar on pages of our choice while leaving it visible everywhere else.

Read More


Working with Database Configuration in Laravel

This article will guide you on steps to set up #development and testing databases for Laravel by using database migrations and #seeders. Database migration means moving your data from one platform to another. To run #laravel migrations, first you have to configure your #database connection, and then you use Artisan, Laravel's #command line interface, to install the migrations table and run, revert, create. This command causes #Artisan to create a special table in your database to keep track of what #migrations have already been executed.

Read More


Adding Multi Language Translation Feature in Ionic Application using ngx-translate

This article will guide you on the steps to add a #multi-language translation feature in #Ionic Application using #NGX-translate. This is possible by first creating an ionic app. Next, installing the Language Translation library. Then adding the language files for each language. After that, we create #languageConfig service to have translation-related methods in one place. Finally, we use translation pipes to translate text into HTML pages.

Read More






Focus on your business, not your servers.

Click Here to Learn More