Báo cáo kết thúc học phần cơ sở lập trình web

Theo xu hướng của thời đại, không chỉ các doanh nghiệp mà còn cá nhân và cả cộng đồng đều đang tận dụng công nghệ thông tin dé tạo ra những cơ hội mới, nâng cao hiệu quả làm việc, và cải

BỘ CÔNG THƯƠNG TRƯỜNG ĐẠI HỌC ĐIỆN LỰC

KHOA CONG NGHE THONG TIN

EEE

A

ĐI HỌC ĐIỆN LỰC

ELECTRIC POWER UNIVERSITY

BAO CAO KET THUC HOC PHAN

CO SO LAP TRINH WEB

BỘ CÔNG THƯƠNG TRƯỜNG ĐẠI HỌC ĐIỆN LỰC

KHOA CONG NGHE THONG TIN

=

DAI HOC DIEN LUC

ELECTRIC POWER UNIVERSITY

DE TAI: BAO CAO KET THUC HOC PHAN

CO SO LAP TRINH WEB

Giáo viên hướng dẫn: Dinh Thu Khanh

Thành viên:

Hà Nội, tháng 0Š năm 2024

PHIEU CHAM DIEM

STT Họ và tên sinh viên Nội dung thực hiện Điểm Chữ ký

1 Dương Minh Hải Thiet ke Trang chu, chi tiệt công ty,

liên hệ, hô sơ ứng viên

2_ | Nguyễn Thị Thanh Tâm | Thiết kế trang Blog

3 | Võ Thị Kim Liên Thiết kế chỉ tiết công việc

4_ | Phan Hải Nam Thiết kế chỉ tiết công việc

Họ và tên giãng viên chấm Chữ ký Ghỉ chú

MỤC LỤC

DANH MỤC CÁC KÝ HIỆU, CÁC CHỮ VIẾT TẮT (NẾU CÓ) 6 DANH MỤC CÁC HÌNH c cm nu 7 PHẦN 1 TỔNG QUAN ĐỀ TÀI - ccc cu nsseeseeese 1

1.4.3 Về chúng tôi (About Ù§) - 2s 21112 12121121121 222112121211 e tra

1.4.4 Chi tiết công ty (Company) - s2 1111121122211 1211 1 nrreg 1.4.5 Chi tiết công việc (Job đetails) -s- S1 2 2111111211112 211 xe 1.4.6 Hồ sơ ứng viên (Profile card) - - 5s 5s s1 112112112112121111 1212121 ryg

2.1 Khảo sát hiện trạng 2.2, Mô tả các chức năng so s9 S0 9x 9515095555958 05 5085 9801585 5905 s8

2.2.1 Trang CHU

"Nhang ai-.ẮĂẮỶÝỶẢ

2.2.3 Chat trực tuyến ¬ 2.2.4 Liên kết mạng xã hỘIi L2 2 22122211211 121 11531111 11111211 1111811121 xe2 2.2.5 Tạo hồ sơ cá nhân 2 SH H111 1115181 51111115 1215151 5n Ha Hee 2.2.6 Đăng nhập/Đăng ký tài khoản 12c 2211121121121 112115121218 2x re

PŸxz8ïšc 0

2.3 Thiết kế Layout

2.3.2 Trang đăng nhập - - 22 22112211 2211221 1211141111111 1 110110111011 2111111 1111 x55

2.3.3 Trang thêm thông tin hỗ sơ ứng viên - 2 5s Set 2212122121221 xe 8

2.3.4 Trang chỉ tiết công ty 2S s EE121121121211211 2121212101221 ngu 9 2.3.5 Trang chỉ tiết công viỆc - 52-511 1 E1211211211211111212112121 22 crreg 11

2.3.6 Thiết kế layout thông tin ứng viên 2-5 s2 12222121112 1 re 11

PHẦN 3 THIẾT KẾ TRANG WEB Ăn re 12

3.1 Trang chíÍnhh o s- s55 s9 2 9350.5095504 8 9001901 0308 09 s0 0900989 12

3.4 Trang chỉ tiết cOmg ty ccccccssssssssssssssessssssecesssessesssesssssssssssesssesesesessseseseeseees 15

3.6 Trang hồ sơ ứng viên << se sEEsErseEseCeeEegreere cua serssree 18

TÀI LIỆU THAM KHẢO - «5S nh rz 19

DANH MỤC CÁC KÝ HIỆU, CÁC CHỮ VIẾT TẮT (NẾU CÓ)

2 3

DANH MỤC CÁC HÌNH

Hình 2.1 Thiết kế Layout trang chính + 2 2E 12E121271112212112122 2121 xe 7 Hình 2.2 Thiết kế layout đăng nhập - 22 S91 E1 SE1EE1511221 1111111211112 21x 8 Hình 2.3 Thiết kế layout tạo sơ yếu lý lịch 2 2c 1121112111111 22112111 8 Hình 2.4 Thiét kế layout chi tiét cOng ty - Lovee ecsecsessesssesessessessessesssseessen 9 Hình 2.5 Thiết kế layout chi tiết công ty -2 - 5 5c 1 1122121121111 xe 10 Hình 2.6 Thiết kế layout chi tiết công viỆc 55 S121 11211127111112x xe 11 Hinh 3.1 Giao diện trang chính-] c2 222112211211 121115121 151111552 11 1 re 12 Hinh 3.2 Giao diện trang chính-2 12c 2221121121151 1511111121111 211 1121 1xx re 12 Hinh 3.3 Giao diện trang chính-3 2c 2221121121151 1211111221181 211 221 1x re 13 Hinh 3.4 Giao diện trang chính-4 12c 2221121121151 111111121111 211 121 1x re 13 Hinh 3.5 Giao diện trang chính-5 2c 2221121121151 111 1111121181211 1 21 xe 14 Hinh 3.6 Giao diện trang đăng nhập/đăng ký - 2ì 2t S2n2 2 eree 14 Hinh 3.7 Giao diện trang đăng nhập/đăng ký - 2 2n S2 n2 re 15 Hình 3.8 Giao điện trang chỉ tiết công ty-l 2 1 1212212112111 xe 15 Hình 3.9 Giao điện trang chỉ tiết công ty-2 - 2-52 SE 2212212112111 xe 16 Hình 3.10 Giao diện trang chỉ tiết công ty-3 - - 5 S1 2212212112111112 xe 16 Hình 3.11 Giao diện trang chỉ tiết công việc-l - 5-5 2121212122121 cEx 17 Hình 3.12 Giao diện trang chi tiết công việc-2 - 2-5 St S121 211121222 17 Hình 3.13 Giao diện trang chi tiết công việc-3 s5 Set 221212 czx 18

Hình 3.14 Giao diện trang hỗ sơ ứng viên 2 s12 1211112111112 xe 18

Hinh 3.15 Giao diện trang BÌoe c1 221211211221 121 1111121181 2111 11211 8 ray 19

LỜI MỞ ĐẦU

Trong bối cảnh phát triển của đất nước, ngành công nghệ thông tin và internet đã trở

thành một phần không thể thiếu Công nghệ thông tin không chỉ giúp kết nối con

người một cách nhanh chóng và hiệu quả mà còn thúc đây sự phát triên kinh tế, xã hội

và giáo dục trên toàn thế giới Theo xu hướng của thời đại, không chỉ các doanh nghiệp mà còn cá nhân và cả cộng đồng đều đang tận dụng công nghệ thông tin dé tạo

ra những cơ hội mới, nâng cao hiệu quả làm việc, và cải thiện chất lượng cuộc sống Trong lĩnh vực tìm kiếm việc làm, sự phát triển của các nền tảng trực tuyến đã thay đôi hoàn toàn cách chúng ta tiếp cận và tương tác với thị trường lao động

Từ những phần mềm quản lý giúp cho công việc tìm kiếm việc làm trở nên nhanh

chóng và đễ dàng, ngày nay công nghệ thông tin đã phát triển mạnh mẽ hơn nữa Website tìm việc làm ra đời không chỉ đáp ứng cho những người tìm viéc trong nước

mà còn phục vụ cho những người tìm việc ở nước ngoài Không những thế, việc giới thiệu, quảng bá hình ảnh về các công ty, tô chức tuyên dụng được mở rộng trên quy

mô lớn, p1úp cho viéc tim kiếm việc làm, trao đỗi thông tin tuyển dụng thuận lợi hơn rất nhiều, mang lại hiệu quả cao hơn và tạo uy tín trong lòng người tìm việc

Chính vì lợi ích mà Website tìm việc làm mang lại mà các công ty, tổ chức đã áp dụng

nó để phát triển hoạt động tuyến dụng và giới thiệu công ty của mình Do vậy, nhóm chúng em lựa chọn đề tài “Thiết kế website tìm kiếm việc làm” nhằm đưa đến cho người tìm việc một công việc lý tưởng trong việc tìm kiếm cơ hội làm việc

PHẦN 1 TỔNG QUAN ĐỀ TÀI

1.1 Giới thiệu đề tài

Trong thời đại số hóa ngày nay, việc tìm kiếm việc làm qua mạng đã trở nên phô biến và cần thiết hơn bao giờ hết Một website tìm việc không chỉ là một công cụ thuận tiện mà còn là một phần không thê thiếu của cuộc sống hiện đại, siúp cung cấp thông tin về các cơ hội nghề nghiệp đa dạng và phong phú cho người lao động Thực tế, sự phát triển của internet đã mở ra một thế giới mới, nơi mà việc tìm kiếm việc làm không còn chỉ dừng lại ở phạm vi địa lý mà có thể được thực hiện từ bắt

kỳ đâu trên thé giới

Một website tìm việc không chỉ đơn thuần là một nơi để công bố các vị trí việc làm,

mà còn là một nền tảng mạnh mẽ giúp kết nỗi nhà tuyên dụng và người tìm việc một cách thuận lợi và hiệu quả nhất Đối với người lao động, website tìm việc cung cấp một cơ hội để họ dễ đàng tiếp cận các vị trí việc làm mới, tìm hiểu về các công

ty và ngành nghề khác nhau, đồng thời cũng giúp họ có thể tìm kiếm, lựa chọn và nộp đơn ứng tuyển trực tuyến một cách thuận lợi

Mục tiêu của việc “thiết kế một website tìm việc” là xây dựng một nền tảng trực tuyến linh hoạt và đễ sử dụng, giúp cả nhà tuyến dụng và người tìm việc có thế tương tác một cách thông minh và hiệu quả nhất Các tính năng chính cua trang web

sẽ bao gồm khả năng tìm kiếm, lọc và xem các vị trí việc làm phủ hợp với nhu cầu

và kỹ năng của từng người dùng, cũng như cho phép họ tạo hồ sơ cá nhân và ứng tuyến trực tuyến một cách tiện lợi

Thông qua việc nghiên cứu và phát triển đề tài nảy, chúng tôi hy vọng có thể đóng

góp vào việc cải thiện quá trình tìm kiếm việc làm, giúp người lao động dễ dàng

tiếp cận cơ hội nghề nghiệp

1.2 Mục đích của website cần thiết kế

Khi xây dựng một website tìm kiếm việc làm, việc xác định mục đích và định hướng rõ ràng là vô cùng quan trọng Mục đích của website này không chỉ là tạo ra một nền tảng trực tuyến đề cung cấp thông tin về các cơ hội nghề nghiệp, mà còn là

một công cụ giúp kết nối nhà tuyên dụng và người tìm việc một cách hiệu quả

Đâu tiên, website cần cung cấp thông tin đáng tin cậy về các vị trí việc làm từ nhiều ngành nghề khác nhau Điều này giúp người tìm việc đễ dàng tiếp cận và tìm hiểu

về các cơ hội nghề nghiệp mới Tiếp theo, website phải cung cấp các công cụ tìm

kiêm và lọc thông minh, giúp người tìm việc có thê tìm kiêm các vị trí phù hợp với

ky nang, vi tri va mong muốn của họ Họ cũng cần có khả năng tạo hồ sơ cá nhân và nộp đơn ứng tuyển trực tuyến một cách thuận tiện Ngoài ra, website cần tạo ra một môi trường tương tác thuận lợi giữa nhà tuyên dụng và ứng viên Điều này giúp

tăng cường sự giao tiếp và trao đổi thông tin giữa hai bên, từ đó tạo ra cơ hội việc

làm và mối quan hệ đáng giá Cuối cùng, website cũng cần là một không gian để

chia sẻ kiến thức, kinh nghiệm và mạng lưới quan hệ nghề nghiệp, từ đó hỗ trợ

người tìm việc trong việc phát triển sự nghiệp của họ

Tóm lại, “Website tìm kiếm việc làm” là tạo ra một nền tang dang tin cay và hiệu qua, ø1úp két néi nha tuyén dụng và người tìm việc một cách thuận lợi và thành công nhất

1.3 Một số trang web tham khảo

nghề của mình

e - Nhà tuyển dụng có thể đăng tải công việc, tìm kiếm và xem hồ sơ ứng viên, quảng cáo và xây dựng thương hiệu nhà tuyển dụng, và tương tác với ứng viên

® - Doanh nghiệp và tổ chức có thể tạo và quản lý trang doanh nghiệp, tìm kiếm

và kết nối với ứng viên tiềm năng, cung cấp thông tin về doanh nghiệp và sản phẩm, va tương tác với cộng đồng người dùng LinkedIn

® - Người tìm việc có thể tìm kiếm công việc, tạo hồ sơ, ứng tuyến vào các công việc, và tạo thông báo việc làm

e© Nhà tuyển dụng có thế đăng tải công việc, quản lý và xem hồ sơ ứng viên, đăng tin tuyên đụng và quảng cáo công ty của họ

e Nha tuyén dung cé thé dang tải công việc, quản lý và xem đánh giá từ nhân viên, và tương tác với ứng viên thông qua hỗ sơ công ty và tin tức

1.3.4 Careerviet:

- Đối tượng sử dụng:

® Người tỉm việc

e Nha tuyén dung

- Chire nang, quyén han:

® - Người tìm việc có thể tìm kiếm công việc, tạo hồ sơ, ứng tuyến vào các công việc, và tạo thông báo việc làm

® - Nhà tuyến dụng có thể đăng tải công việc, quản lý và xem hồ sơ ứng viên, và tương tác với ứng viên thông qua các công cụ tuyên dụng

1.4 Một số trang chính của website

1.4.1 Trang chủ (Home)

Đây là trang đầu tiên mả người dùng nhìn thấy khi truy cập vào website Trang này thường chứa các liên kết đến các phần chính khác của website và có thế bao gồm các thông tin nỗi bật như việc làm, các công ty, lời chứng thực và các bài viết hoặc lời khuyên nghề nghiệp:

e Viéc lam (Job List): Cac công việc mới nhất được đăng tuyến dụng

e_ Các công ty nổi bật (Companies/ Featured Companies): Hiển thị các công ty hang đầu đang tuyển dụng Những công ty này được nổi bật để người dùng dễ dàng tìm thấy các cơ hội việc làm hấp dẫn và uy tín

e Loi ching thyc( Testimonial): Trung bay cac danh øiá tích cực từ khách hàng

và đối tác Những lời chứng thực này giúp xây dựng uy tín, tăng cường lòng tin,

và chứng minh chất lượng dịch vụ của trang web

e Tu van nghé nghiép (Blogs/ Career Advice): Cung cap cac bai viết, lời khuyên,

và tài nguyên giúp người dùng tìm việc hiệu quả hơn, chuẩn bị cho phỏng vấn, viết CV, và phát triển sự nghiệp

1.4.2 Tìm kiếm việc làm (Jobs)

Trang này cho phép người dùng tìm kiếm các công việc theo các tiêu chí khác nhau

như ngành nghề, vị trí công việc, kinh nghiệm, bằng cấp, khoảng cách địa lý, Thường có một công cụ tìm kiếm mạnh mẽ với các bộ lọc để người dùng có thé tim thấy công việc phù hợp nhất với minh

1.4.3 Về chúng tôi (About Us)

Trang này giới thiệu về công ty hoặc tô chức đứng sau website, tầm nhìn, sứ mệnh,

và đội ngũ

1.4.4 Chi tiét cong ty (Company)

Cung cấp cho người dùng những thông tin cơ bản về công ty: lịch sử ra đời, các công việc đang tuyến dụng, dịch vụ của công ty, ban lãnh đạo, hình ảnh về công

ty

1.4.5 Chỉ tiết cong viéc (Job details)

Mang lại cho người dùng đầy đủ thông tin về công việc đăng tuyến: vị trí làm việc, các yêu cầu bằng cấp, yêu cầu công việc, lương thưởng và lợi ích

1.4.6 Hồ sơ ứng viên (Profile card)

Cung cấp đầy đủ thông tin của ứng viên từ điện mạo, sở thích, độ tuôi đến chuyên ngành, kinh nghiệm làm việc và cả thông tin liên lạc

Mỗi trang đều mang lại các dịch vụ và thông tin cần thiết để người dùng tìm kiếm

việc làm và phát triên sự nghiệp cua minh

PHẦN 2 KHẢO SÁT VÀ PHÂN TÍCH 2.1 Khảo sát hiện trạng

Trong thời đại số hóa hiện nay, cac trang web tim kiếm việc làm đã trở thành công

cu quan trọng, hỗ trợ cả nhà tuyển dụng và người tìm việc Tại Việt Nam, một số trang web nổi bật như VietnamWorks, CareerBuildervn, Timviecnhanh.com,

TopCV.vn, Vieclam24h.vn, và JobStreet.vn đã và đang thu hút lượng lớn người

dùng nhờ vào những tính năng vượt trội và sự tiện lợi mà chúng mang lại

Các trang web này cung cấp một số lượng lớn công việc đa dạng, thuộc nhiều ngành nehề khác nhau, từ IT, tài chính, marketing đến sản xuất và dịch vụ Người dùng có thé dé dang tim kiếm và lọc các công việc theo địa điểm, mức lương, loại hình công việc và kinh nghiệm Đặc biệt, tính năng ứng tuyển trực tuyến và tạo hồ sơ trực tuyến giúp tiết kiệm thời gian và tăng tính hiệu quả trong quá trình tìm kiếm việc làm

Một số đặc điêm nỗi bật của các trang web tìm việc làm hiện nay:

e_ Giao diện npười dùng (U]) và trải nghiệm người dùng (UX) của các trang web này thường được thiết kế thân thiện, dễ sử dụng Người dùng có thế nhanh chóng nắm bắt cách thức hoạt động của trang web và tìm thấy các thông tin cần thiết một cách đễ dàng Tuy nhiên, vẫn còn một số trang cần cải thiện về mặt tốc độ tải trang và hiệu suất khi có nhiều người truy cập cùng lúc

e_ Khả năng tiếp cận (Accessibility) cũng là một yếu tố quan trọng Một số trang web đã chú trọng hỗ trợ người khuyết tật thông qua các công cụ như trình đọc màn hình và phím tắt, giúp mọi người có thể đễ dàng truy cập và sử dụng dịch

e_ Cuỗi cùng, tính tương thích di động là một yếu tố không thê thiếu Hầu hết các trang web tìm việc làm hiện nay đều đã tối ưu hóa cho các thiết bị di dong, giup

người dùng có thể tìm kiếm và ứng tuyên mọi lúc, mọi nơi

Tom lai, cac trang web tim kiếm việc làm tại Việt Nam đã và đang đóng góp quan trọng vào thị trường lao động, tuy nhiên, vẫn cần tiếp tục cải tiến để đáp ứng tốt hơn nhu cầu của người dùng

2.2, Mô tả các chức năng

2.2.1 Trang chủ

Thiết kế trang chủ với những module chinh trong website - Những thông tin xuất hiện trên trang chủ phụ thuộc vào sự quyết định của công ty Trong quá trình cập nhật website, các thông tin này là danh sách việc làm, danh sách các công ty hay các bài viết về ngành nghề liên quan và dịch vụ khác

2.2.2 Bài viết (Blog)

Cung cấp các bài viết, lời khuyên, và tài nguyên giúp người dùng tìm việc hiệu quả hơn, chuẩn bị cho phỏng vấn, viết CV, và phát triển sự nghiệp

2.2.5 Tạo hồ sơ cá nhân

Đăng ký thông tin là chức năng dé ứng viên lưu địa chỉ Email liên hệ, số điện thoại, địa chỉ của mình lại trên WebSite dé làm thông tin cá nhân cho các nhà tuyên dụng sau này có những đánh giá trước mắt cho những ứng viên nảy

2.2.0 Đăng nhập/Đăng ký tài khoản

Tạo một tài khoản cho mỗi cá nhân có thê tiếp cận và sử dụng dịch vụ của trang web một các đầy đủ nhất

2.2.7 Liên hệ

Sẽ chứa các thông tin về phía hỗ trợ người dùng như địa chỉ, số điện thoại, email Tương thích Google Maps trực tiếp trên Website (nêu có nhiều địa chỉ có thể cập

nhật nhiều bản đồ)