บทเรียน - เขียนโปรแกรม เบื้องต้น

User Rating: 0 / 5

Star InactiveStar InactiveStar InactiveStar InactiveStar Inactive

การทำวีดีโอให้ย่อตามขนาดของหน้าจอ

 

          ในหน้าเว็บกรณีที่เราใส่วีดีโอไปในหน้าเว็บของเราก็มันกจะเจอปัญหาในกรณีที่วีดีโอไม่ย่อตามขนาดของหน้าจอโดยมีวิธีการทำให้วีดีโอสามารถย่อตามขนาดของหน้าจอได้ สามารถทำได้ดังนี้

 

วิธีทำให้วีดีโอย่อตามขนาดของหน้าจอ

  1. เพิ่ม<meta> ลงในแท็ก <head> ดังโค้ด
    <meta name="viewport" charset="utf-8" content="width-davice-width, initial-scale=1" />​
  2. เพิ่ม css เข้าไปในแท็ก <head> ดังโค้ด
    <link href="/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>​
  3. ในแท็ก <body> เพิ่มโค้ดวีดีโอ
    <iframe width="560" height="315" src="https://www.youtube.com/embed/tbj7gkpDjtM" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>​
  4. รวมโค้ดได้ดังนี้
    <html>
            <head>
                    <meta name="viewport" charset="utf-8" content="width-davice-width, initial-scale=1" />
                    <link href="/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
            </head>
            <body>
                    <div class="container-fluid ">
                            <div class="col-12">
                                    <iframe width="560" height="315" src="https://www.youtube.com/embed/tbj7gkpDjtM" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
                            </div>
                    </div>
            </body>
    </html>​
  5. ผลลัพธ์ที่ได้
    การทำให้วีดีโอย่อตามขนาดของหน้าจอ
    ทำวีดีโอให้รองรับขนาดหน้าจอมือถือ

 

การทำให้วีดีโอย่อตามขนาดของหน้าจอ
ทำวีดีโอให้รองรับขนาดหน้าจอแท็ปเล็ต

 

          ในการทำให้วีดีโอย่อตามขนาดของหน้าจอสามารถนำไปดัดแปลงใช่งานกับเว็บไซต์ที่รองรับทุกอุปกรณ์ได้โดยวีดีโอเราสามารถไปเอามาได้จากใน Youtube ได้

 

ช่องทางการศึกษาเพิ่มเติมข่าวที่น่าสนใจเกี่ยวกับ : css

User Rating: 0 / 5

Star InactiveStar InactiveStar InactiveStar InactiveStar Inactive

วิธีการเขียน Python ให้แสดงสถานะแบตเตอรี่บนเครื่อง Ubuntu

               Python คือ ชื่อภาษาที่ใช้ในการเขียนโปรแกรมภาษาหนึ่ง ซึ่งถูกพัฒนาขึ้นมาโดยไม่ยึดติดกับแพลตฟอร์ม กล่าวคือสามารถรันภาษา Python ได้ทั้งบนระบบ Unix, Linux , Windows NT, Windows 2000, Windows XP หรือแม้แต่ระบบ FreeBSD อีกอย่างหนึ่งภาษาตัว นี้เป็น OpenSource เหมือนอย่าง PHP ทำให้ทุกคนสามารถที่จะนำ Python มาพัฒนาโปรแกรมของเราได้ฟรีๆโดยไม่ต้องเสียค่าใช้จ่าย และความเป็น Open Source ทำให้มีคนเข้ามาช่วยกันพัฒนาให้ Python มีความสามารถสูงขึ้น และใช้งานได้ครบคุมกับทุกลักษณะงาน สามารถพูดได้เลยว่า Python สามารถทำได้ทุกอย่างก็คงไม่ผิด

มาเข้าประเด็นกันเลยนะครับ วันนี้จะมาแนะนำวิธีการเขียน Python ให้แสดงข้อมูล เปอร์เซ็น แบตเตอร์รี่ โดยใช้งาน Module psutil มาเริ่มกันเลยครับ

ก่อนอื่นในตัวอย่าง จะเป็น Python 3.4 บนระบบปฏิบัติการ Ubuntu นะครับ และใช้ Editer เป็น Pycharm นะครับ

ขั้นตอนที่ 1 ให้เราทำการติดตั้ง มูดูล psutil โดยมีวิธีการดังนี้ 

ให้เปิดตัว terminal ขึ้นมา

pip install psutil

อันนี้เราสามารถติดตั้ง บน Terminal ของ Pycharm เลยได้ 

Terminal ของ Pycharm จะอยู่ที่นี่

ขั้นตอนที่ 2 เมื่อทำการติดตั้งเสร็จแล้วให้ทำตามโค้ดนี้เลยครับ

import psutil

battery_test = psutil.sensors_battery()
percent = int(battery_test.percent)
print("ฺNow battery",percent,"%")

ผลลัพท์

Now battery 75 %

 

เพิ่มเติมถ้าอยากให้มีแบบ notification (นอติฟิเคชั่น) หรือแปลเป็นไทยว่า การแจ้งเตือน แบบว่าให้มันแสดงเป็นแท็บขึ้นมาข้างๆหน้าจอ

ขั้นตอนที่ 1 ให้ทำการติดตั้ง มูดูล plyer

pip install plyer

อันนี้ก็เหมือนกับการติดตั้งมูดูล psutil ได้เลย

 

ขั้นตอนที่ 2 เมื่อทำการติดตั้งเสร็จแล้วให้ทำตามโค้ดนี้เลยครับ

 

import psutil,time
from plyer import battery,notification

battery_test = psutil.sensors_battery()
percent = int(battery_test.percent)
print("ฺNow battery",percent,"%")
percent_text = str(percent)
b = "สถานะแบตเตอรี่ตอนนี้ " + percent_text + "%"
notification.notify(title='ระบบแจ้งเตือนแบตเตอรี่', message=b, app_name='My Battery', app_icon='', timeout=None) # แสดงสถานะแบตเตอรี่
time.sleep(1)

ผลลัพท์

สามารถเรียนรู้บทเรียนเกี่ยวกับ Python เพิ่มเติมได้ที่นี่ บทเรียน Python | VDO สอน Python 

User Rating: 2 / 5

Star ActiveStar ActiveStar InactiveStar InactiveStar Inactive

You need to a flashplayer enabled browser to view this YouTube video

บทเรียน PHP : คุณสมบัติที่ทำให้การทำงานของออบเจ็กต์หนึ่งมีได้หลายรูปแบบ (เรียกว่าหนึ่งรูปหลายพฤติกรรม) เช่น คนก็มีพฤติกรรม การวิ่ง สุนัข ก็มี พฤติกรรม การวิ่ง แต่การวิ่งของคนและสุนัขต่างกัน กล่าวคือ คนใช้ขา 2 ขาในการวิ่ง แต่สุนัขใช้ 4 ขา ในทางของการเขียนโปรแกรมเชิงวัตถุสามารถแบ่ง Polymorphism ได้ 2 ลักษณะคือ Overloading, Overriding

ติดตาม VDO  ได้ที่ : OOP - Polymorphism

โดย : http://www.mindphp.com

User Rating: 1 / 5

Star ActiveStar InactiveStar InactiveStar InactiveStar Inactive

You need to a flashplayer enabled browser to view this YouTube video

บทเรียน PHP : อธิบายพื้นฐานการจัดเรียงโค้ดให้เป็นลำดับ เพื่อสะดวกในการค้นหา ซึ่ง Coding Standard ไม่ได้เกี่ยวข้องกับการแสดงผลลัพธ์เลย แต่ Coding Standard ช่วยให้ Code เป็นพันๆหรือหมื่นๆบรรทัด ดูเป็นระเบียบมากขึ้น เพื่อให้เราสามารถค้นหาได้ง่ายขึ้นและเพื่อให้เป็นมาตรฐานเดียวกัน

 

 

 

ติดตาม VDO  ได้ที่ : Coding Standard เขียนโค้ดแบบได้มาตรฐาน

โดย : http://www.mindphp.com

 

User Rating: 1 / 5

Star ActiveStar InactiveStar InactiveStar InactiveStar Inactive

You need to a flashplayer enabled browser to view this YouTube video

การลบข้อมูลในตาราง โดยการเขียน Python ไปทำการลบข้อมูลในฐานข้อมูล PostgreSQL ซึ่งการแก้ไขหรืออัพเดทข้อมูลจะใช้คำสั่ง SQL และคำสั่งที่ใช้ คือ delete

ติดตาม VDO ได้ที่ : สอน Python บทที่ 40 การลบข้อมูลในตาราง PostgreSQL ด้วย Python
โดย : http://www.mindphp.com

 

{mdfiles=248}

Subcategories

บทเรียน Python สอนการเขียน ภาษา Python เบื้องต้น Python สามารถพัฒนา Web Application ได้เหมือนกับ ภาษา PHP ,Perl , JSP และ ASP

หมวดหลัก วีดีโอสอน เขียนโปรแกรม ด้วยภาษาต่าง PHP, Python, Javascript, Odoo Website, Joomla, phpBB, PostgreSQL, Framework ต่างๆ

วีดีโอสอน เขียน php7 พื้นฐานสำหรับนักพัฒนาเว็บไซต์ ทำความรู้จัก php เครื่องมือที่ใช้พัฒนา โปรแกรม ภาษา PHP แนะนำ เครื่องมือ พัฒนา ทำความรู้จัก ตัวแปลใน php - PHP Variable

VDO Tutorial Develop Joomla Extension