SOFTECH APTECHE-project Document Ep

SOFTECH APTECH
E-project Document
Eproject name

Group Name: Group 1
Group members
1. Vu Tran Van (leader)
2. Nhut Tran Van
3. Binh Ngo Tan
Instructor Ths. Dinh Nguyen Van
Batch 129
Semester 1




Danang, Vietnam, 04/2016
TEACHER’S EVALUATION
………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………

TABLE OF CONTENTS Page

1. ACKNOWLEDGEMENTS 5
2. INTRODUCTION 5
3. PROBLEM DEFINITION 6
4. REQUIREMENT ATTRIBUTES 7
5. PROJECT PLANNING 12
6. DESIGN PROTOTYPE 14
7. TECHNICAL 16
8. GUI OF WEBSITE 17
9. CHECKLISTS 22
9.1. CHECK LIST OF VALIDATION 22
9.2. SUBMISSION CHECKLIST 22
10. THE RESULTS AND DEVELOPMENT ORIENTATION OF THE PROJECT 22






1. ACKNOWLEDGEMENTS
Special thanks to the following people:

• Ths. Dinh Nguyen Van – I would like to thanks my instructor Dinh Nguyen Van for his encouragement, research, analysis and advice during my project.
• All my classmates - I had the pleasure of working with all my friends. We’ve discuss many things about the project and help one another in many problems.

During my project, I have used most of information form these sources:
• Some motorbikes website: vmms.vn, giaxe.2banh.vn, …
• Study website: hocwebchuan.com, w3school.com, …
2. INTRODUCTION
Xây dựng, thiết kế một trang web dùng để quảng bá thương hiệu và giới thiệu sản phẩm xe moto phân khối lớn của công ty BNV. (Designing a website

Nhận thấy nhu cầu của người tiêu dùng về việc mua sắm cho mình một chiếc xe môt phân khối lớn phục vụ cho việc đi lại và đam mê nên công ty BNV cần có một website để đưa thông tin tiếp cận đến người tiêu dùng.

3. PROBLEM DEFINITION.

This project has the following functionalities:

1. A home page contains catalog of kinds of motorcycle.
This is the page that is served as a main page of the website. It will show three type of motorcycles, the price, information and some new news about motorcycles.
In the other hand, the website has a search bar that allows users can search key word option for their business.

2. Search.
A search by keyword option is provided to the users using a textbox. The keyword to be entered should name of motorcycle.

3. Advanced Search.
Advanced search helps the users to search for a motorcycle based on name of motorcycles, category. All those items which are matched the particular search criteria will be retrieved to display.

4. Motorcycle details page.
If user would like to know details about a product they can click on the link provided from where they will be directed to a motor description page. This page will include all the information details of motor which on their interested such as pictures, technology information, motor information and price.

6. Connect with Facebook, Google+, Twitter.
The era of technology available today, Facebook,, Google+, Twitter are the three biggest social networks. Our website has functions connected with that three major website to help users connect information easily and faster.
By the side, the users can follow the website on Facebook, Google+, Twitter.

7. Contact page.
Contact page is the support. This section helps the user to find the answer for their questions as well as how to contacting us. Contact page is a pretty important site in website. Because it let everyone contact us with question or for assistance as well as given us feedback by entering their personal information will be send to us. This contact page to collect the opinions of the users, help us to improve our website for even better.


4. REQUIREMENT ATTRIBUTES
1. Main Requirements
The Main Requirements include HTML5, CSS3, Jquery, ….
2. Critical Use Case Specification

USE CASE SPECIFICATION
Use-case No. UC01 Use-case Version
1.0
Use-case Name Search for a motor
Purpose:
A user can search for a motor of his choice by entering name of motor. Then a select query is use

Kết quả (Việt) 1:

SOFTECH APTECHE-dự án tài liệu Eproject tênTên Nhóm: Nhóm 1 Thành viên nhóm 1. Vu Tran Van (lãnh đạo)2. Nhut Tran Van3. Binh Ngo TanGiảng viên Ths. đinh Nguyễn VănLô 129Học kỳ 1Đà Nẵng, Việt Nam-04/2016ĐÁNH GIÁ CỦA GIÁO VIÊN………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………BẢNG CỦA nội DUNG trang 1. 5 LỜI CẢM ƠN2. GIỚI THIỆU 53. VẤN ĐỀ ĐỊNH NGHĨA 64. YÊU CẦU THUỘC TÍNH 75. DỰ ÁN QUY HOẠCH 126. THIẾT KẾ MẪU 147. KỸ THUẬT 168. GIAO DIỆN CỦA TRANG WEB 179. BẢNG KIỂM MỤC 22 9.1. KIỂM TRA DANH SÁCH XÁC NHẬN 22 9.2. NỘP HỒ SƠ KIỂM TRA DANH SÁCH 2210. CÁC KẾT QUẢ VÀ ĐỊNH HƯỚNG PHÁT TRIỂN CỦA DỰ ÁN 221. LỜI CẢM ƠNĐặc biệt nhờ có những người sau đây:• Ths. Nguyễn đình văn-tôi sẽ giống như để cảm ơn hướng dẫn của tôi định Nguyễn văn của ông khuyến khích, nghiên cứu, phân tích và tư vấn trong dự án của tôi.• Tất cả các bạn học của tôi - tôi đã có những niềm vui của làm việc với tất cả các bạn bè của tôi. Chúng tôi đã thảo luận về nhiều điều về dự án và giúp đỡ nhau trong nhiều vấn đề.Trong dự án của tôi, tôi đã sử dụng hầu hết các mẫu thông tin các nguồn: • Một số xe trang web: vmms.vn, giaxe.2banh.vn,...• Nghiên cứu trang web: hocwebchuan.com, w3school.com,...2. GIỚI THIỆUXây dựng, thiết kế một trang web dùng tiếng quảng bá thương hiệu và giới thiệu ở sanh xe moto phân khối lớn của công ty BNV. (Thiết kế một trang web Nhận thấy nhu cầu của người tiêu dùng về việc mua sắm cho mình một chiếc xe môt phân khối lớn tên vụ cho việc đi lại và đam mê nên công ty BNV cần có một trang web tiếng đưa thông tin truyện cận đến người tiêu dùng.3. VẤN ĐỀ ĐỊNH NGHĨA.Dự án này có các chức năng sau đây:1. một trang chủ chứa danh mục của các loại xe gắn máy. Đây là trang phục vụ như là một trang chính của trang web. Nó sẽ hiển thị ba loại xe máy, giá cả, thông tin và một số tin tức mới về xe máy. Mặt khác, các trang web có một thanh tìm kiếm cho phép người dùng có thể tìm kiếm từ khóa tùy chọn cho việc kinh doanh của họ.2. tìm kiếm.Một tìm kiếm bằng từ khóa tùy chọn được cung cấp cho người dùng bằng cách sử dụng một hộp văn bản. Từ khóa được nhập nên tên của xe gắn máy.3. nâng cao tìm kiếm.Tìm kiếm nâng cao giúp người dùng tìm kiếm cho một chiếc xe máy dựa trên tên của xe máy, thể loại. Tất cả những mặt hàng đó có phù hợp với tìm kiếm cụ thể tiêu chí sẽ được lấy ra để hiển thị.4. xe gắn máy trang chi tiết.Nếu người dùng muốn biết chi tiết về một sản phẩm mà họ có thể nhấp vào liên kết được cung cấp từ nơi họ sẽ được dẫn đến một trang mô tả động cơ. Trang này sẽ bao gồm tất cả các thông tin chi tiết của động cơ mà họ quan tâm đến như hình ảnh, thông tin công nghệ, động cơ thông tin và giá cả.6. kết nối với Facebook, Google +, Twitter.Thời đại của công nghệ hiện nay, Facebook, Google +, Twitter là mạng xã hội lớn nhất ba. Trang web của chúng tôi có chức năng kết nối với các trang web lớn đó ba để giúp người dùng kết nối thông tin một cách dễ dàng và nhanh hơn. Bên cạnh, người dùng có thể thực hiện theo các trang web trên Facebook, Google +, Twitter.7. liên hệ trang.Liên hệ trang là sự hỗ trợ. Phần này sẽ giúp người dùng tìm thấy câu trả lời cho câu hỏi của họ như là cũng như cách để liên hệ với chúng tôi. Liên hệ trang là một trang web khá quan trọng trong trang web. Bởi vì nó cho phép tất cả mọi người liên hệ với chúng tôi với câu hỏi hoặc để được trợ giúp cũng như đưa ra cho chúng tôi thông tin phản hồi bằng cách nhập thông tin cá nhân của họ sẽ gửi cho chúng tôi. Trang này liên hệ để thu thập ý kiến của người dùng, giúp chúng tôi cải thiện trang web của chúng tôi cho tốt hơn.4. YÊU CẦU THUỘC TÍNH1. chính yêu cầuCác yêu cầu chính bao gồm HTML5, CSS3, Jquery...2. quan trọng sử dụng trường hợp đặc điểm kỹ thuậtTRƯỜNG HỢP SỬ DỤNG KỸ THUẬTTrường hợp sử dụng số UC01 Trường hợp sử dụng phiên bản 1.0Trường hợp sử dụng tên tìm kiếm cho một động cơMục đích:Người dùng có thể tìm kiếm một động cơ của sự lựa chọn của mình bằng cách nhập tên của động cơ. Sau đó một truy vấn chọn là sử dụng

Kết quả (Việt) 2:

SOFTECH Aptech
E-Dự án Tài liệu
tên Eproject

Tên Nhóm: Nhóm 1
thành viên trong nhóm
1. Vũ Trần Văn (lãnh đạo)
2. Nhựt Trần Văn
3. Bình Ngô Tấn
Ths Instructor. Đình Nguyễn Văn
loạt 129
Học kỳ 1




Đà Nẵng, Việt Nam, 04/2016
ĐÁNH GIÁ GIÁO VIÊN CỦA
...................................................................................................... ...................................................................................................................................................... ...................................................................................................................................................... ...................................................................................................................................................... ...................................................................................................................................................... ...................................................................................................................................................... ...................................................................................................................................................... ...................................................................................................................................................... ....................................
.................................................................................................................. ...................................................................................................................................................... ...................................................................................................................................................... ...................................................................................................................................................... ...................................................................................................................................................... ...................................................................................................................................................... ...................................................................................................................................................... ...................................................................................................................................................... ........................
.............................................................................................................................. ...................................................................................................................................................... ...................................................................................................................................................... ...................................................................................................................................................... .....................................................................................................................

MỤC LỤC trang

1. LỜI CẢM ƠN 5
2. GIỚI THIỆU 5
3. VẤN ĐỀ KHÁI NIỆM 6
4. YÊU CẦU THUỘC TÍNH 7
5. DỰ ÁN QUY HOẠCH 12
6. thiết kế nguyên mẫu 14
7. KỸ THUẬT 16
8. GUI WEBSITE 17
9. danh sách kiểm tra 22
9.1. DANH SÁCH KIỂM TRA xác nhận 22
9.2. NỘP DANH SÁCH 22
10 KẾT QUẢ VÀ PHÁT TRIỂN ĐỊNH HƯỚNG CỦA DỰ ÁN 22






1. LỜI CẢM ƠN
Đặc biệt cảm ơn những người sau đây:

• Ths. Nguyễn Đình Văn -. Tôi muốn cảm ơn người hướng dẫn của tôi Đình Nguyễn Văn khuyến khích, nghiên cứu, phân tích và tư vấn của mình trong dự án của tôi
• Tất cả các bạn cùng lớp của tôi - tôi đã có niềm vui làm việc với tất cả bạn bè của tôi. . Chúng tôi đã thảo luận về nhiều điều về dự án và giúp đỡ lẫn nhau trong nhiều vấn đề

Trong dự án của tôi, tôi đã sử dụng hầu hết các thông tin tạo thành các nguồn:
• Một số xe máy website: vmms.vn, giaxe.2banh.vn, ...
• trang web nghiên cứu : hocwebchuan.com, w3school.com, ...
2. GIỚI THIỆU
Xây dựng, thiết kế one trang web used to quảng bá thương hiệu and giới thiệu sản phẩm xe moto phân khối lớn of công ty BNV. (Thiết kế một website

Nhận thấy nhu cầu of người tiêu dùng về việc mua sắm cho mình one chiếc xe môt phân khối lớn phục vụ cho việc đi lại and đam mê be công ty BNV requires an website to give thông tin tiếp cận to người . tiêu dùng

. 3. VẤN ĐỀ ĐỊNH NGHĨA

dự án này có các chức năng sau đây:

. 1. một trang nhà chứa danh mục các loại xe gắn máy
. Đây là trang mà được phục vụ như là một trang chính của trang web sẽ hiển thị ba loại xe máy, giá cả, thông tin và một số thông tin mới về xe máy.
Mặt khác, các trang web có một thanh tìm kiếm cho phép người dùng có thể tìm kiếm lựa chọn từ khóa cho doanh nghiệp của họ.

2. Tìm kiếm.
một tìm kiếm theo từ khóa tùy chọn được cung cấp cho người dùng sử dụng một hộp văn bản. các từ khóa được nhập nên đặt tên của xe gắn máy.

3. Tìm kiếm nâng cao.
tìm kiếm nâng cao giúp người sử dụng để tìm kiếm một chiếc xe máy dựa trên tên của xe máy, thể loại. Tất cả những mặt hàng được khớp với tiêu chí tìm kiếm cụ thể sẽ được lấy ra để hiển thị .

4. trang chi tiết xe máy.
Nếu người dùng muốn biết chi tiết về một sản phẩm mà họ có thể nhấp vào liên kết được cung cấp từ đó họ sẽ được dẫn đến một trang mô tả động cơ. Trang này sẽ bao gồm tất cả các thông tin chi tiết của động cơ mà trên đó quan tâm của họ như hình ảnh, thông tin công nghệ, thông tin xe và giá cả.

6. Kết nối với Facebook, Google+, Twitter.
Thời đại của công nghệ hiện nay, Facebook ,, Google+, Twitter là ba mạng xã hội lớn nhất. Trang web của chúng tôi có chức năng kết nối với ba trang web lớn để giúp người dùng kết nối thông tin dễ dàng hơn và nhanh hơn.
Bởi một bên, người dùng có thể theo dõi các trang web trên Facebook, Google+, Twitter.

7. Liên hệ Trang.
Trang liên hệ là sự hỗ trợ. Phần này giúp người sử dụng để tìm ra câu trả lời cho các câu hỏi của họ cũng như làm thế nào để liên hệ với chúng tôi. Trang Liên là một trang web khá quan trọng trong trang web. Bởi vì nó cho phép tất cả mọi người liên hệ với chúng tôi với câu hỏi hoặc để được giúp đỡ cũng như cho chúng ta thông tin phản hồi bằng cách nhập thông tin cá nhân của họ sẽ được gửi cho chúng tôi. Trang liên hệ này để thu thập ý kiến của người dùng, giúp chúng tôi cải thiện trang web của chúng tôi cho tốt hơn.


4. YÊU CẦU THUỘC TÍNH
1. Yêu cầu chính
Các yêu cầu chính bao gồm HTML5, CSS3, Jquery, ....
2. Trường hợp sử dụng quan trọng Đặc điểm kỹ thuật

SỬ DỤNG TRƯỜNG HỢP ĐẶC
tình huống sử dụng số UC01 tình huống sử dụng phiên bản
1.0
Sử dụng hợp Tên Tìm kiếm một động cơ
Mục đích:
Một người sử dụng có thể tìm kiếm một động cơ của sự lựa chọn của mình bằng cách nhập tên của động cơ. Sau đó, một truy vấn chọn là sử dụng