Archive for June, 2010

Could your business be more efficient if you could automate repetitive tasks? By creating a web application, you will streamline communication between your business and your customers or your employees. Moving internal business paperwork and processes online gives your employees the freedom to work from anywhere and gives you the information from them instantly. Web applications for client communication provide instant feedback, allow collaboration on transactions, and reduce your time dealing with each interaction.

Without being well-versed in the process of creating a new interactive web site or web-based application, getting started planning your site is difficult. By understanding what goes into the creation of a dynamic web site, it will become easier and faster to explain the structure of your web site in a way that will make sense to everybody involved from the designers to the developers to the end users.

How do I get started planning?

At the core of any good application is a solid structure. The structure defines all of the objects that are represented on your website and how they fit together. Objects on your website will mirror the objects in your business. As web designers, we have knowledge of how to create a useful website but not how to run your business. This model should contain all of the objects necessary for somebody to understand what your application does and the connections between the objects should provide how the application is intended to work.

The model for your application can be compared to the framing of a house. A solid frame is required before continuing construction of the house. Likewise, it can be difficult to go back and move a wall after the next steps in the construction have taken place.

By working out this model before construction begins, you can be assured that your application contains everything that you need to communicate with your users. A solid plan guarantees that neither party needs to waste time re-clarifying the purpose of the site or a specific function further down the road.

Creating a Model

Objects represented in your database can be anything that you need to keep track of. In this article, we are going to be creating a model for an application to keep track of employee hours and their activities for a delivery company. We will be keeping track of office locations, managers, delivery drivers, their time sheets and their meetings. Each type of object can contain properties for storing more information about the object. The time sheet object may contain properties to further describe the hours worked for a day such as whether or not to deduct time for a lunch break or if these hours are to be counted as overtime.

In the diagram above, objects are arranged vertically with parent objects on top of child objects: a user will belong to a user type and a location, a time sheet will belong to a user, locations contain links to both users and finances, etc.

Web applications can allow for multiple types of users to log in and be presented with different information. In our time sheet application we have two types of users: managers and administrators. Managers have the ability to log in and input time sheet hours and meeting information for their own employees. Administrators can log in to add and delete managers, their delivery drivers, and even their time sheets. Planning out these roles on the website are crucial to ensuring proper function and security.

When moving to the next steps in the design of your web site it is useful to provide estimated quantities of each object type. By giving this information up front we are able to make the best decisions on how to design the software and what type of hardware to run it on. Some quantities are easy to figure out; in our time sheet application, each employee will have one time sheet for each day. Some quantities are specific to your operation; an application to keep track of fifteen employees will require less resources than fifteen thousand employees.

Connections

Just knowing what objects are going to be represented in an application is not enough. In order to figure out how the application is going to work, the connections between them must also be defined. There are three types of connections between objects that are useful in planning your model.

One to Many

The most common type of link between objects is when an object contains links to many of another type of object. In our time sheet application, each user will have many time sheets and each time sheet will belong to an user.

One to One

The simplest type of connection is when one object of a particular type is linked directly to one object of another type. If we wanted to keep track of which computer an employee is currently using we would need to state each employee has one computer. The computer object would contain properties such as the computer’s serial number and what programs are installed on it.

With connections that define when one object has only one of another object it may seem like it would make sense to combine object types. It may seem possible in the above example to keep track of the employee’s computer serial number as simply a property of the employee. This type of oversimplification can cause problems when you want to keep more information about the computer or transfer the computer to another employee.

Many to Many

The last type of connection is when one type of object is connected to connected to another type of object many times in both directions. If we wanted to expand our time sheet application to include projects we would need to link an employee to many projects and each project to many employees.

What does a completed application look like?

Designing the site is where our expertise in user interface design can transform your model into a streamlined interaction for your users. After agreeing upon a solid model that covers all aspects of the site it is possible to make useful interfaces for your users to access your website. Your model will allow us to allow us to find the easiest way to transmit the necessary information from your website to your users and from your users back to your website.

We can begin calculating the best ways for people to interact with your web site in order to minimize input errors and eliminate confusion about how to use the site. Most websites begin with some wire frame diagrams on paper to decide what information is going to be on each page.

Our work designing the website is similar to figuring out the interior design of a house. The framing to define the rooms is necessary before deciding where to put the furniture in a room. Multiple kitchen arrangements will yield varied productivity just as different user interfaces will effect how successful users are at interacting with your website.

Our recently completed Creation Gardens Web Application provides their business with a tool for automating their time sheet system in a simple, usable interface.

After the interface has been decided upon, the site can be completed. Similar to the plumbing and electrical systems of a house, the back end system is the last step to creating a fully functioning website.

Chico, CA – RoadRoyalty.com is a competitive social networking website that offers premiere design and is every auto enthusiasts dream. This site gives auto enthusiasts a chance to show off their vehicles whether it is a sports car, suv, hot rod, motorcycle, you name it, you can show it off at RoadRoyalty.com. This allows people the opportunity to showcase the time and effort spent on their vehicle with hopes of others thinking that they have one mean street machine. The site also offers a classified page were members can sell their vehicles, a forum were members can ask questions and discuss topics, and a blog to keep up with the latest developments. Everybody can access this website, all you have to do is sign up and create a free profile account which gives you access to add up to three vehicles to your showroom.

What is Road Royalty?

Road Royalty is for custom auto enthusiasts who want to see how their vehicle compares against other vehicles by car combat or just by people rating their vehicle profile. The Rating is calculated based on a real time scale out of hundred, hundred being the best possible rating and zero being the worst. You can increase your rating standings by car combat challenges made, car combat wins and higher vehicle profile rating, you can decrease your rating standing by car combat challenges declined, car combat losses and low vehicle profile rating. The better your Road Royalty rating is, the better your chances of getting your vehicle on the front page of the website, featuring in the “Best of Show” and you can even be in second or third place, which is right beside “Best of Show.”

Car Combat performance is important component of your Road Royalty rating. If you think that your ride is better than someone else’s you have the opportunity to prove it. You can prove it by challenging a member to a car combat by clicking on the “Challenge to Car Combat” in the member’s vehicle profile. The member will get a notification on their account and if they accept then the car combat begins. Once the two-day (48hrs) car combat begins, every member can vote which profile they like best. The more car combat wins, the better your Road Royalty rating will be.

Your vehicle profile is based off a 1-10 scale which other members can view your profile and rate your vehicles, which can make your overall rating either go up or down, so you want to make your profile look as best as possible. You can share all the specific details of your ride-the horsepower, engine, specs, suspension specifics, paint job, stereo details and anything else you wish to share. You can include hundreds of pictures and videos, write your own vehicle blog, view your guestbook comments, become friends with other members and more. Your vehicle profile plays a big role in your Road Royalty rating standings, so make sure to make yours stand out from the rest.

Road Royalty is setting a new standard for the online auto community. http://roadroyalty.com

Chico Web Design had the pleasure of working with Woof & Poof to craft their first boutique website for the Chico, California based company.  Woof & Poof has been in business for over thirty-five years designing and sewing beautifully handmade decorations and gifts. The Woof & Poof website features technology such as a HTML 4.0 code base, a store locator using Google’s API to make it easy for customers to locate retail outlets, and a JavaScript slideshow to catalog seasonal products that were handcrafted by their family of seamstresses and finishers.

Woof & Poof offers many products such as Christmas ornaments, holiday decorations, aprons, hot water bottles, clothes, blankets, bibs, collectible bean bags, music dolls, and can be found in over 600 retailers across the country; like Nordstroms. Woof & Poof’s merchandise is handcrafted and made with exceptional quality and care for everyone to enjoy and love. Our boutique style website designed for Woof & Poof was made to catch the attention of their online visitors and to showcase their designs, handcrafted decorations, and gifts that they offer.

Chico Web Design contributed to Woof & Poof’s brand design with our very own label design, which were used on aprons for Nordstroms retail stores. We have the brand design, print experience, and creative expertise to make your product stand out from the rest.

Chico Web Design crafts eye catching product labels that will make customers turn their heads and come back for more. Chico Web Design also worked with their local boutique, Made in Chico, to design new product labels  for a variety of food packaging.  Items such as almonds, jam, and candy all received a new fresh look and packaged feel. Chico Web Design worked closely with Made in Chico to create the label design that best fit their product merchandise.