แจกฟรี ระบบแจ้งซ่อมออนไลน์, Helpdesk System (v1.0)

แจกระบบแจ้งซ่อม, Helpdesk System สำหรับศึกษาและพัฒนาต่อยอด v1.0

Features
-พัฒนาด้วย CodeIgniter framework + Mysql + AdminLTE + Bootstrap4

เงื่อนไขการแจก
-แจก Source code ให้ไปศึกษาและพัฒนาต่อยอด แจกเป็นเวอร์ชั่น มีการอัพเดทเรื่อยๆ

Release Date: Aug 19, 2020
Features updates

Controllers
–
Models
–
Views
–update backend/report_view add google pie chart.
Databases
–

โค้ดต้นฉบับ *จำเป็นต้องโหลดครับ *แต่ละ version จะมีการอัพเดทและนำมาต่อกันเรื่อยๆ คล้ายๆ จิ๊กซอ ครับ
v0.2 https://devbanban.com/?p=3325
v0.3 https://devbanban.com/?p=3381
v0.4 https://devbanban.com/?p=3479
v0.5 https://devbanban.com/?p=3496
v0.6 https://devbanban.com/?p=3528
v0.7 https://devbanban.com/?p=3571
v0.8 https://devbanban.com/?p=3642
v0.9 https://devbanban.com/?p=3676

*คลิปแนะนำการอัพเดทระบบ https://youtu.be/9fH3XKQsJd0

Code *ดูคลิปด้วยนะครับ
views/backend/report_view.php

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>
        Report
        </h1>
    </section>
    <!-- Top menu -->
    <!-- Main content -->
    <section class="content">
        <!-- Your Page Content Here -->
        <div class="box">
            <div class="box-body">
                <div id="example1_wrapper" class="dataTables_wrapper form-inline dt-bootstrap">
                    <div class="row">
                        <div class="col-sm-6">
                            <?php
                            $data_case_type = array();
                            //chart data format
                            foreach ($queryreport as $k) {
                                //$data_case_type[] = "['".$k->case_type."'".", ".$k->casetotal."]";
                            }
                            //cut last commar
                            $data_case_type = implode(",", $data_case_type);
                            ?>
                            <script type="text/javascript">
                            google.charts.load('current', {'packages':['corechart']});
                            google.charts.setOnLoadCallback(drawChart);
                            function drawChart() {
                            var data = google.visualization.arrayToDataTable([
                            ['Task', 'จำนวนงานแยกตามประเภท'],
                            <?php echo $data_case_type;?>
                            ]);
                            var options = {
                            title: 'จำนวนงานแยกตามประเภท'
                            };
                            var chart = new google.visualization.PieChart(document.getElementById('piechart1'));
                            chart.draw(data, options);
                            }
                            </script>
                            
                            <div id="piechart1" style="width: 600px; height: 400px;"></div>
                            
                            <h3>::จำนวนงานแยกตามประเภท::</h3>
                            <table class="table table-bordered table-striped" role="grid" aria-describedby="example1_info">
                                <thead>
                                    <tr role="row" class="info">
                                        <th  tabindex="0" rowspan="1" colspan="1" style="width: 5%;">#</th>
                                        <th  tabindex="0" rowspan="1" colspan="1" style="width: 75%;">ประเภทงานซ่อม</th>
                                        <th  tabindex="0" rowspan="1" colspan="1" style="width: 10%;">จำนวน</th>
                                        <th  tabindex="0" rowspan="1" colspan="1" style="width: 10%;">view</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <?php foreach ($queryreport as $rsr) { ?>
                                    <tr role="row">
                                        <td align="center">#</td>
                                        <td><?= $rsr->case_type;?></td>
                                        <td align="center"><?= $rsr->casetotal;?></td>
                                        <td align="center"><a href="#" class="btn btn-info btn-xs"> view </a></td>
                                    </tr>
                                    <?php  } ?>
                                </tbody>
                            </table>
                        </div>
                        <div class="col-sm-6">
                            <?php
                            //echo $query;
                            $case_status = array();
                            foreach ($querystatus as $s) {
                            
                            //status name
                                if($s->case_status==1){
                                    $statusname = 'รอดำเนินการ';
                                }elseif($s->case_status==2){
                                    $statusname = 'กำลังดำเนินการ';
                                }elseif($s->case_status==3){
                                    $statusname = 'เสร็จสิ้น';
                                }else{
                                    $statusname = 'ยกเลิก';
                                }
                            
                            //chart data format
                           // $case_status[] = "['".$statusname."'".", ".$s->statustotal."]";
                            }
                            //cut last commar
                            $case_status = implode(",", $case_status);
                            ?>
                            <script type="text/javascript">
                            google.charts.load('current', {'packages':['corechart']});
                            google.charts.setOnLoadCallback(drawChart);
                            function drawChart() {
                            var data = google.visualization.arrayToDataTable([
                            ['Task', 'จำนวนงานแยกตามสถานะ'],
                            <?php echo $case_status;?>
                            ]);
                            var options = {
                            title: 'จำนวนงานแยกตามสถานะ'
                            };
                            var chart = new google.visualization.PieChart(document.getElementById('piechart2'));
                            chart.draw(data, options);
                            }
                            </script>
                            
                            <div id="piechart2" style="width: 600px; height: 400px;"></div>
                        
                            <h3>::จำนวนงานแยกตามสถานะ::</h3>
                            <table class="table table-bordered table-striped" role="grid" aria-describedby="example1_info">
                                <thead>
                                    <tr role="row" class="danger">
                                        <th  tabindex="0" rowspan="1" colspan="1" style="width: 5%;">#</th>
                                        <th  tabindex="0" rowspan="1" colspan="1" style="width: 75%;">ประเภทงานซ่อม</th>
                                        <th  tabindex="0" rowspan="1" colspan="1" style="width: 10%;">จำนวน</th>
                                        <th  tabindex="0" rowspan="1" colspan="1" style="width: 10%;">view</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <?php foreach ($querystatus as $rss) { ?>
                                    <tr role="row">
                                        <td align="center">#</td>
                                        <td>
                                            <?php
                                            if($rss->case_status==1){
                                            echo 'รอดำเนินการ';
                                            }elseif($rss->case_status==2){
                                            echo 'กำลังดำเนินการ';
                                            }elseif($rss->case_status==3){
                                            echo 'เสร็จสิ้น';
                                            }else{
                                            echo 'ยกเลิก';
                                            }
                                            ?>
                                        </td>
                                        <td align="center"><?= $rss->statustotal;?></td>
                                        <td align="center"><a href="#" class="btn btn-info btn-xs"> view </a></td>
                                    </tr>
                                    <?php  } ?>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <p>  * view ให้ไปต่อยอดเอาเองนะครับ ดูตัวอย่างจากหน้าแสดงงานตามสถานะ (Controller/Jobs) </p>
                </div>
                </div><!-- /.box-body -->
            </div>
            </section><!-- /.content -->
            </div><!-- /.content-wrapper -->

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

<h1>

Report

</h1>

</section>

<?php

$data_case_type = array();

//chart data format

foreach ($queryreport as $k) {

//$data_case_type[] = "['".$k->case_type."'".", ".$k->casetotal."]";

}

//cut last commar

$data_case_type = implode(",", $data_case_type);

google.charts.load('current', {'packages':['corechart']});

google.charts.setOnLoadCallback(drawChart);

function drawChart() {

var data = google.visualization.arrayToDataTable([

['Task', 'จำนวนงานแยกตามประเภท'],

<?php echo $data_case_type;?>

]);

var options = {

title: 'จำนวนงานแยกตามประเภท'

};

var chart = new google.visualization.PieChart(document.getElementById('piechart1'));

chart.draw(data, options);

}

</script>

<h3>::จำนวนงานแยกตามประเภท::</h3>

<thead>

<th tabindex="0" rowspan="1" colspan="1" style="width: 75%;">ประเภทงานซ่อม</th>

<th tabindex="0" rowspan="1" colspan="1" style="width: 10%;">จำนวน</th>

</tr>

</thead>

<tbody>

<?php foreach ($queryreport as $rsr) { ?>

<td align="center"><?= $rsr->casetotal;?></td>

</tr>

<?php } ?>

</tbody>

</table>

</div>

<?php

//echo $query;

$case_status = array();

foreach ($querystatus as $s) {

//status name

if($s->case_status==1){

$statusname = 'รอดำเนินการ';

}elseif($s->case_status==2){

$statusname = 'กำลังดำเนินการ';

}elseif($s->case_status==3){

$statusname = 'เสร็จสิ้น';

}else{

$statusname = 'ยกเลิก';

}

//chart data format

// $case_status[] = "['".$statusname."'".", ".$s->statustotal."]";

}

//cut last commar

$case_status = implode(",", $case_status);

google.charts.load('current', {'packages':['corechart']});

google.charts.setOnLoadCallback(drawChart);

function drawChart() {

var data = google.visualization.arrayToDataTable([

['Task', 'จำนวนงานแยกตามสถานะ'],

<?php echo $case_status;?>

]);

var options = {

title: 'จำนวนงานแยกตามสถานะ'

};

var chart = new google.visualization.PieChart(document.getElementById('piechart2'));

chart.draw(data, options);

}

</script>

<h3>::จำนวนงานแยกตามสถานะ::</h3>

<thead>

<th tabindex="0" rowspan="1" colspan="1" style="width: 75%;">ประเภทงานซ่อม</th>

<th tabindex="0" rowspan="1" colspan="1" style="width: 10%;">จำนวน</th>

</tr>

</thead>

<tbody>

<?php foreach ($querystatus as $rss) { ?>

<td>

<?php

if($rss->case_status==1){

echo 'รอดำเนินการ';

}elseif($rss->case_status==2){

echo 'กำลังดำเนินการ';

}elseif($rss->case_status==3){

echo 'เสร็จสิ้น';

}else{

echo 'ยกเลิก';

}

</td>

<td align="center"><?= $rss->statustotal;?></td>

</tr>

<?php } ?>

</tbody>

</table>

</div>

<p> * view ให้ไปต่อยอดเอาเองนะครับ ดูตัวอย่างจากหน้าแสดงงานตามสถานะ (Controller/Jobs) </p>

</div>

</div>

</div>

</section>

</div>

ผลการทำงาน

*สนใจ Code + database ทั้งหมด (จากคลิป v0.2 – v1.0) สนับสนุนขั้นต่ำ 599 บาท
*สนใจ Code + database ทั้งหมด (จากคลิป v0.2 – v1.2) สนับสนุนขั้นต่ำ 1,200 บาท
ขอบเขตระบบทั้งหมดตั้งแต่ v0.2 – 1.2
ผู้ใช้ทั่วไป
-แจ้งซ่อม, ติดตามสถานะ, ติดตามงาน (ไม่ต้องล็อคอิน)
แอดมิน/นายช่าง
-ล็อคอิน, เพิ่ม ลบ แก้ไข ข้อมูลแอดมิน/ช่าง, เปลี่ยนสถานะงานซ่อม, ดูรายงานงานซ่อมแยกตามประเภท, ดูรายงานงานซ่อมแยกตามสถานะ, ดูรายงานกราฟวงกลม
———————————
ธนาคารกรุงไทย สาขาเดอะมอลล์ท่าพระ
ชื่อบัญชี นายพิศิษฐ์ บวรเลิศสุธี เลขที่ 878-0-17747-6
————————————————————————————
ธนาคารไทยพาณิชย์ สาขามหาวิทยาลัยราชภัฏธนบุรี
ชื่อบัญชี นายพิศิษฐ์ บวรเลิศสุธี เลขที่ 406-359094-1
————————————————————————————
ธนาคารกสิกร สาขาเออร์เบิร์น สแควร์ ประชาชื่น
ชื่อบัญชี นายพิศิษฐ์บวรเลิศสุธี เลขที่ 048-1-17571-2
ส่งหลักฐานมาที่
แฟนเพจ : https://www.facebook.com/sornwebsites/

*หรือไม่อยากเสียเงินสามารถดูและทำตามคลิปได้ครับ คลิปทั้งหมด คลิก

*คอร์สออนไลน์สอน CodeIgniter แบบละเอียดทุกขั้นตอนคลิก

สนใจระบบนี้ inbox มาที่เพจครับ

ร่วมสนับสนุน ค่ากาแฟ ค่าโฮส devbanban.com ได้ที่

ธนาคารกรุงไทย สาขาเดอะมอลล์ท่าพระ
ชื่อบัญชี นายพิศิษฐ์ บวรเลิศสุธี เลขที่ 878-0-17747-6
————————————————————————————
ธนาคารไทยพาณิชย์ สาขามหาวิทยาลัยราชภัฏธนบุรี
ชื่อบัญชี นายพิศิษฐ์ บวรเลิศสุธี เลขที่ 406-359094-1
————————————————————————————
ธนาคารกสิกร สาขาเออร์เบิร์น สแควร์ ประชาชื่น
ชื่อบัญชี นายพิศิษฐ์บวรเลิศสุธี เลขที่ 048-1-17571-2

แฟนเพจ : https://www.facebook.com/sornwebsites/

devbanban

แจกฟรี ระบบแจ้งซ่อมออนไลน์, Helpdesk System (v1.0)

Byพิศิษฐ์ บวรเลิศสุธี

ผลการทำงาน

Related

Related Post

สอนทำระบบแจ้งซ่อมออนไลน์ ฟรี, Helpdesk System

ระบบฐานข้อมูลวิจัย คลังข้อมูลวิจัย ฐานข้อมูลวิทยานิพนธ์ Research Corpus Web Application

แจกโค้ด ระบบสายตรงผู้บริหาร PHP

You missed

ระบบบริหารบุคลากร ระบบ HR + ระบบบันทึกเวลาเข้างาน

ฟรีคลิปสอนทำเว็บไซต์ PHP PDO MySQL AdminLTE3 2024

ระบบหอพัก , อพาร์ทเม้นท์ รายวัน รายเดือน ราคาเบาๆ เอาไปต่อยอดได้ 2024

แจกฟรี To-do list Ui ออกแบบจาก Bootstrap v5.3

Byพิศิษฐ์ บวรเลิศสุธี

Share this:

Related

Related Post

You missed