Style guide đồ án xây dựng hệ thống quản lý nhân sự một công ty
Nhóm thực hiện:
Nguyễn Tấn Nhựt-15130132
Lê Hiếu Nghĩa-15130111
Nguyễn Duy Toàn-15130198
Hồ Trọng Nhân-15130121
Nguyễn Thanh Phương-15130144
Layout
Đây là chi tiết layout được sử dụng trong việc xây dựng đồ án Giao tiếp người máy do nhóm 3 thực hiện:
Trang chủ: Sử dụng Z-layout để hướng người dùng đọc được toàn bộ nội dung trang web từ trên xuống dưới,tương tự với trang nhân viên và trang quản lý
Trang chủ (Z-layout)
Trang quản lý (Z-layout)
Trang nhân viên (Z-layout)
Color palette
Những màu này là màu sắc được sử dụng trong việc xây dựng đồ án Giao tiếp người máy do nhóm 3 thực hiện:
Với các tông màu xám trắng không quá chói dùng làm màu chủ đạo tạo sự thân thiện với mắt người dùng
Các màu nổi bật dùng cho việc hiển thị màu sắc đồ thị
Trang nhân viên
Hex:#dee8de
R:222
G:232
B:222
Hex:#eaedea
R:234
G:237
B:234
Hex:#eaedea
R:154
G:242
B:142
Hex:#f2d15c
R:242
G:209
B:92
Hex:#f44336
R:244
G:67
B:54
Hex:#d7e0d7
R:215
G:224
B:215
Hex:#eaedea
R:234
G:237
B:234
Hex:#eaedea
R:234
G:237
B:234
Trang quản lý
Hex:#e3e8e3
R:227
G:232
B:227
Hex:#10f2c1
R:16
G:242
B:193
Hex:#2a3f54
R:42
G:63
B:84
Hex:#14f3ff
R:20
G:243
B:255
Hex:#3e95cd
R:62
G:149
B:205
Hex:#8e5ea2
R:142
G:94
B:162
Hex:#3cba9f
R:60
G:186
B:159
Hex:#ed6b3b
R:237
G:107
B:59
Hex:#edebbb
R:237
G:235
B:187
Hex:#4ba6f4
R:75
G:166
B:244
Hex:#f45e4a
R:244
G:94
B:74
Hex:#099909
R:9
G:153
B:9
Hex:#cc270a
R:204
G:39
B:10
Typography
Đây là font chữ được nhóm sử dụng để xây dựng đồ án
Font chữ
Font: Verdana,san-serif
Aa
Strong:
Aa
Bold:
Italic:
Aa
Emphasized:
Aa
Small:
Aa
Inserted:
Aa
H1 heading
H1 heading
H2 heading
H3 heading
H4 heading
H5 heading
H6 heading
paragraph
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Image
Đây là các icon,logo được nhóm sử dụng để xây dựng đồ án
Trang chủ công ty
100x200 pixel
87x100 pixel
100x100 pixel
100x100 pixel
100x100 pixel
100x100 pixel
192x100 pixel
152x103 pixel
175x103 pixel
100x103 pixel
201x73 pixel
Image
Đây là các icon,logo được nhóm sử dụng để xây dựng đồ án
Trang chủ công ty
size thực: 100% screen width sx 600 pixel
size thực: 300 x 500 pixel
Image
Đây là các dạng biểu đồ được nhóm sử dụng để xây dựng đồ án
Trang quản lý
Biểu đồ tròn: dùng cho việc hiển thị dữ liệu trực quan trong phần thống kê theo dạng tròn
size: 400x500 pixel
Biểu đồ cột:dùng cho việc hiển thị dữ liệu trực quan trong phần thống kê theo dạng cột
size thực: 1000x500 pixel
File and Directory
Đây là cấu trúc file html và thư mục của đồ án trong hệ thống
Cấu trúc thư mục
- projectGTNM
- AdminTemplateProject
- css
- icon
- memberInfo
- projectImage
- psdData
- tulieuWeb
- about.html
- EmployeeManagement.html
- frontEndMain.html
- index.html
- login.html
- projectCalendarData.html
- projectDetail.html
- projectEmployeeByPB.html
- projectEmployeeContract.html
- projectEmployeeData.html
- projectEmployeeDataOT.html
- projectEmployeeDataPunish.html
- projectEmployeeMoved.html
- projectSalaryData.html
- styleGuide.html
- thongKeHeSoLuong.html
- thongKeLoiViPham.html
- thongKeNhanSuOT.html
- thongKeNhanSuTheoPhongBan.html
- thongKeNhanVienTheoChucVu.html
- thongkeNhanVienTheoDoTuoi.html
- thongKeNhanVienTheoGioiTinh.html
- thongKeNhanVienTheoThamNien.html
- thongKeTangGiamNhanSu.html
- week1.html
- week2.html
- week3.html
- week4.html
- week5.html
- week6.html
- week7.html
- week8.html
- week9.html
- WhatIsAzure.html
- WhatIsBootstrap.html
- WhatIsHtml.html
Thành phần thuộc đồ án giao tiếp người máy
Thành phần thuộc trang web nhóm
Thư mục chứa file css,javascript,image