DỰ ÁN WEBSITE STREETVIEW

StreetView Project Phương Nam IT 3 Nguyễn Oanh, Gò Vấp DỰ ÁN WEBSITE STREETVIEW *** Version 1.2 Revision History Date Version Description Author 01/04/2010 1.0 Đặc tả yêu cầu Hoàng Kha Huân 15/04/2010 1.1 Chỉnh sửa đặc tả - QT tìm kiếm Hoàng Kha Huân MỤC LỤC 1 1 StreetView Project Phương Nam IT 3 Nguyễn Oanh, Gò Vấp 1. Nội dung đặc tả 1.1.Mục tiêu và các yêu cầu cơ bản 1.2.Kế hoạch dự kiến Khảo sát và viết đặc tả yêu cầu Xây dựng các modules chức năng cơ bản Kiểm tra, kiểm thử và triển khai giai đoạn 1 Bổ sung các chức năng mở rộng, nâng cao 2. Mục tiêu và các yêu cầu cơ bản 2.1.Tổng quan Xây dựng website cho phép có thể tra cứu thông tin các địa điểm 1 cách nhanh chóng, có các hướng dẫn cụ thể để tìm thấy vị trí của địa điểm 1 cách dễ dàng thông qua bản đồ 2D và hình ảnh 3D thật (được quay/chụp lại từ đường phố thật sự ở VN). Hỗ trợ các công cụ cần thiết để tìm các vị trí lân cận địa điểm, đo khoảng cách từ 1 địa điểm này đến địa điểm khác, đánh dấu 1 địa điểm, tạo mới / chỉnh sửa 1 địa điểm. 2.2.Phạm vi dự án • Xây dựng website tìm kiếm thông tin về địa điểm (business / places) trong các thành phố ở Việt Nam • Sử dụng công nghệ xem ảnh Panorama 360 độ để xem ảnh chi tiết tại các địa điểm (trong giai đoạn này chỉ cần hỗ trợ đến mức chuyển đổi giữa các địa điểm có trên bản đồ Panarama 360 0  chức năng chuyển đổi smoothly và autodrive để sang Phase 2). • Cho phép xem đồng thời bản đồ dạng 2D cùng với xem ảnh Panorama • Tổ chức các địa điểm theo Danh mục và Quận/Huyện • Chức năng hỗ trợ tìm kiếm nhanh chóng và tiện lợi (danh mục, địa điểm và địa chỉ) • Cho phép người dùng thông thường nhập bình luận (reviews) tại các vị trí hotspots • Cho phép hiển thị thông tin chi tiết về một địa điểm nào đó (được tìm thấy) 2 2 StreetView Project Phương Nam IT 3 Nguyễn Oanh, Gò Vấp • Sự kiện, thông tin, thông báo liên quan đến địa điểm 2.2.1. Websites tham khảo • http://www.shopzilla.com/ • http://www.everyscape.com/ • http://www.yelp.com/ 2.3.Một số lưu ý quan trọng  Thiết kế dữ liệu sao cho: • Thống nhất cấu trúc dữ liệu lưu trữ: dữ liệu bản đồ & dữ liệu business • Tìm hiểu xem có thể lưu trữ dữ liệu bản đồ trên PostgreSQL (?) • Lưu trữ dữ liệu vị trí (places)  vị trí cấp 2 • Lưu trữ dữ liệu địa điểm (business)  thuộc về vị trí [ cấp 1 or 2 (?) ] • Lưu trữ dữ liệu sự kiện  thuộc về business • Các thông tin khác liên quan đến business: o Name card (tel, fax, email ), Biểu giá o News / Events / Media o Bản đồ 360 0 + 2D o Mô tả chi tiết o Reviews / Ratings o Status (trạng thái): Normal, Verified, Owned  Một số vấn đề khi thiết kế: • Lưu history các business tại từng vị trí (place) • Log những keywords do người dùng gõ vào • Kết quả tìm kiếm là sự kết hợp giữa data: 1. Verified > 2. Users > 3. Google (XML) • Thứ tự ưu tiên sẽ là: 1. Trả tiền > 2. Ratings > 3. ABC • Dữ liệu lấy từ robot sẽ có trạng thái là Verified • Dùng Robo lấy dữ liệu về từ trang 1 số trang nổi tiếng. • Bổ sung thuộc tính TAG cho các đối tượng: business • Dữ liệu địa điểm cho phép thêm mới nhưng phải được duyệt lại mới hiển thị ra front-end 3 3 StreetView Project Phương Nam IT 3 Nguyễn Oanh, Gò Vấp 2.4.Quy trình tìm kiếm trong chức năng search Tìm Business - Keyword nằm trên ngay trên name của biz - Keyword nằm trong phần keyword của biz - Keyword nằm trong phần tag của biz - Keyword nằm trong mô tả của biz - Keyword nằm trong phần review(option) - Keyword nằm trong phần comment(option) - Keyword nằm trong phần event(option) - Order theo thứ tự o Panorama o Rating o Hits o Ngày Update o ABC Tìm Address - Keyword nằm trong address của place - Keyword nằm trong address của business - Order theo thứ tự o Panorama o Rating o Hits o Ngày Update o ABC 2.5.Workflow thể hiện chức năng trong Phase 1 4 4 StreetView Project Phương Nam IT 3 Nguyễn Oanh, Gò Vấp 2.6.Các modules chức năng thực hiện trong Phase 1 Xây dựng trang chủ của website • Trọng tâm trong Phase 1 là chức năng tìm kiếm (searching) • Mục tiêu: Đơn giản, bao gồm các thông tin như: ô tìm kiếm, danh sách loại hình (categories), các sự kiện nổi bật, các shortcut đến những địa điểm nổi bật… • Dự kiến: o Ô tìm kiếm (cho phép gõ bất cứ từ khóa nào - không phân biệt category) o Liệt kê các shortcut một cách thông minh  Dựa vào thời gian hiện tại người dùng duyệt web  Dựa vào các sự kiện đang hot trong thời điểm hiện tại  Dựa vào thống kê gần đây nhất những địa điểm được viếng thăm nhiều nhất o Liệt kê một vài category nổi bật nhất để người dùng link nhanh tới. • Trang web tham khảo: 5 5 StreetView Project Phương Nam IT 3 Nguyễn Oanh, Gò Vấp Xây dựng trang kết quả tìm kiếm • Mục tiêu: Đây có thể xem là trang chính của toàn bộ website, bao gồm những modules chức năng quan trọng như: xem ảnh Panorama 360 0 , bản đồ 2D… • Dự kiến: Các chức năng thể hiện trên trang này: 1 Ô tìm kiếm Cho phép người dùng lựa chọn tìm kiếm một trong 2 tiêu chí là: business hay place; theo các tiêu chí về loại hình (category) và tỉnh thành (destination) mặc định ở trang kết quả tìm kiếm. 6 6 StreetView Project Phương Nam IT 3 Nguyễn Oanh, Gò Vấp 2 Danh sách kết quả tìm kiếm Sắp xếp theo thứ tự độ ưu tiên theo qui định (ưu tiên những địa điểm có bản đồ 360 0 ): - Trả tiền - Ratings - ABC Ngoài ra còn có danh sách liệt kê những địa điểm được xem nhiều nhất. 3 Khung xem ảnh Panorama Cho phép người dùng xem ảnh 360 0 toàn cảnh vị trí hiện tại mà họ đang cần tìm kiếm địa điểm hay địa chỉ. Những tính năng nâng cao bổ sung gắn với khung ảnh này có thể bao gồm: - Nhập / Xem bình luận - Upload / Xem hình ảnh, video liên quan đến vị trí này - Tìm kiếm các vị trí hotspots xuất hiện xung quanh vị trí hiện tại. - Chức năng autodrive. 7 7 StreetView Project Phương Nam IT 3 Nguyễn Oanh, Gò Vấp 4 Khung xem bản đồ 2D Cho phép người dùng xem bản đồ dạng 2D tương ứng với hình ảnh trong khung ảnh Panorama, có hiển thị các vị trí hotspots tương ứng. Khi di chuyển trên bản đồ thì tọa độ tương ứng của khung ảnh Panorama cũng có thể thay đổi theo (nếu có). Trên khung bản đồ 2D có các vị trí hot spots trỏ tới những địa điểm có bản đồ 360 0 để người dùng đi nhanh tới địa điếm đó  load khung ảnh 360 0 . 5 Danh sách categories Liệt kê danh sách tất cả các categories mà 8 8 StreetView Project Phương Nam IT 3 Nguyễn Oanh, Gò Vấp website hỗ trợ. Có thể cho phép chọn để thay đổi sang một category mặc định khác cho trang hiện tại (khi người dùng thực hiện tìm kiếm trên trang này). Ví dụ: - Nhà hàng - Mua sắm - Ăn uống (thực phẩm) - Làm đẹp & spa (thẩm mỹ viện) - Nghệ thuật & Giải trí - Địa điểm giải trí - Tổ chức sự kiện & dịch vụ - Sức khỏe & Y khoa - Khách sạn & Du lịch - Dịch vụ nội thất - Thú nuôi 6 Danh sách tỉnh thành (hoặc quận / huyện) tùy theo tổ chức Liệt kê danh sách các địa điểm lớn mà website hỗ trợ, để cho phép người dùng 9 9 StreetView Project Phương Nam IT 3 Nguyễn Oanh, Gò Vấp của website (từ tương đương: destionation) thay đổi vị trí mặc định cho trang hiện tại (khi người dùng thực hiện tìm kiếm trên trang này). Ví dụ: - Tp. Hồ Chí Minh - Tp. Hà Nội 7 Module liệt kê danh sách các địa điểm nổi bật theo loại hình (category) Đây là danh sách những địa điểm tốt nhất phù hợp với loại hình (category) và vị trí hiện tại trên bản đồ. Ví dụ: nếu loại hình là Nhà hàng, và địa điểm hiện tại là đường Nguyễn Huệ ở Q1, Tp. HCM thì danh sách này sẽ bao gồm những nhà hàng nằm xung quanh vị trí đó. 10 10 [...]... users o Chức năng nhập reviews của users Xây dựng chức năng nhập địa điểm mới (business) • Mục tiêu: Cho phép người dùng nhập business • Dự kiến: Các chức năng cần thực hiện o Xây dựng form nhập mới một business o Xây dựng form quản lý business do user đó nhập Xây dựng các chức năng quản lý ở back-end • Mục tiêu: Xây dựng các chức năng quản lý cho quản trị website, một số chức năng cụ thể bao gồm là:... • Mục tiêu: Xây dựng các trang thông tin như: o Giới thiệu công ty [sở hữu CityView] o Thông tin liên hệ o Tin tức, sự kiện o Hướng dẫn sử dụng o Điều khoản sử dụng • Dự kiến: Sử dụng các components quản lý nội dung Xây dựng chức năng Ratings / Reviews cho users • Mục tiêu: Cho phép users thông thường thực hiện ratings và nhập reviews cho một địa điểm (business) nào đó trên bản đồ • Dự kiến: Các chức... từ Youtube, Clip.vn…) 14 14 StreetView Project Phương Nam IT 3 Nguyễn Oanh, Gò Vấp 14 Module tổng hợp các tin tức về địa điểm Chức năng này tổng hợp các tin tức liên quan đến địa điểm được chọn (có thể lấy tin từ các báo hoặc nguồn khác – dùng chức năng Custom search của Google) 15 15 StreetView Project Phương Nam IT 3 Nguyễn Oanh, Gò Vấp Xây dựng các trang thông tin 16 16 StreetView Project Phương Nam... lý sự kiện liên quan  Quản lý reviews của users 17 17 StreetView Project Phương Nam IT 3 Nguyễn Oanh, Gò Vấp  Quản lý bảng báo giá (nếu có) o Quản lý sự kiện nổi bật, tin tức o Quản lý các nội dung tĩnh như trong mô tả ở mục [2.3.3] • Dự kiến: o Thiết kế dữ liệu quản lý các thông tin trên o Xây dựng các components quản lý cho từng loại o Xây dựng các modules liên quan nếu cần (…) 2.7 Các modules... điện thoại, website 12 12 StreetView Project Phương Nam IT 3 Nguyễn Oanh, Gò Vấp 11 Module tổng hợp bình luận của mọi người về địa điểm Chức năng này cho phép người dùng có thể xem lại tất cả bình luận của mọi người về địa điểm được chọn 12 Module tổng hợp hình ảnh về địa điểm Chức năng này tổng hợp hình ảnh về địa điểm được chọn (có thể lấy thông tin về hình ảnh từ Flickr.com…) 13 13 StreetView Project... những địa điểm tốt nhất theo một đặc điểm nào đó của loại hình (nếu có) nằm gần vị trí hiện tại trên bản đồ Ví dụ: Nếu loại hình là Nhà hàng thì đặc điểm có thể là: Giá rẻ, địa điểm sang trọng, 11 11 StreetView Project Phương Nam IT 3 Nguyễn Oanh, Gò Vấp Món ăn theo miền (Bắc – Trung – Nam), đặc sản nước khác… TỪ MỤC 10 TRỞ ĐI LÀ TRANG CHỨA CÁC MODULES XEM THÔNG TIN CHI TIẾT CỦA MỘT BUSINESS KHI NGƯỜI.. .StreetView Project Phương Nam IT 3 Nguyễn Oanh, Gò Vấp 8 Module liệt kê danh sách các địa điểm nổi bật (không phân biệt loại hình) (optional) Đây là danh sách những địa điểm tốt nhất nằm gần vị trí hiện . dụ: - Nhà hàng - Mua sắm - Ăn uống (thực phẩm) - Làm đẹp & spa (thẩm mỹ viện) - Nghệ thuật & Giải trí - Địa điểm giải trí - Tổ chức sự kiện & dịch vụ - Sức khỏe & Y khoa - Khách. bao gồm: - Nhập / Xem bình luận - Upload / Xem hình ảnh, video liên quan đến vị trí này - Tìm kiếm các vị trí hotspots xuất hiện xung quanh vị trí hiện tại. - Chức năng autodrive. 7 7 StreetView. phần keyword của biz - Keyword nằm trong phần tag của biz - Keyword nằm trong mô tả của biz - Keyword nằm trong phần review(option) - Keyword nằm trong phần comment(option) - Keyword nằm trong