BỘ CÔNG THƯƠNG
TRƯỜNG CAO ĐẲNG KINH TẾ-KỸ THUẬT
VINATEX TP.HỒ CHÍ MINH
KHOA NGOẠI NGỮ - TIN HỌC

BÁO CÁO THỰC TẬP TỐT NGHIỆP
TÊN ĐỀ TÀI :
TÊN ĐỀ TÀI:
“XÂY DỰNG WEBSITE BÁN ĐIỆN THOẠI DI ĐỘN
BẰNG OPENCART”
GVHD : NGUYỄN THỊ PHƯƠNG HỒNG
SVTH : TRIỆU VĂN PHÚ
Lớp : CN11I1
MSSV : 1103070076
Ngành: Công Nghệ Thông Tin
Khóa : 2011 – 2014
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
LỜI MỞ ĐẦU

Với sự phát triển mạnh mẽ của công nghệ thông tin và sự lớn mạnh, rộng khắp của
mạng máy tính toàn cầu. Việc ứng dụng tin học vào các lĩnh vực của cuộc sống ngày càng
được quan tâm và sử dụng hiệu quả, đem lại lợi ích to lớn về mọi mặt. Sự lớn mạnh của
mạng máy tính đã xóa bỏ mọi ranh giới về không gian và thời gian để đem con người và
tri thức xích lại gần nhau hơn.
Thông qua mạng máy tính, con người có thể được tiếp xúc với mọi loại tri thức như
tri thức văn hóa, xã hội, khoa học kỹ thuật Do vậy ngày càng có nhiều ứng dụng được
viết để hỗ trợ công việc thủ công của con người, đặc biệt là các ứng dụng quản lý như
quản lý nhân sự, quản lý hàng hóa, quản lý điểm…Trước kia khi mạng Internet còn chưa

Sinh viên thực hiện:
Triệu Văn Phú
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.HCM
châ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úng tô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ương
hướ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ận
xé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
TP.HCM, 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)
NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN



I. TẠO LIKE BOX CHO WEBSITE TRÊN FANPAGE 50
CHƯƠNG IV. GIỚI THIỆU VỀ WEBSITE BÁN ĐIỆN THOẠI DI ĐỘNG 54
I. NỘI DUNG WEBSITE 54
KẾT LUẬN 60
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
sinh viê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
Tuần Từ ngày - Đến
ngày
Nội Dung Ghi Chú
1 03/03 - 09/03 Tham quan tất cả các phòng làm việc của
trung tâm, chọn đề tài.
2 10/03 – 16/03 Gặp giáo viên hướng dẫn thực tập và nhận
tài liệu
3 17/03 – 23/03 Nghiên cứu, bắt đầu cài đặt chương trình
và xây dựng đề tài
4 24/04 – 30/03 Chỉnh sửa, thêm xóa, cấu hình cho website
của mình
5 31/03 – 06/04 Chỉnh sửa, thêm xóa, cấu hình cho website
Xây dựng website bán điện thoại di dộng bằng open cart GVHD: Nguyễn Thị Phương
Hồng
của mình
6 07/04 – 13/04 Chỉnh sửa, thêm xóa,đưa website lên
internet

Hồng
+ 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ớ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ạ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.
SVTH: Triệu Văn Phú Trang
9
Xây dựng website bán điện thoại di dộng bằng open cart GVHD: Nguyễn Thị Phương
Hồng
Trung Tâm ATHENA - 2 Bis Đinh Tiên Hoàng , ĐaKao, Q1 , Tp HCM
SVTH: Triệu Văn Phú Trang

(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: [email protected] - [email protected]
SVTH: Triệu Văn Phú Trang
15
Xây dựng website bán điện thoại di dộng bằng open cart GVHD: Nguyễn Thị Phương
Hồng
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ế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
SVTH: Triệu Văn Phú Trang
16
Xây dựng website bán điện thoại di dộng bằng open cart GVHD: Nguyễn Thị Phương
Hồng
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

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.
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
SVTH: Triệu Văn Phú Trang
17
Xây dựng website bán điện thoại di dộng bằng open cart GVHD: Nguyễn Thị Phương
Hồng
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.

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 đ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
Opencart thì thấy ngạc nhiên với các chức năng nó mang lại. Opencart cho phép
SVTH: Triệu Văn Phú Trang
19
Xây dựng website bán điện thoại di dộng bằng open cart GVHD: Nguyễn Thị Phương
Hồng
đ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
gian hà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ớ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.

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 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á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
cho 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á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á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.
SVTH: Triệu Văn Phú Trang
21
Xây dựng website bán điện thoại di dộng bằng open cart GVHD: Nguyễn Thị Phương
Hồng
- Phần mềm tạo hình ảnh động (Animation software) Adobe Flash.

Hồng
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ữ
Hình: 2.6.2 Chọn ngôn ngữ cho web
SVTH: Triệu Văn Phú Trang
23
Xây dựng website bán điện thoại di dộng bằng open cart GVHD: Nguyễn Thị Phương
Hồng
- 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
SVTH: Triệu Văn Phú Trang
24
Xây dựng website bán điện thoại di dộng bằng open cart GVHD: Nguyễn Thị Phương
Hồng
- 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: [email protected] (đ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