Thiết kế web bán hàng trực tuyến bằng opencart

Thiết kế web bán hàng trực tuyến bằng opencart

TRUNG TÂM ĐÀO TẠO ATHENA QUẢN TRỊ MẠNG VÀ AN NINH

Giáo viên hướng dẫn: Đỗ Võ Thắng

Sinh viên thực tập: Lâm Hoài Nhân

Ngành: Công Nghệ Thông Tin

TP.HCM, ngày 22 tháng 4 năm 2014

LỜI NÓI ĐẦU

- -Hiện nay trên thế giới thương mại điện tử đang phát triển rất mạnh mẽ Kỹ thuật sốgiúp chúng ta tiết kiệm đáng kể các chi phí nhờ chi phí vận chuyển trung gian, chi phí giaodịch và đặc biệt là giúp tiết kiệm thời gian để con người đầu tư vào các hoạt động khác Hơnnữa thương mại điện tử còn giúp con người có thể tìm kiếm tự động theo nhiều mục đíchkhác nhau, tự động cung cấp thông tin theo nhu cầu và sở thích của con người Giờ đây, conngười có thể ngồi tại nhà để mua sắm mọi thứ theo ý muốn và các website bán hàng trênmạng sẽ giúp ta làm được điều đó Chính vì vậy các công nghệ mã nguồn mở trở lên đượcchú ý vì các tính năng của nó

Giá thành rẻ và được hỗ trợ rất nhiều trên mạng sẽ giúp ta nhanh chóng xây dựng cácwebsite bán hàng thân thiện và dễ sử dụng với người dùng Chính vì vậy trong đồ án này em

chọn đề tài về: “Xây dựng Website bán hàng điện tử trực tuyến bằng Opencart” Đây là

1 hệ thống đơn giản nhưng đủ mạnh để cho phép nhanh chóng xây dựng các ứng dụng bánhàng trên Internet

Xin chân thành cảm ơn các bạn thực tập ở trung tâm Athena và các anh (chị ) trongtrung tâm đã hỗ trợ em trong suốt thời gian học tập và làm tốt nghiệp Cuối cùng em xin gửilời cảm ơn đến gia đình, bạn bè, người thân đã giúp đỡ động viên em rất nhiều trong quá trìnhhọc tập và làm Đồ án Tốt Nghiệp Do thời gian thực hiện có hạn, kiến thức còn nhiều hạn chếnên Đồ án thực hiện chắc chắn không tránh khỏi những thiếu sót nhất định

Em rất mong nhận được ý kiến đóng góp của thầy cô giáo và các bạn để em có thêmkinh nghiệm và tiếp tục hoàn thiện đồ án của mình

Em xin chân thành cảm ơn!

TP.HCM, ngày 22 tháng 04 năm 2014

Sinh viên thực hiện:

LÂM HOÀI NHÂN

TRƯỜNG CAO ĐẲNG KINH TẾ - KỸ THUẬT

VINATEX TP HCM

KHOA NGOẠI NGỮ - TIN HỌC

CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM

Độc lập – Tự do – Hạnh phúc

TP Hồ Chí Minh, ngày tháng năm 2014

PHIẾU NHẬN XÉT SINH VIÊN THỰC TẬP TỐT NGHIỆP

Họ tên sinh viên:

Khóa:

Khoa Công nghệ Thông tin, Trường cao Đẳng Kinh tế - Kỹ Thuật Vinatex TP.HCMchân thành cảm ơn Quý Công ty, Nhà máy, Cơ quan đã chấp thuận cho sinh viên Khoa chúngtôi được thực tập tốt nghiệp tại Quý đơn vị

Nhằm đánh giá chất lượng, kết quả thực tập của sinh viên của Khoa và đưa ra phươnghướng cải tiến chương trình đào tạo trong thời gian tới Khoa kính đề nghị Quý đơn vị nhậnxét sinh viên thực tập tốt nghiệp theo các tiêu chí như sau:

1 Thái độ chấp hành Nội quy – Qui định của cơ quan:

 Rất nghiêm túc  Nghiêm túc  Chưa nghiêm túc

2 Đánh giá năng lực chuyên môn:

 Xuất sắc  Giỏi  Khá  Trung bình  Yếu

3 Đánh giá khả năng tiếp cận với thực tiễn của cơ quan:

 Xuất sắc  Giỏi  Khá  Trung bình  Yếu

4 Đánh giá khả năng ngoại ngữ:

 Xuất sắc  Giỏi  Khá  Trung bình  Yếu

5 Đánh giá khả năng tin học:

 Xuất sắc  Giỏi  Khá  Trung bình  Yếu

6 Khả năng làm việc nhóm

 Xuất sắc  Giỏi  Khá  Trung bình  Yếu

7 Khả năng giao tiếp

 Xuất sắc  Giỏi  Khá  Trung bình  Yếu

8 Các ý kiến đóng góp cho Khoa – Trường:

Email: Điện thoại:

Loại hình đơn vị:  Nhà nước  Tư nhân  Liên doanh  Nước ngoài

XÁC NHẬN CỦA ĐƠN Vị

(Ký tên và đóng dấu xác nhận) CÁN BỘ HƯỚNG DẪN(Ký tên và ghi họ tên)

M C L C Ụ Ụ CHƯƠNG I: NỘI DUNG THỰC TẬP TẠI NƠI THỰC TẬP 1

LỊCH LÀM VIỆC TẠI NƠI THỰC TẬP 1

1 GIỚI THIỆU VỀ TỔ CHỨC CỦA NƠI THỰC TẬP 1

Giới thiệu chung về trung tâm 1

Lĩnh vực hoạt động chính: 2

Đội ngũ giảng viên : 2

TRUNG TÂM ĐÀO TẠO QUẢN TRỊ MẠNG & AN NINH MẠNG QUỐC TẾ ATHENA 8

CHƯƠNG II: PHÂN TÍCH YÊU CẦU XÂY DỰNG WEBSITE 9

I Phân Tích Yêu Cầu 9

1 Bài toán đưa ra 9

2 Sơ đồ user goal 10

3 Sơ đồ class diagram 11

4 Sơ đồ trang web 11

5 Một số bảng cơ sở dữ liệu tiêu biểu 12

II Tìm Hiểu Về Mã Nguồn Mở 14

1 Khái niệm 14

2 Giới thiệu về một số mã nguồn mở 14

III Tìm Hiểu Về OpenCart 15

1 Kiến trúc của Opencart 15

2 Opencart là một hệ thống giỏ hàng 18

IV Công Cụ Lập Trình 19

1 DreamWeaver 19

2 Công cụ đồ họa 19

3 XAMPP 20

4 FileZilla Client 20

5 Cài đặt Xampp Control Panel v3.2.1 20

6 Cài đặt Opencart 21

V Chỉnh Sửa Website Tại Trang Quản Trị 25

1 Chỉnh sửa cấu hình web 25

2 Tùy chỉnh danh mục sản phẩm, sản phẩm 28

3 Tùy chỉnh các modul cho website 32

4 Tùy chỉnh danh mục tin tức, tin tức 33

5 Tùy chỉnh liên kết – silde – banner 34

CHƯƠNG III: ĐƯA WEBSITE LÊN HOSTING VÀ TÍCH HỢP CÁC CHỨC NĂNG KHÁC CHO WEBSITE PHÁT TRIỂN 36

I Đưa Website Lên Hosting 36

1 Đăng ký hosting 36

2 Backup (Export) database của Website trên máy Local 39

CHƯƠNG IV: TỐI ƯU HÓA SEO, TẠO 1 SỐ PLUGINS XÃ HỘI CỦA FACEBOOK CHO

WEBSITE VÀ TÍCH HỢP CỔNG THANH TOÁN TRỰC TUYẾN BẢO KIM 47

I Tạo Like Box Cho Website Trên Fanpage 47

1 Tạo fanpage cho website 47

2 Tạo like box cho website 49

3 Đưa code like box vào website (product) 50

II Tối Ưu Hóa SEO 51

1 Dùng SEO URL’s 51

2 Tối ưu hóa seo tên sản phẩm và danh mục 52

3 Tối ưu hóa databas 52

III Tích Hợp Cổng Thanh Toán Trực Tuyến Bảo Kim 53

1 Tạo website cần tích hợp 53

2 Xác minh website 53

3 Tích hợp website 54

CHƯƠNG V GIỚI THIỆU VỀ WEBSITE BÁN HÀNG DÂN DỤNG 56

I Nội Dung Website 56

1 Giao diện trang chủ 56

2 Giao diện trang giới thiệu 57

3 Giao diện trang tuyển dụng 57

4 Giao diện sản phẩm điện tử 58

5 Giao diện chi tiết sản phẩm 59

6 Giao diện trang đăng nhập tài khoản 59

7 Giao diện đăng ký 60

KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 61

TÀI LIỆU THAM KHẢO 62

NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN

  

Giáo viên hướng dẫn: Đỗ Võ Thắng

Sinh viên thực tập: Lâm Hoài Nhân

Đề tài: Thiết kết website bán hàng dân dụng

Tp.HCM, ngày … tháng … năm 2014

ĐỖ VÕ THẮNG

CHƯƠNG I: NỘI DUNG THỰC TẬP TẠI NƠI THỰC TẬP

LỊCH LÀM VIỆC TẠI NƠI THỰC TẬP

Khi thực tập tại công ty Ban giám đốc của TRUNG TÂM ĐÀO TẠO QUẢN TRỊ MẠNG & AN NINH MẠNG QUỐC TẾ ATHENA đã đưa ra lịch thực tập cho sinh viên như sau:

hướng dẫn và trong tài liệu

Modun Thêm sản phẩm vào website

Web, chỉnh sửa bố cục của Web theo ý mình

Hai tuần đầu tham quan tất cả các phòng làm việc trung tâm.

Làm quen với máy tính của trung tâm

Xây dựng hệ thống quản lý.

1 GIỚI THIỆU VỀ TỔ CHỨC CỦA NƠI THỰC TẬP

Giới thiệu chung về trung tâm

Trung Tâm Đào Tạo Quản Trị Mạng & An Ninh Mạng Quốc

Tế ATHENA được thành lập từ năm 2004, là một tổ chức qui tụ nhiều trí thức trẻ

Việt Nam đầy năng động, nhiệt huyết và kinh nghiệm trong lãnh vực CNTT, vớitâm huyết góp phần vào công cuộc thúc đẩy tiến trình đưa công nghệ thông tin làngành kinh tế mũi nhọn, góp phần phát triển nước nhà

Lĩnh v c ho t đ ng chính: ự ạ ộ

Trung tâm  ATHENA đã và đang tập trung chủ yếu vào đào tạo  chuyên sâu 

quản trị mạng, an ninh mạng, thương mại điện tử theo các tiêu chuẩn quốc tế của cáchãng nổi tiếng như Microsoft, Cisco, Oracle, Linux LPI , CEH, Song song đó,

trung tâm ATHENA còn có những chương trình đào tạo cao cấp dành riêng  theo

đơn đặt hàng của các đơn vị như Bộ Quốc Phòng, Bộ Công An , ngân hàng, doanhnghiệp, các cơ quan chính phủ, tổ chức tài chính

+ Sau gần 10  năm hoạt động,nhiều học viên tốt nghiệp trung tâm ATHENA đã là

chuyên gia đảm nhận công tác quản lý hệ thống mạng, an ninh mạng cho nhiều bộngành như Cục Công Nghệ Thông Tin - Bộ Quốc Phòng , Bộ Công An, Sở ThôngTin Truyền Thông các tin, bưu điện các tỉnh

+ Ngoài chương trình đào tạo, Trung tâm ATHENA còn có nhiều chương trình hợp

tác  và trao đổi công nghệ với nhiều đại học lớn như đại học Bách Khoa Thành Phố

Hồ CHính Minh, Học Viện An Ninh Nhân Dân( Thủ Đức),  Học Viện Bưu ChínhViễn Thông, Hiệp hội an toàn thông tin (VNISA), Viện Kỹ Thuật Quân Sự ,

Đ i ngũ gi ng viên : ộ ả

+ Tất cả các giảng viên trung tâm ATHENA có điều tốt nghiệp từ các trường đại học hàng đầu trong nước Tất cả  giảng viên ATHENA đều phải có các chứng chỉ quốc tế như MCSA, MCSE, CCNA, CCNP, Security+, CEH,có bằng sư phạm Quốc tế (Microsoft Certified Trainer).Đây là các chứng chỉ chuyên môn bắt buộc

để đủ điều kiện tham gia giảng dạy tại trung tâm ATHENA

+ Bên cạnh đó,Các giảng viên ATHENA thường đi tu nghiệp và cập nhật kiến

thức công nghệ mới từ các nước tiên tiến như Mỹ , Pháp, Hà Lan, Singapore,

và truyền đạt các công nghệ mới này trong các chương trình đào tạo tại trung tâm ATHENA

 Cơ sở vật chất: 

+ Thiết bị đầy đủ và hiện đại.

+Chương trình cập nhật liên tục, đảm bảo học viên tiếp cận với những công nghệmới nhất

+ Phòng máy rộng rãi, thoáng mát

Dịch vụ hỗ trợ:

+ Đảm bảo việc làm cho học viên tốt nghiệp khóa dài hạn

+ Giới thiệu việc làm cho mọi học viên

+ Thực tập có lương cho học viên khá giỏi

+ Ngoài giờ chính thức, học viên được thực hành miễn phí, không giới hạn thờigian

+ Hỗ trợ kỹ thuật không thời hạn trong tất cả các lĩnh vực liên quan đến máy tính,mạng máy tính, bảo mật mạng

+ Hỗ trợ thi Chứng chỉ Quốc tế

Trung Tâm ATHENA - 2 Bis Đinh Tiên Hoàng , ĐaKao, Q1 , Tp HCM

Trung tâm ATHENA - 92 Nguyễn Đình Chiểu ,DaKao, Q1 , Tp HCM

Phát chứng chỉ cho các học viên hoàn thành khóa học

TRUNG TÂM ĐÀO TẠO QUẢN TRỊ MẠNG & AN NINH MẠNG QUỐC TẾ ATHENA

Cơ sở 1: 92 Nguyễn Đình Chiểu, phường Đa Kao, Q1 Điện thoại: (08)38244041

-090 78 79 477-094 323 00 99(Gần ngã tư Đinh Tiên Hoàng - Nguyễn Đình Chiểu) 

Cơ sở 2: 2 Bis Đinh Tiên Hoàng, phường Đa Kao, Q1 Điện thoại: (08)22103801

-094 320 00 88(Cạnh sân vận động Hoa Lư - Cách đài truyền hình Tp HTV 50 mét) Website:  http://athena.edu.vn  -  http://athena.com.vn

E-mail : support @athena.edu.vn    -   tuvan@athena.edu.vn

CHƯƠNG II: PHÂN TÍCH YÊU CẦU XÂY DỰNG WEBSITE

I Phân Tích Yêu Cầu

Cửa hàng điện máy Trung Thành chuyên cung cấp thiết bị dân dụng: Điện thoại,máy tính, điện tử các loại, tivi các loại, thiết bị nhà bếp các loại, gia dụng các loại Hiện nay cửa hàng có nhu cầu xây dựng Website giới thiệu các mặt hàng Trong mỗi loại gồm có:

- Máy tính các loại

- Tivi các loại

- Điện thoại các loại

Yêu cầu mỗi loại phải có ảnh đại diện và mô tả cụ thể Hệ thống phải cho phép khách hàng đặt hàng và gửi đơn đặt hàng cho người quản lý Trên web có các tiện ích như: sản phẩm tiêu biểu, sản phẩm mới nhất, thống kê lượt truy cập… Để xây dựng được Website này em sử dụng hệ mã nguồn mở Opencart, hiện đang là một hệ

mã nguồn rất phổ biến và được hỗ trợ rất nhiều trên các cộng đồng mạng

a Yêu cầu khách hàng

Là những người có nhu cầu cần xem và tìm hiểu các loại mặt hàng Họ sẽ tìm kiếm các thông tin cần thiết từ hệ thống và đặt mua các mặt hàng này Vì thế trang web phải thỏa mãn các chức năng sau sở hữu tổng thể Những gì nhiều hơn, cải tiếnmới cho phép các ứng dụng chạy nhanh hơn

- Hiển thị các mặt hàng để khách hàng có thể lựa chọn và xem các mặt hàng cần lựa chọn

- Cung cấp chức năng tìm kiếm các mặt hàng Với nhu cầu của người sửdụng khi truy cập vào trang web là tìm kiếm các mặt hàng mà họ cần và muốnxem Đôi lúc cũng có nhiều khách hàng vào website này mà không có ý định xemhay không biết xem gì thì yêu cầu đặt ra cho hệ thống là làm thế nào để kháchhàng có thể tìm kiếm nhanh và hiệu quả các mặt hàng mà họ cần tìm

- Sau khi khách hàng lựa chọn xong những mặt hàng cần đặt mua thì hệ thốngphải có chức năng hiển thị đơn đặt hàng để khách hàng nhập vào những thông tincần thiết, tránh những đòi hỏi hay những thông tin yêu cầu quá nhiều từ phía kháchhàng, tạo cảm giác thoải mái, riêng tư cho khách hàng

- Ngoài ra, còn có một số chức năng như đăng kí, đăng nhập Khách hàng có

thể thay đổi mật khẩu của mình Khi bạn quan tâm đến thông tin về website như: tintức hay giá cả, bạn có thể nhập địa chỉ email vào, bạn có thể nhận được các thông tin cập nhật từ website

b Phía cửa hàng

- Thông tin luôn cần đến hệ thống menu rõ ràng và nghiêm túc Hệ thống menu này sẽ là nơi người dùng chú ý đầu tiên vì ở đó chứa hầu hết các đề mục quantrọng mà họ đang tìm hiểu

- Là người làm chủ ứng dụng, có quyền kiểm soát mọi hoạt động của hệ thống Người này được cấp một username và password để đăng nhập vào hệ thống thực hiện những chức năng của mình

- Có thể quản lý được các chức năng (thêm, xóa, sửa) của các mặt hàng trong web

Sơ đồ 2.1: Mô hình user goal

3 Sơ đồ class diagram

Sơ đồ 2.2: Sơ đồ class diagram

- Mỗi khách hàn sẽ quản lý nhiều đơn hàng, nhiều phản hồi từ website bán hàng

và có 1 tài khoản duy nhất

- Một lần giao hàng có thể có nhiều hóa đơn hoặc chỉ có 1 hóa đơn

- Loại sản phẩm sẽ có nhiều sản phẩm và 1 sản phẩm chỉ thuộc về 1 loại sản phẩm

- Một nhà cung cấp sẽ cung cấp nhiều loại sản phẩm

- Đơ hàng và sản phẩm sẽ lằm trong rất hiều chi tiêt đơn hàng

Sơ đồ 2.1: Sơ đồ trang web

a Bảng user

Hình 2.1: Bảng csdl user

b Sản phẩm

Hình 2.2: Bảng sản phẩm

c Nhà sản xuất

Hình 2.3: Bảng nhà sản xuất

d Thông tin tuyển dụng

Hình 2.4: Bảng thông tin tuyển dụng

Hình 2.7: Nhóm user

II Tìm Hiểu Về Mã Nguồn Mở

1 Khái niệm

Mã nguồn mở là thuật ngữ chỉ các sản phẩm, phần mềm công khai mã nguồn

mở (source code) Người dùng không phải trả một khoản chi phí nào, hơn thế nữa

họ có quyền xem, sửa đổi, cải tiến, nâng cấp theo một con số nguyên tắc chung quy

định trong giấy phép phần mềm nguồn mở General Public Licence – GPL Ông tổ của mã nguồn mở là Richard Stallman, người xây dựng dự án GNU, và cho ra giấy

phép mã nguồn mở GPL, hai nền tảng then chốt cho sự phát triển của mã nguồn mở

2 Giới thiệu về một số mã nguồn mở

a Joomla

Joomla là một hệ quản trị nội dung mã nguồn mở (Tiếng anh: Open source

content Mangment Stystems) Joomla được viết bằng ngôn ngữ PHP và kết nối cơ

sở dữ liệu MySQL, cho phép người sử dụng có thể dễ dàng xuất bản các nội dung của họ lên Internet

b WordPress

WordPress là một CMS, một mã nguồn mở và hoàn toàn miễn phí để làm blog, trang web cá nhân hoặc bất cứ gì mà bạn thích WordPress được viết bằng ngôn ngữ

lập trình PHP và sử dụng MySQL database WordPess là “con” của B2/Cafelog,

được xây dựng trên sự tiện dụng, cùng các mặc định chuẩn web

h OpenCart

Ngoài tính năng free thì Opencart được biết đến với các tính năng vốn có của nó

của 1 Opensource, là có thể sửa đổi, dễ dàng hiệu chỉnh, dễ cải tiến theo hướng pháttriển của bản thân người sử dụng Trong lĩnh vực thiết kế site bán hàng, Opencart quản lý hệ thống CMS lớn với phần mua hàng, điểm thưởng Điều mà người viết tâm đắc nhất ở Opensource là chế độ tự buid theme, tạo khả năng sáng tạo cho người dùng, cùng với chế độ quản lý điểm cộng, điểm thưởng, quản lý gian hàng cực kì rõ ràng và hiệu quả, tính dễ sử dụng cũng là một điều người viết cũng cân nhắc

Các Opensource mỗi loại đều có điểm mạnh riêng, không có loại nào hơn loại nào, nhưng từ khi người viết sử dụng Opencart thì ngạc nhiên với tính năng mà nó đem lại:

- Hệ thống tính điểm Coupon

- Thẻ quà tặng

- Xếp hạng các hạng mục sản phẩm

- SEO

- Tiền tệ

III Tìm Hiểu Về OpenCart

- Opencart là một giải pháp thương mại điện tử dựa trên kiến trúc MVC

(Model View Controller) MVC có nghĩa là mô hình (Model), xem (View), điều khiển (Controller).

- Các mô hình MVC (Model View Controller) là sự tách biệt của một ứng

dụng giao diện người dùng đồ họa (GUI) từ cốt lõi logic của nó Không có thiết

kế tuyệt đối cho MVC, nhưng như với bất kỳ mẫu thiết kế nào, nên thích ứng với tình huống đang phải đối mặt khi phát triển

- MVC là một mẫu kiến trúc phần mềm trong kỹ nghệ phần mềm Khi sử đúngcách, mẫu MVC giúp cho nhà phát triển phần mềm tách biệt các pha phát triển phần mềm riêng rẽ với các nguyên tắc nghiệp vụ và giao diện người dùng Phần mềm phát triển theo mẫu MVC tạo nhiều thuận lợi cho việc bảo trì vì các nguyên tắc nghề nghiệp và giao diện ít liên quan với nhau

Hình 2.7 : Kiến trúc mô hình MVC

- Khi người dùng cần tương tác hoặc thay đổi trạng thái của đối tượng đồ họa thì sẽ tương tác thông qua Controller của đối tượng đồ họa Controller sẽ thực

sẽ cập nhật lại thể hiện của mình, đảm bảo luôn thể hiện trực quan chính xác của

Model Còn Controller khi nhận được thông điệp tử Model, sẽ có những tương tác

phản hồi lại người sử dụng

Hình 2.8: Mô hình Tuần tự của MVC

a Ưu điểm

Ưu điểm mạnh nhất của MVC là nó giúp cho ứng dụng dễ bảo trì, module hóa các chức năng, và được xây dựng nhanh chóng MVC tách các tác vụ của

ứng dụng thành các phần riêng rẽ Model, View, Controller giúp cho việc xây

dựng ứng dụng nhanh hơn Dễ thêm các tính năng mới, dễ thay đổi các tính năng cũ Có được ưu điểm đó vì MVC tách biệt sự phụ thuộc giữa các thành phần trong một đối tượng đồ họa, làm tăng tình linh động Lúc đó có thể dễ dang thay đổi giao diện bằng cách thay đổi thành phần View trong khi

cách thức lưu trữ (Model) cũng như xử lý (Controller) không hề thay đổi

Tương tự có thể thay đổi Model và Controller mà những thành phần còn lại vẫn giữ nguyên.

b Nhược điểm

Đối với dự án nhỏ thì việc áp dụng mô hình MVC gây cồng kềnh, tốn thời gian trong quá trình phát triển, tốn thời gian chuyển dữ liệu giữa các tầng

c So sánh MVC và Three Layer

Một mô hình không thể không nhắc đến khi nhắc đến MVC đó là mô hình Three

Layer Khá phổ biến và có nhiều điểm tương đồng với MVC

Hình 2.9: Mô hình Three Layer

- Presentation Layer: Lớp này làm nhiệm vụ giao tiếp với người dùng để thu

thập dữ liệu và hiển thị kết quả

- Business Logic Layer: Lớp này xử lý chính các dữ liệu trước khi chuyển xuống Data Access Layer Đây là nới kiểm tra các yêu cầu nghiệp vụ, tính toán, xử lý các yêu cầu và lựa chọn kết quả trả về cho Presentation Layer.

- Data Access Layer: Lớp này thực hiện các nghiệp vụ liên quan đến lưu trữ và

truy xuất dữ liệu của ứng dụng

Có những điểm tương đồng với MVC như đều có 3 lớp nhưng vẫn có những điểm khác nhau cơ bản giữa hai mô hình này

Sự khác biệt rõ nhất là cách xử lý yêu cầu của Three Layer khác so với MVC:

- Ở Three Layer yêu cầu được nhận từ Presentation Layer rồi chuyển qua

Business Logic Layer để xử lý và được lưu trữ ở Data Access Layer

- Còn MVC khi yêu cầu được gửi từ Controller, Controller sẽ thực hiện việc

thay đổi trên Model Lúc đó Model sẽ có thông điệp đồng thời cho View và

- Ở MVC thành phần Model giữ chức năng giống như của cả lớp Business và

Data Access của Three Layer

- Three Layer được sử dụng trong lập trình ứng dụng, còn MVC được sử dụngnhiều trong lập trình Website

Hình 2.10: So sánh MVC với Three Layer

Như đã nói trên, Opencart đầu tư khá công phu cho việc sử dụng, quản lý cácgian hàng, và khách hàng Nó chứa các modul sử dụng các mục đích khác nhau,như giới thiệu sản phẩm, sản phẩm được đưa ra trưng bày…

a Ưu điểm và nhược điểm của opencart

- Ưu điểm:

 Cài đặt đơn giản và nhanh chóng

 Dễ dàng cấu hình và tùy chỉnh theo ý thích

 Coder dễ dàng nắm bắt và phát triển

 Template nhẹ nhàng, hỗ trợ nhiều Jquery

 Thân thiện với người sử dụng

 Hỗ trợ tốt về đa ngôn ngữ

 Format code rõ ràng theo chuẩn MVC

 Cộng đồng phát triển mạnh

 Hỗ trợ mutilstore

để cải tiến kinh nghiệm thiết kế web.

Các tính năng của các công cụ thiết kế trực quan trong Dreamweaver giúp ngườilập trình tạo ra một trang web mà không cần phải viết bất kỳ một dòng mã nào Cóthể quan sát tất cả các thành phần site hay tài nguyên web và kéo chúng vào tài liệumột cách dễ dàng từ một panel Ngoài ra, chúng ta còn có thể phát triển websitebằng cách tạo ra và chỉnh sửa các tấm ảnh trong các ứng dụng đồ họa khác,Dreamweaver còn cung cấp các công cụ giúp người ta có thể dễ dàng thêm các tàinguyên Flash vào trong các web

Ngoài các chức năng kéo và thả giúp chúng ta xây dựng các trang web,Dreamweaver còn cung cấp một môi trường viết mã chuyên nghiệp bao gồm cáccông cụ biên tập mã (chẳng hạn như: màu cú pháp, tự động đóng tab, và thu mã

thành một dòng), các bản tham khảo CSS, javacript, ColdFusion,… Công nghệ

RoundTrip HTML sẽ chèn vào những tài liệu viết tay mà không hề định dạng lại

mã, sau đó có thể chỉnh lại mã theo cách viết tùy thích

Dreamweaver còn giúp chúng ta xây dựng các ứng dụng web dựa trên cơ sở dữ

liệu, và các trang web động chẳng hạn như CFML (Confusion), ASP.NET, ASP,

JSP, và PHP Nếu như có sở thích dùng cơ sở dữ liệu SML, thì Dreamweaver sẽđưa cho người lập các công cụ mà giúp chúng ta dẽ dàng tạo ra các trang XSLT, cáctập tin XML, và thể hiện được dữ liệu XML trên trang web

Trong thực tế với Dreamweaver, chúng ta có thể tạo ra các đối tượng và các lệnhcho riêng bản thân mình, chúng ta còn có thể chỉnh sửa các phím tắt ứng dụng, hay

thậm chí viết thêm mã javascript vào phần Extend Dreamweaver tạo ra các

behavior mới, các thanh thuộc tính mới, và các báo cáo site

2 Công cụ đồ họa

Adobe Photoshop là phần mềm xử lý hình ảnh (image-proceesing software)

hiệu quả Phần mềm này là một công cụ không thể thiếu của các nhiếp ảnh gia, cácnhà thiết kế đồ họa, thiết kế web và biên tập video.

Ngoài ra Adobe Photoshop còn phối hợp rất tốt với các phần mềm của Adobenhư:

- Phần mềm vẽ trang trí và minh họa (illustration software) Adobe Illustrator.

- Phần mềm sắp chữ và trình bày (typesetting and layout software) Adobe

InDesign

- Phần mềm tạo hình ảnh động (Animation software) Adobe Flash.

- Phần mềm thiết kế trang web (Web design software) Adobe Dreamweaver

3 XAMPP

- Xampp là một ứng dụng để chạy Webserver trên máy tính mà không cần

phải mua hosting và domain

- Mọi người thường sử dụng để thực hành và phát triển web phục vụ cho việc

học tập và giải trí

- Xampp là viết tắt của X + Apache + Mysql + PHP + Perl

- Chữ X là cross (platfrom) ám chỉ dùng được cho cả 4 hệ điều hành khác

nhau: Windows, Linux, Solaris và MAC

4 FileZilla Client

- FileZilla Client là chương trình hỗ trợ truyền tải tập tin thông qua mạng

Internet sử dụng giao thức FTP (File Transfer Protocol) FileZilla Client là chương

trình miễn phí, có giao diện thân thiện, dễ sử dụng và tốc độ nhanh nên được nhiềungười sử dụng Đây là giải pháp dùng tải dữ liệu giữa máy tính cá nhân và các máychủ web

- Sử dụng FileZilla Client để quản lý dữ liệu cũng giống như quản lý tập tin

bằng trương trình Explorer của Windows hoặc các chương trình quản lý tập tin

thông dụng khác

5 Cài đặt Xampp Control Panel v3.2.1

Đầu tiên ta cần cài đặt Xampp để thiết lập môi trường

Các bước cài đặt Xampp

- Bước 1: Tải Xampp Control Panel v3.2.1 về máy

- Bước 2: Trước tiên bạn cần phải tắt bức tường lửa hay chương trình diệt virut Mở file cài đặt để tiến hành cái đặt Chọn next để tiếp tục

- Bước 4: Chọn next để tiếp tục cài đặt

- Bước 5: Chọn đường dẫn để cài đặt, đường dẫn mặc định là C:\xampp Chọnnext để tiếp tục cài đặt

- Bước 6: Chọn next để tiếp tục cài đặt

- Bước 7: Chọn next để tiếp tục cài đặt

- Bước 8: Nhấn Finish để kết thúc.Mở bảng điều khiển XAMPP Ở đó, chúng

ta sẽ thấy điều khiển riêng biệt cho Apache, MySQL, FileZilla, và Mercury Nhấp vào Startbutton để bắt đầu tính năng tương ứng Có một thông báo trạng thái của

trạng thái hiện tại của các tính năng được lựa chọn (Lưu ý: Apache và MySql phải

luôn ở trạng thái ‘running’ thì trang web mới chạy được).

Hình 2.7: Quá trình cài đặt Xampp đã thành công

6 Cài đặt Opencart

a Tiến hành tải phần mềm mã nguồn mở Opencart:

- Truy cập địa chỉ để download Opencart:

http://www.Opencart.com/index.php?ro nload/download

- Sau khi tải xong tiến hành giải nén tập tin: nhấp chuột phải vào tập tin

- Chọn Extract Here

- Copy thư mục “ Upload ” vừa giải nén ra và paste vào “C:\xampp\htdocs”

b Tiến hành cài đặt opencart

- Chạy đường dẫn “ http://localhost/phpmyadmin ” tiến hành tạo một database như hình sau: điền tên database vào ô Create new database rồi ấn Create

Hình 2.8: Tạo database

- Bắt đầu các thao tác để đưa web lên localhost

- Chạy đường dẫn http://localhost/ tên soucre web vừa coppy vô file htdocs trong xampp /index.php Màn hình hiện lên như hình dưới đây

- Bước 1: Chọn ngôn ngữ

Hình: 2.9: Chọn ngôn ngữ cho web

- Bước 2: Chọn “ Tôi đồng ý cấp giấy phép ” -> “ Tiếp tục ”

Hình 2.10: Đồng ý với điều kiện của nhà cung cấp

- Bước 3: Chuẩn bị cài đặt

Hình 2.11: Kiểm tra thủ tục

- Bước 4: Tùy chỉnh các thông số sau:

Password: (để trống)

Database name: dandung (điền tên database vừa tạo lúc nãy)

Database prefix: (để trống)

Username: admin (tên truy cập vào trang quản trị)

Password: 12345 (pass để đăng nhập trang quản trị)

E-mail: vietkimthanhcd11i1@gmail.com (điền tên Email)

Hình 2.14: Đăng nhập trang quản tri

V Chỉnh Sửa Website Tại Trang Quản Trị

Truy cập trang quản trị qua đường dẫn: “localhost/tên web/admin”

Điền thông tin username/password

Hình 2.15: Bảng quản trị: Hiển thị tổng quan về cửa hàng

- Tên cửa hàng, chủ cửa hàng, địa chỉ, email, điện thoại Chỉnh sửa tùy ý chủ website.

Hình 2.16: Thay đổi thông tin tổng quan

 Chọn “Khu vực”  hiển thị trang quản trị khu vực để cài đặt cho website

Hình 2.17: Thay đổi thông tin khu vực: Quốc gia, tỉnh/ thành phố…

 Chọn “Thư” hiển thị trang quản trị thư để cài đặt cho phần thư của website

- Chỉnh sửa: giao thức gửi thư, tham số thư, máy chủ SMTP, tài koản SMTP, tài khoản SMTP…

Hình 2.18: Thay đổi thông tin mục thư

 Chọn “Hình”  hiển thị trang quản trị hình của cấu hình hệ thống cho website

- Chúng ta có thể chỉnh sửa hình ảnh logo và icon của website bên cạnh đó chúng ta có thể hiệu chỉnh kích thước của các hình ảnh