Translator Plug-in & Widget

Week 3:

I'm looking into some translator plug-ins or widgets. Here are two of the widgets that seemed to be working:

1. Translate This Button
2. Google Translate

Problems:
The problem is that I just want a translator for Chinese only. I don't want that much of other languages. The main languages needed are English and Chinese. Also, when I tested out the translator, it translates the whole page. Some words and the name of the company came out not translated at all.

This week, I am gathering photos for the construction company... it seems that the work portfolio only has about 12 photos of completed projects. I wanted to make a background  and slider images with a construction photo, so I need more photos for this project. I might take some photos of tools or go around looking for construction sites.

Competitor Analysis

Week 2:
Today, we went over our technical specs. Mine was mostly about web specs instead, but still had a few good technical spec terms. This week, I am going to add competitor research analysis to make the documentation better. I will add wireframes and sketches soon.. I have an idea to add in the certification license logo on the website.

Construction Company #1: Bob Price Jr Builder Inc.
www.bobpricejrbuilderinc.net

Pros:

• Sliding content pages
• Images have lightbox to view full site
• Looks professional
• Filter showcase of work in images 

Cons:

• Too much content on one page. Might load slow for other users.
• Listed as member of a association, but no logo to certify that. A logo/image would be better.
  

Technical Brief

Senior Project Development; Spring 2012

Website: FUGNAI CONSTRUCTION CORP

Overview

The goal is to provide an informational website displaying work/portfolio of a small construction company based in San Francisco. The website is also to let the small company well known to the outside world and to clients. There are many non-English speaking clients, so adding a translating or multiple languages plug-in would be good for the website. To certify that the company is genuine, the license board logo and number will be included in the website. Since the photos of the construction work will be added into the website, the photos belong to the owner. We do not want other users to take of save these photos; therefore, a no right-clicking script will be added to the site.

Technology Specification

According to W3Schools’ browser statistics, most users use a lot of Firefox and Chrome browsers. There are still people using Internet Explorer. Very less users use Safari and Opera. The latest statistics calculated for February 2012 was 36.6% for Firefox and 36.3% for Chrome. Explorer was at 19.5%. As each year computer monitors are getting wider, common screen resolutions are about 1024 x 768 pixels for minimum size. Also, nowadays a lot of users use their mobile phones for browsing through the internet. iPhones, Androids, and other smartphones are very common for some users that might use to view websites. Everyone has different connection speed and processing speed. So, the web pages should be kept to under a small amount of loading a lot of things.

• 1024 x 768 pixels minimum screen resolution
• Common browsers/platforms: Firefox, Chrome, Internet Explorer, Safari
• Operating Systems: Mac, Windows 
• Mobile platforms: iPhone, Android, and other smartphones
• Language/Translation plug-in
• Cascading style sheets
• No right-clicking script
• PHP form

List of Pages

• Home
• About
• Services
• Work
• Contact

Sitemap

Week 4: Sitemap

This is the constructed sitemap for Coffee Delight website. I will have the home page that can navigate to other pages. A total of 6 main navigation. 1 sub-navigation on the about page.

Here is a list of the pages:

1. Home
2. Coffee (Menu)
3. About Us
• History & Goals
• What is organic coffee? What is Fair Trade Coffee?
4. Location/Directions
5. Reviews (users review the coffee shop; maybe live comments)
6. Contact Us

Sitemap

Competitor Analysis

Week 3: Competitor Analysis

This week we research two competitors and analyze their websites. Also, think about 2 things that we can use to make it better than the competitors.

--

Competitor #1: Honey Honey Café and Crepery

http://www.honeyhoneycafeandcrepery.com/index.html

Honey Honey Café and Crepery is a small restaurant that offers café and crepery. So not only does it has coffee, they also offer other food such as sandwiches, crepes, salad, soup, burgers, and more. The website has good design layout.

Advantages:

• There is a review section where customers would rate the restaurant.
• Rounded corners for images. Used a good amount of images for some pages.
• Nice design layout overall for the website.
• Great menu page, organized neatly in columns and in headers.
• Some images are small, but enlarged when hover over.
• Great resources on directions page.
• Good navigation