Archive for the ‘Web Programming’ Category

Think Less to make your site the best! – Advantages of Minimal Web Design

Wednesday, February 8th, 2012

iStock 000016664246XSmall Think Less to make your site the best! – Advantages of Minimal Web Design

With minimal web design the focus is to give more emphasis to the vital content of a web page. This approach removes unnecessary complexities from your design, letting the information you want to convey shine through to your customers or viewer base.

The average user spends a very small amount of time on any given web page. A common misconception of new website owners is that these users will be coming to their websites and spending time looking through all the pages and content. Unfortunately, instant gratification is becoming more and more of a requirement in our society, and more often than not these users are spending only a few seconds on a page and moving on just to get the specific information they are looking for. This is a very short time in which to grasp their attention. If that user is not able to quickly pinpoint the important elements, something that is very common on over designed websites, they are very likely to go try somewhere else.

The more items (content, images, banners, or otherwise) a web page contains the less impact those elements are going to have to your users. The minimal design approach removes clutter from a page, which in turn can limit distractions that will divert your users away from the items you want them to see.

A big step in moving towards this minimal approach is finding the elements on your webpage that do not need to be there, rather than trying to focus on the ones that do. Making sure there is available whitespace between elements gives those important elements a chance to shine through and grab the users’ attention. Before adding that 5th picture of your store front to your contact us page, ask yourself if it is really going to be important for the user to see that 1 picture. And then ask yourself if reducing the already existing 4 images would make you lose any value in the information that needs to be presented to your user.

Content is king with the copy of a webpage, but it is not necessary to write 1500 words for something that can just as easily be said in 150. Look through your copy and see if there’s any way you can split the content into different pages instead, or remove dialog that is being repeated throughout. Your users will thank you when they need to find out your billing address and they only have 5 minutes before they head out the door to work!

Above all else make sure whatever content you put on a webpage is of the highest quality: images, banners, copy, videos, ect. A crisp, clean, HD quality banner is going to almost always catch a user’s eye before a low quality, pixelated banner will. Copy is no exception. Misspellings, bad grammar, and run-on sentences are almost always going to divert a user’s attention away from what you want them to read in the first place.

Our Designers and Developers at Faster Solutions are trained to make the best of your website using these design techniques. Contact our offices today to speak with a Customer Service representative about a minimalistic design for your new website. Or if you already have a website, we would love to review it with you to see where we can reduce and/or restructure your already existing content. Remember… A little bit goes a LONG way!

How does the Internet work?

Thursday, November 3rd, 2011

Most people use the Internet on a daily basis. Yet very few people understand the principles of how it works. This iStock 000017122593XSmall How does the Internet work?commonly leads to confusion when a person decides they want a website.  Registrar? Nameserver? IP address? What are these things? While it can be very daunting trying to imagine how it all goes together, the truth is, fundamentally, the Internet is actually a pretty straight forward process.

Terminology

Let’s first touch on some commonly used terms.

Registrar – This is the company that manages your domain name. When you buy a domain name, it is purchased through a registrar. This company keeps your domain saved in your name for a period of time. They also manage the Nameservers that are associated with your domain.

Nameserver – This is one of the most commonly confused terms. A Nameserver is the server that manages the DNS zone file associated with your website. This is also where subdomains for your domain are created.

DNS Zone – This is a set of IP addresses associated with your domain. In the DNS zone there are various “records”. One of these records assigns an IP address to your domain. Other records define where your mail server is or where subdomains are located. If you would like to see a DNS zone, you can use the Internet to do what is called a “DNS Lookup”.

IP Address – This is a set of numbers separated by a period. Typically it looks like 123.456.78.90. This is the address of the webhost for your website. Think of it like the street address for your house.

Webhost – This is commonly in reference to the company that manages the server where your website is physically saved. The host can also represent many other parts of the process as well, such as Registrar and Mail Server, for example. There are also many different terms for the webhost (e.g. ‘host’, ‘website host’, etc). They all mean the same thing.

Mail Server – This is the computer that sends and receives email for your email account.

From Point A to Point B

To understand how the Internet works, you must understand the process. Without getting too technical, it is actually a very simple process. Again, I am not going to get super technical here; I am just going to explain the basic concepts of what is going on when you browse the Internet.

In order for a website to be displayed, the domain has to get translated into a set of numbers called an IP Address. This IP Address tells your browser where to find the website you are looking for.

Let’s say you want to visit www.fastersolutions.com. You type this into your browser and hit enter. Your request makes its way to the registrar of that domain. The registrar says, “That domain’s nameserver is ns0.fastersolutions.com.” Your request is then directed to that nameserver. The nameserver pulls up the DNS zone for that domain. This DNS zone contains many records for the domain. It finds the records associated for the website and determines the IP address for the domain, which in this case is 72.4.116.130. You are then directed to that IP address, which is assigned to a server. This server is the webhost for that domain. The webhost then takes your request for www.fastersolutions.com and returns the homepage to your browser.

If you want to try and visualize it, you can think of your browser at the start of the line. Your request moves over to the registrar. The registrar then sends your request to the nameserver. This is where things split into different directions, because the nameserver  looks at the DNS zone. The DNS zone basically points to all the different locations of the different parts of your domain. Your website is just one of them. You could also have email or subdomains, for example. But you want the website. So the nameserver checks the DNS zone and finds the IP address for the website and sends you there.  The IP address brings you to a webhost. The webhost then sends back to you the content of the website.

Sometimes many of these components are managed by a single company. Other times, each component can be a separate company in a separate location. Technically speaking, there could be separate company for the registrar, nameserver, webhost, mail server, and subdomains. That’s five different companies! For simplicity, it is best to try and have all these things managed by a single company.

In The End…

If you don’t yet quite grasp the concept of the Internet, don’t worry. It’s taken me years to fully wrap my head around it. The good news is that we’re here to help you through the confusing parts.

The Android Platform

Tuesday, June 14th, 2011

Many of you have undoubtedly heard of mobile devices running on the “Android Platform”.  But, what is it exactly, and how could you take advantage of the platform?  You may have noticed, too, that Google seems to be synonymous with this platform.  What stake could Google possibly have in pushing this platform along?  These are but a few questions we will address, today.

As a matter of fact, Android is actually owned by the Open Handset Alliance, but it is a platform championed by Google.  At Android’s core, however, it is a truly open platform that aims to separate the hardware and software that runs on it.  Technically speaking, the Android platform is not specific to cellular phones but actually have many applications.  A quick look at this Wikipedia link, outlines the plethora of devices running on this versatile platform.

Android is a comprehensive stack for mobile devices by virtue of so many devices running on it.  For a developer, Android provides all the tools and frameworks you need to quickly and easily develop mobile applications.  All you need is the SDK (Software Development Kit), you don’t even need a physical device!  Although, it never hurts to test your application on a physical device.  From a consumer standpoint, Android works out of the box and  a user can highly customize their experience.  For manufacturers, other than some hardware-specific drivers, Android provides everything else needed to make things work.  This gives manufacturers the freedom to tinker with hardware configurations like providing larger screens, more memory, adding unusual hardware like finger-print readers, and so on. No assumptions are made about the physical devices it runs on, making it truly portable.

As mentioned earlier, Android is an open-sourced platform. The entire stack, from the low-level Linux modules to the native libraries, application framework to complete applications are totally open, and licensed under business-friendly open-source licenses (Apache/MIT).

Brief history by events

Google and the Open Handset Alliance

Google’s motivations might seem a little idealistic but it appears to want to have Android running everywhere.  In doing so, it hopes to create a level playing field for mobile devices.  Ultimately, Google is a media company who’s business model is by and large based on selling advertising. The rationale is that if everyone is using Android, Google can provide additional services on it and compete fairly.   This is quite unlike most software companies who depend on revenue from licensing fees.  Granted, Google does receive some revenue from licensing certain products like Maps and Gmail, and from the Android Marketplace, but for the most part advertising is it’s bread and butter.

For Android to be larger than just Google, it’s owned by the Open Handset Alliance.  This is a non-profit group formed by mobile operators, handset manufacturers, semiconductor companies, software companies and others.  The alliance is still in it’s infancy, however it is committed to innovation and openness on the mobile platform.  The members are learning to work with each other, and Google does seem to be putting in the most muscle behind the development and advancement of the Android platform, at the moment.

Versions of Android

As of today, the most recent version of the Android Platform is 3.0. Like all software, the platform matures and improves over time.  As developers it is important to know what API (Application Programming Interface) level an application is targeting.  Ultimately, the API level will determine which devices can and cannot run your app.

As of March 15, 2011 this is the breakdown of the Android platform distribution:

 The Android Platform

Source: Platform Versions

You may notice that not many users have the latest and greatest version of the Android platform, but a substantial number of users are running on Android 2.1 and 2.2. Conversely, there are a fair number of users still using Android 1.6 and 1.5.  With this in mind, developers will most likely target their applications for version 1.6 or 2.0.  Unless, of course, you absolutely need the features in version 3.0.  It all tends to be a bit of balancing act, and like most things, compromises need to be made.

As you can see, the Android platform is designed from a very fundamental level to be a highly portable and comprehensive format for mobile devices.  Without the Android platform and a push by industry leaders, we would have been locked into the dictates of proprietary platforms forcing hardware to conform to rigid standards.  With Android, manufacturers, software developers, and content providers have the flexibility and malleability to provide exciting new services and devices.  In short, the Android platform has become an industry game-changer.

Useful Links:

AJAX: Not Just a Household Cleanser

Tuesday, March 29th, 2011

Most people in an industrialized nation have heard of Ajax. It’s a powerful household cleaner that was released in 1947 by Colgate-Palmolive. Of course, that is not the point of the article. No, the Ajax we are referring to has to do with the Internet. You may have heard the term from a friend or seen more mentions of it on the Web. You may be thinking to yourself, “I want my website built in Ajax!” Let’s dispell some misconceptions of what Ajax is and try to better explain it.

First, Ajax is actually an acronym. It stands for Asynchronous Javscript and XML (if you are trying to understand the Web, be ready for lots of acronyms). Second, Ajax isn’t a programming language, but rather programming concept. You may have heard of such programming languages as PHP or Visual Basic (does anyone remember Cobol?). Ajax is simply a way for a programmer to use their programming language.

So let’s get into it. What exactly is Ajax. Ajax is a way for a website to update certain parts of a webpage dynamically without having to reload the whole page. An example of what I mean would be when you fill out a form on a website and click the ‘submit’ button. Your browser’s little “thinking” icon spins and the webpage goes blank for a second and then displays a new page with different information. With Ajax, your screen doesn’t go blank and your browser doesn’t have to think. New information is just displayed.

Let’s take a step back for a second and set the stage. All websites consist of a server and a client. The server is the computer located somewhere in the world that has the website phsyically saved on its hard-drive. The client is your computer and your computer’s web browser. When you visit a website, the server sends the information to your computer, and then your browser displays that information in a nice, pretty fashion. When you submit a form, the information in that form is sent back to the server, the server does with that information whatever it’s supposed to do, then sends an appropriate response back to your computer. Again, your browser displays that response. Whenever your browser talks directly with a server, you get that little spinning “thinking” icon and eventually your webpage reloads with new info.

Another thing to make note of, is a server and a client each have their own web-based programming languages. Among others, a server-side programming language is Visual Basic and a client-side programming language is Javascript. Server-side languages control any information on the server and what information is sent to the client (your computer), and client-side languages can control any information on your browser and how that info is displayed.

This is all fine and dandy, but what if you are doing something like flipping through an online calendar or catalog? If your webpage had to reload every time you moved to the next month or next product, that would be a bit annoying, wouldn’t it? This is where Ajax comes in. With Ajax, you don’t need to reload the entire page; only the object you are interacting with gets updated.

So how does Ajax work? That is a big question. For the purpose of this article, I will keep it simple. Ajax is basically the use of a javascript object called “XMLHttpRequest”. This object essentially allows javascript (a client-side language) to talk with a server-side language, such as Visual Basic. The server-side language can then get whatever info is requested, such as database info, and return that to the javascript object. The javascript will then take that information and put it into some object that is currently being displayed to you. This side-steps the need of the server to reload the entire webpage.

A couple of examples of Ajax in action are:

- Spirit Mountain (http://spiritmt.com) – The Spirit Mountain Poll on the homepage.

- Cuyuna Lakes Chamber of Commerce (http://cuyunalakes.com) – The Calendar of Events on the homepage.

As I had mentioned, I want to keep this article simple. There is a lot more to Ajax than this. If you are interested in more details, there are many resources available on the Internet.

Fun Facts

- Ajax isn’t new. It’s actually been around since 1995.

- The asynchronous object (such as the XMLHttpRequest Object) was adopted by all major web browsers in 1999.

- The term ‘Ajax’ was coined in 2005.

- Gmail and Google Maps are based much on Ajax.

- Cobol was originally introduced in 1959 and is still in use today. The latest release was in 2002 and a new release is due out soon.