Báo cáo thực tập thiết kế websile

MỤC LỤC

1


LỜI NÓI ĐẦU
Ngày nay, ứng dụng công nghệ thông tin và việc tin học hóa được xem là
một trong những yếu tố mang tính quyết định trong hoạt động của các chính phủ,
tổ chức, cũng như của các công ty, nó đóng vai trò hết sức quan trọng, có thể tạo
ra những bước đột phá mạnh mẽ.
Cùng với sự phát triển không ngừng về kỹ thuật máy tính và mạng điện tử, công
nghệ thông tin cũng được những công nghệ có đẳng cấp cao và lần lượt chinh
phục hết đỉnh cao này đến đỉnh cao khác. Mạng Internet là một trong những sản
phẩm có giá trị hết sức lớn lao và ngày càng trở nên một công cụ không thể
thiếu, là nền tảng chính cho sự truyền tải, trao đổi thông tin trên toàn cầu.
Giờ đây, mọi việc liên quan đến thông tin trở nên thật dễ dàng cho người sử
dụng: chỉ cần có một máy tính kết nối internet và một dòng dữ liệu truy tìm thì
gần như lập tức… cả thế giới về vấn đề mà bạn đang quan tâm sẽ hiện ra, có đầy
đủ thông tin, hình ảnh và thậm chí đôi lúc có cả những âm thanh nếu bạn cần…
Bằng internet, chúng ta đã thực hiện được nhiều công việc với tốc độ nhanh hơn
và chi phí thấp hơn nhiều so với cách thức truyền thống. Chính điều này, đã thúc
đẩy sự khai sinh và phát triển của thương mại điện tử và chính phủ điện tử trên
khắp thế giới, làm biến đổi đáng kể bộ mặt văn hóa, nâng cao chất lượng cuộc
sống con người.
Vì vậy, em đã thực hiện “ XÂY DỰNG WEBSITE GIỚI THIỆU VỀ CÔNG
ĐOÀN TRƯỜNG ĐẠI HỌC TÂY BẮC” .
Với sự hướng dẫn tận tình của Thầy giáo Mai Văn Tám, em đã hoàn thành bài báo
cáo thực tập này. Tuy đã cố gắng hết sức tìm hiểu, phân tích thiết kế và cài đặt hệ
thống nhưng chắc rằng không tránh khỏi những thiếu sót. Em rất mong nhận được
sự thông cảm và góp ý của quý bấu thầy cô. Em xin chân thành cảm ơn.

2


LỜI CẢM ƠN
----™&˜---Trong lời đầu tiên của báo cáo “Xây dựng website cho công đoàn trường đại
học Tây Bắc ”này, Trước hết, em xin chân thành cám ơn thầy Mai Văn Tám
Giảng viên trực tiếp hướng dẫn, nhận xét, giúp đỡ em trong suốt quá trình thực
tập. Em cũng gửi lời cám ơn và biết ơn chân thành nhất 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 tập.
Do thời gian thực hiện có hạn, kiến thức còn hạn chế nền bài làm 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 quý thầy cô và các bạn để em có
thêm kinh nghiệm và tiếp tục hoàn thiện bài thực tập của mình.
Em xin chân thành cảm ơn!

3


Nhận xét của giảng viên hướng dẫn
Giảng viên hướng dẫn: Phan Trung Kiên
Sinh viên thực tập: Lò Văn Ngân, Lò Văn Dương và Quàng Văn
Thuận
Đề tài: Thiết kết website cho công đoàn trường Đại học Tây Bắc
......................................................................................................
....................
......................................................................................................
.................... .................................................................................
.........................................
......................................................................................................
....................

......................................................................................................
....................
......................................................................................................
....................
......................................................................................................
....................
......................................................................................................
....................
......................................................................................................
....................
......................................................................................................
....................
......................................................................................................
....................
......................................................................................................
....................
......................................................................................................
....................
......................................................................................................
....................
4


......................................................................................................
....................
......................................................................................................
....................
......................................................................................................
....................
Điểm

Sơn La, Ngày... ...tháng... ...năm... ...
Ký tên

Ý kiến và nhận xét của cơ quan thực tập
Cán bộ hướng dẫn: Mai Văn Tám
Sinh viên thực tập: Lò Văn Ngân, Lò Văn Dương và Quàng Văn
Thuận
Đề tài: Thiết kết website cho công đoàn trường Đại học Tây Bắc
......................................................................................................
....................
......................................................................................................
....................
......................................................................................................
....................
......................................................................................................
....................
......................................................................................................
....................
......................................................................................................
....................

5


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

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

Điểm

Sơn La, Ngày... ...tháng... ...năm... ...
Ký tê

6


CHƯƠNG 1: NỘI DUNG THỤC TẬP TẠI NƠI THỰC TẬP
1. Giới thiệu về nơi thực tập :

CHƯƠNG 2: BÁO CÁO NỘI DUNG CÔNG VIỆC THỰC TẬP
2. Phân tích yêu cầu.

Nghiên cứu, xây dựng website công đoàn trường Đại học Tây
Bắc bằng Joomla.
Tuần

Ngày

Nội dung công việc

1

02/03/2015 – 07/03/2015

2

09/03/2015 – 14/03/2015

3

16/03/2015 – 21/03/2015

4

23/03/2015 – 28/03/2015

Ra mắt cơ quan, nhận công việc, trao đổi
với cơ quan văn phòng công đoàn về giao
diện nội dung cần có trong website.
Tìm hiểu về HTML, CSS, PHP và Joomla,
phân tích, liệt kê các danh mục cần đưa lên
website. Thiết kế giao diện website.

Sự dụng các công cụ Joomla hỗ trợ, thiết
kế, xây dựng website.
Thiết kế, xây dựng website.

5

30/03/2015 – 04/04/2015

Thiết kế, xây dựng website.

6

01/04/2015 - /11/04/2015

Hoàn thiện website, test thử website.

7

13/04/2015 – 17/04/2015

Bàn giao sản phẩm.

2.1. Kết quả đạt được trong quá trình thực tập.
- Trong 7 tuần thực tập em đã có thêm nhiều kiến thức
về Joomla.
- Học hỏi nhiều kinh nghiệm mới từ các thầy cô trong Tổ
bộ môn kỹ thuật máy tính và mạng.
- Kỹ năng giao tiếp, thiết trình trước đám đông được cải
thiện.
2.2. Nhận xét chung những thuận lợn và khó khăn

trong quá trình thực tập


2.2.1. Nhận xét:
- Trong quá trình thực tập em còn nhiều thiếu sót, sai lầm
sảy ra và được nhiều sự giúp đỡ từ các thầy cô tại cơ
quan, em đã không ngừng cố gắng để hoàn thiện hơn.
2.2.2. Thuận lợi:
- Cơ sở vật chất tốt.
- Giáo viên hướng dẫn tận tâm, nhiệt tình.
- Thời gian thực tập linh động.
2.2.3. Khó khăn:
- Nhiều kiến thức cần phải tiếp thu.
- Trong quá trình thực tập sảy ra nhiều lỗi do chưa quen
khi làm việc.
CHƯƠNG 3 - PHÂN TÍCH, THIẾT KẾ VÀ XÂY DỰNG
WEBSITE
3. Yêu cầu công việc được giao.

“Xây dựng Website tin tức cho Công Đoàn Trường Đại Học Tây
Bắc”
Chuyên mục:
Đây là một website giới thiệu về công việc và các hoạt động
của công đoàn trường. Có các chứa các chuyên mục sau:
 Trang Chủ
 Giới Thiệu
 Giới thiệu công đoàn trường.
 Lịch sử công đoàn.
 Cơ cấu tổ chức.
 Điều lệ công đoàn việt nam.

 Tin Tức – Sự Kiện
 Giới thiệu công đoàn trường.
 Lịch sử công đoàn.
 Cơ cấu tổ chức.
 Điều lệ công đoàn việt nam.
 Chuyên Đề
 Tuyên giáo.
 Chính sách pháp luật.
 Chuyên môn.


 Nữ công.
 Thi đua khen thưởng.
 Văn Bản
 Báo cáo.
 Công văn.
 Hướng dẫn.
 Kế hoạch.
 Nghị quyết.
 Quyết định.
 Thông báo.
 Thư Viện Ảnh
 Liên Hệ
3.1. Yêu cầu đặt ra.
- Thiết bị và phần mềm
+ Máy tính có thể thiết kế được web
+ Hệ quản trị cơ sở dữ liệu MySQL
+ Cài đặt Xampp ...
+ Phần thiết kế : joomla 2.5
3.2. Sơ đồ website

Hình 1.2: Sơ đồ trang web


3.3. Tìm Hiểu Về Mã Nguồn Mở
3.3.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 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 triển của mã nguồn mở.
3.3.2. Giớ thiệu về một số mã nguồn mở
a. Joomla
Joomla là một hệ 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 barncacs 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. Wordpess đượ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, cùng các mặc định về chuẩn
web.
c. Opencart
Ngoài tính năng free thì Opencart được biết đến với

những 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 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ẩm 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 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 đện
Các Opensource mỗi loại đều có điểm 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
Thẻ tặng quà
Xếp hạng các hạng mục sản phẩm
SEO
Tiền tệ

3.4. Các công cụ hỗ trợ thực hiện.
- Joomla 2.5.
- 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 va 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.
- Cài đặt Xampp Control Panel xampp-win32-5.6.3-0-VC11installer.
Đầu tiên chúng ta cần tải Xampp để thiết lập môi trường.
Các bước tải xampp.
- Bước 1: tải xampp-win32-5.6.3-0-VC11-installer về máy.
- Bước 2: tắt bức tường lửa hay chương trình diệt virut. Mở file cài đặt
để tiến hành cài đặt. chọn next để tiếp tục,
- Bước 3: chọn next để tiếp tục.
- Bước 4: chọn đường dẫn để cài đặt, đường dẫn mặc định là C:\xampp.


- Chọn next để tiếp tục cài đặt.
- Bước 5: chọn next để tiếp tục cài đặt.
- Bước 6: chọn next để tiếp tục cài đặt.
- Bước 7: 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 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 1.5: Quá trình cài đặt Xampp thành công
CHƯƠNG 4: QUẢN TRỊ WEBSITE
4.1. Truy cập trang quản trị.
Truy cập trang quản trị vào link:
“localhost/congdoan/administrator/index.php” khi đó
màn hình xuất hiện như sau.

Hình 1: Đăng nhập vào trang Quản trị

Điền thông tin vào bảng username/password và ta chọn “Đăng nhập”
màn hình sẽ xuất hiện trang quản trị như sau :

Hình 2: Đăng nhập vào trang quản trị thành công
4.2. Cấu hình website.
Trên thanh Menu Bấm vào “Trang” chọn “cấu hình
chung” để cấu hình cho Website:

Hình 3: Bảng cấu hình chung cho Website
4.3. Tuy chỉnh các danh mục trong trang web
Trên thanh Menu chọn “Danh mục” chọn “Top” và ta có
thể tùy chọn“thêm mới, chỉnh sửa, xóa” các danh mục khi


xuất hiện bảng sau :

Hình 4: Cho phép chỉnh, sửa, xóa, thêm danh mục
4.5. Tùy chỉnh các module cho website
Vào Menu chọn “Tiện ích mở rộng” chọn “Quản lý
module” để hiển thị danh sách các module.

Hình 5: Quản lý Module cho website
Chúng ta cũng có thể chỉnh sửa hoặc thêm Module mới
bằng cách chọn “thêm hoặc sửa” Module.


Để xóa Module ta cũng vào “Tiện ích mở rộng” chọn
“Quản lý phần mở rộng” chọn “Quản lý” chọn “Module cần

xóa” chọn “Gỡ bỏ cài đặt”.

1

Hình 1.3b: Dùng để xóa Module

4.6. Thêm bài viết mới.
Vào nội dung – quản lý bài viết – chọn thể loại bài viết
cần đăng – thêm mới bài viết và tạo bài viết rồi lưu.

CHƯƠNG 5:KẾT QUẢ THỰC HIỆN
5.1. Giao diện của trang chủ.


5.2. Module tìm kiếm, lịch công tác, đăng nhập, tim
mới và thống kê truy cập.


5.3. Giao diện thư viện ảnh.

CHƯƠNG 6: TỔNG KẾT ĐÁNH GIÁ VÀ HƯỚNG PHÁT
TRIỂN CỦA ỨNG DỤNG.
6.1. Những điểm chưa làm được và hướng giải quyết:


Việc kết nối giữa server và cơ sở dữ liệu còn chậm. Điều này cũng dễ
hiểu vì việc thiết lập cầu nối phải qua nhiều cấp. Chỉ có cách giải quyết là cho
server chạy trên máy có cấu hình mạnh, tốc độ truy xuất đĩa nhanh.
6.2. Hướng phát triển của chương trình:
Mặc dù đã cố gắng hoàn chỉnh các yêu cầu nhưng bài báo cáo còn rất

nhiều thiếu sót mong nhận được sự chỉ bảo hướng dẫn của các thầy cô khác
giúp đỡ xem xét, đề xuất thêm các ý kiến cũng như bổ sung các vấn đề phục
vụ cho việc xây dựng website để em có thể hoàn chỉnh hơn . Em xin cảm ơn
các quý thầy cô.
 Kết luận
Kết quả thực tập giúp em có thêm một phương
pháp xây dựng một website, góp phần làm cho môi
trường làm việc thuận tiện và dễ dàng hơn. Vì vậy tiếp
cận đề tài là hướng đi đúng đắn.
Vì thời gian không cho phép nên em chưa tìm hiểu
rõ và kỹ hơn đề tài này. Vì thế đề tài cũng còn nhiều
thiếu sót, mong các thầy cô giúp đỡ em nhiều hơn.
Một lần nữa em xin chân thành cảm ơn các thầy cô
giáo, các bạn và đặc biệt là thầy Mài Văn Tám và thầy
Phan Chung Kiên đã tạo điều kiện giúp đỡ cũng như là
hướng dẫn tận tình em trong thời gian thực tập này. Em
xin chân thành cảm ơn.