KIẾN NGHỊ GIẢI PHÁP

THIẾT KẾ VÀ PHÁT TRIỂN WEBSITE

CÔNG TY TNHH THIẾT KẾ, QUẢNG CÁO & CÔNG NGHỆ THÔNG TIN B.T.Q

Thành lập: 09/04/2004, Giấy phép kinh doanh | Mã số thuế: 0303255818

Địa chỉ: 68/58 Đồng Nai, phường 15, quận 10, Tp. Hồ Chí Minh
Điện thoại: +84 28 6296 8556 | Fax: +84 28 6264 9153
Email: info@btq.vn | customercare@btq.com
Website: http://www.btq.vn | http://www.3graphic.com | http://www.3graphic.vn
Facebook: facebook.com/btq.vn
 NỘI DUNG TRÌNH BÀY

Phần 1:
CẤU TRÚC NỘI DUNG VÀ CHỨC NĂNG

Phần 2:
FRONT END – GIAO DIỆN THIẾT KẾ VÀ LẬP TRÌNH HTML

Phần 3:
BACK END – CMS VÀ DATABASE

Phần 4:
SEO – HỖ TRỢ TIẾP THỊ

Phần 5:
BẢO MẬT

Phần 6:
KẾ HOẠCH THỰC HIỆN

KIẾN NGHỊ GIẢI PHÁP THIẾT KẾ VÀ PHÁT TRIỂN WEBSITE

PHẦN 1:
CẤU TRÚC & CHỨC NĂNG WEBSITE
Cấu trúc tổ chức thông tin:
Theo file excel đính kèm theo bảng Kiến nghị này.

Định hướng thiết kế:

- Thể hiện đẳng cấp Thương hiệu.
- Thiết kế đơn giản nhưng tinh tế và ấn tượng.

Mục tiêu xây dựng website:

1. Truyền tải được bản sắc Thương hiệu, giá trị văn hóa
doanh nghiệp qua đó khẳng định uy tín Thương hiệu.

2. Giao diện sáng tạo, sinh động uyển chuyển mang phong
cách doanh nghiệp, thân thiện với người dùng.

3. Tương thích tất cả các thiết bị có tính năng duyệt website (Desktop, Tablet,
Smartphone,...), Tùy biến phù hợp với từng giao diện khi xoay màn hình đứng (portrait) hoặc màn hình ngang
(landscape) nội dung và hình ảnh được điều chỉnh phù hợp và nhanh chóng cho từng thao tác vẫn giữ nguyên tính
thẩm mỹ, tránh trường hợp bị mất nội dung hình ảnh.

4. Tương thích các trình duyệt: Google Chrome, Mozilla Firefox, Internet Explorer 10 +, Microsoft Edge, Safari (Mac),
Opera, Coccoc,... và các trình duyệt của thiết bị di động mới nhất.

5. Tốc độ xử lý và đáp ứng kịp thời nhanh chóng cho lượng lớn người dùng.

6. Cookies được sử dụng để duy trì thông tin trạng thái khi vào các trang khác nhau trên một website hoặc ghé thăm lại
website vào một thời điểm khác. Được thiết kế để kiểm tra nếu như chức năng cookies đã được bật lên và sẽ thông báo
trên màn hình nếu chức năng cookies không được hỗ trợ.

7. Hệ thống CMS năng động, được xây dựng chủ yếu với các nhóm chức năng (module) gắn kết phù hợp tổng thể cấu
trúc chung. Có khả năng mở rộng và tích hợp mới API (Application programming interface) từ các nguồn khác bên
ngoài website. Các module có thể hoạt động độc lập được điều hành bởi webmaster và các cấp người dùng liên quan
tương tác với hệ thống .

KIẾN NGHỊ GIẢI PHÁP THIẾT KẾ VÀ PHÁT TRIỂN WEBSITE

PHẦN 2:
FRONT END - GIAO DIỆN THIẾT KẾ VÀ LẬP TRÌNH HTML
1. THIẾT KẾ:

1.1. Tiêu chuẩn thiết kế:

• Thiết kế theo nhiều phong cách khác nhau, theo đúng
quy chuẩn thương hiệu của Quý công ty.

• Các hiệu ứng kỹ thuật mới nhất được sử dụng trên từng
trang, tính chất hiện đại và đa dạng về hình chuyển động,
tải nhanh các nội dung phù hợp cho việc tiếp thị quảng bá
thương hiệu.

• Video clip (video background) và các hiệu ứng chuyển động

phức tạp (Canvas) tạo ra các tương tác hấp dẫn sẽ làm tăng giá trị
thông tin trên website.

1.2. Hình ảnh:

• Tất cả hình ảnh trên website được thiết kế hoàn toàn riêng biệt, không sử dụng hoặc sao chép các mẫu có sẵn
(template) để bảo đảm tính thẩm mỹ riêng biệt, bản quyền của Quý công ty.

• Tất cả hình ảnh đều được tối ưu hoá về mặt băng truyền và tái sử dụng từ cache của hệ thống để giảm thiểu thời gian
tải về.

• Hình ảnh sử dụng theo tiêu chuẩn của tập tin dùng cho website (jpg, png, svg,...).

• Website được thiết kế màu sắc chuẩn RGB color.

1.3. Kiểu chữ:

• Chữ trên site được sử dụng các loại font chuẩn unicode (Arial, Helvetica, Times, ...) từ các thiết bị.

• Các kiểu chữ tiêu đề (H1,H2,H3,...) được sử dụng font chuẩn unicode từ nguồn Goolge Fonts đa dạng.

• Về mặt mỹ thuật, các chữ tiêu đề trên site cần dùng các font chữ đặc biệt không có sẵn trong hệ thống unicode sẽ
được thiết kế lại bằng hình vector tạo được độ sắc nét trên mọi thiết bị.

KIẾN NGHỊ GIẢI PHÁP THIẾT KẾ VÀ PHÁT TRIỂN WEBSITE

2. LẬP TRÌNH HTML (FRONT END):

2.1. Giao diện hiển thị trang web (Front-end):

• HTML5 và CSS3 là nền tảng giao diện hiển thị, linh hoạt thay đổi kích thước
giao diện cho phù hợp cho mọi thiết bị (Responsive website).

• Javascript (ES6) và Jquery được sử dụng để tạo hiệu ứng và

điều khiển trang web theo giao diện thiết kế phức tạp. Tạo
thêm các chức năng điều kiển hình ảnh phù hợp với các
thiết bị có độ phân giải cao (Retina Display, 4K, 5K).

• Hình ảnh vector graphics được thiết kế cho việc chuyển

động giúp website luôn hiển thị các chi tiết sắc nét, linh
động ( logo website, loading, các mảng màu nhận diện,
họa tiết, ...)

• Hình ảnh bitmap graphics được thiết kế có kích thước lớn (1440
pixel - 20000 pixel) phù hợp cho mọi giao diện màn hình nhưng vẫn
đảm bảo kích thước file đúng tiêu chuẩn (<300KB)

• Canvas và video được lập trình giúp tải nhanh, xem trọn màn hình (full-screen) tạo tính thẩm mỹ cao cũng như các
tương tác thông minh.

2.2. Các tập tin định kiểu theo tầng:

• Cascading Style Sheet (CSS3) được sử dụng để tận dụng tính uyển chuyển, sự chuyển động, bảo đảm sự nhất quán,
sắp xếp các nội dung theo nhiều cách da dạng.

• Khi sử dụng các trang web có nhiều thông tin cần được tải về nhanh [ tiết kiệm được bộ nhớ của thiết bị (Ram), băng
truyền khi tải website (bandwidth) ].

• CSS được viết theo chuẩn World Wide Web Consortium (W3C). Có khả năng nhận biết kích thước của thiết bị.

2.3. Áp dụng Node JS:

• Node.js là JavaScript runtime được xây dựng dựa trên engine JavaScript V8 của Google Chrome, hệ thống nén của
Node.js, (NPM) là giải pháp tối ưu hiện nay.

• Toàn bộ Javascript, css, html, image SVG, image JPG, image PNG có trên website sẽ được lập trình sẳn sử dụng giải
pháp nén thông qua Node.js.

KIẾN NGHỊ GIẢI PHÁP THIẾT KẾ VÀ PHÁT TRIỂN WEBSITE

PHẦN 3:
BACK END - CSM VÀ DATABASE
1. Giao diện cho người quản trị thông tin website
(Back-end):
• CMS (Content management system) được thiết kế có giao
diện và chức năng tương thích trực tiếp với giao diện hiển
thị (Front-end), có thể thao tác trên các thiết bị di động.
(Responsive CMS)

• Các tính năng hiển thị và chức năng cập nhật dữ liệu
thật đơn giản giúp cho việc nhập liệu thuận tiện, nhanh
chóng và chính xác (không cần am hiểu nhiều về IT)

• CMS tích hợp sẵn chức năng quản lý liên kết các mạng xã hội,
Google map, Google Analytics cho website.

• Tính năng thay đổi kích cỡ hình (image resize) cho thiết bị di động, kết hợp với giải pháp nén thông qua Node.js
• CMS được thiết kế nhập liệu nhiều ngôn ngữ song song trên cùng 1 giao diện.
• Có chức năng chọn các trang tích hợp với AMP (Accelerated Mobile Pages) dành cho tìm kiếm nhanh trên mobile.
• Chú thích cụ thể các khu vực nhập liệu, công cụ chuyển đổi ngôn ngữ trên các menu chính, menu phụ, các từ khóa,...
• CMS có khả năng phân chia quản lý tài khoản quản trị website (Manage Administrator Account)

2. Database và CMS (Content management system):

2.1. Database (My SQL):

• Thiết lập Database table được định nghĩa và tên phù hợp cho từng ID logic với cấu trúc website, có thể mở rộng
không giới hạn ID cho việc thêm mới.

• Thiết lập cơ sở dữ liệu trên máy lưu trữ (Host Windows Server 2016 hoặc mới hơn) với tên và mật khẩu (user name,
password).

2.2. Ngôn ngữ PHP (MVC):

• Mô hình MVC được sử dụng để phát triển website, cung cấp một mô hình năng suất cao nhằm thúc đẩy mã (code)
sạch với kiến trúc phát triển và khả năng mở rộng.

• Mô hình MVC là một khung phát triển website mang lại hiệu quả cao với kiến trúc mô hình gọn gàng chia thành ba
phần chính là Model – View – Controller.

KIẾN NGHỊ GIẢI PHÁP THIẾT KẾ VÀ PHÁT TRIỂN WEBSITE

+ Model: Là nơi chứa những nghiệp vụ tương tác với dữ liệu bao gồm các class/ function xử lý nhiều nghiệp vụ như
kết nối với database, truy vấn dữ liệu.

+ View: Là phần hiển thị giao diện, tương tác với người dùng.

+ Controller: Là phần xử lý và điều hướng các hành động của

client, từ đó đưa ra các xử lý với database nếu có. Hay nói cách
khác Controller là cầu nối giữa View và Model.

• MVC Framework được xây dựng các thành phần độc lập
dễ phát triển, dễ bảo trì nâng cấp.

3. Ưu điểm của PHP MVC

• Gọn nhẹ: Framework không sử dụng ViewState, hỗ trợ
ứng dụng trong việc làm giảm băng thông của các request
khi truy cập.

• Các website được phát triển bởi PHP MVC thường hoạt động ổn định,
mượt mà, tốc độ tải trang tốt, mang lại sự thân thiện cho người dùng. PHP MVC
có độ truy xuất dữ liệu nhanh, hỗ trợ lưu trữ dung lượng lớn.

• Độ bảo mật của PHP MVC rất cao. Hiện nay đây là ngôn ngữ lập trình được các chuyên gia trong ngành đánh giá khả
năng chống tấn công mạng cao nhất.

• Hỗ trợ nhiều cơ chế Cache như: Memory Cache, Output Cache… việc này làm giảm tải hệ thống server khi có số
lượng truy cập nhiều cùng một thời điểm.

4. Tính năng & Tiện ích CMS do BTQ phát triển

4.1. Tính năng:

• Module quản lý người dùng và nhóm người dùng:
Nhóm người dùng của hệ thống được quản lý và chia thành các nhóm có các quyền khác nhau trên từng chuyên mục,
từng chức năng của hệ thống CMS, tuân thủ chặt chẽ quy trình xuất bản tin bài.

• Module quản lý quy trình xuất bản:

Tin bài trong hệ thống CMS được xử lý theo quy trình khép kín từ khi viết tin bài mới tới lúc tin bài được xuất bản trên
trang. Mỗi bài viết trước khi xuất bản trên trang được kiểm duyệt qua nhiều bước.

KIẾN NGHỊ GIẢI PHÁP THIẾT KẾ VÀ PHÁT TRIỂN WEBSITE

• Module quản lý chuyên mục:
Toàn bộ các chuyên mục trên website được quản lý động (dynamic) hoàn toàn, người quản trị có thể thêm, bớt hoặc
thay đổi số lượng, tên và vị trí của chuyên mục mà không cần có sự can thiệp
của đội ngũ phát triển ứng dụng.

• Module hỗ trợ soạn tin bài:

Người dùng khi được cấp quyền sẽ dễ dàng viết bài, chỉnh
sửa bài bằng công cụ soạn thảo được tích hợp nhiều chức
năng tiện ích như thực hiện trên các phần mềm xử lý văn
bản chuyên nghiệp (như Microsoft Office Word của
Microsoft), đồng thời CMS cung cấp thêm các tính năng
quan trọng khác chèn hình ảnh, chèn video từ Youtube,
chèn biểu đồ lập trình từ canvas, XML, …

• Module quản lý theo dòng sự kiện, sản phẩm nổi bật:

Module này cho phép người quản trị tạo mới, sửa thông tin
theo từng chuyên mục, từng sản phẩm, đặt giờ tự động cho thông
tin xuất hiện trên trang theo thời gian có quy định hoặc ưu tiên theo hệ
thống.

• Module quản lý thư viện:

Module này quản lý các tài nguyên do người dùng tải lên bao gồm file văn bản, hình ảnh, video, …

• Module quản lý banner quảng cáo:

Trình diễn các hiệu ứng banner quảng cáo, các canvas animation, video,... được hoạt động trên tất cả các thiết bị truy
cập website.

• Module quản lý địa điểm trên bản đồ Google:

Người dùng chỉ cần nhập địa chỉ hệ thống sẽ tự tạo ra điểm (marker) chấm trên bản đồ (Google map) và tích hợp vào
website việc này giúp quản lý toàn bộ các đại lý, văn phòng,... thuận tiện nhất.

5. Tiện ích CMS

Ngoài những tính năng cơ bản nói trên, hệ thống CMS của B.T.Q còn có những tiện ích nổi bật khác như:

• Module hỗ trợ nhiều ngôn ngữ: Module này được thiết kế nhập liệu nhiều ngôn ngữ song song trên cùng giao diện
và kiểm tra các phần thông tin nhập liệu chưa đồng nhất khi sử dụng website đa ngôn ngữ.

• Module quản lý hình ảnh: Module này tích hợp chức năng quản lý hình ảnh, file.. Cho phép người quản trị chèn
hoặc kéo thả file, hình ảnh… đem lại sự thuận tiện cho người sử dụng. Ngoài ra khi upload hình ảnh hệ thống còn có
chức năng Crop tool cho ảnh theo từng kích cỡ mà người quản trị muốn tinh chỉnh.

KIẾN NGHỊ GIẢI PHÁP THIẾT KẾ VÀ PHÁT TRIỂN WEBSITE

• Module tìm kiếm:
Module giúp người quản trị tìm kiếm thông tin một cách nhanh nhất có chức năng tìm kiếm, tìm kiếm nhanh, tìm
kiếm theo danh mục, theo trạng thái…

• Module dịch nội dung front-end:

Module này cho phép người quản trị dịch các text, button,
slogan, alert ,... hiển thị khi website có đa ngôn ngữ.

• Module script insert:

Module tích hợp sẵn chức năng quản lý liên kết các trang
mạng xã hội Facebook, Youtube, Zalo,.. quản lý thông tin
truy cập thông qua Google Analytics.
Quản lý các API tool như LiveChat, Facebook Messenger,...

• Sitemap XML:
Là sơ đồ trang web giúp Google Bot nhận ra cấu trúc
website và lưu lại toàn bộ thông tin cấu trúc này vào hệ thống
Google Search Console.
Việc này rất quan trọng đối với công tác SEO, module này tự động sinh ra sitemap
mới mỗi khi thông tin trên website được cập nhật và đánh chỉ mục trên Google tìm kiếm, giúp cho việc thao tác SEO
lên Top nhanh hơn.

• Generated AMP (Accelerated Mobile Pages):

Module này được thiết kế sẵn trong phần quản trị website với mục đích cần tìm nhanh các dịch vụ, sản phẩm của
doanh nghiệp, tích hợp chuẩn hóa để tương thích với hệ thống search google dành cho mobile.

• Module quản lý thành viên, thông tin cá nhân:

Quản trị toàn bộ thông tin thành viên và các thông tin cá nhân khi đăng ký hoặc tương tác qua đăng nhập bởi google
mail hoặc facebook.

• Module quản lý thông tin đặt hàng (Shopping Cart):

Quản lý từng đơn hàng như: thông tin cá nhân, lịch sử đơn hàng, trạng thái, thông tin đã xem, thông báo,... Đây là
module quản trị logic và chi tiết khi website có tương tác với các giao dịch đặt mua online. Module được phát triển
theo từng website có các quy trình riêng biệt.

• Sử dụng Node js :
Module sẽ nén toàn bộ các files có liên quan đến phần Front-end giúp load trang nhanh hơn hoặc khi admin cần nén
các hình ảnh thông qua CMS.

KIẾN NGHỊ GIẢI PHÁP THIẾT KẾ VÀ PHÁT TRIỂN WEBSITE

PHẦN 4:
SEO – HỖ TRỢ TIẾP THỊ
1. Xác định cấu trúc theo chuẩn:
Meta-tags được sắp sếp đúng theo tiêu chuẩn tìm kiếm
• Meta được sử dụng để hỗ trợ việc tìm kiếm website trên các
cơ chế tìm kiếm thông tin (Google, Bing, Coccoc...).
• Các Meta chuẩn bao gồm: Page Title, Description, Keywords,
Copyright, Languague, Location, Type, Property, Robots, …
được sắp đặt hoàn chỉnh, chính xác đúng theo từng vị trí. Các
meta hỗ trợ liên kết với các mạng xã hội Facebook, Twitter, ...)
• Meta xác định ngôn ngữ sử dụng (hreflang tags), thiết bị truy cập
website (viewport tag), vị trí người đang xem website (og: locale)… ,
nhận dạng đúng tính thân thiện của website thông qua công cụ Google
develop như Lighthouse, PageSpeed Insights.

2. Tạo các URL "thân thiện" với Search engines

• Các Url của trang không chứa các ký tự đặc biệt như "?" hoặc "&" để các search engine có thể dò tìm và chỉ ra trang
web một cách nhanh chóng. Vì các trang web động (dynamic) có dùng ký tự đặc biệt này thường bị các công cụ tìm
kiếm bỏ qua hoặc xếp vào hạng đợi để đánh chỉ mục (index) rất chậm do nhiều lý do kỹ thuật.
• Thiết lập công cụ chèn từ khóa cho phép chèn được vào tất cả các trang trên website, tăng khả năng tìm kiếm cho từ
khóa (keywords).

3. Các tiêu chí kỹ thuật tạo bộ code tương thích SEO

• Mỗi trang chỉ có thể đặt 1 thẻ H1 được định sẵn trên trang và phần soạn thảo khác được quản trị qua CMS.

Hạng mục Giải pháp

Thẻ H Sử dụng H2, H3, span... chèn thêm từ khóa, nội dung mô tả.

URL Rewrite url (tạo các đường link thân thiện với từ khóa)

Title Ghi dưới 70 ký tự, tránh các ký tự vô nghĩa; Các cụm từ cách nhau bằng dấu phẩy (,). Mặc định title thông
thường là tên doanh nghiệp, tên website.

Meta Description Nội dung thẻ này sẽ hiển thị dưới tên website trong kết quả tìm kiếm.
Nên miêu tả nội dung hoạt động cần thiết để khách viếng thăm có thể hình dung ra.
Thẻ này nên gồm 158-160 ký tự.

Meta Keyword Giá trị thẻ này chứa các từ khóa cần thực hiện SEO, mỗi trang chỉ nên chứa khoảng 10-20 từ khóa. Nên có
sự liên quan giữa các từ khóa với title website.

Meta Property Gồm vị trí, ngôn ngữ, url, image,... image thông thường là logo của website (share các mạng xã hội).

Image - img Cần miêu tả ở ALT của từng hình trên website (rất quan trọng cho hình ảnh của sản phẩm)

Tiêu đề nội dung Tiêu đề nên sử dụng thẻ H (từ H2 đến H3) là tốt nhất, có thể dùng nhiều thẻ H2 và H3 trên một trang

KIẾN NGHỊ GIẢI PHÁP THIẾT KẾ VÀ PHÁT TRIỂN WEBSITE

PHẦN 5:
BẢO MẬT HỆ THỐNG CMS
Đối với một hệ thống CMS vấn đề bảo mật luôn được quan tâm
hàng đầu, đặc biệt là các doanh nghiệp lớn. Hiểu được điều
đó, chúng tôi đã xây dựng lên bộ CMS với độ bảo mật cao,
nhằm hạn chế sự xâm nhập từ Hacker.

1. Security headers:
• Bao gồm Content Security Policy, X-XSS-Protection,
X-Frame-Options, X-Content-Type-Options, Access-Control-Al-
low-Origin, Public-Key-Pins. Được khai báo đúng quy chuẩn bảo
mật.
• Ngăn chặn các phương thức tấn công Anti XSS (Cross Site Scripting),
CSRF (Cross Site Request Forgery), Cookie Stealing, Over Posting. Được cấu
hình trong web.config kết hợp với PHP MVC.

2. Source code:
• Tránh việc copy, dùng tool download giao diện front-ent, website được nén toàn bộ các files js, css, html,image,...
không thể tái sử dụng.

3. Có chức năng mã hóa:

• Được mã hoá bảo đảm tính bảo mật, thiết lập username và passwords , qui định thời gian time-out khi đăng nhập. Mã
hóa các dữ liệu cá nhân quan trọng trong cơ sở dữ liệu.

4. Sử dụng công nghệ bảo mật web:

• Công nghệ hỗ trợ đầy đủ các phương thức bảo mật với xác thực hai lớp (2-Factor Authentication), đăng nhập thông
qua dịch vụ bên thứ ba như: tài khoản Google(Gmail), Facebook, Twitter.., Hỗ trợ chức năng đổi mật khẩu, lấy lại mật
khẩu.

5. Sử dụng Recaptcha Google

• Mỗi biểu mẫu (Form) lấy thông tin đều thiết lập recaptcha nhằm tránh việc tấn công ddos.

6. Sử dụng Token:
• Khi User gửi thông tin thông qua Form hệ thống sẽ kiểm tra Token tồn tại hoặc không tồn tại nếu Token bị thiếu, giá
trị không đúng hệ thống sẽ không xử lý yêu cầu này, việc này ngăn chặn tấn công giả mạo.

8. Validate form với javascript:

• Kiểm tra tính hợp lệ của dữ liệu trước khi dữ liệu được cập nhật vào website (Loại bỏ những User có ý đồ xấu muốn
phá hoại hoặc gây cản trở công việc của người quản trị).

9. Phân quyền: theo từng cấp độ trên máy chủ Server cho các thư mục website có liên quan đến việc cập nhật

KIẾN NGHỊ GIẢI PHÁP THIẾT KẾ VÀ PHÁT TRIỂN WEBSITE

PHẦN 6:
KẾ HOẠCH THỰC HIỆN
I. Thời gian dự kiến: 50 ngày. Phân bố như sau:
1. Bước 1: Thiết kế layout . Thời gian thực hiện: 5 ngày
Căn cứ vào logo và bộ qui chuẩn của logo và các tài liệu do
Quý Công Ty cung cấp chúng tôi sẽ thiết kế giao diện trang
chủ và hệ thống menu chính và phụ của website. Minh họa
giao diện trên thiết bị (Desktop). Trong trường hợp layout chưa
được chọn hoặc cần chỉnh sửa, chúng tôi sẽ thực hiện lại trong
3 ngày.

2. Bước 2: Thiết kế các trang trong của website (Hoàn thiện phần
thiết kế đồ họa). Thời gian thực hiện: 7 ngày
Căn cứ kết quả làm việc ở bước 1, căn cứ bảng mô tả cấu trúc thông tin và chức năng
website, chúng tôi sẽ thiết kế tất cả các trang của website trên thiết bị (Desktop). Trong trường hợp layout
chưa được chọn hoặc cần chỉnh sửa, chúng tôi sẽ thực hiện lại trong 5 ngày.

3. Bước 3: Hoàn thiện trang front-end của website (giao diện website). Thời gian thực hiện: 15 ngày
Lập trình HTML, CSS, CSS3, jQuery, Javasript, Canvas, chuyển động SVG, Video cho các trang giao diện thiết kế nói trên,
hoàn thiện phần front-end tương thích cho mọi thiết bị. Kết quả giai đoạn này sẽ đưa lên đường dẫn test: http://digi-
tal-marketing.com.vn/test và thông báo Quý Công Ty nghiệm thu online.

4. Bước 4: Hoàn thiện website. Thời gian thực hiện: 18 ngày

Sau khi hoàn thiện trang front-end, chúng tôi tiến hành phát triển toàn diện website, cụ thể như sau:
• Phát triển trang quản trị thông tin (CMS) của website.
• Xây dựng cơ sở dữ liệu (database): ngôn ngữ database.
• Testing website.
• Viết hướng dẫn sử dụng.

5. Bước 5: Nghiệm thu. Thời gian thực hiện: 5 ngày

Kết quả giai đoạn này sẽ đưa lên đường dẫn test: http://digital-marketing.com.vn/test_code và thông báo Quý Công
Ty nghiệm thu online.

6. Bước 6: Tập huấn. [ Thời gian thực hiện: 1 buổi ]

Hướng dẫn sử dụng các chức năng của website.

Thời gian ở đây không bao gồm thời gian Quý Công Ty xem, duyệt, sửa chữa; không bao gồm thời gian chúng tôi chờ
Quý Công Ty cung cấp hình ảnh, thông tin thực hiện công việc; không bao gồm thứ bảy, chủ nhật và các ngày lễ, tết.

KIẾN NGHỊ GIẢI PHÁP THIẾT KẾ VÀ PHÁT TRIỂN WEBSITE

III. Bảo hành:

1. Bảo hành website trong một năm kể từ ngày ký nghiệm thu.

2. Nếu có trục trặc gì trong thời gian bảo trì này, chúng tôi sẽ chịu trách nhiệm sửa chữa trong 3 ngày làm việc sau khi
nhận được thông báo từ Quý Công Ty. Việc bảo trì được định nghĩa ở đây là các vấn đề lỗi về các liên kết trên website
và các lỗi thông thường khác với điều kiện source web còn nguyên vẹn (không bị can thiệp bởi Quý Công Ty hay bên
thứ 3 bất kỳ).

3. Sau thời gian bảo hành, trong điều kiện source web còn nguyên vẹn (không bị can thiệp bởi bên A và / hoặc bên
thứ 3 bất kỳ), trên website có cụm từ “Develop by 3graphic”, chúng tôi sẽ tiếp tục bảo hành vô thời hạn.

IV. Bản quyền:

Website do chúng tôi thiết kế và phát triển thuộc bản quyền của chúng tôi. Khi Quý Công Ty thực hiện xong các điều
khoản thanh toán của hợp đồng, chúng tôi sẽ chuyển toàn bộ quyền sở hữu cho Quý Công Ty.

IV. Bàn giao:

1. Tài liệu hướng dẫn quản trị thông tin website.

2. Chuyển giao công nghệ (CD chứa source website).

3. Bàn giao quyền sở hữu website, quyền sử dụng.

Bảng kiến nghị này dựa trên giải pháp hiện thời do B.T.Q đề nghị.
Tuỳ theo yêu cầu thay đổi của Quý Công Ty, khối lượng công việc sẽ phải thay đổi
và toàn bộ kế hoạch phát triển, giá thành, lịch trình
sẽ thay đổi theo để phản ánh đúng thực tế của dự án.

KIẾN NGHỊ GIẢI PHÁP THIẾT KẾ VÀ PHÁT TRIỂN WEBSITE