Xây dựng trang web thương mại điện tử trên nền open source

Xây dựng trang web thương mại điện tử trên nền open source

trên nền open source.

LỜI CẢM ƠN TRUNG TÂM QUẢN TRỊ MẠNG & AN NINH MẠNG ATHENA



Thực tập là giai đoạn quan trọng cho sinh viên hiểu biết thêm về thực tế, gắn kết thực tế với lý thuyết chuyên ngành, là tiền đề cho việc thực hiện Luận văn Tốt nghiệp Thực tập trong Doanh nghiệp, công ty giúp sinh viên ngày càng hoàn thiện mình về kiến thức chuyên môn cũng như kinh nghiệm cuộc sống Qua đó, phần nào giúp sinh viên tự tin hơn, bản lĩnh hơn.

Nhờ lòng nhiệt tình và tâm huyết của ban lãnh đạo và nhân viên trong trung tâm ATHENA đã truyền đạt những kiến thức và kinh nghiệm hết sức quý báu giúp em

có được nền tảng cho nghề nghiệp tương lai của mình.

Đặc biệt em xin chân thành cám ơn thầy Võ Đỗ Thắng đã hết lòng giúp đỡ và hướng dẫn em trong suốt thời gian thực tập tại trung tâm để em có thể hoàn thành bản báo cáo này.

Em hy vọng với hành trang kiến thức sau những năm học tập ở trường và kinh nghiệm thực tiễn khi thực tập ở trung tâm ATHENA em có thể tự tin để hoạt động trong lĩnh vực chuyên môn Công nghệ thông tin.

Hồ Chí Minh ,14/08/2014 Sinh viên thực tập

LỜI CÁM ƠN KHOA KHOA HỌC & KỸ THUẬT MÁY TÍNH ĐẠI HỌC BÁCH KHOA HỒ CHÍ MINH



Em xin chân thành cảm ơn trường Đại học Bách Khoa và khoa Khoa Học & Kỹ Thuật Máy Tính đã tạo điều kiện cho em có thể thực tập ở ngoài doanh nghiệp Nhờ đợt thực tập này đã giúp cho em rất nhiều kinh nghiệm quý báu Những kinh nghiệm

đó sẽ giúp em hoàn thiện hơn trong công việc và môi trường làm việc sau này

Em cũng xin cảm ơn quý thầy cô trong khoa đã tận tình giảng dạy và trang bị cho

em những kiến thức cần thiết Chính những kiến thức này hỗ trợ em rất trong việc hoàn thành khóa thực tập công nghiệp II

Mặc dù em đã cố gắng hoàn thành báo cáo thực tập công nghiệp II Tuy nhiên sẽ

có những thiếu sót ,rất mong nhận được sự thông cảm ,chia sẻ của quý thầy cô để giúp

em hoàn thành tốt bộ môn thực tập công nghiệp II

Một lần nữa em xin chân thành cảm ơn !

Hồ Chí Minh ,14/08/2014 Sinh viên thực tập

TRÍCH YẾU

Với sự phát triển internet mạnh mẽ như ngày nay ,cùng với nhu cầu cập nhật tin tức thường xuyên ,việc phát triển các website tin tức là thực sự cần thiết Thông qua quá trình tự tìm hiểu bản thân và tham khảo ,cho thấy OpenCart là một hệ quản trị nội dung mã nguồn mở ,cho phép người dùng xuất bản các nội dung lên Internet.

Trong quá trình thực thực tập tại trung tâm Athena , em đã hoàn thành xây dựng website bán hàng bằng OpenCart Ngoài ra em còn tiến hành SEO website ,xây dựng blog vệ tinh cho các sản phẩm Quá trình thực tập đã giúp em có điều kiện cọ sát thực

tế ,học hỏi thêm kinh nghiệm để bổ sung những kiến thức kỹ năng cho mình

Em xin cam kết đạt được kết quả này do chính bản thân thực hiện cùng với sự hướng dẫn nhiệt tình của thầy Võ Đỗ Thắng(Giám Đốc Trung Tâm Quản Trị Mạng &

An Ninh Mạng Athena) và các bạn sinh viên cùng thực tập tại trung tâm Athena

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: Mai Văn Trung

Đề tài:

TP.HCM, ngày tháng năm 2014 Giáo viên hướng dẫn

Võ Đỗ Thắng MỤC LỤC CHƯƠNG 1 : GIỚI THIỆU VỀ NƠI THỰC TÂP 1

Điểm

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.2 Sơ đồ trang web 10

1.3 Cách thức tiến hành xây dựng trang web……… 10

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

2.1 Khái niệm 12

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

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

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

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

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 thông tin, nhận xét 37

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

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 42

3.1 Đưa Website Lên Hosting 43

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

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

1 Cấu hình file config 54

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

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

1 Tạo facepage cho website 51

c Tạo like box cho website 53

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

2 Tối ưu hóa bằng công cụ addurl 56

3 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 62

5.1 Nội Dung Website 65

1 Giao diện trang chủ 66

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

3 Giao diện trang liên hệ

Giao diện khóa học sản phẩm

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

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

7 Giao diện đăng ký

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

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ần vào công cuộc thúc đẩy tiếntrì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ác hã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, doanh nghiệp, các cơ quan chính phủ, tổ chứctà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ụcCông Nghệ Thông Tin - Bộ Quốc Phòng , Bộ Công An, Sở Thông Tin Truyền Thông cáctin, 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ínhMinh, Học Viện An Ninh Nhân Dân( Thủ Đức), Học Viện Bưu Chính Viễn Thông, Hiệphộ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ời gian.+ 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ạngmá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

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

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

Bài toán đưa ra

Xây dựng website thương mại điện tử giới thiệu các mặt hàng sản phẩm về các chương trình đào tạo giáo dục Ở đó khách hàng có thể tìm kiếm các thông tin về các khóa học ở một trung tâm đào tạo uy tín chất lượng

Yêu cầu mỗi thông tin sản phẩm 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 đề tài

Là khách hàng 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ển mớ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 khitruy cập vào trang web là tìm kiếm các mặt hàng mà họ cần và muốn xem Đôi lúc cũng

có nhiều khách hàng vào website này mà không có ý định xem hay không biết xem gì thìyêu cầu đặt ra cho hệ thống là làm thế nào để khách hàng có thể tìm kiếm nhanh và hiệuquả 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ống phả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 tin cầ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ách hàng, tạo cảmgiá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ứ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 quan trọ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ơ đồ trang web

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

1.3 Cách tiến hành xây dựng website

Để xây dựng một website thương mại thì trước hết ta phải tạo dựng được cho mình một trang web riêng Để có một website thì đầu tiên chúng ta phải cài đặt XAMPP là một môi trường liên kết giả lập giúp biến máy tính của chúng ta như 1 server ảo, giúp người lập trình có thể giả lập trang web trên máy tính bằng

Cuối cùng, chúng ta cần một tên miền như một địa chỉ để khách hàng và quản lý

có thể theo dõi trang web

Chi tiết các bước sẽ được giới thiệu ở dưới

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ở

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

c 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át chiể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 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:

Magento là một mã nguồn mở tạo web thương mại điện tử đã được ra mắt vào

ngày 31 tháng 3 năm 2008 Magento được phát triển bởi Varien, với sự giúp đỡ từ các lập trình viên trong cộng đồng mã nguồn mở, nhưng chỉ được sở hữu bởi Magento Inc

Magento được xây dựng trên nền tảng Zend Framework

Mã nguồn Magento đã được áp dụng rộng rãi bởi các nhà bán lẻ trực tuyến với khoảng 150.000 trang web

Magento hiện phát hành 3 phiên bản khác nhau dùng cho các đối tượng khách hàngbao gồm:

+ Magento Comunity Edition – Phiên bản Magento hoàn toàn miễn phí

+ Magento Go – Phiên bản Magento có trả phí hàng tháng, chủ yếu bao gồm dịch vụ Hosting cho website của người sử dụng

+Magento Enterprise – Phiên bản Magento chuyên nghiệp tích hợp các tính năng mạnh mẽnhất cho các website “khủng” của các Shop bán hàng lớn

Hiện nay, tại Việt Nam Magento cũng đang phát triển rất mạnh và được sử dụng trong các website bán hàng lớn

e Drupal

Trong thế giới CMS, Drupal là một trong những cái tên lâu đời nhất Ra đời từ năm

2001 đã khiến cho Drupal trở nên già cỗi hơn cả WordPress và Joomla

Drupal là một trong số những mã nguồn mở lớn vẫn còn được hỗ trợ Các nhà phát triển đãchấp nhận tính chất nguồn mở của Drupal, tách CMS thành 2 phần chính: core – được xây dựng bởi các lập trình viên, và module – được phát triển bởi cộng đồng Tại thời điểm này

có khoảng 9000 module có thể download

Drupal được xây dựng từ PHP và nhiều loại database: MySQL, PostgreSQL, SQLite, Microsoft SQL Server, MongoDB hoặc MariaDB

III Tìm Hiểu Về OpenCart

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ảipháp bán hàng trực tuyến, gồm gần như đầy đủ các chức năng cho một website bán hàng,hiện này opencart đã phát triển hơn có thêm những module như tin tức, giúp website hoànthiện hơn trong mắt người dùng hiện nay, ở việt nam 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ạicho những người nào mà không chuyên về lập trình

Hình 2.1 Giao diện Source Opencart

Opencart là một mã nguồn mở miễn phí nó có thể dùng để sửa đổ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 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ác gianhà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ệusả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

quan, thì Dreamweaver cũng cung cấp cho bạn công cụ hữu ích để cải tiến kinh nghiệmthiế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ười lậptrì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ể quansat 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ệu một cách dễdàng từ một panel Ngoài ra, chúng ta còn có thể luồng dây phát triển vào website bằngcá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òncung cấp các công cụ giúp người ta có thể dễ dàng thêm các tài nguyên Flash vào trong cácweb

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, Dreamweavercòn cung cấp một môi trường viết mã truyên nghiệp bao gồm các cô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ùythí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

Trong thực tế với Dreamweaver, chúng ta có thể tạo ra các đối tượng và các lệnh choriê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ênnghiệ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ềmnày là một cong cụ không thể thiếu của cá nhiếp ảnh gia, các nhà 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 Adobe như:

- 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

- 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

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ều ngườ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áy chủ 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.4 Chọn đường dẫn cài đặt

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

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

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

- 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

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/

- 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.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:

Databasehost: localhost (để nguyên)

Hình 2.13 Đăng nhập trang quản trị

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

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

 Bấm vào Menu “System”  ”Settings” Bấm vào nút “Edit”

- 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.15 Thay đổi thông tin tổng quan

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

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

 Chọn “Mail” 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.17 Thay đổi thông tin mục mail

Thay đổi ngôn ngữ cho website hay ngôn ngữ trang quản trị

- Chúng ta tải gói module ngôn ngữ tiếng việt về cài đặt cho website :

Vietnamese-language-V3.3.zip

- Tiến hành giải nén ta sẽ được 2 folder admin và catalog, ta copy 2 folder này vào thư mục htdocs/tên_thư_mục_website_của_ban/

- Vô trang admin, system,setttings, edit tên của hàng của bạn

- Vô mục local ta sẽ thấy 2 chỗ là: language và administration language Chọn Vietnamese, nhấp Save ta sẽ được kết quả như sau:

Hình 2.18: Thiết lập ngôn ngữ Tiếng việt cho website

 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 khích thước của các hình ảnh trong mục Thiết lập của hình ảnh

- Ở mục Logo của của hàng ta có thể duyệt file và chèn logo khác vào theo sở thích