August 30: Template: Giu Tre Em

Giu Tre Em (Baby Sitting)

1. Here are the banners:
a) Giu Tre moi lua tuoi
b) San soc can than
c) Nha sach, rong, thoang mat
d) Nhan dua don chu dao

2. Replace “Serious Renters only” banner with 2 banners:

“Tan Tam, Vui Ve” or
“Nha rong, co san choi”

3. Keep ‘Xin Lien Lac” section

4. The box about “describe your property” will be changed to a new box:

Location
Salary
More Information

5. Four (4) color squares

a) Co License/ Thoung tre/Can Than
c) Giu Tre Ngay-Dem/ Moi Lua tuoi
d) Don tre di hoc/ giu sao gio hoc
f) Nha rong/ co san choi/

6. “We accept Housing” banner will be replaced by

e) Nhan Calwork

Do not forget default “Leave blank” banner

7. The photos will be the photos of a house.

8 . Sidebar will be the same with LOCATION

If Trang can create all these Vietnamese banners then putting together the Template is not difficult.

August 29: Wanted Nail technicians

The title in English of the category is:

Wanted Nail Technicians

You can change the Home Page now

August 26: Can Tho Nail

Let’s think about a new Template

Can Tho Nail

Chu muon chau su dung layout ma minh da lam xong.
Chu da goi cho chau “Can Tho Nail” bang tieng Viet dang trong bao o ben My (2 jpeg of classifieds)

Minh muon dung nhung technique ma dung luc truoc. De user chon bang click vao “change”. Minh muon lam cong viec cua nguoi user de dang.

1. Here are the banners:
a) Can tho nail gap
b) Tiem nail sang trong can nguoi
c) Co it nhat 2 nam Kinh Ngiem
d) Tiem vung My trang, Gia cao

2. Replace “Serious Renters only” banner with 2 banners:

“Can nguoi tan tam” or
“Khong Kinh Nghiem mien goi”

3. Keep ‘Xin Lien Lac” section

4. The box about “describe your property” will be changed to a new box:

Location
Salary
More Information

5. Four (4) color squares

a) Kinh Ngiem Bot/ K. N. Bot + Gel + Wax/Khong can K.N./Gioi Pink & White
c) Full Time/ Part Time/Lam cuoi tuan
d) Gioi Anh Ngu / Khong can Anh Ngu
f) Nhieu Tip / khu My trang nhieu

6. “We accept Housing” banner will be replaced by

e) Bao Luong, Hon thi chia

Do not forget default “Leave blank” banner

7. The photos will be the photos of the Nail Salon.

8 . Sidebar will be the same with LOCATION

If Trang can create all these Vietnamese banners then putting together the Template is not difficult.

August 25: HFR project is almost done

Read your email because I have sent you a few additional photos for you to update the Template. Once you do that, the project is DONE

What do I need next?

1. Room to Share Template(phong cho thue)
Template is exactly like that of House for Rent.
Only one minor change: Remove “House for Rent” banner and replace with “Room for Share” banner. Since you have received a Photoshop file (with font) from us, you can ask Trang to change.

So create this Template for me and put it on the Web

August 24: Clean up HFR

1. I really like the way you implement the web page when the user khong co dien REFERENCES, thi chau create final product khong co section REFERENCES.
I like it because I do not have to tell you and you know what to do. We work well together.

2a. The finished product should say ” Description of the property” (chi tiet ve nha) even though the original template says “Describe your property” (ta nha cua ban). the 2 texts are different.

2b. Cai hinh ben sidebar co the replace by a color box ( BLUE) , size as big as the default word San Jose, Ca (now, the photo is smaller than the default word).
Color BOX is more generic than a photo. User looks at photo and think that this house has a big garden.

Final product will have the blue Box with the word LOCATION inside and the City name underneath it (like what you have now. When user sees the box, he knows that this is the location box

2c. Chu muon sua lai default text tren sidebar:
“Address, City, State”
Chu giai thich tai sao minh sua doi “default text o phan 3.

3. Chau work voi Tam ve phan Map link. Neu nguoi chu nha viet ro ra dia chi (address, city, state) thi Google se ve ban do co Red Balloon khi click vao Gmap link, ban khongchi ve ban do ma thoi. This is why we encourage the owner to fill out the full address.

4. Gmap link to be replaced by “Click here for MAP”

5. “We accept Housing” box has a change button. The other box will be White background with Grey border and the text inside is “(Blank)” (co nghia la chu nha khong nhan Housing)

6. One of the Top banners spell sai
Wrong: Convienent Location
Correct: Convenient Location

August 23: Improved layout for “HFR”

Lien,

We have finally agreed to this new layout (Attached Word document). We also send more banners and graphics for you to use by email

On the side bar, there is a BOX that user is allowed to enter his LOACTION such as San Jose, Milpitas…. where the house is located.
Khi ma co nhieu POSTING, nguoi doc muon biet lien dia chi o dau (SJ, Miplitas de ho de kiem nha)

If you have qustion, skype me

August 17: Classified “House for Rent”

Lien,

Chu co goi qua email cho Chau:

a) Hinh cua BS. Use my version

b) Hinh cua may box (1,2,3,4 bed)…… Use my version

c) Go to see :

http://houserental.blogsome.com

You will see that the color box are aligned now. That is the DEFAULT mode:
3 bed, 2bath, 2 car , no bonus

If people click on change, they can change each box

d) The files that you receive contain some US maps. Ignore them for now

I hope you will have time to work on this today

Good luck

August 15: Continue on “Classified” House For Rent

The TEMPLATE “House For Rent” will become the example for many other templates inside the CLASSIFIED category.

It is important that we create a nice layout that we can use for other templates

a) Ask Trang to come up with 3 more BS (Banner Signs) besides House for Rent so that user can choose.

The BS for this category has a different size than Obituary or Store shops because thay are only letters.
So please use the size of “House for Rent”

sample 1: Good School District (truong hoc tot: nguoi muon nha ben My muon biet la khu o co truong hoc tot cho con cua minh)

sample 2: Close to Major Shops (gan tiem nhieu, nhut la nguoi lon tuoi, muon song gan shoppig khoi phai lai xe)

sample 3: Quiet Neighbourhood

b) Ask Trang to come up with graphics for

number of bedrooms 2,3,4,5 (same color, different number inside the box)
number of bathroms 1,2,3
number of car garage 1,2

Align these graphics on 1 line instead of putting them as a Square in my demo
(de tat ca may cai box thang hang tren Page)

August 12: test upload photo

These are the results of my test:

a) When I load photos of:

JPEG, 640x480 and 115K bytes

WORK

The system works well including after SUBMIT. The loading is fast because of the small 100K size

b) After that I test photos of:

JPEG, 800 x 600, 250K bytes

WORK

The system works at a slower speed (expected because the file is twice as big)

c) After that I test photos of:

JPEG, 1024 x 768, 280K bytes

WORK

The system works at a slower speed (expected because the file is big)

The conclusion is that as long as the size is in the 200KB it does not matter what the original diemnsions are:

640x480 to 1024x768

However when I load size of 2MB, the system does not like it. So for now, we do not worry too much about big sizes. I will continue to look for install software that will do the conversion from Megabytes of data to Kilobytes of data

Test Upload file

Dear chu Le,
You can test here: http://67.114.144.253/blog/webapp/upload/upload_alert.php
I will try to fix error you meet. Hope all things to be better.
LienNguyen.

August 11: Take a look at ImageMagick

at the small photo size (100K to 250K) the application works very well becaus eof the fast upload time.
Anything above 1M-2M, the application times out because the photo is 10x bigger.

So it seems that we need to resize all photos to 100K-250K first before we apply them to your upload application.

We are looking for a RESIZING application. In the past (2001), Sang Tao has looked at a package called Image Magick which has many good utilities (on the fly resizing)

Here is the link

With the right utility from the Image Magick collection of graphics tools, you can automatically resize all photos to 640 x 480 first before you use them to upload to the boxes.

I hope this will help.

For now, just continue the application assuming that the photos will be small. I consider that to be well done. When you have time, study IMagick

August 10: Picture sizes

Most digital cameras allow the user to take photos in these sizes (in pixels)

640 x 480
1600 x 1200 (most popular size)
2048 x 1536
2592 x 1944

It is the ratio between the width and height which is important when resizing

You can see that it is almost 4:3 ratio

So if you do not want the photo to stretch, when you design the BOX,

always make the BOX 4:3

width of box is 4
height of box is 3.

It will work all the times.

I hope this help. Try this immediately and you will see.

August 8: To do list

Hi Lien,

Thanks for the great work last week. I am pleased with the CP Application linking with the Map feature.

This is the list to do for this week:

a) You need to link the 2 store blogs of La Fashion and P Beauty and Nail Salon to the Business Listings web site BL

Here is the link to BL

b) On the side bar of the CP blog, you need to put a title named “MAP” o tren text:
“People who send conlolences…….listed here”

c) Remove the “photo uploading” feature that you are working on inside the CP.
I prefer that we do this project as a separate project. I explain below

—————————————————————————————–

Project: Upload photo from user’s hard disk to a pre-determined layout of a template

a) We will start with a layout. In this case it is a layout of 3 pictures.

b) The “Browse” and “Upload” buttons are shown as in example. Study how I put the Browse window insid ethe box to tell the user that this photo will go inside that box

August 5: Create a few blogs of shops

Lien,

Last month, you worked with Trang to create Banner Sign (BS) and Store Sign (SS) for a few shops.

I need a few SS and Blogs. So let’s go to our BL site to explain what I want: (Khanh is in charge of this site)

Click Here

The category in this Listing is Beauty and Nail Salon.

It has 1 blog already called Annie Hair and Nail. When user clicks on Photo Link (PL is 75 x 75 icon), it goes to the blog.

There are 2 generic PL that do not have a Generic blog yet, so we want to create them.

a) First we have to have Trang create the SS for

La Fashion Hair and Nail

la name of shop

Perm- Manicure- Pedicure

de o duoi name

P Hair and Nail Salon
Perm- Manicure- Pedicure

b) I will send you two (2) Banner Signs (BS ) + 1 Side Bar photo by email

c) Using a) and b) , you can create for Chu 2 “generic” blogs.
A generic blog co BS, SS, SB (side bar), rat don giang.

Chu list an example of a generic shop

d) Sao khi co xong Blogs, Chau link vao 2 sites tren Business Listing.

Thanks

August 4: Name of cities of France and Australia

To help you and Tam with the Country and cities for your project, here is my list:

1. FRANCE

Paris
Bordeaux
Lille
Lyon
Marseilles
Nice

2. AUSTRALIA

Adelaine
Brisbane
Cantebury
Melbourne
Perth
Sydney

Chu de nghi Tam tiem latitude va longitute cua may thanh pho do truoc.

Software cua chau phai smart:

a) Allow people to enter a “new city” that is not on your list. Minh dau co biet nguoi Viet o dau khap xua Phap va Uc, minh phai cho ho option do, neu khong ho khong thay ten city cua ho, ho se khong sai service cua minh.

b) Take that “new city” and always use: Paris lat/lon for France and Sydney lat/lon for Australia for that city.

Vi ban do tuong doi nho, khi minh de Marker len Paris hay Sydney, hy vong la khong co xa thanh pho that su cua nguoi user.

In the future, we will fix this feature

August 3rd: How to use Ajax to load photos from user’s hard drive

Lien,

I have this idea that I would like for you to try.

So far we have use AJAX to “Dynamically” change photo and text very well such as in CP and PU. The photos are always stored on OUR server.

I would like

A. to allow USER to load Photos from their HARD DRIVE in an AJAX environment, meaning that the Web page does not get refreshed when the photo is loaded.

B. The Photo is RESIZED to fit exactly inside a BOX that we design. We choose the layout of the Boxes

Take a look here

You see that there are 3 photos of different shapes in the posting.

Thi Du:

Minh tao cai blog nay, minh se co 3 blank BOX co size khach nhau. Minh de user load hinh tu hard drive cua ho. User click vao BOX 1 roi load hinh vao BOX 1 do, hinh se tu dong resize de fit voi cai BOX 1.

Nhu vay, sau 3 lan load, thi cai blog se co 3 hinh ma layout tuong tu nhu minh muon.

Minh design Template, minh muon control cai layout cho dep. User khoi co phai resize ma cung khoi phai layout may hinh.