1. Trang chủ
  2. » Luận Văn - Báo Cáo

BÁO CÁO THỰC TẬP :THIẾT KẾ WEBSITE BÁN HÀNG DÂN DỤNG TRỰC TUYẾN BẰNG OPENCART

68 4K 6

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Định dạng
Số trang 68
Dung lượng 11,89 MB

Nội dung

MỤC LỤCCHƯƠNG 1 : GIỚI THIỆU VỀ NƠI THỰC TÂP1Lĩnh vực hoạt động chính:1Đội ngũ giảng viên :1Cơ sở vật chất:2Dịch vụ hỗ trợ:2TRUNG TÂM ĐÀO TẠO QUẢN TRỊ MẠNG & AN NINH MẠNG QUỐC TẾ ATHENA7CHƯƠNG II: PHÂN TÍCH YÊU CẦU XÂY DỰNG WEBSITE8I.Phân Tích Yêu Cầu81.1 Bài toán đưa ra81.Sơ đồ trang web10Các bảng cơ sở dữ liệu tiêu biểu10II.Tìm hiểu về mã nguồn mở132.1 Khái niệm13III. Tìm Hiểu Về OpenCart 2.0153.1 OpenCart là mã nguồn mở153.2 Opencart là một hệ thống giỏ hàng16VI. Công Cụ Lập Trình174.1 DreamWeaver174.2 Công cụ đồ họa18V. XAMPP185.1 FileZilla Client195.2 Cài đặt Xampp Control Panel v3.2.119Cài đặt Opencart 2.023Chỉnh sửa website tại trang quản trị27Chỉnh sửa cấu hình web28Tùy chỉnh danh mục sản phẩm, sản phẩm30Tùy chỉnh các modul cho website35Tùy chỉnh danh mục tin tưc, tin tức36Tùy chỉnh lien kết – silde – banner37CHƯƠ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ỂN393.1 Đưa Website Lên Hosting39Backup (Export) database của Website trên máy Local432. Tạo database mới và upload (Restore) database trên hosting đã đăng ký453. Tiến hành upload soucre web481.Cấu hình file config49CHƯƠNG IV. TỐI ƯU HÓA SEO VÀ TẠO 1 SỐ PLUGINS XÃ HỘI CỦA FACEBOOK CHO WEBSITE51IV. Tạo Like Box Cho Website Trên Fanpage511. Tạo facepage cho website51c.Tạo like box cho website53d.Đưa code like box vào website (product)542 Tối Ưu Hóa SEO551.Dùng SEO URL’s552.Tối ưu hóa seo tên sản phẩm và danh mục56CHƯƠNG V. GIỚI THIỆU VỀ WEBSITE BÁN HÀNG DÂN DỤNG575.1 Nội Dung Website571.Giao diện trang chủ572.Giao dien trang giới thiệu583.Giao diện trang tuyển dụng584.Giao diện sản phẩm điện tử595.Giao diện chi tiết sản phẩm596.Giao diện trang đăng nhập tài khoản607.Giao diện đăng ký61VI. KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN62

Trang 1

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

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

Sinh viên thực tập: Nguyễn Thành Trung

Lâm Hoài Nhân Triệu Văn Phú

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

Khóa: 2011 – 2014

TP.HCM, ngày 16 tháng 5 năm 2014

Trang 2

LỜI CẢM ƠN



Trong lời đầu tiên của báo cáo đồ án tốt nghiệp “Xây dựng Web bán chương trình đào tạo Athena bằng Opencart ” này, em muốn gửi những lời cám ơn và biết ơn chân thành nhất của mình tới tất cả những người đã hỗ trợ, giúp đỡ em về kiến thức và tinh thần trong quá trình thực hiện đồ án Trước hết, em xin chân thành cám ơn Thầy Võ Đỗ Thắng Giám đốc Trung Tâm Athena đã hướng dẫn, nhận xét, giúp đỡ em trong suốt quá trình thực hiện đồ án 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ị ) trong trung 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ửi lờ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ình họ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 Đồ ánthự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êm kinh 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 16 tháng 04 năm 2014

NGUYỄN TRUNG THÀNH LÂM HOÀI NHÂN TRIỆU VĂN PHÚ

Trang 3

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 2013

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)

Trang 4

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: NGUYỄN TRUNG THÀNH

Đề tài:

TP.HCM, ngày … tháng … năm 2013

Giáo viên hướng dẫn

Võ Đỗ Thắng Điểm

Trang 5

M C L C Ụ Ụ

CHƯƠNG 1 : GIỚI THIỆU VỀ NƠI THỰC TÂP 1

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

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

Cơ sở vật chất: 2

Dịch vụ hỗ trợ: 2

TRUNG TÂM ĐÀO TẠO QUẢN TRỊ MẠNG & AN NINH MẠNG QUỐC TẾ ATHENA 7 CHƯƠNG II: PHÂN TÍCH YÊU CẦU XÂY DỰNG WEBSITE 8

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

1.1 Bài toán đưa ra 8

1 Sơ đồ trang web 10

Các bảng cơ sở dữ liệu tiêu biểu 10

II Tìm hiểu về mã nguồn mở 13

2.1 Khái niệm 13

III Tìm Hiểu Về OpenCart 2.0 15

3.1 OpenCart là mã nguồn mở 15

3.2 Opencart là một hệ thống giỏ hàng 16

VI Công Cụ Lập Trình 17

4.1 DreamWeaver 17

4.2 Công cụ đồ họa 18

V XAMPP 18

5.1 FileZilla Client 19

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

Cài đặt Opencart 2.0 23

Chỉnh sửa website tại trang quản trị 27

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

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

Tùy chỉnh các modul cho website 35

Tùy chỉnh danh mục tin tưc, tin tức 36

Tùy chỉnh lien kết – silde – banner 37

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 39

3.1 Đưa Website Lên Hosting 39

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

2 Tạo database mới và upload (Restore) database trên hosting đã đăng ký 45 3 Tiến hành upload soucre web 48

1 Cấu hình file config 49

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

IV Tạo Like Box Cho Website Trên Fanpage 51

1 Tạo facepage cho website 51

c Tạo like box cho website 53

d Đưa code like box vào website (product) 54

2 Tối Ưu Hóa SEO 55

1 Dùng SEO URL’s 55

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

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

5.1 Nội Dung Website 57

Trang 6

2 Giao dien trang giới thiệu 58

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

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

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

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

7 Giao diện đăng ký 61

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

Trang 7

CHƯƠNG 1 : GIỚI THIỆU VỀ NƠI THỰC TÂP

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ới tâm huyết góp phầnvà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ũinhọ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ác hãngnổ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, doanh nghiệ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

Trang 8

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ế

Trang 9

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

Trang 10

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

Khóa học quản trị hệ thống mạng Cisco cho ngân hàng MHB Bank

Trang 11

 

Trang 12

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

 

Trang 13

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

Trang 14

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

1.1 Bài toán đưa ra

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 tiề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

Trang 15

- 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ó 1 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ư: tin tứchay 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

Trang 16

1 S đ trang web ơ ồ

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

Các bảng cơ sở dữ liệu tiêu biểu

a Bảng user

Hình 2.1: Bản csdl user

b Sản phẩm

Trang 18

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

Hinh 2.5: danh mục tin tức

Hình 2.6: danh mục sản phẩm

Hình 2.7: nhóm user

Trang 19

II Tìm hiểu về mã nguồn mở

2.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 chiển của mã nguồn mở

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

a Joomla

Joomla là một hệ điều 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ấ bản các nội dung của họ lêm 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, cung 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átchiể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 hang

Trang 20

cực kì rõ ràng và hiệu quả, tính dễ sử dụng cũng là một diều người viết cũng cân nhắc.

Các Opensource mỗi loại đều có 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:

Trang 21

III Tìm Hiểu Về OpenCart 2.0

3.1 OpenCart là mã nguồn mở

Opencart là source nguồn được thiết kế dưới dạng open source cho phép bạn có

thể sử dụng free, đay là một bộ code được viết bằng PHP được phát triển lên đểgiành cho giải pháp bán hàng trực tuyến, gồm gần như đầy đủ các chức năng chomột website bán hàng, hiện này opencart đã phát triển hơn có thêm những modulenhư tin tức, giúp website hoàn thiện hơn trong mắt người dùng hiện nay, ở việtnam hiện tại cũng khá nhiều công ty sử dụng mã nguồn này để thiết kế website vàphát triển các module của opencart để bán lại cho những người nào mà khôngchuyên về lập trình

Hình 2.1 Giao diện Source Opencart 2.0Opencart là một mã nguồn mở miễn phí nó có thể dùng để sử đổi, dễ điều chỉnh,

dễ cải thiện theo hướng phát triể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 Opencart có tính năng rất độc đáo đó là tự buil 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

Trang 22

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.

Opencart có những chức năng rất đã dạng: các opencartsource mỗi loại đều có thế 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ì thấy ngạc nhiên với các chức năng nó mang lại Opencart cho phép điểm thưởng, quà tặng, có thể sắp xếp các hạng danh mục của sản phẩm, có hỗ trợ

SEO URL, SEO TAG, SEO KEYWORD, tiền tệ đa dạng.

Opencart rất dễ sử dụng các module trong opencart rất trực quan và dễ sử dụng, giúp các bạn có thể tùy chỉnh một cách đơn giản nhất có thể Cộng đồng phát triển mạnh (cả miễn phí và thương mại), cộng đồng ngày càng được phát triển mạnh ở Việt Nam, vì thế sự hỗ trợ là rất lớn, và nhanh chóng Đặc biệt nhà phát triển có thể tùy chỉnh những gì mình thích, có thể đào sâu nghiên cứu, và không giới hạn tập tin.Người sử dụng biết ít nhiều về photoshop và một ít về lập trình có thể sử dụng được

dễ dàng

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

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

Trang 23

để 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 sat tất cả các thành phân site hay tài nguyên web và kéo chúng vào tào liệumột cách dễ dàng từ một panel Ngoài ra, chúng ta còn có thể luồng dây phat triểnvào website bằng cách tạo ra và chỉnh sửa các tấm ảnh trong các ứng dụng đồ họakhác, Dreamweaver còn cung cấp các công cụ giúp người tacos thể dễ dàng thêmcác tài nguyên Flash vào trong các web

Ngoài các trứ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ã truyê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 dú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 da các trang XSLT,các tập tin XML, và thể hiện được dữ liệu XML trên trang web

Trang 24

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ã 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

4.2 Công cụ đồ họa

Adobe Photoshop là phần mềm xử lý hình ảnh (image-proceesing software)chuyên nghiệp, Photoshop cho phép người sử dụng sử ảnh (retouching), ghép ảnh(composing), phục chế ảnh (retoration), tô màu ảnh (painting) một cahs dễ dàng vàhiệu quả Phần mềm này là một cong cụ không thể thiếu của 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á 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à chì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

V 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

Trang 25

5.1 FileZilla Client

- FileZilla Client là trươ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à trươ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ữu 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 nhue quản lý tập tin

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

thông dụng khác

5.2 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 trương trình diệt virut

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

Hình 2.1 Bắt đầu cài đặt

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

Trang 27

Hình 2.5.5 chọn next để tiếp tục cài đặt

- Bước 7: Chọn next để tiến hành cài đặt tự động

Hình 2.5.6 Tiến trình cài đặt tự động

Trang 28

- 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.5.7 Quá trình cài đặt Xampp đã thành công

Trang 29

Cài đặt Opencart 2.0

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 lên 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”

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

- 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.6.1 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ữ

Trang 30

Hình: 2.6.2 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.5.3 Đồng ý với điều kiện của nhà cung cấp

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

Trang 31

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

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

Databasehost: localhost (để nguyên)

User: root

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)

Trang 33

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

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 3.7.1 Bảng quản trị: Hiển thị tổng quan về cửa hàng

Trang 34

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

 Bấm vào Menu “Hệ thống”  ”Cấu hình” Bấm vào nút “sửa”

- 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 3.7.2 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 3.7.3 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

Ngày đăng: 30/04/2014, 08:57

HÌNH ẢNH LIÊN QUAN

Hình 2.1 Giao diện Source Opencart 2.0 - BÁO CÁO THỰC TẬP :THIẾT KẾ WEBSITE BÁN HÀNG DÂN DỤNG TRỰC TUYẾN BẰNG OPENCART
Hình 2.1 Giao diện Source Opencart 2.0 (Trang 21)
Hình 2.1 Bắt đầu cài đặt - Bước 4: Chọn next để tiếp tục cài đặt. - BÁO CÁO THỰC TẬP :THIẾT KẾ WEBSITE BÁN HÀNG DÂN DỤNG TRỰC TUYẾN BẰNG OPENCART
Hình 2.1 Bắt đầu cài đặt - Bước 4: Chọn next để tiếp tục cài đặt (Trang 25)
Hình 2.2 Chọn các ứng dụng trên Xampp - BÁO CÁO THỰC TẬP :THIẾT KẾ WEBSITE BÁN HÀNG DÂN DỤNG TRỰC TUYẾN BẰNG OPENCART
Hình 2.2 Chọn các ứng dụng trên Xampp (Trang 26)
Hình 2.5.7 Quá trình cài đặt Xampp đã thành công - BÁO CÁO THỰC TẬP :THIẾT KẾ WEBSITE BÁN HÀNG DÂN DỤNG TRỰC TUYẾN BẰNG OPENCART
Hình 2.5.7 Quá trình cài đặt Xampp đã thành công (Trang 28)
Hình 2.5.3 Đồng ý với điều kiện của nhà cung cấp - Bước 3: Chuẩn bị cài đặt - BÁO CÁO THỰC TẬP :THIẾT KẾ WEBSITE BÁN HÀNG DÂN DỤNG TRỰC TUYẾN BẰNG OPENCART
Hình 2.5.3 Đồng ý với điều kiện của nhà cung cấp - Bước 3: Chuẩn bị cài đặt (Trang 30)
Hình 2.6.7 Đăng nhập trang quản tri - BÁO CÁO THỰC TẬP :THIẾT KẾ WEBSITE BÁN HÀNG DÂN DỤNG TRỰC TUYẾN BẰNG OPENCART
Hình 2.6.7 Đăng nhập trang quản tri (Trang 33)
Hình 3.7.1 Bảng quản trị: Hiển thị tổng quan về cửa hàng - BÁO CÁO THỰC TẬP :THIẾT KẾ WEBSITE BÁN HÀNG DÂN DỤNG TRỰC TUYẾN BẰNG OPENCART
Hình 3.7.1 Bảng quản trị: Hiển thị tổng quan về cửa hàng (Trang 33)
Hình 3.7.3 Thay đổi thông tin mục thư - BÁO CÁO THỰC TẬP :THIẾT KẾ WEBSITE BÁN HÀNG DÂN DỤNG TRỰC TUYẾN BẰNG OPENCART
Hình 3.7.3 Thay đổi thông tin mục thư (Trang 35)
Hình 3.7.6 Thêm danh mục mới - BÁO CÁO THỰC TẬP :THIẾT KẾ WEBSITE BÁN HÀNG DÂN DỤNG TRỰC TUYẾN BẰNG OPENCART
Hình 3.7.6 Thêm danh mục mới (Trang 37)
Hình 2.7.7 Phần dữ liệu - BÁO CÁO THỰC TẬP :THIẾT KẾ WEBSITE BÁN HÀNG DÂN DỤNG TRỰC TUYẾN BẰNG OPENCART
Hình 2.7.7 Phần dữ liệu (Trang 38)
Hình 2.7.9 Tổng quan thêm một sản phẩm mới - BÁO CÁO THỰC TẬP :THIẾT KẾ WEBSITE BÁN HÀNG DÂN DỤNG TRỰC TUYẾN BẰNG OPENCART
Hình 2.7.9 Tổng quan thêm một sản phẩm mới (Trang 39)
Hình 2.7.11 Liên kết sản phẩm - BÁO CÁO THỰC TẬP :THIẾT KẾ WEBSITE BÁN HÀNG DÂN DỤNG TRỰC TUYẾN BẰNG OPENCART
Hình 2.7.11 Liên kết sản phẩm (Trang 41)
Hình 3.7.12 Chỉnh sửa modul - BÁO CÁO THỰC TẬP :THIẾT KẾ WEBSITE BÁN HÀNG DÂN DỤNG TRỰC TUYẾN BẰNG OPENCART
Hình 3.7.12 Chỉnh sửa modul (Trang 42)
Hình 3.7.13 Quản trị VQMod - BÁO CÁO THỰC TẬP :THIẾT KẾ WEBSITE BÁN HÀNG DÂN DỤNG TRỰC TUYẾN BẰNG OPENCART
Hình 3.7.13 Quản trị VQMod (Trang 42)
Hình 3.6.13 Chỉnh sửa nội dung tin tức - BÁO CÁO THỰC TẬP :THIẾT KẾ WEBSITE BÁN HÀNG DÂN DỤNG TRỰC TUYẾN BẰNG OPENCART
Hình 3.6.13 Chỉnh sửa nội dung tin tức (Trang 43)
Hình 3.7.16 Hiệu chỉnh slide banner trang chủ - BÁO CÁO THỰC TẬP :THIẾT KẾ WEBSITE BÁN HÀNG DÂN DỤNG TRỰC TUYẾN BẰNG OPENCART
Hình 3.7.16 Hiệu chỉnh slide banner trang chủ (Trang 45)
Hình 3.1.2 Đăng nhập vô hostinger.vn - BÁO CÁO THỰC TẬP :THIẾT KẾ WEBSITE BÁN HÀNG DÂN DỤNG TRỰC TUYẾN BẰNG OPENCART
Hình 3.1.2 Đăng nhập vô hostinger.vn (Trang 46)
Hình 3.1.3 Danh sách tài khoản hosting - BÁO CÁO THỰC TẬP :THIẾT KẾ WEBSITE BÁN HÀNG DÂN DỤNG TRỰC TUYẾN BẰNG OPENCART
Hình 3.1.3 Danh sách tài khoản hosting (Trang 47)
Hình 3.1.4 Các gói hosting của nhà cung cấp - BÁO CÁO THỰC TẬP :THIẾT KẾ WEBSITE BÁN HÀNG DÂN DỤNG TRỰC TUYẾN BẰNG OPENCART
Hình 3.1.4 Các gói hosting của nhà cung cấp (Trang 48)
Hình 3.1.6: Đăng kí thành công - BÁO CÁO THỰC TẬP :THIẾT KẾ WEBSITE BÁN HÀNG DÂN DỤNG TRỰC TUYẾN BẰNG OPENCART
Hình 3.1.6 Đăng kí thành công (Trang 50)
Hình 3.1.8: Các bảng trong database - Check vào hai mục: - BÁO CÁO THỰC TẬP :THIẾT KẾ WEBSITE BÁN HÀNG DÂN DỤNG TRỰC TUYẾN BẰNG OPENCART
Hình 3.1.8 Các bảng trong database - Check vào hai mục: (Trang 51)
Hình 3.1.9: Tiến hành backup - BÁO CÁO THỰC TẬP :THIẾT KẾ WEBSITE BÁN HÀNG DÂN DỤNG TRỰC TUYẾN BẰNG OPENCART
Hình 3.1.9 Tiến hành backup (Trang 51)
Hình 3.1.11: Cpanel.hostinger - BÁO CÁO THỰC TẬP :THIẾT KẾ WEBSITE BÁN HÀNG DÂN DỤNG TRỰC TUYẾN BẰNG OPENCART
Hình 3.1.11 Cpanel.hostinger (Trang 52)
Hình 3.1.12: MySQL Database của hosting - BÁO CÁO THỰC TẬP :THIẾT KẾ WEBSITE BÁN HÀNG DÂN DỤNG TRỰC TUYẾN BẰNG OPENCART
Hình 3.1.12 MySQL Database của hosting (Trang 53)
Hình 3.1.13: Quản trị MySQL Database - BÁO CÁO THỰC TẬP :THIẾT KẾ WEBSITE BÁN HÀNG DÂN DỤNG TRỰC TUYẾN BẰNG OPENCART
Hình 3.1.13 Quản trị MySQL Database (Trang 53)
Hình 4.3 Tạo fanpage thành công - BÁO CÁO THỰC TẬP :THIẾT KẾ WEBSITE BÁN HÀNG DÂN DỤNG TRỰC TUYẾN BẰNG OPENCART
Hình 4.3 Tạo fanpage thành công (Trang 60)
Hình 4.6: Dán code vo product.php - Kết quả đạt được - BÁO CÁO THỰC TẬP :THIẾT KẾ WEBSITE BÁN HÀNG DÂN DỤNG TRỰC TUYẾN BẰNG OPENCART
Hình 4.6 Dán code vo product.php - Kết quả đạt được (Trang 62)
Hình 5.1: Giao diện trang chủ - BÁO CÁO THỰC TẬP :THIẾT KẾ WEBSITE BÁN HÀNG DÂN DỤNG TRỰC TUYẾN BẰNG OPENCART
Hình 5.1 Giao diện trang chủ (Trang 65)
Hình 5.4: Sản phẩm điện tử - BÁO CÁO THỰC TẬP :THIẾT KẾ WEBSITE BÁN HÀNG DÂN DỤNG TRỰC TUYẾN BẰNG OPENCART
Hình 5.4 Sản phẩm điện tử (Trang 67)
Hình 5.7: Đăng ký tài khoản - BÁO CÁO THỰC TẬP :THIẾT KẾ WEBSITE BÁN HÀNG DÂN DỤNG TRỰC TUYẾN BẰNG OPENCART
Hình 5.7 Đăng ký tài khoản (Trang 69)

TỪ KHÓA LIÊN QUAN

TÀI LIỆU CÙNG NGƯỜI DÙNG

TÀI LIỆU LIÊN QUAN

w