Giao diện website

Một phần của tài liệu Xây dựng chương trình đào tạo, kiểm tra online dành cho đội ngũ Điện thoại viên hỗ trợ các dịch vụ Viễn thông Tin học. (Trang 60 - 110)

Giao diện đăng nhập gồm:

Hình 5.19. Giao diện đăng nhập website

 Đăng ký thành viên, diễn đàn.  Hiển thị các thông tin:

- Tin tức, thông báo. - Khóa học mới nhất.

Phòng Điều hành sửa chữa thuê bao - TTĐHTT Trang 56

- Lớp học tham gia nhiều nhất. - Bài giảng xem nhiều nhất.

Giao diện trang chủ quản lý (giảng viên):

Hình 5.20. Giao diện trang chủ quản lý

 Hiển thị các Module quản lý.  Thông tin thành viên đăng nhập.

Phòng Điều hành sửa chữa thuê bao - TTĐHTT Trang 57

Giao diện quản lý thông tin cá nhân:

Hình 5.21. Giao diện quản lý thông tin cá nhân

 Menu: với quản trị, giảng viên chọn Quản lý => Sửa thông tin Account, với học viên chọn Thông tin cá nhân.

Phòng Điều hành sửa chữa thuê bao - TTĐHTT Trang 58

Giao diện quản lý thông báo - tin tức website:

Hình 5.22. Giao diện quản lý thông báo - tin tức website

 Menu: Quản lý => Quản lý thông báo - tin tức website  Thực hiện các chức năng sau:

- Xem danh sách thông báo/tin tức. - Xem thông tin một thông báo/tin tức. - Thêm một thông báo/tin tức.

- Xóa toàn bộ/một thông báo/tin tức. - Sửa thông tin báo/tin tức.

Phòng Điều hành sửa chữa thuê bao - TTĐHTT Trang 59

Giao diện quản lý ngân hàng câu hỏi:

Hình 5.23. Giao diện quản lý ngân hàng câu hỏi

 Menu: Ngân hàng câu hỏi => Chuyên mục lớn/Đề tài câu hỏi/Quản lý ngân hàng câu hỏi.

 Thực hiện các chức năng sau:

- Xem danh sách Chuyên mục lớn/Đề tài câu hỏi/Các câu hỏi. - Thêm Đề tài câu hỏi/Câu hỏi.

Phòng Điều hành sửa chữa thuê bao - TTĐHTT Trang 60

Giao diện thêm câu hỏi vào ngân hàng:

Hình 5.24. Giao diện thêm câu hỏi vào ngân hàng

Một số tính năng nổi bật trên giao diện này:

- Sử dụng: mặc định chƣơng trình đánh dấu sẵn, tức là câu hỏi sẽ đƣợc đƣa vào sử dụng ngay trong hệ thống ngân hàng câu hỏi. Nếu chƣa cần đến hoặc chờ thẩm định thì ngƣời dùng chọn bỏ dấu tích.

Phòng Điều hành sửa chữa thuê bao - TTĐHTT Trang 61

- Có thể thay đổi: nếu câu hỏi có tính chất thay đổi về dữ kiện theo từng giai đoạn thì ngƣời dùng tích vào đó. Khi đó, chƣơng trình sẽ đánh dấu để ngƣời dùng có thể quản lý và hiệu chỉnh/loại bỏ khi có sự biến động về dữ kiện hoặc nội dung câu hỏi không còn phù hợp nữa.

- Tài liệu kiểm tra: là đƣờng dẫn đến tài liệu đào tạo mà câu hỏi này dùng để ôn tập (nếu có).

- Hiện/ẩn gợi ý trả lời: nếu ngƣời dùng chọn nút “Hiện”, chƣơng trình sẽ đƣa ra form nhập gợi ý trả lời (ví dụ, câu hỏi đƣợc tham chiếu từ tài liệu nào trong hệ thống tài liệu đã biên soạn trên chƣơng trình).

Giao diện quản lý tài liệu đào tạo:

Hình 5.25. Giao diện quản lý tài liệu đào tạo

 Menu: Tài liệu đào tạo => Quản lý tài liệu .  Thực hiện các chức năng sau:

Phòng Điều hành sửa chữa thuê bao - TTĐHTT Trang 62

- Thêm tài liệu (Hỗ trợ các định dạng HTML, PDF, FLASH, IMAGE…). - Sửa, xóa tài liệu.

- Quản lý nội dung tài liệu (thêm, xóa, sửa, sắp xếp đầu mục)

Một số tính năng nổi bật:

- Thêm mới, sửa, xóa tài liệu dễ dàng với menu thân thiện, dễ thao tác, hỗ trợ quản lý nội dung tài liệu có thể thay đổi trong tƣơng lai, ngƣời soạn tích vào mục này nếu tài liệu có dữ kiện có thể thay đổi theo giai đoạn. Chƣơng trình sẽ đánh dấu để ngƣời soạn có thể quản lý và hiệu chỉnh/loại bỏ khi có sự biến động hoặc không còn phù hợp nữa.

- Biên soạn tài liệu dạng nháp, nếu ƣng ý mới đƣa vào sử dụng.

- Quản lý các đầu mục, nội dung trang trong tài liệu dễ dàng, bộ công cụ soạn thảo trực quan, dễ sử dụng và mạnh mẽ.

- Sắp xếp lại thứ tự trang với thao tác đơn giản trên giao diện dễ nhìn, chỉ cần kéo thả theo yêu cầu.

Phòng Điều hành sửa chữa thuê bao - TTĐHTT Trang 63

Giao diện quản lý bài kiểm tra:

Hình 5.26. Giao diện quản lý bài kiểm tra

 Menu: Bài kiểm tra => Các bài kiểm tra mẫu/Bài kiểm tra bắt buộc.  Thực hiện các chức năng sau:

- Xem danh sách các bài kiểm tra mẫu (các bài kiểm tra do giảng viên đó hoặc giảng viên khác đã tạo).

- Xem danh sách các bài kiểm bắt buộc (các bài kiểm tra do giảng viên đó hoặc giảng viên khác đã tạo).

- Xem kết quả các bài kiểm tra đã, đang tổ chức kiểm tra (số học viên đã/chƣa làm bài, điểm, kết quả chi tiết…).

- Tạo thêm bài kiểm tra.

- Copy bài kiểm tra mẫu/bài kiểm tra bắt buộc. - Sửa, xóa bài kiểm tra mẫu/bài kiểm tra bắt buộc.

Phòng Điều hành sửa chữa thuê bao - TTĐHTT Trang 64

Giao diện tạo thêm bài kiểm tra:

Phòng Điều hành sửa chữa thuê bao - TTĐHTT Trang 65

Giao diện báo cáo bài kiểm tra:

Phòng Điều hành sửa chữa thuê bao - TTĐHTT Trang 66

Giao diện quản lý lớp học:

Hình 5.29. Giao diện quản lý lớp học

 Menu: Lớp học => Quản lý lớp học.  Thực hiện các chức năng sau:

- Xem danh sách các lớp học (các lớp học do giảng viên đó hoặc giảng viên khác đã tạo).

- Xem thống kê về lớp học. - Tạo thêm lớp học.

Phòng Điều hành sửa chữa thuê bao - TTĐHTT Trang 67

Giao diện tạo thêm lớp học:

Phòng Điều hành sửa chữa thuê bao - TTĐHTT Trang 68

Giao diện trang chủ học viên:

Phòng Điều hành sửa chữa thuê bao - TTĐHTT Trang 69

Giao diện đăng ký học viên:

Phòng Điều hành sửa chữa thuê bao - TTĐHTT Trang 70

Giao diện diễn đàn:

Phòng Điều hành sửa chữa thuê bao - TTĐHTT Trang 71

Giao diện các lớp học:

Phòng Điều hành sửa chữa thuê bao - TTĐHTT Trang 72

Giao diện lớp học:

Phòng Điều hành sửa chữa thuê bao - TTĐHTT Trang 73

Phòng Điều hành sửa chữa thuê bao - TTĐHTT Trang 74

Giao diện đọc tài liệu bài giảng:

Phòng Điều hành sửa chữa thuê bao - TTĐHTT Trang 75

Giao diện chọn bài trắc nghiệm do giảng viên tạo:

Phòng Điều hành sửa chữa thuê bao - TTĐHTT Trang 76

Giao diện học viên tự tạo bài trắc nghiệm:

Phòng Điều hành sửa chữa thuê bao - TTĐHTT Trang 77

Giao diện làm bài trắc nghiệm:

Hình 5.40. Giao diện làm bài trắc nghiệm

Giao diện chọn bài kiểm tra bắt buộc:

Phòng Điều hành sửa chữa thuê bao - TTĐHTT Trang 78

Giao diện thống kê của học viên:

Phòng Điều hành sửa chữa thuê bao - TTĐHTT Trang 79

Giao diện đánh giá học lực dạng đồ thị:

Phòng Điều hành sửa chữa thuê bao - TTĐHTT Trang 80

Giao diện tài liệu đào tạo:

Phòng Điều hành sửa chữa thuê bao - TTĐHTT Trang 81

Giao diện tài liệu đào tạo:

Phòng Điều hành sửa chữa thuê bao - TTĐHTT Trang 82

KẾT LUẬN 1. Kết quả đạt đƣợc

Qua thời gian thực hiện xây dựng đề tài “Xây dựng chƣơng trình đào tạo, kiểm tra online dành cho đội ngũ Điện thoại viên hỗ trợ các dịch vụ Viễn thông - Tin học", nhóm xây dựng đề tài cơ bản đã hoàn thành đầy đủ các nội dung theo đề cƣơng đƣợc Giám đốc VTHN phê duyệt, cụ thể:

- Nghiên cứu xây dựng một số tài liệu đào tạo điện tử về các dịch vụ Viễn thông – Tin học, các quy trình, quy định trong công tác HTGT và ĐHSC.

- Nghiên cứu cơ sở lý thuyết về nguyên tắc xây dựng ngân hàng câu hỏi trắc nghiệm khách quan và tổ chức biên soạn câu hỏi về các dịch vụ Viễn thông – Tin học, các quy trình, quy định trong công tác HTGT và ĐHSC.

- Xây dựng hệ thống lớp học, kiểm tra, đánh giá kết quả đào tạo. - Xây dựng website đào tạo, kiểm tra đánh giá kết quả đào tạo online.

2. Khả năng ứng dụng đề tài vào thực tiễn

Nhóm xây dựng đề tài thấy rằng đây là một đề tài mang tính khả thi. Testonline sẽ trở thành một xu thế đào tạo, học tập mới trong TT ĐHTT nói riêng và VTHN nói chung. Tháng 5 năm 2013, Phòng ĐHSCTB – TT ĐHTT đã mạnh dạn thí điểm một vài khóa học về nghiệp vụ, kiểm tra trên Testonline và đã mang lại những kết quả tốt.

Với chƣơng trình Testonline mà nhóm đề tài đã xây dựng, chi phí về tiền bạc, thời gian cho một khóa học sẽ giảm đáng kể. Ngoài ra, testonline sẽ là một môi trƣờng học tập chủ động, tích cực, thân thiện và không áp lực cho ngƣời tham gia học tập. Đây là điều kiện tiên quyết để các đơn vị trong TT ĐHTT nói riêng và các đơn vị trong VTHN nói chung có thể mạnh dạn ứng dụng.

3. Hƣớng phát triển của đề tài

Phòng Điều hành sửa chữa thuê bao - TTĐHTT Trang 83

- Cơ sở lý thuyết về eLearning nhằm xây dựng một hệ thống đào tạo trực tuyến hoàn chỉnh.

- Tối ƣu các chức năng, tiện ích của chƣơng trình, CSDL để để các đơn vị trong VTHN có thể tham gia sử dụng chung và hiệu quả nhất.

Cuối cùng, do hạn chế về thời gian (nhóm anh chị em tham gia xây dựng đề tài làm việc trên tinh thần chủ yếu tranh thủ thời gian lúc tải thấp của nhiệm vụ chuyên môn, sử dụng thời gian ngoài giờ) cũng nhƣ khả năng của mình, nhóm đề tài đã hết sức cố gắng nghiên cứu, thiết kế và xây dựng các tính năng cơ bản của website, của hệ thống bài giảng, ngân hàng câu hỏi nhƣng chắc hẳn không tránh khỏi những vƣớng mắc, thiếu sót khi áp dụng vào thực tế. Nhóm đề tài rất mong nhận đƣợc sự góp ý của lãnh đạo các cấp để tiếp tục hoàn thiện chƣơng trình.

Phòng Điều hành sửa chữa thuê bao - TTĐHTT Trang 84

PHỤ LỤC 1. MỘT SỐ HÀM SỬ DỤNG TRONG CHƢƠNG TRÌNH

- Hàm chống SQL Injection

function sqlInjection($string,$puretext=true){ $string = stripslashes($string); global $purifier; if ($puretext){ $purifier->purify($string); } return mysql_real_escape_string($string); } - Lớp xử lý hình ảnh class SimpleImage { var $image; var $image_type; function load($filename) { //Load image if ($image_info = getimagesize($filename)){ $this->image_type = $image_info[2]; if( $this->image_type == IMAGETYPE_JPEG ) { $this->image = imagecreatefromjpeg($filename);

} elseif( $this->image_type == IMAGETYPE_GIF ) {

$this->image = imagecreatefromgif($filename);

} elseif( $this->image_type == IMAGETYPE_PNG ) {

$this->image = imagecreatefrompng($filename); }

return true;

}else return false;

}

function save($filename,$image_type=IMAGETYPE_JPEG, $compression=75,

$permissions=null) {

//Save image

if( $image_type == IMAGETYPE_JPEG ) {

imagejpeg($this->image,$filename,$compression);

} elseif( $image_type == IMAGETYPE_GIF ) {

imagegif($this->image,$filename);

} elseif( $image_type == IMAGETYPE_PNG ) {

imagepng($this->image,$filename); } chmod($filename,0755); } function output($image_type=IMAGETYPE_JPEG) { if( $image_type == IMAGETYPE_JPEG ) { imagejpeg($this->image);

} elseif( $image_type == IMAGETYPE_GIF ) {

imagegif($this->image);

} elseif( $image_type == IMAGETYPE_PNG ) {

imagepng($this->image); }

}

Phòng Điều hành sửa chữa thuê bao - TTĐHTT Trang 85 return imagesx($this->image); } function getHeight() { return imagesy($this->image); } function resizeToHeight($height) {

//Resize theo chieu cao, chieu rong tu dong resize theo $ratio = $height / $this->getHeight();

$width = $this->getWidth() * $ratio; $this->resize($width,$height);

}

function resizeToWidth($width) {

//Resize theo chieu rong, chieu cao tu dong resize theo $ratio = $width / $this->getWidth();

$height = $this->getheight() * $ratio; $this->resize($width,$height);

}

function scale($scale) {

//Resize theo ty le (50% chang han) $width = $this->getWidth() * $scale/100; $height = $this->getheight() * $scale/100; $this->resize($width,$height);

}

function resize($width,$height) {

//Resize theo chieu rong va chieu cao xac dinh $new_image = imagecreatetruecolor($width, $height);

imagecopyresampled($new_image, $this->image, 0, 0, 0, 0, $width, $height, $this->getWidth(), $this->getHeight());

$this->image = $new_image; }

}

- Hàm sinh mật khẩu ngẫu nhiên

function generateRandStr($length){ $randstr = "";

for($i=0; $i<$length; $i++){ $randnum = mt_rand(0,61); if($randnum < 10){ $randstr .= chr($randnum+48); }else if($randnum < 36){ $randstr .= chr($randnum+55); }else{ $randstr .= chr($randnum+61); } } return $randstr; }

Phòng Điều hành sửa chữa thuê bao - TTĐHTT Trang 86

PHỤ LỤC 2. CHI TIẾT CÁC BẢNG CSDL TRONG CHƢƠNG TRÌNH

 Bảng cauhoi

CREATE TABLE `testonline`.`cauhoi` (

`ma_cauhoi` int(10) unsigned NOT NULL auto_increment, `noidung_cauhoi` text collate utf8_unicode_ci,

`dokho_cauhoi` int(10) unsigned default NULL COMMENT 'kho:3, trungbinh:2, de:1',

`tongdiem` int(10) unsigned default NULL,

`loai_cauhoi` int(10) unsigned default NULL COMMENT 'multichoice, single choice...',

`nhom` int(10) unsigned default NULL COMMENT 'ky thuat, giao dich...', `nguoitao` varchar(45) collate utf8_unicode_ci default NULL,

`ngaygiotao` datetime default NULL,

`nguoisua` varchar(45) collate utf8_unicode_ci default NULL, `ngaygiosua` datetime default NULL,

`soluongdapan` int(10) unsigned default NULL,

`noidung_cauhoi_striptags` text collate utf8_unicode_ci, `deleted` varchar(10) collate utf8_unicode_ci default 'no',

`lythuyetthucte` int(10) unsigned default '0' COMMENT '0:ly thuyet;1: thuc te',

`id_tailieukiemtra` int(10) unsigned default NULL, `duavao_sudung` int(10) unsigned default '1',

Phòng Điều hành sửa chữa thuê bao - TTĐHTT Trang 87

`cokhanang_thaydoi` int(10) unsigned default '0', `prefix_id` int(10) unsigned default '0',

`nguoixoa` varchar(45) collate utf8_unicode_ci default NULL, `ngayxoa` datetime default NULL,

PRIMARY KEY (`ma_cauhoi`)

) ENGINE=InnoDB AUTO_INCREMENT=906 DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci ROW_FORMAT=DYNAMIC;

 Bảng loai_cauhoi

CREATE TABLE `testonline`.`loai_cauhoi` (

`ID` int(10) unsigned NOT NULL auto_increment, `loai` int(10) unsigned default NULL,

`mota` varchar(100) collate utf8_unicode_ci default NULL, PRIMARY KEY USING BTREE (`ID`)

) ENGINE=InnoDB AUTO_INCREMENT=4 DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci ROW_FORMAT=DYNAMIC;

 Bảng nhom_con

CREATE TABLE `testonline`.`nhom_con` (

`ID_nhom` int(10) unsigned NOT NULL auto_increment, `mota` varchar(100) collate utf8_unicode_ci default NULL, `ID_nhomcha` int(10) unsigned default NULL,

Phòng Điều hành sửa chữa thuê bao - TTĐHTT Trang 88

`ghichu` text character set utf8,

`nguoitao` varchar(45) collate utf8_unicode_ci default NULL, `ngaygiotao` datetime default NULL,

`prefix_id` int(10) unsigned default NULL, PRIMARY KEY USING BTREE (`ID_nhom`)

) ENGINE=InnoDB AUTO_INCREMENT=31 DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci ROW_FORMAT=DYNAMIC;

 Bảng nhom_cha

CREATE TABLE `testonline`.`nhom_cha` (

`ID_nhomcha` int(10) unsigned NOT NULL auto_increment, `mota` varchar(200) collate utf8_unicode_ci default NULL, `ghichu` text collate utf8_unicode_ci,

`prefix_id` int(10) unsigned default NULL, PRIMARY KEY (`ID_nhomcha`)

) ENGINE=InnoDB AUTO_INCREMENT=7 DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci ROW_FORMAT=DYNAMIC;

 Bảng tailieu

CREATE TABLE `testonline`.`tailieu` (

`noidungtailieuthamkhao` text collate utf8_unicode_ci,

Phòng Điều hành sửa chữa thuê bao - TTĐHTT Trang 89

`id_cauhoi` int(10) unsigned default NULL, PRIMARY KEY (`id_tailieuthamkhao`)

) ENGINE=InnoDB AUTO_INCREMENT=431 DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci ROW_FORMAT=DYNAMIC;

 Bảng dapan

CREATE TABLE `testonline`.`dapan` (

`ma_dapan` int(10) unsigned NOT NULL auto_increment, `ma_cauhoi` int(10) unsigned default NULL,

`dungsai` int(10) unsigned default NULL COMMENT 'sai:0,dung:1', `noidung_dapan` text collate utf8_unicode_ci,

PRIMARY KEY USING BTREE (`ma_dapan`)

) ENGINE=InnoDB AUTO_INCREMENT=6189 DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci ROW_FORMAT=DYNAMIC;

 Bảng users

CREATE TABLE `testonline`.`users` (

`ID` int(10) unsigned NOT NULL auto_increment,

`ID_user` varchar(45) collate utf8_unicode_ci default NULL, `ID_pass` varchar(45) character set latin1 default NULL,

`tendaydu` varchar(255) collate utf8_unicode_ci default NULL, `ngaysinh` datetime default NULL,

Phòng Điều hành sửa chữa thuê bao - TTĐHTT Trang 90

`status` varchar(10) character set utf8 default 'up',

`nhom` varchar(255) collate utf8_unicode_ci default NULL, `congty` varchar(255) collate utf8_unicode_ci default NULL, `loai` int(10) unsigned default NULL COMMENT

'0:admin,1:giangvien,30:hocvien,

`level` int(10) unsigned default '0' COMMENT '1,2,3', `mathe` varchar(45) collate utf8_unicode_ci default NULL, `phongban` varchar(255) collate utf8_unicode_ci default NULL, `vitri` varchar(255) collate utf8_unicode_ci default NULL,

`diachicongty` varchar(250) collate utf8_unicode_ci default NULL, `diachinha` varchar(250) collate utf8_unicode_ci default NULL, `dienthoai` varchar(45) collate utf8_unicode_ci default NULL, `gioitinh` int(10) unsigned default NULL,

`ghichunguoidung` text collate utf8_unicode_ci, `ngaytaoaccount` datetime default NULL, `landangnhapcuoicung` datetime default NULL, `ghichu` text collate utf8_unicode_ci,

`prefix_id` int(10) unsigned default NULL,

`avatar` varchar(300) collate utf8_unicode_ci default NULL COMMENT 'anh dai dien',

`ym` varchar(50) collate utf8_unicode_ci default NULL COMMENT 'yahoo messenger',

Một phần của tài liệu Xây dựng chương trình đào tạo, kiểm tra online dành cho đội ngũ Điện thoại viên hỗ trợ các dịch vụ Viễn thông Tin học. (Trang 60 - 110)

Tải bản đầy đủ (PDF)

(110 trang)