BÁO CÁO THỰC TẬP :XÂY DỰNG WEBSITE BÁN ĐIỆN THOẠI TRỰC TUYẾN BẰNG OPENCART” TẠI TRUNG TÂM ĐÀO TẠO QUẢN TRỊ MẠNG & AN NINH MẠNG QUỐC TẾ ATHENA

MỤC LỤCA. LỊCH LÀM VIỆC TẠI NƠI THỰC TẬP1B. GIỚI THIỆU VỀ TRUNG TÂM ĐÀO TẠO QUẢN TRỊ MẠNG & AN NINH MẠNG QUỐC TẾ ATHENA1CHƯƠ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 ra8II. TÌM HIỂU VỀ MÃ NGUỒN MỞ92.1 Khái niệm92.2 Giới thiệu về một số mã nguồn mở9III. TÌM HIỂU VỀ OPENCART 2.0103.1 OpenCart là mã nguồn mở103.2 Opencart là một hệ thống giỏ hàng12VI. CÔNG CỤ LẬP TRÌNH124.1 DreamWeaver124.2 Công cụ đồ họa13V. XAMPP145.1 CuteFTP145.2 Cài đặt Xampp Control Panel v3.2.1145.2 Cài đặt Opencart 2.018Chỉnh sửa website tại trang quản trị22Chỉnh sửa cấu hình web22Tùy chỉnh danh mục sản phẩm, sản phẩm24Tùy chỉnh các mô đun cho website29Tùy chỉnh danh mục tin tưc, tin tức31Tùy chỉnh lien kết – silde – banner32CHƯƠ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ỂN34I. ĐƯA WESITE LÊN HOSTING341. Đăng ký hosting342. Backup (Export) database của Website trên máy Local373. Tạo database mới và upload (Restore) database trên hosting đã đăng ký394. Tiến hành upload soucre web415. Cấu hình file config43CHƯƠNG IV. TỐI ƯU HÓA SEO VÀ TẠO 1 SỐ PLUGINS XÃ HỘI CỦA FACEBOOK CHO WEBSITE46I. TẠO LIKE BOX CHO WEBSITE TRÊN FANPAGE461. Tạo facepage cho website462. Tạo like box cho website483. Đưa code like box vào website (product)49II. TỐI ƯU HÓA SEO501. Dùng SEO URL’s502. Tối ưu hóa seo tên sản phẩm và danh mục51CHƯƠNG V. GIỚI THIỆU VỀ WEBSITE BÁN ĐIỆN THOẠI DI ĐỘNG52I. NỘI DUNG WEBSITE521. Giao diện trang chủ522. Giao diện trang giới thiệu533. Giao diện trang tuyển dụng534. Giao diện sản phẩm di động555. Giao diện chi tiết sản phẩm556. Giao diện trang đăng nhập tài khoản567. Giao diện đăng ký56KẾT LUẬN58

QUẢN TRỊ MẠNG & AN NINH MẠNG

TP.Hồ Chí Minh, tháng 04 năm 2014

“XÂY DỰNG WEBSITE BÁN ĐIỆN THOẠI TRỰC TUYẾN BẰNG OPENCART” TẠI TRUNG TÂM ĐÀO TẠO QUẢN TRỊ MẠNG & AN NINH MẠNG QUỐC TẾ ATHENA

Để quán triệt nguyên tắc “học đi đôi với hành”,nhằm tạo điều kiện cho sinh viên làm quen với thực tế, có được cái nhìn tổng hợp, giúp cho sinh viên chúng em hạn chế được sự

bỡ ngỡ khi ra trường, hàng năm nhà trường tổ chức cho sinh viên đi thực tập tại các cơ sở theo nội dung ngành nghề đào tạo Đây là điều kiện thuận lợi giúp chúng em phát huy được năng lực bản thân cũng như khả năng áp dụng lý thuyết được trang bị ở trường vào thực tế.

Công nghệ thông tin đã có những bước phát triển mạnh mẽ Máy tính điện tử không còn là phương tiện quý hiếm mà đang ngày một gần gũi với con người.

Đứng trước sự bùng nổ thông tin, các tổ chức và các doanh nghiệp đều tìm mọi biện pháp để xây dựng hoàn thiện hệ thống thông tin của mình nhằm tin học hóa các hoạt động tác nghiệp của đơn vị mình.

Từ nhu cầu nói trên,trong thời gian thực tập tốt nghiệp em đã sử dụng vốn kiến thức ít

ỏi của mình tìm hiểu và học hỏi ứng dụng của công nghệ thông tin vào thực tế Nó chỉ mang tính chất thử nghiệm để học hỏi, trao đổi kinh nghiệm và làm quen với thực tế.

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

Thành Phố Hồ Chí Minh, ngày… tháng… năm 2014

XÁC NHẬN CỦA CƠ QUAN/ĐƠN VỊ

Đại Diện Đơn Vị

(Ký tên, đóng dấu)

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

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

(Ký tên,ghi rõ họ tên)

Điểm

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

B GIỚI THIỆU VỀ TRUNG TÂM ĐÀO TẠO QUẢN TRỊ MẠNG & AN NINH MẠNG QUỐC TẾ ATHENA 1

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

II TÌM HIỂU VỀ MÃ NGUỒN MỞ 9

2.1 Khái niệm 9

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

III TÌM HIỂU VỀ OPENCART 2.0 10

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

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

VI CÔNG CỤ LẬP TRÌNH 12

4.1 DreamWeaver 12

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

V XAMPP 14

5.1 CuteFTP 14

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

5.2 Cài đặt Opencart 2.0 18

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

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

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

Tùy chỉnh các mô đun cho website 29

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

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

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 34

I ĐƯA WESITE LÊN HOSTING 34

1 Đăng ký hosting 34

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

3 Tạo database mới và upload (Restore) database trên hosting đã đăng ký 39

4 Tiến hành upload soucre web 41

5 Cấu hình file config 43

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

CHO WEBSITE 46

I TẠO LIKE BOX CHO WEBSITE TRÊN FANPAGE 46

1 Tạo facepage cho website 46

2 Tạo like box cho website 48

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

II TỐI ƯU HÓA SEO 50

1 Dùng SEO URL’s 50

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

CHƯƠNG V GIỚI THIỆU VỀ WEBSITE BÁN ĐIỆN THOẠI DI ĐỘNG 52

I NỘI DUNG WEBSITE 52

1 Giao diện trang chủ 52

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

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

4 Giao diện sản phẩm di động 55

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

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

KẾT LUẬN 58

CHƯƠNG I: NỘI DUNG THỰC TẬP TẠI TRUNG TÂM ĐÀO TẠO

QUẢN TRỊ MẠNG & AN NINH MẠNG QUỐC TẾ ATHENA

A 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 sinhviên như sau:

Làm việc 3 ngày / tuần, thứ 3, thứ 5, thứ 7 Buổi sáng bắt đầu từ 7h00 đến 10h 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

Gặp giáo viên hướng dẫn và nhận tài liệu

B GIỚI THIỆU VỀ TRUNG TÂM ĐÀO TẠO QUẢN TRỊ MẠNG & AN NINH MẠNG QUỐC TẾ ATHENA

o 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ới tâmhuyế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ànhkinh 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ủacá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ứ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ông TinTruyền Thông các tin tức, 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í Minh, Học Viện An Ninh Nhân Dân( Thủ Đức), Học Viện Bưu Chính ViễnThông, Hiệp hội an toàn thông tin (VNISA), Viện Kỹ Thuật Quân Sự ,

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

+ Tất cả các giảng viên trung tâm ATHENA có đề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ớinhấ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ạng máy tính, bảo mật mạng

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

Một số hình ảnh về trung tâm.

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

1.1 Bài toán đưa ra

Cửa hàng điện thoại Nguyễn Kim chuyên cung cấp các mẫu Điện thoạ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ó:

- Đ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ếmcá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ảithỏ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 tìm kiếm các mặt hàng Với nhu cầu của người sử dụngkhi truy 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 Đôilúc cũng có nhiều khách hàng vào website này mà không có ý định xem hay khôngbiế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ìmkiế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 tin cầnthiế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ả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ậpnhật từ website

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

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ấ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, cung cấp 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á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, Opencartquả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ườidù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ó 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ì ngạc nhiên với tính năng mà nó đem lại:

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

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, đây là một bộ code được viết bằng PHP được phát triển lên để giànhcho giải pháp bán hàng trực tuyến, gồm gần như đầy đủ các chức năng cho mộtwebsite bán hàng, hiện nay opencart đã phát triển hơn có thêm những module như tintức, giúp website hoàn thiện hơn trong mắt người dùng hiện nay, ở việt nam hiện tạicũ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ácmodule của opencart để bán lại cho 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 2.0Opencart 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 chongườ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 đa 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 Opencartthì 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 mô đun sử dụng các mục đích khác nhau, như giớithiệ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ác tính năng của các công cụ thiết kế trực quan trong Dreamweaver giúpngười lậ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àiliệ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ể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 ta có thể dễ dàng thêm cáctài nguyê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á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ù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 chongườ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ác tập tinXML, 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ã 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ửa ả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 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 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 CuteFTP

- CuteFTP 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ều ngườ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áy chủ web.

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

chươ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.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 chươ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

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

- 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

5.2 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 trongxampp /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.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

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: nguyekim (đ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: 123 (pass để đăng nhập trang quản trị)

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

Hình 2.6.5 Nhập thông tin

- Bước 5 Vào “C:\xampp\htdocs\tên web của mình” xóa thư mục “Install” hoặc

có thể đổi tên file thành tên khác Chọn “Goto your Online Shop” để vào shop và chọn

“Login to your Administration” để vào trang quản trị

Hình 2.6.6 Cài đặt thành công

- Bước 6: Đăng nhập vào trang quản trị Với tài khoản và mật khẩu cài đặt ở bước trên

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

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ủ

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

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