คอมพิวเตอร์และอินเตอร์เน็ต,บรรยายวิชาการ,วิจัย,ศึกษากุรอาน,E-Book

วันพฤหัสบดีที่ 31 ตุลาคม พ.ศ. 2562

สร้างสไลด์แนะนำวิทยากร ด้วย CANVA


ดูสไลด์ฉบับเต็ม(คลิกลิ้งค์)
https://www.canva.com/design/DADpuor_oAg/gSsCdkiVw9lITqbeiMMHzg/view?utm_content=DADpuor_oAg&utm_campaign=designshare&utm_medium=link&utm_source=homepage_design_menu

วันอังคารที่ 22 ตุลาคม พ.ศ. 2562

PowerPoint Killer



 PowerPoint is without a doubt one of the easiest and most popular tool out there for creating presentations. In fact, a lot of times “PowerPoint” is used as a synonym to a presentation, which goes a long way to say how indispensable the tool is.
However, there are a number of advanced users who are always interested in kicking it up a notch and are on the look out for more sophisticated options.
A simple google search reveals — there is no lack of PowerPoint alternatives on the market. You will also notice that the perfect alternative greatly varies depending on your use case. One tool that works really well for sales & marketing presentations might not be the best choice for educational presentations and vice-versa.
I tried and tested multiple presentation software and came up with this list. We’ve also included reviews and pointers on how to choose based on your use case. 

 1. Canva
 2. Google Slides
 3. Slide dog

VIDEO PRESENTATION




2 SOFTWARE MUST-HAVE PRESENTATION MAKERS FOR A KILLER VIDEO PRESENTATION

Focusky
As the engaging free video presentation maker, Focusky dominates most of the market share.It is just a piece of cake to create interactive animated videos and business presentations. The modern & simple UI must be the most excellent aspect of this software. Perfect combination of import, design and publish makes the presentation stand out and get remembered. Catch the attention of audiences quickly. Make your presentation and business value. Say good bye to the traditional slide to slide presentation. Video presentation will open a new era of presenting plans.In addition, the cool animations in Focusky are sure not to let you down. There are various animations for user to choose. And telling a story becomes more than easier.
 SlideDog
As the multimedia presentation tool, SlideDog enable users to combine PowerPoint Presentation, PDF files, Prezi presentation or movie clip into one viewing experience. Drag your files into slideDog, hen arrange, save and play. Everything is in one playlist. Besides, it can be real-time sharing. Remotely control the presentation and playlist from your mobile device.

วันจันทร์ที่ 21 ตุลาคม พ.ศ. 2562

INSTALLATION FOR PWA WITH PARAMETER

การสร้างระบบติดตั้ง Installation สำหรับ PWA เนื่องจากใน manifest.json จะต้องชี้ไปที่ index.php หรือ ไฟล์เดี่ยวๆเสมอ ไม่สามารถกำหนด parameter หรือ query string ได้ จึงมีวิธีแก้ดังนี้

1.สร้าง folder ใน mobile ดังนี้
เช่น /mobile/install/90001, /mobile/install/90001
2.สร้าง 2 ไฟล์ ใน /90001 ดังนี้
-index.php สำหรับกล่าวยินดีต้อนรับการติดตั้ง(จะเรียกใช้เพียงครั้งเดียวตอนติดตั้งเท่านั้น)
-preloader.php สำหรับเป็น preloader โดยมีขั้นตอนการทำงานดังนี้
ก.ใช้คำสั่ง php อ่านค่า code จาก 5 หลักสุดท้ายของ path ไว้ในตัวแปรชื่อ $appcode
ซึ่งกรณีนี้จะได้ $appcode = 90001
ข.นำค่า code ไปเรียกเปิดโปรแกรมใช้งานจริง ใน parent root ดังนี้
/mobile/index.php?offi=$appcode
3.จะเปิดโปรแกรมใช้งานตามรหัส $appcode ตามต้องการ
ปล. หากไม่มีค่า $appcode จะแสดงข้อความ "ไม่พบรหัสหน่วยงาน" โปรแกรมไม่ทำงาน

หมายเหตุ
สำหรับการติดตั้ง PWA ด้วยการสร้าง HomeScreen shortcut มีหลักดังนี้
-.เปิด chrome แล้วกรอก url เป็น /mobile/install/90001
90001 เป็นชื่อ folder ที่สร้างในข้อ 1 (ตรงตามหน่วยงานที่จะใช้งาน)
-.ต้องสร้าง folder ตรงตามรหัสของหน่วยงาน ให้ครบตรงกับฐานข้อมูล
-.ใน menifest.json ให้กำหนดเรียกใช้จากไฟล์ preloader.php


ไฟล์ index.php
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>OLM : Online Leave Management by Adisak</title> <!--for mobile App looklike and Apple support--> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="apple-mobile-web-app-capable" content="yes"> <link rel="manifest" href="manifest.json"> <link rel="apple-touch-icon" href="ico/v_icon.png"/> <link rel="apple-touch-icon" sizes="72x72" href="ico/v_icon.png"/> <link rel="apple-touch-icon" sizes="114x114" href="ico/v_icon.png"/> <!--//////////////////--> </head> <body> <?php /********************appcode/xxxxx/index.php by Adisak************************ OBJ : for Only installation at the First time with instarctor & welcome message *******************************************************************************/ //1.get code from foldername $url = "https://" . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI']; $appcode=substr($url,strlen($url)-15,5); //ใช้ -15 ตามความยาวPath ตามชื่อไฟล์ index.php /* //TESTER echo "page URL is : ".$url; echo "<br>"; echo $appcode; die; */ //2.Get office name from DB include('../../../db_inc.php'); $q="SELECT office_name FROM olm_admin WHERE office_id ='".$appcode."'"; $result = mysql_query($q); $row = mysql_fetch_row($result); $offi_name=$row[0]; // office name //3.Show on screen ?> <div style="overflow-x:auto;"> <center> Installation by Adisak </center> <table align="center" width="90%" bgcolor="silver"> <tr><td align="center"><br><br><br><img src="../../ico/v_icon.png"></td></tr> <tr><td align="center"><font size="6" color="green">ยินดีต้อนรับการติดตั้ง Application</font></td></tr> <tr><td align="center"><font size="5" color="green">สำหรับ<?=$offi_name;?></font> </td></tr> <tr><td><font size="4" color="blue"> &nbsp;&nbsp;&nbsp; มีวิธีการดังนี้<br> &nbsp;&nbsp;&nbsp; 1.คลิกปุ่มเรียกเมนู(ที่มุมขวาบน) <br> &nbsp;&nbsp;&nbsp; 2.คลิก "เพิ่มลงในหน้าจอหลัก" <br> &nbsp;&nbsp;&nbsp; 3.คลิกปุ่ม "เพิ่ม"<br> &nbsp;&nbsp;&nbsp; 4.ปิด Chrome แล้วเรียกใช้ShortCut จากหน้าจอหลัก<br><br><br> </font> </td></tr> </table> </div> </body> </html>


ไฟล์ preloader.php
<!DOCTYPE html>
<html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css"> <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script> <script src="https://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script> </head> <body> <?PHP /********************preloader.php by Adisak*************** OBJ : for redirect to real app with parameter by query string ************************************************************/ //1.get code from foldername $url = "https://" . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI']; $appcode=substr($url,strlen($url)-19,5); //ใช้ -19 ตามความยาวPath ตามชื่อไฟล์ preloader.php //2.Create target link $target="../../index.php?offi=".$appcode; /* // TESTER echo "page URL is : ".$url; echo "<br>"; echo "page URL is : ".$appcode; echo "<br>"; echo "Target URL is : ".$target; die; */ //3. Redirect to link echo "<meta http-equiv='refresh' content='0;".$target."'>"; ?> </body> </html>


ไฟล์ menifest.json
{ "name": "ระบบบริหารการลา", "icons": [ { "src": "ico/v_icon.png", "sizes": "36x36", "type": "image/png", "density": 0.75 }, { "src": "ico/v_icon.png", "sizes": "48x48", "type": "image/png", "density": 1.0 }, { "src": "ico/v_icon.png", "sizes": "72x72", "type": "image/png", "density": 1.5 }, { "src": "ico/v_icon.png", "sizes": "96x96", "type": "image/png", "density": 2.0 }, { "src": "ico/v_icon.png", "sizes": "144x144", "type": "image/png", "density": 3.0 }, { "src": "ico/v_icon.png", "sizes": "192x192", "type": "image/png", "density": 4.0 } ], "start_url": "preloader.php", "display": "standalone" }


...... work สุดๆ Thank God.....
หมายเหตุ : วิธีเพิ่มหน่วยงานอื่นเข้าร่วมใช้ในAppเดียวกัน
                   เพียงสร้าง folder ด้วย รหัสหน่วยงาน ใน /mobile/install
                   เช่น  /install/90002 แล้ว copy ไฟล์ทั้งหมดลงใน folder
                   แล้วแจ้ง Link ให้ผู้เกี่ยวข้องติดตั้งตามที่สร้างไว้
                     

วันเสาร์ที่ 19 ตุลาคม พ.ศ. 2562

jQuery UI DatePicker - Tips and Tricks


https://www.dotnetcurry.com/jquery/1209/jqueryui-datepicker-tips-tricks


Disabling Mobile Keyboard Input on Datepicker Fields
<script type="text/javascript">
 jQuery(function() {
   jQuery( ".datepicker" ).datepicker({ }).attr('readonly','readonly');
 });
</script>

CR:

ตัวอย่าง

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>jQuery UI Datepicker - Default functionality</title> <link rel="stylesheet"
href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js">
</script> <!--ทำเป็น Mobile--> <script src="
https://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js">
</script> <link rel="stylesheet"
href="https://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css"> <script> $( function() { $( "#datepicker1" ).datepicker({ changeMonth: true, changeYear: true, showButtonPanel: true, dateFormat: 'dd-mm-yy' }); $( "#datepicker2" ).datepicker({ changeMonth: true, changeYear: true, showButtonPanel: true, dateFormat: 'dd-mm-yy' }); }); </script> <!--//for disable soft keyboard on mobile--> <script type="text/javascript"> jQuery(function() { //for disable soft keyboard on mobile jQuery( "#datepicker1" ).datepicker({ }).attr('readonly','readonly'); jQuery( "#datepicker2" ).datepicker({ }).attr('readonly','readonly'); }); </script>

</head>
<body>

<form action="leave_sql.php" method="post">
    วันที่เริ่มต้น :  <input type="text" size="10" name="start_date" id="datepicker1"  />
    วันที่สิ้นสุด :  <input type="text" size="10" name="end_date" id="datepicker2"/>
    <input type="submit" data-inline="true" value=" ลา " data-theme="b">
</form>
</body>
</html>

วันพฤหัสบดีที่ 17 ตุลาคม พ.ศ. 2562

All of My Dev.



1.ฐานข้อมูลเอกสารรับรองการฉีดวัคซีนเดินทางไปต่างประเทศ INTERVAC
             -http://223.27.246.236/intervac/
2.ระบบการตรวจสุขาภิบาลยานพาหนะ V-SAN
             -http://223.27.246.236/vsan/
3.ฐานข้อมูลงานเวชศาสตร์การเดินทางและท่องเที่ยว TreavelMed
             -http://223.27.246.236/travelmed/
4.ฐานข้อมูลคลินิกโรคติดต่อทางเพศสัมพันธ์ STI.VCT Online
            -http://223.27.246.236/std/
5.ระบบร้องเรียนออนไลน์ OCC
            -https://myreadysoft.net/apps/occ/
6.ระบบการส่งต่อผู้ป่วยผ่านไลน์(linerefer)
            -https://myreadysoft.net/apps/ohct/
7.Q-Alert
            -https://myreadysoft.net/apps/q-alert
8.Q-Office
           -https://myreadysoft.net/apps/q-office
9.EPI-Alert
           -https://myreadysoft.net/apps/epi-alert_v2
10.MosquitoFighter :MtFt
           -https://myreadysoft.net/apps/mtft
11.bp@home
           -https://myreadysoft.net/apps/bp@home
12.Hospital Manpower
           -https://myreadysoft.net/apps/hman
13.โปรแกรมคำนวนเกื้อกูล Calculator
           -https://myreadysoft.net/apps/wpc
14.Map-Generator
           -https://myreadysoft.net/apps/mapsgen
15.ระบบจัดเก็บค่าธรรมเนียมจอดรถใน บขส.
             -Windows Desktop Application
16.PREP
            -https://myreadysoft.net/apps/prep
17.Narathiwat Dengue Network  : NDN
            -https://myreadysoft.net/apps/ndn
18.D-Cases
           -Mobile Application
19.D-Inspector
           -Mobile Application
20.โปรแกรมคำนวนพิกัดรัศมีการพ่นเคมี FogMan
           -Mobile Application
21.OLM ระบบบริหารการลา

22.HT-DM Screening

23.HT-DM Evaluation

24.EDC-LMP Calculator (on progress)

25.Vaccination Calculator (on progress)

26.MyP4P (on progress)

27.Fog Calculator (on progress)

28.Online Stat

29.WebLocker

30.Reseach Template Builder (RT-Builder)

31.D-RAC : Dengue Risk Area Calculator
     -http://223.27.246.236/d-inspector/d_rac.php

32.EPA : Epidemiology Pattern Analysis
    -http://223.27.246.236/d-inspector/epa.php

33.GD-Gen : Gevenment Document Generator

34.ICM : Index Case Management







Simple Online Whiteboard



Easy to Share


Fast Syncing


Tablet Friendly


ใช้ฟรีได้ที่  https://whiteboardfox.com/

วันจันทร์ที่ 14 ตุลาคม พ.ศ. 2562

Friday Prayers


Friday Prayers
Narrated Salman-Al-Farsi:
The Prophet SAW (p.b.u.h) said, “Whoever takes a bath on Friday, purifies himself as much as he can, then uses his (hair) oil or perfumes himself with the scent of his house, then proceeds (for the Jumua prayer) and does not separate two persons sitting together (in the mosque), then prays as much as (Allah has) written for him and then remains silent while the Imam is delivering the Khutba, his sins in-between the present and the last Friday would be forgiven.”
Reference : Sahih al-Bukhari 883
http://sunnah.com/bukhari/11/8

จากคำบอกเล่าของ Salman-Al-Farsi กล่าวว่า
[ท่านศาสดา (pbuh) กล่าวว่า "ใครก็ตามที่อาบน้ำในวันศุกร์
ทำความสะอาดตัวเองให้มากที่สุดเท่าที่จะทำได้
แล้วใช้น้ำมันใส่ผม หรือน้ำหอม
ด้วยกลิ่นหอมมาจากบ้านของเขา
จากนั้นละหมาดโดยไม่แยกจากกัน(อยู่ในซอฟ)
จากนั้นละหมาดให้มากที่สุดตามที่(อัลลอฮ)ทรงใช้สำหรับเขา
แล้วก็นิ่งเงียบขณะที่อิหม่ามกำลังคุตบะห์
บาปของเขาในระหว่างปัจจุบันและวันศุกร์สุดท้ายจะได้รับการอภัย"]

ข้อสรุป : การไปละหมาดวันศุกร์
1.อาบน้ำให้สะอาด
2.ใส่น้ำหอม
3.นั่งในซอฟ
4.เงียบขณะฟังคุตบะห์