XÂY DỰNG TRANG WEB sửa CHỮA LAPTOP

BỘ GIÁO DỤC VÀ ĐÀO TẠO
TRƯỜNG ĐẠI HỌC KINH DOANH VÀ CÔNG NGHỆ HÀ NỘI
KHOA CÔNG NGHỆ THÔNG TIN
----------------------------------------

BÁO CÁO THỰC TẬP TỐT NGHIỆP
Chuyên ngành: Ứng Dụng
Chuyên đề thực tập:

XÂY DỰNG TRANG WEB SỬA CHỮA LAPTOP
Cơ quan thực tập: Công ty TNHH X8Media

Sinh viên thực hiện

:

Trần Duy Huy

MSV

:

12100771

Hà Nội, ngày 17 tháng 06 năm 2016


Trường Đại Học kinh doanh công nghệ Hà Nội

Khoa Công Nghệ Thông Tin

Sinh viên thực hiện: TRẦN DUY HUY

“Xây dựng trang web bán Laptop”

Xác nhận của cán bộ
( Cơ sở tiếp nhận SV )

....................................................................
....................................................................

Xác nhận của cơ sở tiếp nhận sinh viên thực tập
( Kí tên, đóng dấu )
....................................................................
....................................................................

Sv: Trần Duy Huy

MSV: 12100771


Trường Đại Học kinh doanh công nghệ Hà Nội

Khoa Công Nghệ Thông Tin

Nhận xét của cán bộ hướng dẫn
...................................................................................................................
...................................................................................................................
...................................................................................................................
...................................................................................................................
...................................................................................................................

...................................................................................................................
...................................................................................................................
...................................................................................................................
..................................................................................................................
...................................................................................................................
...................................................................................................................
...................................................................................................................
...................................................................................................................
...................................................................................................................
...................................................................................................................

Xác nhận của cán bộ hướng dẫn
( Kí tên, đóng dấu)

Sv: Trần Duy Huy

MSV: 12100771


Trường Đại Học kinh doanh công nghệ Hà Nội

Khoa Công Nghệ Thông Tin

LỜI CẢM ƠN
Đầu tiên em xin dành lời chân thành cảm ơn đến sự giúp đỡ và dạy bảo của
tập thể các thầy cô trong khoa Công nghệ thông tin của trường ta trong quá trình
học tập cũng như trong thời gian tham gia thực tập này.
Nhà trường cùng thầy cô trong khoa Công nghệ thông tin đã tạo điều kiện
cho sinh viên tham gia đợt thực tập nhằm tiếp xúc với môi trường làm việc thực tế
tại các đơn vị hoạt động trong lĩnh vực công nghệ thông tin. Qua đó giúp cho sinh

viên sắp ra trường tìm hiểu, làm quen với đội ngũ nhân viên nhiều kinh nghiệm.
Cùng với đó sinh viên có thể nắm bắt được công việc thực tế đề có thể áp dụng
những kiến thức từ nhà trường vào thực tiễn các ngành công nghệ thông tin. Đối
với đề tài của bản thân em đã tiếp thu được quy trình làm việc của một trung tâm
khắc phục sự cố công nghệ thông tin.
Cùng với đó em cũng gửi lời cảm ơn đến tập thể Công ty TNHH X8Media.
Trung tâm đã tạo điều kiện thuận lợi cho em hoàn thành quá trình thực tập công
việc tại đây.
Tuy đã cố gắng nỗ lực để hoàn thành báo cáo thực tập này đạt kết quả tốt
nhất, nhưng không thể tránh khỏi những sai sót trong bài. Em rất mong được sự chỉ
bảo và đóng góp ý kiến từ các thầy cô và các bạn để bài báo cáo của em được hoàn
thiện hơn.
Em xin chân thành cảm ơn !

Sv: Trần Duy Huy

MSV: 12100771


Trường Đại Học kinh doanh công nghệ Hà Nội

Khoa Công Nghệ Thông Tin

MỤC LỤC

MỤC LỤC CÁC HÌNH ẢNH
Số thứ tự

Trang

Hình 1: Phác thảo ý tưởng

6

Hình 2:archive.php

7

Hình 3:banner-slide.php

8

Hình 4: single.php

8

Hình 5:header.php

9

Hình 6: footer.php

9

Hình 7:slidebar.php

10

Hình 8: search.php

10

Hình 9:fb.php

11

Hình 10: content.php

11

Hình 11:Trang quản trị

13

Hình 12: Trang giới thiệu

13

Hình 13: Trang dịch vụ sửa chữa

14

Hình 14: Trang mainboard

15

Hình 15: Trang keyboard

16

Hình 16: Trang mouse

17

Hình 17: Trang sơ đồ trang web

18

Sv: Trần Duy Huy

MSV: 12100771


Trường Đại Học kinh doanh công nghệ Hà Nội

Hình 18: Trang liên hệ

Sv: Trần Duy Huy

Khoa Công Nghệ Thông Tin

19

MSV: 12100771


Trường Đại Học kinh doanh công nghệ Hà Nội

Khoa Công Nghệ Thông Tin

Các chữ viết tắt dùng trong báo cáo
-

TNHH: Trách nhiệm hữu hạn.

-

PHP: Personal Home Page – ngôn ngữ kịch bản.

-

SEO: Search Engine Optimization – tối ưu hóa công cụ tìm kiếm.

-

CSS: Cascading Style Sheets, nó làmột ngôn ngữ được sử dụng để tìm và định
dạng lại các phần tử được tạo ra bởi các ngôn ngữ đánh dấu.

Sv: Trần Duy Huy

MSV: 12100771


Trường Đại Học kinh doanh công nghệ Hà Nội

Khoa Công Nghệ Thông Tin

PHẦN MỞ ĐẦU
1, Giới thiệu lí do, mục đích
Ngày nay, chúng ta đang được sống trong kỷ nguyên của tin học nhờ sự phát

triển vượt bậc, sự bùng nổ mạnh mẽ của công nghệ thông tin. Công nghệ thông tin
không chỉ dừng lại ở mục đích phục vụ cho khoa học kĩ thuật mà còn đi sâu vào
đời sống chính trị kinh tế xã hội, mang lại nhiều lợi ích cho con người. Công nghệ
thông tin ngày càng khẳng định được tính hữu dụng và sức mạnh trong mọi
phương diện, mọi ngành nghề của cuộc sống, nhất là trong thời đại kinh tế thị
trường hiện nay.
Đi kèm với đó là cá hệ thông website cũng phát triển không ngừng với đủ
các lĩnh vực như: văn hóa, thời sự, khoa học, làm đẹp, thể thao, y tế, giải trí.... Tuy
nhiên, để tạo ra một trang web thu hút thì bản thân nó phải mang lại lợi ích cho
nhiều người. Giao diện bắt mắt, nội dung phù hợp là yếu tố quan trọng để người
xem click đến website của bạn.
Trong thời gian 5 tuần thực tập vừa qua, được sự giúp đỡ của các anh chị
Công ty TNHH X8Media, em đã hoàn thành bài báo cáo thực tập của mình với đề
tài “Thiết kế website bán Laptop”. Tuy nhiên, với tầm hiểu biết còn hạn hẹp, kiến
thức về thiết kế lập trình còn chưa nhiều, kinh nhiệm viết bài còn ít nên không thể
tránh khỏi những thiếu sót. Rất mong được sự góp ý của cá thầy cô trong khoa để
bài báo cáo của em được hoàn thiện.
2, Nội dung và địa điểm thực tập
2.1: Nội dung thực tập
- Tìm hiểu cách quản lý và quy trình làm việc của công ty.
- Tiếp cận thực tế và học hỏi cách làm việc của công ty.
- Thực hiện những công việc mà công ty giao cho.
- Thu thập tài liệu để viết bài báo cáo thực tập.
Sv: Trần Duy Huy

MSV: 12100771


Trường Đại Học kinh doanh công nghệ Hà Nội

Khoa Công Nghệ Thông Tin

- Xây dựng trang web bán hàng trực tuyến cho Trung tâm khắc phục sự cố
công nghệ cao SCLaptop bằng ngôn ngữ PHP và MySQL...
2.2: Địa điểm thực tập
Công ty TNHH X8Media là một công ty chuyênhoạt động về lĩnh vực Thiết
kế, lập trình Website, Marketing Online, quảng cáo Adwords, Facebook, SEO. Với
đội ngũ nhân viên trẻ, năng động và sáng tạo, chúng tôi tự hào cung cấp cho bạn
những giải pháp tốt nhất cho các khách hàng.
Hiện nay công ty đang có trụ sở tại địa chỉ: tầng 6, số 37, phố Thiên Hiền,
Phường Mỹ Đình 2, quận Nam Từ Liêm, Hà Nội.

Sv: Trần Duy Huy

MSV: 12100771


Trường Đại Học kinh doanh công nghệ Hà Nội

Khoa Công Nghệ Thông Tin

NỘI DUNG BÁO CÁO THỰC TẬPTỐT NGHIỆP
Chương I: Tổng quan chung về cơ sở thực tập
I.1: Thành lập và phát triển
X8Media là một công ty được thành lập từ những con người trẻ nhiệt huyết,
đam mê luôn dẫn đầu xu thế phát triển của hạ tầng CNTT. Công ty đam mê nghiên
cứu học hỏi các công nghệ mới. Là một công ty trẻ được thành lập năm 2014 trong
lĩnh vực đang là xu thế của thế giới, các thành viên X8Media luôn luôn đi tắt đón
đầu công nghệ.
Hiện nay công ty đang có một đỗi ngũ nhân viên gồm 15 bạn trẻ đam mê lập

trình, thiết kế Web.
I.2: Chức năng hoạt động của X8Media
Công ty chuyên hoạt động trong lĩnh vực Web developer. Thiết kế và các
vấn đề liên quan đến Website.

Sv: Trần Duy Huy

MSV: 12100771


Trường Đại Học kinh doanh công nghệ Hà Nội

Khoa Công Nghệ Thông Tin

Chương II: Nội dung thực tập tại cơ quan tiếp nhận.
II.1: Mô tả công việc
Tìm hiểu nhu cầu khách hàng
Khảo sát, phân tích yêu cầu hệ
s
thống

Lên ý tưởng, phác thảo cho
khách hàng

Xây dựng cơ sở dữ liệu + code
web

Sản phẩm demo

Phản hồi khách hàng

Chỉnh sửa sản phẩm

Sản phẩm hoàn thiện

Hình 1: Quy trình sản xuất trang Web

Sv: Trần Duy Huy

MSV: 12100771


Trường Đại Học kinh doanh công nghệ Hà Nội

Khoa Công Nghệ Thông Tin

II.2: Phương thức làm việc
-

Tìm hiểu nhu cầu khách hàng: Khách hàng kinh doanh trong lĩnh vực mua
bán sửa chữa laptop nên cần một trang web với giao diện bắt mắt, tạo ấn
tượng đối với khách hàng. Do đó, đầu tiên e sẽ thiết kế giao diện demo trên

Photoshop.
- Khảo sát phân tích hệ thống:
o Trang chủ: Hiển thị sơ bộ các dịch vụ shop bán laptop đề ra, cá hình
ảnh sinh động bắt mắt thân thiện.
o Giới thiệu: Tổng quan về shop và trung tâm khắc phục sự cố
SCLaptop.
o Sửa chữa: Các dịch vụ và bảng báo giáo sửa chữa các lỗi tại trung

tâm.
o Mainboard: Bảng giá thay thế mainboard các hãng Dell, HP, Asus,
Acer, Lenovo...
o Keyboard: Bảng giá thay thế keyboard các hãng Dell, HP, Asus, Acer,
Lenovo...
o Mouse: Bảng giá thay thế chuột các hãng, phù hợp với công việc
người dùng.
o Tin tức: Tổng hợp các tin tức mới nhất từ các dịch vụ sửa chữa thay
thế chính hãng.
o Sơ đồ trang Web: Khái quát chung hướng dẫn người sử dụng dịch vụ
một cách thuận tiện.
o Liên hệ: Số tổng đài, địa chỉ, các số liên hệ để người dùng gửi thắc
mắc kịp thời và nhanh nhất.

-

Lên ý tưởng, phác thảo cho khách hàng: Đây là công đoạn cần kết hợp từ
nhu cầu của khách hàng với ý tưởng sáng tạo của người thiết kế. Đảm bảo

Sv: Trần Duy Huy

MSV: 12100771


Trường Đại Học kinh doanh công nghệ Hà Nội

Khoa Công Nghệ Thông Tin

cho các coder sau này làm việc. Mọi người sẽ họp bàn với nhau để đưa ra
một quyết định thống nhất.

Hình 2: Phác thảo ý tưởng

- Xây dựng cơ sở dữ liệu + code web:
- Xây dựng cơ sở dữ liệu Sql ( Dùng mẫu có sẵn trong wordpress )
- Code web trên phần mềm Netbeans
Sv: Trần Duy Huy

MSV: 12100771


Trường Đại Học kinh doanh công nghệ Hà Nội
-

Khoa Công Nghệ Thông Tin

Sản phẩm demo: Gửi sản phẩm demo cho khách hàng và chờ duyệt từ khách hàng
để chỉnh sửa hoàn thiện sản phẩm.
II.3: Qui trình thực hiện:
II.3.1: code Web
-

archive.php: Định dạng hiển thị cho toàn bộ trang lưu trữ trên website như lưu
trữ theo ngày tháng, category, tag, custom taxonomy,..

Hình 2: archive.php

-

baner-slide.php: hiển thị các slide trong web

Sv: Trần Duy Huy

MSV: 12100771


Trường Đại Học kinh doanh công nghệ Hà Nội

Khoa Công Nghệ Thông Tin

Hình 3: banner-slide.php
-

single.php: Định dạng trang hiển thị nội dung của tất cả các Post.

Hình 4: single.php
-

header.php: phần đầu của theme

Sv: Trần Duy Huy

MSV: 12100771


Trường Đại Học kinh doanh công nghệ Hà Nội

Khoa Công Nghệ Thông Tin

Hình 5: header.php

-

footer.php: phần chân của trang theme

Hình 6: footer.php

-

sidebar.php: Phần hiển thị sidebar

Sv: Trần Duy Huy

MSV: 12100771


Trường Đại Học kinh doanh công nghệ Hà Nội

Khoa Công Nghệ Thông Tin

Hình 7: slidebar.php

-

search.php: phần tìm kiếm trong web

Hình 8: search.php

Sv: Trần Duy Huy

MSV: 12100771

Trường Đại Học kinh doanh công nghệ Hà Nội
-

Khoa Công Nghệ Thông Tin

fb.php: trang liên kết đếm facebook

Hình 9: fb.php

-

content.php: hiển thị nội dung

Hình 10: content.php
-

style.css: Trái tim của theme

Sv: Trần Duy Huy

MSV: 12100771


Trường Đại Học kinh doanh công nghệ Hà Nội

Khoa Công Nghệ Thông Tin

Tất cả các theme trong WordPress đều phải có tập tin style.css. Tập tin này không

chỉ là chứa các CSS trong theme mà nó còn có chức năng khai báo thông tin của
theme như tên theme, tên tác giả, số phiên bản,…nhằm có thể hiển thị trong khu
vực Themes của WordPress. Nếu theme bạn không có tập tin này thì theme của
bạn không hợp lệ.

-

functions.php: Bộ não của theme

Tập tin này tuy không thuộc template của theme nhưng nó sẽ có vai trò chứa
những đoạn mã PHP để khai báo các tính năng đặc biệt, hoặc sử dụng
hàm add_theme_support() để khai báo các tính năng trong theme. Bạn hãy nhớ một
điều rằng, functions.php không phải là template nên nó sẽ không hiển thị ra bên
ngoài nhưng mà nó sẽ được thực thi, và tất cả code PHP trong đây sẽ được thực thi
khi website được tải ra.
-

index.php: Template gốc của theme

Tập tin index.php không chỉ là template để sử dụng cho trang chủ, mà nó còn là
template gốc của website nếu như các template khác chưa được khai báo. Ví dụ
nếu theme của bạn không có tập tin single.php để làm template cho trang nội dung
của Post, thì nó sẽ sử dụng tập tin index.php để hiển thị. Các template khác cũng
vậy.

Sv: Trần Duy Huy

MSV: 12100771

Trường Đại Học kinh doanh công nghệ Hà Nội

Khoa Công Nghệ Thông Tin

II.3.2: Một số hình ảnh trang web:

Hình 11: Trang quản trị

Hình 12: Trang giới thiệu
Sv: Trần Duy Huy

MSV: 12100771


Trường Đại Học kinh doanh công nghệ Hà Nội

Khoa Công Nghệ Thông Tin

Hình 13: Trang dịch vụ sửa chữa

Sv: Trần Duy Huy

MSV: 12100771


Trường Đại Học kinh doanh công nghệ Hà Nội

Khoa Công Nghệ Thông Tin

Hình 14: Trang mainboard

Sv: Trần Duy Huy

MSV: 12100771


Trường Đại Học kinh doanh công nghệ Hà Nội

Khoa Công Nghệ Thông Tin

Hình 15: Trang keyboard

Sv: Trần Duy Huy

MSV: 12100771


Trường Đại Học kinh doanh công nghệ Hà Nội

Khoa Công Nghệ Thông Tin

Hình 16: Trang mouse

Sv: Trần Duy Huy

MSV: 12100771


Trường Đại Học kinh doanh công nghệ Hà Nội

Khoa Công Nghệ Thông Tin

Hình 17: Trang sơ đồ trang web

Sv: Trần Duy Huy

MSV: 12100771