Hi Lien va Tam,

1. CAO PHO:

Khi gia dinh use CP service , ho se dien ten cua city nguoi mat (thi du: San Jose California).
Nhu vay, application cua minh biet dia chi cua nguoi mat va se de marker CP o tren Map tai thanh pho do.

2. PHAN UU:

Section Phan Uu. hom nay khong co form de nguoi PU cho biet minh ten gi va o dau (thi du: Hue, Vietnam) ?

Nhu vay, Lien phai “add” them 1 form o duoi cai text box: Viet loi chia buon

Ten
Thanh Pho (City) ….. Country…..

Khi application cua minh co het information do, thi minh co the add marker PU tren ban do. Nhu vay, rat de cho Tam tao Map.

3. NEW FEATURE ON SIDEBAR

Nhu vay, Lien se add feature Map , phia duoi cua About and Condolence section.

Map
People who send conmdolence are listed here ( thanh pho cua nguoi Phan Uu se duoc listed o day)

Khi user click vao day, a new window se open up voi markers.

Chu nghi nhu vay la Lien complete duoc cai cycle

(CP—–>PU—–>PU) + new feature : Map (Tam)

Let’s implement the whole cycle from the begining:

First Create a CP, then a PU is created, then another PU is created and the Map is updated at each step.

At the begining, the Map has only the CP marker but when a PU is added, a new marker is added to the Map…..

It will be a good project when it is finished

Chu Le

Lien,

Sometimes I just post 1 posting in 1 blog instead of 2 blogs: 1 for you and 1 for Tam. Since it is the same project. I wil post in 1 blog. I will continue to post in this blog but it will be about current project not common project. The URL is:

http://cinevie1.blogsome.com

where both you and Tam will get the instruction for the new project. So bookmark that site

Chu Le

Hi

I would like to do a project that makes use of experience from both Lien and Tam.

Lien has done a lot of work with blogging, especially in creating obituary and condolence messages

Tam has done a lot of work on Maps, Markers and links on Side Panel.

The project that I have in mind will make use of both of your expertise is this:

a) Nhieu gia dinh nguoi Viet o khap noi tren the gioi

b) Khi 1 nguoi mat o ben My (thi du), gia dinh ben My dang Cao Pho

c) Ba con hay ban be cua nguoi mat o khap the gioi (Vietnam, Uc Chau….) khi hay tin, co the goi Phan Uu qua Internet

d) Project ma Chu muon lam se ap dung maps de show location cua nguoi goi Cao Pho va location cua nguoi goi Phan Uu.

Format se la 2M1P.
2M se la Map US va Map VN de side by side. (khong co magnification)

Tren Map va Side Panel se co Cao Pho va Phan Uu Marker.

Khi User click vao Marker, thi ho se den trang Cap Pho/Phan Uu ma Lien create.

e) Minh phai nho Trang create Cao Pho va Phan Uu (Wreath) markers.

f) Tren Side Panel, Marker Phan Uu la Photo cua Wreath (check with Lien, she understands)
ma User chon. Cai Wreath photo ma minh dung phai bang size cua may marker nha hang, jeweler…..

g) Chu de nghi 2 chau ngoi lai de bang ve project nay cho ro.

Thi Du:

Nguoi mat se o SJ USA. chau dat ten, phap danh, huong tho……
Nhung Nguoi Phan Uu thi co tu Vietnam (HCM city, Hue, Can Tho)
2 Chau phai come up with ten cua users cho giong thiet. User co the la em, me, ba con, ban be…….
Moi detail thi 2 chau tu lo het, khi thiet can thi moi hoi Chu.

Chi tiet gom co:

ten tuoi cua moi nguoi
text trong Info Window de identify nguoi Phan Uu o dau
que quan cua user

Good luck

Chu Le

Lien,

Khi minh dien CP xong, thi WordPress goi cai notification message nhu sau day:

Your new WordPress blog has been successfully set up at:

http://210.245.39.44/blog/webapp/products/obituary134/wp-admin

You can log in to the administrator account with the following information:

Username: admin
Password: 12345

We hope you enjoy your new weblog. Thanks!

–The WordPress Team
http://wordpress.org/

Chu nho Chau sua lai message bang tieng Viet ma khong co chu WordPress trong do. Come up with a nice message like this:

You have recently filled out a Condolence.

You can preview it at this location

http:……………………

We share in the loss of your loved one.

Thank you for using our Service

Lien,

I tested both applications. I like this design much better now. It is getting better and better. The sign up procedure is easy. I think the user will have no problem when we deploy the SERVICE

Chu Le

PS: Change button is good.

Use the word “Change” (mot minh) is enough, the User will understand. There is no need to have Change banner or Change text…..It will be even simpler

——————————————————————————————————————————

chu Le,

I will intall web application on new server tomorrow. This morning, please test on St server although speed is slow.
http://210.245.39.44/blog/
you can test both obituary and condolence, have some small improvements which make all things become better.

LienNguyen

Lien,

Chu thay cai interface ro rang hon. Chu de nghi combine 2 steps:

a) Dien informatin cua Cao Pho
b) Sign in email va password 2nd page

vao thanh 1 step. co nghia la de email va password ngay o trong trang web Cao Pho, o phia duoi sau khi user dien info thi ho se dien luon email…..

Tuan nay Chau lam xong Cao Pho va Phan Uu + Move all blogs to new server

Thanks

Chu Le

chu Le,
In this weekend, you can test our web application here:
http://210.245.39.44/blog/
click “Creat an obituary template” on sidebar then,
I am still implementing. This means it isnot a final product.
Next week, I will move the blog to new server.
LienNguyen

Lien,

Chu thay demo cua Chau design roi, exactly nhung gi chu muon. Your example is well designed. It has the following features:

a) cho user sua bat cu text nao tren web page. Edit a small section at a time (sua mot chut va tung khu nho tren page)

b) update rat la nhanh.

c) hay nhat la user thay final product trong luc lam editing

d) Chu thay cai feature ‘Change banner” rat la hay. Khi user doi banner, this chi co hinh la update ma thoi, con nguyen page does not get refreshed. Excellent implementation. I love this feature.

Khi user click “Submit” button, thi trang tuong tu (equivalent) cua web page nay se duoc implement duoi dang BLOG

Chau co the finish cai Cao Pho design nay sau khi add the “Submit” button and the final Blog.

In the body text of Cao Pho, at the end of the text, add in big letter (smaller size than the letter of Cao Pho) a link named:

“Click de Phan Uu”

(this is the same as having create a condolence in the sidebar except that it is in BIG letter and inside the body text so that user can see the feature)

Then when people click on it, a Phan Uu web page will come up.

You will design this new Condolence page in the same way as you designed the Obituary page (i.e. use AJAX for text and photo)

Chu Le

chu Le,
Thanks for your compliment. Now you can test “dynamic form”, please click here http://210.245.39.44/blog/webapp/option/obituary/obituary.php
and reply to me your idea then.
LienNguyen
Lien,

Congratulations! This is a big achievement. I saw your input in the DAT example.
I am confident that you will find a way to implement my new idea even though it is a challenge. My new idea is:

a) A web Page with photos already in there

b) Web Page has a few text locations for people to enter their ” information”
system “update” immediately

c) User click on “Submit” button at the bottom and we create the new Page for the User.

So it should not be that difficult. It may be difficult if you do a),b),c) inside Blogsome?
As a web application, it is easy (to understand the concept first)

Chu Le

chu Le,
I finished to fix error of Vietnamese in dynamic tables. Now I am thinking about your ideas relate to obituary template. My first feeling is having a big change.
LienNguyen

I hope these tutorials will help you understand AJAX better

Link

Lien,

Bay gio thi Chau hieu ro Dynamic Tables.

Chu muon apply knowledge do vao 1 thi du ve Cao Pho. This is my idea.

Go to here (your link)

link

Cai page nay la Cao Pho.

Neu bay gio minh apply AJAX method vao ngai tai trang web nay co duoc khong?

De cho user dien ten, phap danh va tuoi?

Cai difference giua method ma chau dang su dung va method dung AJAX dynamic table la minh co the show cho user thay cai final template luc ho dien text.

Nhu vay user thay exactly the final “san pham”.

Cai look and feel trung thuc hon..

Minh muon user thay cai final page look and feel luc ho dien text

Obviously, we do not allow user to choose banner in this example. It is chosen for them by us (de cho moi chuyen de dang hon)

Chu Le

PS: In the future, we may want to allow the user to change the banner, but the change has to be easy. Let me think how we do it using Ajax.

Thi du: Hinh cua banner default la “candle”. Minh co icon “change” at the bottom corner cua hinh (phia goc mat). Khi user clicks vao icon ‘change” thi “incense” icon se thay the “candle”. Nhu vay, tat ca web page van co y nguyen

1. Khi Chu viet vao cao text box, update rat la cham moi vi tu server ben Vietnam.

Chu dang nho Khanh set up 1 server ben My. Chung nao xong thi Chau set cho chu trong server moi de chu test speed. Nho Check voi Khanh.

2. Viet tieng Viet van la 1 challenge hien nho vi chua co work. Hy vong chau tiem ra duoc solutions.

Chau dung method nao de danh tieng Viet? Chau co try nhieu Method khac?

Lien,

O phan Title luc nao cung de ngay de de tiem.

Chu Le,
You can click the following addresses:
Test condolence:
http://210.245.39.44/blog/webapp/products/obituary79/index.php
or test our dynamic tables(sajax)
http://210.245.39.44/blog/test/dat.php
LienNguyen

Lien,

Chu nghi, truoc khi apply Ajax vao “Cao Pho hay Phan Uu” applications, Chau co the tao 1 example don giang de hieu ro hon Ajax.

What do we want to see with Ajax?

a) The feature of updating a field without having the web page refresh
b) The feature of uploading a photo without having the web page refresh beacuse the photo comes from the computer hard disk, not from the web
c) The feature of resizing the photo to fit a certain box. I will explain later what I mean

chu Le,
I read your new posting and understood what I should do.
Now I have some ideas about web application as follow:
1. Do we need to have many forms to input information while content of them is rather same.
Cac form thuong khac nhau cau dau tien: gia dinh chung toi vo cung dau don loan tin,… hay ong, ba, co, bac; phap danh, nhu danh, ten thuong goi; man phan, qua doi; tang gia dong khap bao, tang gia dong kinh bao;…
Chau nghi minh co tao rat nhieu form cung chua chac dung y cua user muon.
Hay la minh chi tao mot form thoi, nhung minh se de san noi dung cho nhung cai label: ong ba, phap danh, huong tho,….nhung cell thong tin cu the thi de trong.

Chu Le: Agree, tao 1 form

Va user cung co the sua “phap danh” thanh “nhu danh” neu muon. Nhu vay user khong mat cong chon lua sample ma co the sua theo dung y minh muon mot cach de dang, minh cung khong phai resfresh lai nua. Trong phan fill information, minh se co mot huong dan nho nho cho user biet cach su dung, khong phai la kho khan lam.

Chu Le: OK

2. About sajax, it is good way to update directly.
Nhung chau da khog lam co so du lieu cho form, ma dung bien session de lay gia tri user nhap tao thanh mot posting, va posting do se duoc insert hay update tren co so du lieu cua wordpress. Vi minh phai dua vao database cua wordpress de lam, nen sajax tuy hay nhung chau nghi la khong phu hop lam.

Chu Le: Dung SAJAX de user thay minh type in va edit de dang. Khi submit xong, thi format la cua Wordpress

Chu Muon thay la user co the edit de dang ra ket qua xuat hien ngay

3. “Phong to message” chau se ap dung cho condolence, user click vao sample nao se co mot cua so hien thi ro rang noi dung cua sample do.
Hope you agree with me!
LienNguyen

Lien,

User Interface (UI) de sai hon nhieu.

Khi user thay message cua Obituary hay sample cua Condolence, neu

user click vao message hay sample

thi mot window moi se hien ra voi

toan ven cai message hay sample in big letters de user xem

. This is the best implementation to show text of message. There is no need for a button named “show”

Lien,

SAJAX marks a dramatic shift from

form-oriented web development

to a

more interactive, GUI-style system.

SAJAX is very simple to use.

See the main site: http://www.modernmethod.com/sajax/

1. Read FAQ
2. Read Projects

Sau khi hieu Sajax that la ro rang, thi hay den cai site nay:

http://labs.revision10.com/?p=5

Click vao example nay: Dynamic Ajax Tables

http://labs.revision10.com/experiments/dat/dat_example.php

Minh moun ap dung technoque cua example tren vao “send orbituary hay send condolence” application cua minh.

Biggest advantage cua approach nay la:

1. Khi use renter “text vao may cai text field thi text se tu dong update tren web page lien khong co phai di ngang web server de refresh 1 trang moi.

Chu muon thay cai example ” Dynamic Ajax tables” apply vao application cua minh.

a) De dau tieng Viet
b) Tat ca text field deu update instantly
c) Minh se sua cai user interface a little bit. I tell you how later.

Cai cource code cua example la:

http://labs.revision10.com/experiments/dat/dat_example.phps

Lien,

the text box of cao and phan uu needs to be slightly changed:

lang Den Xeo ngang bat dau from left corner of box (tu goc trai o phia duoi)

Lien,

I like your design of the Cao Pho theme.

A. I would like to add the 450x120 text box labelled CAO PHO (similar to Storefront Name text box of Hong Mai…..). Cao Pho in a letter box is bigger and nicer than in text like you have now.

So the text box will have white background, upper case letters va o phia trai is a black line xeo ngang (giong nhu de tang)

B. Also finish the theme by adding names of the family………..(picture that I already sent)

C. Chau update dum chu phan Phan Uu luon voi cai Text Box 450 x 120 cua nhantin.blogsome.com.
Chau sua Name cua Phan Uu cho going Name trong Cao Pho (2 events day: gia dinh nguoi mat dang cao pho, ban cua gia dinh dang Phan uu. Ten nguoi qua doi phai nhu nhau 2 ben)

Thanks

Chu Le

in Summary:

Service “send condolences hay obituary” khac voi “create a personal blog” o cho nay:

1. Personal blog la mot san pham ma minh “update” luc nao minh muon. Minh edit khi nao minh can.

2. Send Condolences is a 1 time event (sai 1 lan ma thoi, giong nhu goi ecard. Chu nghi Chau co goi ecard trong hoa khu). Vi vay, interface cho user su dung phai le va de.
The main principle is this:

a) Let the user fills out the form first . Do not ask for any personal info such as name, password….
b) Before the user submits the form, ask for the email address.
c) Our application has to create a “unique” number to identify that “page (blog)”
Minh khong co hoi ten user, password va ten cu ablog chi ca vi dai chi la 1 time event. user se khong tro lai de edit hoac add them gi duoc ca?

Software phai tu tao ID cua trang blog do. Chu hy vong chau hieu feature nay ro.

I hope you understand this point clearly.

Design the “user interface” is the challenge of any design.

Now read my input to your design of the Application in the following posting

Lien,

Chu test web application hom nay:

1. test 1: Chu enter mot ten moi. Hom thu sau (friday), chu enter ab1…..

2. Hom nay cai system do hang voi 2 error mesages. Chu khong co viet xuon error do nhung lien quang den data base error

Chau phai xem lai va reboot system.

Chu phai test lai nhieu hon de hieu ro nhung theo chu nho hom thu sau, thi loi phe cua chu la:

A. Complicated Interface ( qua nhieu steps, minh phai simplify lai cho de)

Chau luc nao cung phai de cho nguoi user khi su dung service nay (You have to put in the place of the user)

User wants to place a condolence online (tao phan uu tren mang)

Vay ma trong trang dau tien, chau hoi user ten cua blog, password … (tai sao? application phai tu assign tat ca. Chu se giai thich sau).

In real life (trong truoong hop ngoai doi thiet) thi nguoi su dung do co phai dat ten cua blog lam chi. Cai chu BLOG khong la trat roi. Nguoi su dung chi co cho email address ma thoi (o giai doan SUBMIT. more on this later)

Chau doc lai cai posting:

Create a “Send Condolences” Web application lai cho ky?

Co 5 sections chu khong phai 5 Web pages. Chau implement 5 trang khac nhau thanh thu cai interface no complex qua.

Dung co “sign in” hay dat ten blog gi het. Neu minh require user sign in ngay tu luc dau thi kho khan, user se khong su dung service cua minh.

Chu ve lai cai interface cho Chau khoi bi confuse nghe! Day la trang dau tien user thay

Default se la choice phia trai cua moi section duoc select

Chu bo ra number cua moi section. Tat ca section do deu tren 1 trang web ma user thay. User chi dien tung section la xong ngai.

o phia duoi trang do thi minh co:

BACK NEXT ( khong co Preview tai day)

Khi NEXT duoc click thi:

Trang Web ma user da dien se xuan hien voi day du chi tiet (do la trang blog)

o phia duoi trang blog thi co:

email address box de user dien vao email cua minh

BACK SUBMIT (Back de edit lai, Submit de chap nhan khi ma email box co valid address)

Trong truong hop nay, application se self assign (tu dong tao) 1 number cho cai blog nay based tren email address. Tat ca cai “creation” rat nhe nhang vi user chi nghi den dien cai form va enter email cua minh o luc chot truoc khi submit.

Chu y: Mot khi ma Submit roi thi user co con edit nua duoc. Service nay rat tuong tu voi send ecard.
Mot khi ma minh send ecard roi minh dau co edit lai, minh chi send 1 ecard moi.

Mot khi minh dien “Condolences” va Submit la xong luon.

Lien,

It sounds like a good plan. I am looking forward to next week when you have the project finished

Chu Le

chu Le,
I intend to do list of following tasks:
1. Create blog automatically: finished basically GOOD (le)
2. Choose theme on our blog and display theme on interface of user’s blog, which is just created: finished basically GOOD (le)
3. Design selecting page: is designing GOOD (le)
4. Choose header and sidebar image on selecting page for theme: finished basically
5. Upload files: finished basically
6. Message and posting: finished basically
7. Preview: finished basically
8. Advanced Themes: Obituary, Newbaby, …
9. Subdomain
10. Design interface to be better, fix some errors and improve blog: is designing and coding
About necessary time, I hope to finish above work in next week.
Please read this posting frequently to know about progression of our project.
LienNguyen.

Chi Lien,

A. Go to the following links:

1.) “kimthanh.blogsome.com”
2.) “jewelrystore.blogsome.com”

Please make a storefront name for these 2 blogs.

1.) name: KIM THANH color of text: dark green (xanh dam)
jewelry store color of text: black

2.) name: KIM ANH color of text: dark pink (huong dam)
tiem hot xoan color of text: black

B. Create Dalat Bistro store front name

1.) name: DALAT BISTRO color of text: red (do)
authentic cuisine color of text: black

2.) Design sidebar photo for Dalat Bistro

Thank you,

Angie

Lien,

Chu muon add mot feature moi vao sidebar. Chu muon sai template “Thaivi.blogsome.com” de update cai feature nay.

Cai feature do la de nhan “credit card”

The photo name is “creditcard.jpg”

I want to it be inserted below “Opening Hours” and above “Navigate”.

Title: Credit Card (in bold, chu dam)
place photo duoi title

Cam on chau,

Chu Le

Lien,

Update BodyShop with new information

bodyshop.blogsome.com

Address: 222 Keyes St. #111 San Jose, CA 95112

Tel: (408) 283 2886

I will give you the 75 x 75 “side bar photo” once I have it

Chu Le

Lien,

A new generic Blog: use the concept that I posted a few days ago

Name: DALAT BISTRO
Authentic Cuisine

Address: 16525 Brookhurst St. Fountain Valley, CA 92708

I show you how to get the link. Go to

http://maps.google.com

enter above address

Click on “Link to this page” on the top right corner

Cut the URL from the address box. This is the address box

Phone number: (714) 839-8338

Create the 75 x 75 “generic sidebar photo”. It is a box in the color of the background of the category. For Restaurant, we have decided to use BEIGE, so it is a BEIGE box with the word “INFO” in Black

Use that Box under About

Chu Le

Lien,

Chu rat thich may cai “storefront Name ” ma Trang create. Rat Dep.

Chu Nho Chau create them cai “Storefront” khach cua blog:

bodyshop.blogsome.com

Name: HIEN
Body Shop

Thanks

Chu Le

Lien,

Hom qua, Chau create cho chu rat nhieu Generic Template based on Nha Hang template.

Chu dinh nghia lai cho ro “generic” Nha Thang Template la gi de cho Chau co the create cho Chu.
Khi Chu cho biet ten cua blog la Chau lam: (trong tuong lai, Software cua minh se automatically create )

Thi du Chu can tao blog

Kim Anh Jewelry (tiem hot xoan)

thi chau se register:

http://kimanh.blogsome.com

1. Banner phia tren (chua co thi de “Blank”)

2. Sidebar photo (chua co de blank)

3. About
Slogan (chu co de blank)
Dia chi (chu co de blank)
Link cu dia chi (chu co de blank)
Dien thoai (chu co de blank)

4. Opening Hours
M-F: (khong co gio)
Sa-Su: (khong co gio)

5. Remove
Themes
Archives
register under other

6. Who are we?
Keep this category

7. Photos
Chu co de blank

8. Use “Storefront” and “Owner” for posting

Luc nao cung log in bang:

Nhu vay luc nao minh cung nho Name va PW.

Chu Le

Lien,

Chu nho Chau noi voi Trang tao cho chu mot text box giong nhu BRODARD restaurant cua

brodard.blogsome.com

Chu nghi la ngoai cai banner o phia tren het, neu minh co cai “Storefront Name Box” ngai o phia duoi thi rat la hay giong nhu cua Brodard.

Vi vay ma chu nho create cai Name Box cho

THAI VI Flower Shop
Chu THAI VI co dau tieng Viet (accent) bang UPPER CASE va co Mau (Do)
CHu Flower Shop o phia duoi Lower case

Text box size la 450 x 120

Nhu vay, bat cu cay Generic Template trong tuong lai se co cai 450 x 120″Storefront Name” box voi ten bang tieng Viet

bay gio thi minh delete cai Hello World de the vao bang cai THAI VI “Name Box” la posting dau tien

PS: lam song THAI VI thi lam HONG MAI Flower Shop

Thanks

Chu Le

Text box Storefront Name phai la 450 x 120 moi dung !

Lien,

We have many themes:

Restaurant
Flower Shop
Nhan Tin
Body Shop

I suggest that we use a different background color for each category

Thi du:

PINK (mau Hong) cho Restaurant
GREY (Mau Nau) cho btb

Lien kiem 2 mau cho flower shop va bodyshop de phan biet may category

Chu Le

I have 2 more blogs to be redone

A. hongmai.blogsome.com

name: hongmai
pw: vietnam

B. bodyshop.blogsome

name: bodyshop
pw: vietnam

This is what I want for now:

Use nhahang template

a) there is no banner yet so leave a blank for now
b) there is no address, no sidebar photo, all blanks for now

I will get you the address and phone number tomorrow

Thanks

Chu Le

chu Le,
I created a new blog as you require:
http://thaivi.blogsome.com
If you would like to add information to blog, I am always ready.
How to change the banner:
Step 1: Upload image file
Step 2: Don’t forget path of image which server provide after you upload. Then click here: fix code. You will find following content in file wp-layout.css:
#header {
margin: 15px 25px;
padding: 0px;
font: normal 2em arial, tahoma;
/*border-bottom: 2px solid #AFA186;*/
background: transparent url(/images/masthead.jpg) no-repeat;
height: 300px;
}

Please note to bold code and replace it by new image-path.
Hope you can do this work easily.
LienNguyen.
PS: To get image from any server such as Flickr.com, you can ignore step 1 as well as give full path of image at step 2
Dimension of our image: 700 * 300

Lien,

I need for you to set up a quick blog named: Thai Vi

http://thaivi.blogsome.com

The template will be that of nhahang classic

What do I want on the blog:

1. The banner of thuyvi will be the photo of flowers of Sangtao blog

2. There is only one posting Hello World Posting. I will post more postings with photos after you set up the blog. Use of the following name and PW so that I can log in later

Name of Blog: thaivi
PW: thaivipw

3. On the sidebar in the about section:
I have no sidebar photo yet.

The slogan is: One stop Wedding

address is: 1866 Alum Rock Ave., San Jose, CA 95116

The link for the address is: http://maps.google.com/maps?q=1866+Alum+Rock+Ave.,+San+Jose,+CA+95116&spn=0.019248,0.036937&hl=en

phone number is: (408) 347 8473

Opening Hours
M-F: 11am-9pm
Sa-Su: 10am-10pm

Please do this today before you work on the web application

Thanks

Chu Le

PS:

Show me how to change the banner in case I need to change to a new banner. Give me instructions