Giao diện của report timesheet (%) đƣợc thiết kế với các tiêu chí lọc dự liệu ít hơn report timesheets: employee (có thể chọn một hoặc nhiều nhân viên), dropdown để hiển thị các tháng trong n m. Sau khi lọc dữ liệu xong, dữ liệu đƣợc hiển thị lại và đƣợc tính phần tr m theo từng cột %.
CHƢƠNG 4: XÂY DỰNG HỆ THỐNG THỰC TẾ CHO RED Page 75
CHƢƠNG 4: XÂY DỰNG HỆ THỐNG THỰC TẾ CHO RED
Dựa trên khảo sát và có đƣợc những thông tin cần thiết cần lƣu trữ cho hệ thống bên công ty Red. Với những module có sẵn trong phần mềm mã nguồn mở SugarCRM nhƣ: Account, Contact, Lead… thì chỉ có module Account có thể hỗ trợ đƣợc cho hệ thống nên giữ lại và sẽ có những chỉnh sửa để đáp ứng đúng theo yêu cầu bên phía Red, đối với các công việc còn lại phải xây dựng thêm các module: Projects, Teams, Salary, Timesheets, Leaving, Reports, Production cost actual, Revenues actual, Production cost estimation, Revenues estimation, publicdays
H nh 49: Màn h nh đăng nhập vào hệ thống
4.1. Module Account
Module Account là module có sẵn của SugarCRM, vì thế nó có nhiều thông tin lƣu trữ không cần dùng đến khi áp dụng bên Red. Đầu tiên sử dụng công cụ module builder để xây dựng các dữ liệu về khách hàng cần lƣu là: Name, Email, Office phone, Fax, Billing Address... Ngoài ra phải bổ sung thêm field: business type để xem nhƣng khách hàng đó thuộc kiểu kinh doanh gì, business type gồm: Real Estate, FMCG, Education, Service, Others.
CHƢƠNG 4: XÂY DỰNG HỆ THỐNG THỰC TẾ CHO RED Page 76
custom/include/language/en_us.lang.php
Đây là nơi để khai báo các app_list_strings, tiến hành thêm đoạn code $GLOBALS['app_list_strings']['business_type_dom']=array (
'' =>'',
'Real Estate' => 'Real Estate', 'FMCG' => 'FMCG',
'Education' => 'Education', 'Service' => 'Service', 'Others' => 'Others', );
Sau đó có thể dùng công cụ studio để tùy biến giao diện muốn hiển thị
H nh 50: Màn h nh edit account
4.2. Module Projects
Đầu tiên xây dựng module C_Project bằng công cụ module builder gồm các field nhƣ: Project code, project name, start date, end date, project manager, client, status, description. Lƣu ý các field đƣợc đánh dấu sao là các field bắt buộc phải nhập. Project code phải xử lý không cho phép nhập trùng project code. End date không đƣợc nhỏ hơn start date.
Jquery để xử lý việc kiểm tra project code không đƣợc trùng, end date không đƣợc nhỏ hơn start date
CHƢƠNG 4: XÂY DỰNG HỆ THỐNG THỰC TẾ CHO RED Page 77
// Khoi tao ham validate rong. Ham nay phai nam ngoai, khong duoc nam trong jQuery
function custom_validate(){} function removeValidate(){}
// jQuery
$(document).ready(function(){
// Trang vua khoi dong thi gan nhung thuoc tinh sau $('#end_date').parent().append('<div id="date_validator" style="color: red;"></div>');
$('#job_code').parent().append('<div id="code_validator" style="color: red;"></div>');
// Xoa bo trang thai thong bao validate sau 3.5s removeValidate = function(){ $('#job_code').css('background-color', 'white'); $('#start_date').css('background-color', 'white'); $('#end_date').css('background-color', 'white'); }
// Xoa bo Project Code khi duplicate
if($('input[name=duplicateSave]').length>0){ if($('input[name=duplicateSave]').val()=='true'){ $('#job_code').val(''); } }
// Khoa Project Code lai khi da ton tai (khong cho edit) if($('input[name=record]').val() !=''){
$('#job_code').attr('readonly',true); } (adsbygoogle = window.adsbygoogle || []).push({});
// Xoa bo trang thai validate ngay khi nguoi dung nhap Project Code moi
$('#job_code').live('keyup', function(){ $('#code_validator').text('');
CHƢƠNG 4: XÂY DỰNG HỆ THỐNG THỰC TẾ CHO RED Page 78
Thêm đoạn Jquery vào đƣợc dẫn: custom/modules/C_project/js/editview.js
Muốn đƣa đƣợc Jquery màn hình edit view thì phải include Jquery vào đƣờng dẫn:
custom/modules/C_project/metadata/editviewdefs.php
Cấu trúc để include vào file editviewdefts.php
'includes' => array ( 0 => array ( 'file' => 'custom/include/javarscripts/jquery.js', ), 1 => array ( 'file' => 'custom/include/javarscripts/jquery.ui.min.js', ), 2 => array ( 'file' => 'custom/include/javarscripts/dateValidate.js', ), 3 => array ( 'file' => 'custom/modules/C_project/js/editview.js', ), ),
CHƢƠNG 4: XÂY DỰNG HỆ THỐNG THỰC TẾ CHO RED Page 79
H nh 51: Màn h nh tạo mới Project
Khi điền các thông tin cần thiết cho project xong thì tại module project ngƣời sử dụng có thể tạo các thông tin liên quan đến project, nhƣ thêm các nhân viên tham gia vào dự án, điền các chi phí dự tính cho dự án, doanh thu dự kiến dành cho dự án …..
CHƢƠNG 4: XÂY DỰNG HỆ THỐNG THỰC TẾ CHO RED Page 80
CHƢƠNG 4: XÂY DỰNG HỆ THỐNG THỰC TẾ CHO RED Page 81