Nóng: Mark Zuckerberg chính thức đổi tên công ty Facebook thành Meta

Facebook vừa có động thái đổi tên công ty thành Meta, tương tự như cách mà Google đã làm để quyết định trở thành công ty con của Alphabet.






Theo CNET, CEO của Facebook Mark Zuckerberg đã thông báo tại sự kiện Connect của công ty về tên mới của nền tảng truyền thông xã hội đình đám. 



Theo đó, tên mới của công ty Facebook sẽ là Meta. Zuckerberg cho biết: "Chúng tôi xây dựng một công ty công nghệ với mục đích kết nối lẫn nhau. Cùng nhau, cuối cùng chúng ta có thể đặt mọi người vào trung tâm của công nghệ. Và cùng nhau, chúng ta có thể mở ra một nền kinh tế sáng tạo lớn hơn rất nhiều".



Ngoài ra, Mark Zuckerberg cũng cho biết cái tên Facebook không bao hàm đầy đủ những thứ mà công ty đang làm đồng thời tuyên bố rằng: "Lúc này, thương hiệu của chúng tôi vốn chỉ gắn với một sản phẩm. Nhưng qua thời gian, chúng tôi muốn được xem là một công ty metaverse".





Việc đổi thương hiệu lần này là một phần trong nỗ lực của công ty nhằm chuyển hướng khỏi việc được biết đến như một công ty truyền thông xã hội và tập trung vào kế hoạch xây dựng "metaverse" - hướng tới tương lai của một thế giới kỹ thuật số mới.



Như vậy, công ty Facebook sẽ có tên mới là Meta, nhưng chưa rõ ứng dụng Facebook có bị đổi tên hay không. Tuy nhiên, nhiều khả năng là các nền tảng con sẽ không bị thay đổi.



Việc tái cấu trúc công ty Facebook thành Meta có nhiều điểm tương đồng với Google khi gã khổng lồ tìm kiếm quyết định trở thành công ty con của Alphabet. Như vậy, Meta sẽ sở hữu các dịch vụ mạng xã hội, nhắn tin như Facebook, Messenger, Instagram, WhatsApp...


Theo vnexpress.net

Khung hiển thị code chuyên nghiệp trên Blogspot với EnlighterJS3




Trong bài viết trước, tôi đã chia sẻ cho các bạn cách tạo khung hiển thị code trên bài viết. Giao diện rất đẹp, và tiện lợi cho người chuyên chia sẻ kiến thức về lập trình.


Hôm nay, tôi lại tiếp tục chia sẻ thêm một cách để tạo khung hiển thị code trên bài viết khá hay. Với cách này bạn có thêm một lựa chọn ưng ý cho trang web của bạn.



{tocify} $title={Table of Contents}


Nhúng thư viện EnlighterJS3 vào Bloggspot 



Trước tiên, các bạn vào phần chỉnh sửa HTML trên quản lý Blogger. Nhúng thư viện EnglighterJS3 CSS bên dưới vào sau thẻ <head>.



<link href='https://demo.tips.vn/css/enlighterjs.min.css' rel='stylesheet' type='text/css'/>


Tiếp theo, các bạn tìm thẻ </body> và dán đoạn script bên dưới vào trên thẻ </body>:



<script src='https://demo.tips.vn/js/enlighterjs.min.js' type='text/javascript'/>
<script>
//<![CDATA[
EnlighterJS.init('pre', 'code.highlightme', {
language : 'javascript',
theme: 'classic',
indent : 2
});
//]]>
</script>


Nhấn Save để lưu lại các thao tác trên Template.



Các đặc điểm quan trọng của EnlighterJS3 



Tính năng chính của EnlighterJS



    • Được thiết kế để hoạt động trong tất cả các trình duyệt hiện đại
    • Thư viện độc lập, được đóng gói - không phụ thuộc
    • 40 ngôn ngữ / định dạng được hỗ trợ
    • 12 chủ đề chất lượng cao
    • Đánh dấu cú pháp nội tuyến
    • Nhóm mã để hiển thị nhiều khối mã trong ngăn tab
    • Chỉ ra các dòng mã đặc biệt
    • Footprint siêu nhỏ: 45KB JS + 10KB CSS
    • Đánh dấu tất cả các đoạn mã trên trang của bạn bằng một lệnh duy nhất



Đặc điểm kỹ thuật của EnlighterJS



    • Công cụ Tokenizer cực nhanh dựa trên các biểu thức chính quy được ưu tiên
    • Giai đoạn thứ hai-Tokenizer cho hiệu suất được tối ưu hóa
    • Các chủ đề có thể tùy chỉnh đầy đủ được viết trong ít hơn
    • Chủ đề có sẵn dưới dạng tệp css đơn lẻ để giảm dấu vết
    • Lượt xem dựa trên JSX
    • Thư viện DOM tối thiểu, được nhúng
    • hệ thống xây dựng dựa trên gulp
    • Mã ES6 được chuyển đổi qua babel và xây dựng với rollup.js



Cách sử dụng EnlighterJS trên bài viết Blogspot



EnlighterJS hỗ trợ hầu hết các loại ngôn ngữ trong giới lập trình. Thỏa lòng của tất cả các lập trình viên muốn chia sẻ nhiều ngôn ngữ khác nhau trên cùng một website.


Các Language được EnlighterJS hỗ trợ


  • ABAP (abap)

  • Apache HTTPD (apache)

  • Assembly (assembly, asm)

  • AVR Assembly (avrassembly, avrasm)

  • C/C++ (c,cpp, c++)

  • C# (csharp)

  • CSS (css)

  • Cython (cython)

  • CordPro (cordpro)

  • diff (diff)

  • Dockerfile (docker, dockerfile)

  • Generic (generic, standard) - default highlighting scheme

  • Groovy (groovy)

  • Go (go, golang)

  • HTML (html)

  • Ini (ini, conf)

  • Java (java)

  • Javascript (js, javascript, jquery, mootools, ext.js)

  • JSON (json)

  • JSX (jsx)

  • Kotlin (kotlin)

  • LATEX (latex)

  • LESS (less)

  • lighttpd (lighttpd)

  • LUA (lua)

  • MariadDB (mariadb)

  • Markdown (gfm, md, markdown)

  • Matlab/Octave (octave, matlab)

  • MSSQL (mssql)

  • NGINX (nginx)

  • NSIS (nsis)

  • Oracle Database (oracledb)

  • PHP (php)

  • Powerhsell (powershell)

  • Prolog (prolog)

  • Python (py, python)

  • PureBasic (purebasic, pb)

  • QML (qml)

  • R (r)

  • RAW (raw) - raw code without highlighting with EnlighterJS container styles!

  • RouterOS/SwitchOS (routeros)

  • Ruby (ruby)

  • Rust (rust)

  • Scala (scala)

  • SCSS (scss, sass)

  • Shellscript (shell, bash)

  • Generic SQL (sql)

  • Squirrel (squirrel)

  • Swift (swift)

  • Typescript (typescript)

  • VHDL (vhdl)

  • VisualBasic (visualbasic, vb)

  • Verilog (verilog)

  • XML (xml, html)

  • YAML (yaml)



Các Theme do EnlighterJS cung cấp

Ngoài giao diện mặc định thì EnlighterJS còn cho phép bạn thay đổi giao diện hiển thị code với nhiều Theme sau:






  • Enlighter (enlighter, standard) - Enlighter`s default Theme

  • Classic (classic) - SyntaxHighlighter inspired

  • Bootstrap (bootstrap4) - Bootstrap 4 inpired themes, high contrast

  • Beyond (beyond) - BeyondTechnology Theme

  • Godzilla (godzilla) - A MDN inspired Theme

  • Eclipse (eclipse) - Eclipse inspired

  • MooTwo (mootwo) - Inspired by the MooTools Website

  • Droide (droide) - Modern, minimalistic

  • Minimal (minimal) - Bright, High contrast

  • Atomic (atomic) - Dark, Colorful

  • Dracula (dracula) - Dark, using official draculatheme colorscheme

  • Rowhammer (rowhammer) - Light, Transparent, divided rows



Cách chèn khung code EnlighterJS


Để chèn một đoạn code lên bài viết, các bạn sẽ xem đoạn code muốn chia sẻ thuộc loại Language nào trong danh sách trên. Tiếp theo các bạn chuyển sang chế độ HTM view trên bài viết, và đưa từng đoạn code tương ứng phía dưới vào.



Chèn code HTML vào Blogspot:



<pre data-enlighter-language="html">
// chèn code HTMl vào đây
</pre>


Chèn code CSS vào Blogspot



<pre data-enlighter-language="css">
// chèn code CSS vào đây
</pre>


Chèn code JavaScript/jQuery/Ajax vào Blogspot



<pre data-enlighter-language="javascript">
// chèn code JavaScript/jQuery/Ajax vào đây
</pre>


Chèn code VisualBasic vào Blogspot



<pre data-enlighter-language="visualbasic">
// chèn code VisuaBasic vào đây
</pre>


Ngoài ra còn rất nhiều loại ngôn ngữ khác như: PHP, Python, XML, YAML, Oracle Database, ...



Cách thay đổi Theme của EnlighterJS



<script>
//<![CDATA[
EnlighterJS.init('pre', 'code.highlightme', {
language : 'javascript',
theme: 'classic',
indent : 2
});
//]]>
</script>


Trong đoạn code khởi tạo EnlighterJS ở trên, các bạn có thể thay đổi giao diện hiển thị bằng cách thay đổi thuộc tính theme.


Ví dụ: tôi muốn thay đổi sang theme Dracula, thì tôi sẽ thay đổi lại theme trên đoạn code như sau:



<script>
//<![CDATA[
EnlighterJS.init('pre', 'code.highlightme', {
language : 'javascript',
theme: 'dracula',
indent : 2
});
//]]>
</script>


Như vậy là chúng ta đã nhúng thành công thư viện EnlighterJS vào Blogspot rồi đấy. Nếu các bạn muốn biết thêm cách nhúng thư viện EnlighterJS vào Website trên hosting thì có thể tham khảo bài viết sau:

Cách thay đổi nhanh ngôn ngữ hiển thị trên giao diện quản lý Blogger

Một số bạn hay phàn này phần quản lý của Blogger hiển thị tiếng Anh, khó hiểu và đôi khi không hiểu. Không biết thay đổi ngôn sang ngôn ngữ tiếng Việt như thế nào. Bạn cứ yên tâm, đây là cách dễ nhất hiện nay để chuyển sang ngôn ngữ mong muốn. 



Trong bài viết này tôi xin chia sẻ cách chuyển đổi ngôn ngữ hiển thị nhanh nhất và dễ nhất. Ngoài việc chuyển đổi qua lại giữa tiếng Anh và tiếng Việt, bạn còn có thể chuyển đổi bất cứ ngôn ngữ nào bạn muốn.






{tocify} $title={Table of Contents}


Thay đổi nhanh thẻ hl trên thanh URL



Bạn hãy nhìn vào đường dẫn của Blogger Control Panel trên thanh địa chỉ của trình duyệt. Nếu chưa có đoạn code là ?hl=, thì bạn hãy thử thêm vào cuối đường dẫn đoạn code sau: ?hl=en hoặc ?hl=vi.



Đây là thẻ quy định ngôn ngữ hiển trị trên phần quản lý Blogger của bạn. Bạn cũng có thể đổi sang một ngôn ngữ bất kỳ nếu biết Value của nó. Dưới đây là bảng Value của tất cả ngôn ngữ mà Google hỗ trợ.




















































































































Language Value
Arabic ar
Afrikaans af
Amharic am
Armenian hy
Azerbaijani az
Basque eu
Bengali bn
Bulgarian bg
Catalan ca
Chinese (Hong Kong) zh-HK
Chinese (Simplified) zh-CN
Chinese (Traditional) zh-TW
Croatian hr
Czech cs
Danish da
Dutch * nl
English (UK) en-GB
English (US) * en
Estonian et
Filipino fil
Finnish fi
French * fr
French (Canadian) fr-CA
Galician gl









































































































Language Value
Georgian ka
German * de
German (Austria) de-AT
German (Switzerland) de-CH
Greek el
Gujarati gu
Hebrew iw
Hindi hi
Hungarain hu
Icelandic is
Indonesian id
Italian * it
Japanese ja
Kannada kn
Korean ko
Laothian lo
Latvian lv
Lithuanian lt
Malay ms
Malayalam ml
Marathi mr
Mongolian mn
Norwegian no
Persian fa


































































































Language Value
Polish pl
Portuguese * pt
Portuguese (Brazil) pt-BR
Portuguese (Portugal) pt-PT
Romanian ro
Russian ru
Serbian sr
Sinhalese si
Slovak sk
Slovenian sl
Spanish * es
Spanish (Latin America) es-419
Swahili sw
Swedish sv
Tamil ta
Telugu te
Thai th
Turkish tr
Ukrainian uk
Urdu ur
Vietnamese vi
Zulu zu




Riêng bản thân mình rất thích mấy anh Nhật, nên đã thử ?hl=ja và nhận được cái kết:






Các bạn lưu ý rằng đây chỉ là cách thay đổi nhanh ngôn ngữ hiển thị. Khi bạn tắt và mở lại, thì phần quản lý Blogger vẫn trở về ngôn ngữ mặc định. Để thay đổi luôn phần ngôn ngữ mặc định này, mời bạn xem phần kế tiếp nhé.



Thay đổi ngôn ngữ hiển trị trên Blogger Control Panel



Để thay đổi ngôn ngữ mặc định, đầu tiên các bạn vào phần Manage your Google Account như hình:






Tiếp theo chọn Personal Info \ Language. Trong phần PREFERRED LANGUAGE, các bạn nhấp vào chọn ngôn ngữ mong muốn. Sau khi chọn xong, ngôn ngữ được chọn sẽ được áp dụng ngay lập tức.






Vậy là các bạn đã thay đổi được ngôn ngữ hiển thị mặc định của Google Account rùi đấy nhé. Thank for Watching!

Tạo tính năng trộn thư trên PowerPoint với VBA Excel



Nếu bạn có một mẫu chứng chỉ hay mẫu giấy khen trên PowerPoint. Bạn cần tạo hàng loạt giấy khen theo danh sách lớp học. Theo cách truyền thống bạn sẽ tạo cho từng học sinh. Công việc này sẽ làm bạn tiêu tốn nhiều thời gian, và có thể sai lệch do lỗi đánh máy.



Bài viết này tôi xin chia sẻ cách tạo hàng loạt giống như tính năng trộn thư trên Word. Chỉ mất vài phút bạn đã tạo ra hàng trăm, hàng nghìn mẫu tuyệt đối chính xác. Và khi tạo xong công cụ này, bạn có thể sử dụng mãi mãi.

{tocify} $title={Table of Contents}


Tạo form mẫu trên PowerPoint



Trước tiên các bạn hãy tạo một thư mục trên ổ gốc (ổ D hay E tùy máy tính của bạn) với tên tùy ý. Tiếp theo các bạn mở PowerPoint lên, và đưa mẫu giấy khen hay chứng chỉ của bạn vào PowerPoint.

Trên mẫu mới đưa vào PowerPoint, các bạn chèn Text Box vào các vị trí cần đưa thông tin vào. Trên file mẫu tôi đã thêm TextBox vào các vị trí: Tên Trường, Tên học sinh, Lớp, Danh hiệu, Năm học.



Tiếp theo chúng ta sẽ định nghĩa tên của từng TextBox đã thêm vào bằng cách nhấp vào Home \ Select \ Selection Pane. Nhấp vào từng TextBox đã thêm trên mẫu, để đặt tên như mong muốn. 






Lưu ý: để hạn chế lỗi trong việc viết code trên VBA, khuyến khích các bạn đặt tên không dấu, và không có khoảng trắng giữa các từ.



Các bạn cũng có thể tải file mẫu của tôi ở đường dẫn bên dưới về dùng tạm nhé.




Lưu lại file PowerPoint vào thư mục đã tạo trước đó với tên MauBieu.



Tạo danh sách và hàm trộn thư trên Excel



Trên file danh sách, các bạn chèn thêm một nút nhấn và đặt tên là Trộn Thư như hình:






Các bạn có thể tham khảo cách bật tab Developer và cách chèn nút qua các bài viết:





Sao chép đoạn code bên dưới và dán vào Module 1 trên trình soạn thảo code VBA của Excel. Gán hàm Insert2PowerPoint() vào nút Trộn Thư.



Sub Insert2PowerPoint()

Dim myPowerPoint As PowerPoint.Application
Dim activeSlide As PowerPoint.Slide
Dim LastRow As Integer
Dim myFilePath, Filename As String
Dim LinkPPT As String

myFilePath = ThisWorkbook.Path
LinkPPT = myFilePath & "\MauBieu.pptx"

Set myPowerPoint = CreateObject("PowerPoint.Application")
myPowerPoint.Presentations.Open (LinkPPT)
myPowerPoint.Visible = True
LastRow = Sheets("Data").Cells(Sheets("Data").Rows.Count, "B").End(xlUp).Row

For i = 3 To LastRow
myPowerPoint.ActiveWindow.View.GotoSlide myPowerPoint.ActivePresentation.Slides.Count
Set activeSlide = myPowerPoint.ActivePresentation.Slides(myPowerPoint.ActivePresentation.Slides.Count)
If i < LastRow Then
Dim newSlide As PowerPoint.Slide
Set newSlide = myPowerPoint.ActivePresentation.Slides(myPowerPoint.ActivePresentation.Slides.Count).Duplicate()(1)
End If
activeSlide.Shapes("TenTruong").TextFrame.TextRange.Text = Sheets("Data").Cells(1, 5).Value
activeSlide.Shapes("HoTen").TextFrame.TextRange.Text = Sheets("Data").Cells(i, 2).Value
activeSlide.Shapes("DanhHieu").TextFrame.TextRange.Text = Sheets("Data").Cells(i, 3).Value
activeSlide.Shapes("TenLop").TextFrame.TextRange.Text = Sheets("Data").Cells(i, 4).Value
activeSlide.Shapes("NamHoc").TextFrame.TextRange.Text = Sheets("Data").Cells(2, 5).Value
Next i

AppActivate ("PowerPoint")
Set activeSlide = Nothing
Set newPowerPoint = Nothing

End Sub


Cuối cùng, các bạn nhấp vào nút Trộn Thư để xem thành quả tạo ra nhé. Nếu có thắc mắc hoặc không hiểu xin để lại bình luận bên dưới. Thank for Watching!

Gửi email hàng loạt trên Outlook bằng VBA Excel



Nếu bạn là một nhân viên chăm sóc khách hàng, hay bạn là một quản lý. Bạn luôn phải gửi email nhắc nhở công việc cho nhiều người. Mỗi lần soạn thảo nội dung và gửi mail sẽ tiêu tốn rất nhiều thời gian. Trong bài viết này, tôi xin chia sẻ với các bạn cách gửi mail từ Excel rất nhanh và tiện dụng.



{tocify} $title={Table of Contents}


1. Thiết kế giao diện trên Microsoft Excel



Chúng ta sẽ tạo một giao diện trên Excel gồm các phần tử: email người nhận (To, Cc, Bcc), Subject, nội dung email, và một nút Send Mail.






Để chèn nút lệnh Send Mail lên Excel thì các bạn vào tab Developer \ Insert \ Button như hình:






Khi nhấp và nút Send Mail, Excel sẽ tự động lấy toàn bộ dữ liệu và định dạng ở vùng được chỉ định bên trái (Bảng báo giá), rồi đưa và Outlook. 



Nếu trên Excel của bạn chưa có tab Developer, để hiển thị tab Developer thì các bạn có thể tham khảo bài viết sau:



2. Xây dựng hàm thực thi việc gửi Email



Trước tiên các bạn vào khung soạn lệnh của VBA trên Excel. Chúng ta sẽ tạo một hàm để thực thi, và gán chương trình vào nút lệnh Send Mail. Cách vào khung soạn lệnh trên Excel có thể tham khảo bài viết sau:




Tiếp theo các bạn chèn mới một Module:




Các bạn tải file code ở đường dẫn bên dưới về máy, chép toàn bộ code và dán vào Module mới chèn.


Các bạn nhấp phải vào nút Send Mail, chọn Assign Macro. Chọn hàm tên Send_Mail và cuối cùng chọn Ok để hoàn tất.






Vậy làm cách nào để gửi email hàng loạt cho nhiều người? Các bạn nhớ đón xem bài viết tiếp theo nhé. Nếu có thắc mắc gì, xin hãy comment bên dưới. Thank for Watching!

Cách dễ dàng để thêm mã PHP trên Blogger

PHP được coi là ngôn ngữ lập trình mạnh mẽ nhất giúp mọi thứ diễn ra chỉ trong tích tắc. Tuy nhiên, PHP không được hỗ trợ bởi nền tảng chạy Blogger. Điều này gây khó khăn cho việc tùy chỉnh và triển khai một số phát triển mới nhất, nhưng vẫn có một số cách để bạn có thể thêm mã PHP vào trang web nền tảng Blogger của bạn. Mặc dù, kết quả không phải là 100%, nhưng nó tốt hơn nhiều so với việc không có mã PHP trên trang web blogger. Trong bài viết này, chúng tôi sẽ hướng dẫn bạn cách thêm mã PHP trong Blogger.






{tocify} $title={Table of Contents}


1. Tạo tập tin PHP đơn giản



Trước tiên bạn phải tạo một file PHP, trong đó bạn phải sử dụng tất cả các mã PHP mà bạn muốn đưa lên Blog. Tuy nhiên, bạn hãy đảm bảo rằng file không có lỗi.

Sau đây là ví dụ về file chứa mã PHP đơn giản, và đây chỉ là hướng dẫn cơ bản cho một số người mới bắt đầu.



<?php
echo '<p> Hello World! </p>';
?>

style="display:block; text-align:center;"
data-ad-layout="in-article"
data-ad-format="fluid"
data-ad-client="ca-pub-2710840940759095"
data-ad-slot="6573006073">


Sau khi tạo file với tất cả các mã mong muốn, bạn hãy lưu file lại với phần mở rộng là định dạng *.php, ví dụ hello.php. Bạn có thể sử dụng NotePad ++ để viết mã vì nó là công cụ soạn thảo đơn giản tiêu chuẩn và miễn phí duy nhất.



2. Lưu trữ tập tin PHP



Vì blogger không cho phép bạn lưu trữ bất kỳ loại tệp nào như PHP, HTML hoặc CSS. Do đó, bạn phải lưu trữ nó trên Hosting của bạn (nếu có) hoặc bạn có thể sử dụng Google Drive để lưu trữ chúng.



Bạn cũng có thể sử dụng Dropbox, và nhiều dịch vụ lưu trữ miễn phí khác nhưng chắc chắn chúng không tốt hơn các tính năng và độ tin cậy của Google Drive.



3. Thêm tập tin PHP vào Blogger



Sau khi tạo và lưu trữ file PHP, bạn hãy đăng nhập vào tài khoản Blogger của bạn. Đi tới bảng điều khiển và chọn blog mà bạn muốn thêm mã PHP. Bây giờ tùy thuộc vào nhu cầu của bạn cho dù bạn muốn thêm mã PHP trong bài đăng, trang, thanh bên hay chân trang. Chỉ cần dán đoạn mã sau vào bất kỳ đâu bạn muốn hiển thị tệp PHP.



<object width = "400" height = "300" type = "text / html" data = "your_file.php"> </object>


Đừng quên thay your_file.php bằng URL của tệp PHP của bạn. Thế là bạn đã thêm thành công mã PHP vào blogger. Truy cập và kiểm tra blog của bạn để xem liệu mọi thứ có hoạt động như kế hoạch hay không. Hãy cho chúng tôi biết, nếu bạn có cách tốt hơn để thực hiện công việc này.

Chụp hình bằng Webcam trên Website dùng Webcam jQuery Plugin

Nếu bạn muốn tạo một project về tuyển dụng. Cần chụp nhanh hình ảnh của các nhân viên để đưa vào CV. Thì bài viết này sẽ là một chia sẻ hữu ích cho bạn.





Trong bài viết này, tôi xin chia sẻ đoạn code để bạn có thể kết nối với Webcam, và Capture hình ảnh của Webcam để đưa vào vị trí mong muốn.




{tocify} $title={Table of Contents}



1. Thiết kế giao diện hiển thị



Nguyên liệu cần thiết


    • Một khung hiển thị hình ảnh lấy trực tiếp từ webcam
    • Một khung hiển thị hình ảnh chụp được
    • Một nút nhấn để ra lệnh chụp hình



Đây là đoạn code HTML đơn giản tôi đã tạo sẵn:


<!DOCTYPE html>
<html>
<head>
<title>Capture webcam image with PHP and jQuery - tips.vn</title>
<style type="text/css">
#results {
padding:5px;
border:1px solid;
background:#ccc;
}
</style>
</head>
<body>
<div class="container">
<h1 class="text-center">Capture webcam image with php and jquery - tips.vn</h1>
<div class="row">
<div class="col-md-6">
<div id="my_webcam"></div>
<br/>
<input type=button value="Take Snapshot" onClick="take_snapshot()">
<input type="hidden" name="image" class="image-target">
</div>
<div class="col-md-6">
<div id="results">Your captured image will appear here...</div>
</div>
</div>
</div>
</body>
</html>


2. Nhúng thư viện WebcamJS



Chèn các thư viện sau vào giữa cặp thẻ <head></head>:



<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/webcamjs/1.0.25/webcam.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css" />



Tiếp theo, chúng ta cần khởi tạo Webcam, đặt chế độ chụp ảnh vào nút Take Snapshot và hiển thị hình ảnh mới chụp được lên khung result

Các bạn chèn đoạn code jQuery bên dưới vào trên thẻ </body> của trang web:


<script language="JavaScript">
Webcam.set({
width: 480,
height: 360,
image_format: 'jpeg',
jpeg_quality: 120
});

Webcam.attach( '#my_webcam' );

function take_snapshot() {
Webcam.snap( function(url) {
$(".image-target").val(url);
document.getElementById('results').innerHTML = '<img src="'+url+'"/>';
} );
}
</script>

Barcode Scanner - Máy quét mã vạch trên Blogspot




{tocify} $title = {Table of Contents}


1. Barcode Scanner là gì?



Máy quét vã vạch hay máy đọc mã vạch, là thiết bị cho phép đọc dữ liệu từ mã vạch được in sẵn trên sản phẩm, hàng hóa, thiết bị,... Mã vạch chúng ta thường thấy là một chuỗi đường thẳng, hoặc chuỗi ký hiệu đặc biệt thể hiện thông tin về sản phẩm, hay nói cách khác thông tin sản phẩm được mã hóa dưới dạng mã vạch và được lưu trữ trên máy chủ được kết nối trước đó bằng máy in mã vạch, và sau đó những mã vạch này sẽ được giải/đọc bằng máy quét/đọc mã vạch.



2. Cách thức hoạt động của máy quét mã vạch



Máy quét mã vạch hoạt động bằng cách phát ra các chùm tia sáng cực tím, thường có màu đỏ tươi ngay khi khởi động. Ánh sáng này sẽ tìm và phát hiện mã vạch đặt gần nó có tác dụng tìm và phát hiện mã vạch đặt gần nó.



Có một số máy quét mã vạch có thể nhận diện mã vạch trong khoảng cách xa hơn thông thường, thường là máy quét mã vạch công nghiệp (máy quét mã vạch laser, máy quét mã vạch CCD,…)



3. Phân loại máy quét mã vạch



Có nhiều cách để phân loại máy quét mã vạch, có thể là theo công nghệ chế tạo (CCD, Laser, Imager), hoặc theo công dụng (quét mã vạch 1D, 2D), theo cổng giao tiếp (cổng keyboard wedge, cổng RS-232 hay cổng COM, USB), hoặc theo cấu tạo (cầm tay, để quầy, đề bàn, desktop, dạng không dây,...). Trong đó phân loại theo cấu tạo dạng cầm tay, và dạng để bàn là được dùng nhiều nhất.


Máy quét mã vạch để bàn:



Máy quét loại để bàn thì ngược lại, chỉ đặt yên một chỗ, tại các quầy thanh toán trong cửa hàng, đại lý, siêu thị. Khi cần đọc mã vạch, thì phải đem hàng hóa đó đến tận nơi để máy có thể đọc mã vạch một cách nhanh chóng và chính xác nhất. Ngoài tính năng quét như trên, các loại máy này còn được bổ sung thêm nhiều tính năng thân thiện như hệ thống quét tự động, lập trình đơn giản với độ bền tối đa, dễ dàng sử dụng và hoạt động, tốc độ quét nhanh, phạm vi quét rộng và chính xác.



Máy quét mã vạch cầm tay:



Loại này thường được kết nối với máy tính bằng cổng USB hoặc Wireless (không dây), và có thể di chuyển mọi nơi, vì vậy dạng máy này thường được ứng dụng cho môi trường làm việc kho hàng, xí nghiệp, nhà máy,…

Do sự phát triển của công nghệ di động ngày càng lớn mạnh. Kèm theo đó là phần lớn các phần mềm đều có hỗ trợ quét mã trên thiết bị điện thoại di động. Phần mềm sẽ tận dụng camera của điện thoại để làm đầu quét mã vạch hoặc QR code. Khả năng quét rộng và độ chính xác cũng rất cao.



Bạn có thể bấm vào nút Start bên dưới để thử tính năng quét Barcode/Webcam nhé.


style="display:block; text-align:center;"
data-ad-layout="in-article"
data-ad-format="fluid"
data-ad-client="ca-pub-2710840940759095"
data-ad-slot="6573006073">






Barcode
Qrcode










Cách chèn một bảng dữ liệu vào bài viết trên Blogspot

Nếu bạn có một bảng dữ liệu, có thể là danh sách các chương trình khuyến mãi, hay bảng điểm thi của học sinh, bảng thông tin khách hàng, ... Bạn muốn đưa bảng dữ liệu này vào bài viết trên trang Blog của bạn, thì phải làm cách nào?



Trong bài viết này, tôi sẽ hướng dẫn các bạn từ A đến Z cách thêm một bảng dữ liệu vào bài viết, và cách tùy chỉnh giao diện của bảng để bảng có thêm phần bắt mắt hơn.






1. Cách thêm một bảng vào bài viết Blogspot



Để chèn một bảng dữ liệu lên bài viết, bạn có thể dùng 1 trong 2 cách như sau:

Cách 1: Chèn bảng dữ liều từ Google Sheet

Nếu bạn có sẵn bảng dữ liệu trên Google Sheet, đã định dạng sẵn. Thì việc đơn giản là bạn chỉ cần Copy và Paste trực tiếp lên bài viết.

Student NameGenderClass LevelHome StateMajorExtracurricular Activity
AlexandraFemale4. SeniorCAEnglishDrama Club
AndrewMale1. FreshmanSDMathLacrosse
AnnaFemale1. FreshmanNCEnglishBasketball
BeckyFemale2. SophomoreSDArtBaseball
BenjaminMale4. SeniorWIEnglishBasketball
CarlMale3. JuniorMDArtDebate
CarrieFemale3. JuniorNEEnglishTrack & Field
DorothyFemale4. SeniorMDMathLacrosse
DylanMale1. FreshmanMAMathBaseball
EdwardMale3. JuniorFLEnglishDrama Club



Cách 2: Chèn bảng dữ liệu bằng cách thêm code HTML





Nếu bạn đã có kiến thức về HTML, thì có thể thêm 1 bảng dữ liệu trực tiếp trên bài viết bằng cách thêm các đoạn code HTML vào. Để thêm một bằng dữ liệu bằng code HTML, trước tiên bạn chuyển chế độ viết sang HTML view, sau đó dán đoạn code HTML tạo bảng sau đây vào:


<table>
<thead> // header of table
<tr> // row 1 of header
<th></th>
<th></th>
<th></th>
</tr>
</thead>
<tbody> // body of table
<tr> // row 1 of body table
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
<td>row 1, cell 3</td>
</tr>
<tr> // row 2 of body table
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
<td>row 2, cell 3</td>
</tr>
</tbody>
<tfoot> //footer of table
<tr> // row 1 of footer
<td></td>
<td></td>
<td></td>
</tr>
</tfoot>
</table>



  • <thead></thead>: là phần header của bảng, và cũng là dòng đầu tiên trong bảng dữ liệu của bạn. 

  • <tbody></tbody>: là phần thân của bảng, được tính từ dòng đầu tiên sau header đến cuối bảng dữ liệu (hoặc gần cuối bảng nếu bạn có footer). Phần này để các bạn liệt kê chi tiết các mục trong bảng dữ liệu.

  • <tfoot></tfoot>: là chân của bảng, được tính từ sau dòng cuối cùng của body đến hêt bảng dữ liệu. Thông thường phần này được dùng để làm phần tổng kết giá tiền của báo giá, hoặc ghi chú, ...


Đoạn code HTML trên chỉ là khung sườn của bảng dữ liệu, chưa có định dạng phần header, định dạng đường viền, ... Để thêm các định dạng bạn phải dùng CSS để tạo thêm cho bảng. Các bạn có thể chèn đoạn CSS sau đây ở đầu mỗi bài viết:


<style>
table{
width: 100%;
}
table, th, td {
border: 1px solid black;
border-collapse: collapse;
}
td{
padding: 2px 7px;
}
td:first-child {
width: 20%;
vertical-align: middle;
}
td:nth-child(2) {
width: 20%;
text-align: center;
vertical-align: middle;
}
td:nth-child(3) {
vertical-align: middle;
}
</style>




Ta được bảng dữ liệu như sau:




























header row 1, cell 1 header row 1, cell 2 header row 1, cell 3
row 1, cell 1 row 1, cell 2 row 1, cell 3
row 2, cell 1 row 2, cell 2 row 2, cell 3
footer row 1, cell 1 footer row 1, cell 1 footer row 1, cell 1



2. Cách tạo mẫu báo giá dùng HTML & CSS



Bây giờ chúng ta cùng tạo một bảng báo giá như hình bên dưới trên bài biết bằng cách dùng HTML và CSS:



Chúng ta hãy phân tách bảng ra thành cách thành phần trước khi dùng code tạo nhé. Phần màu xanh dương chúng ta sẽ đưa vào header, phần màu xanh lá đưa vào footer, và phần còn lại sẽ là body của bảng.

style="display:block; text-align:center;"
data-ad-layout="in-article"
data-ad-format="fluid"
data-ad-client="ca-pub-2710840940759095"
data-ad-slot="6573006073">


<table class="mystyle">
<thead>
<tr>
<th colspan="6">BẢNG BÁO GIÁ LINH KIỆN</th>
</tr>
<tr>
<th>Stt</th>
<th>Tên linh kiện</th>
<th>ĐVT</th>
<th>Đơn giá</th>
<th>SL</th>
<th>Thành tiền</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Lưới Lọc Máy Lạnh Panasonic VU LỚN</td>
<td>Cái</td>
<td>37,000</td>
<td>10</td>
<td>370,000</td>
</tr>
<tr>
<td>2</td>
<td>Lưới Lọc Máy Lạnh Panasonic VU NHỎ</td>
<td>Cái</td>
<td>25,000</td>
<td>10</td>
<td>250,000</td>
</tr>
<tr>
<td>3</td>
<td>Lưới Lọc Máy Lạnh Panasonic (30x32)</td>
<td>Cái</td>
<td>41,000</td>
<td>20</td>
<td>820,000</td>
</tr>
<tr>
<td>4</td>
<td>Lưới Lọc Máy Lạnh Panasonic (32x32)</td>
<td>Cái</td>
<td>65,000</td>
<td>20</td>
<td>1,300,000</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="5"><b>TỔNG CỘNG</b></td>
<td><b>2,740,000</b></td>
</tr>
</tfoot>
</table>


Ta được bảng như hình sau:



Tiếp theo ta sẽ dùng CSS để định dạng màu nền, độ rộng cột, canh trái phải chữ, ... sao cho hoàn chỉnh. Chúng ta sẽ thêm CSS vào id="mystyle" cho bảng, và sẽ không ảnh hưởng đến các bảng khác. Ở đây tôi đã tạo sẵn một đoạn CSS cho bảng như sau:


<style>
table{
width: 100%;
}
table, th, td {
border: 1px solid black;
border-collapse: collapse;
}
td{
padding: 2px 7px;
}
td:first-child {
width: 20%;
vertical-align: middle;
}
td:nth-child(2) {
width: 20%;
text-align: center;
vertical-align: middle;
}
td:nth-child(3) {
vertical-align: middle;
}
#mystyle tr{
line-height: 36px;
}
#mystyle thead tr{
background-color: #0071c1;
color: #fff;
}
#mystyle thead tr:first-child {
font-size: 20px;
}
#mystyle thead tr:nth-child(2) td:nth-child(2) {
text-align: left !important;
}
#mystyle td:first-child {
width: 7%;
vertical-align: middle;
text-align: center;
}
#mystyle td:nth-child(2) {
width: 40%;
text-align: left;
vertical-align: middle;
}
#mystyle td:nth-child(3) {
vertical-align: middle;
width: 7%;
text-align: center;
}
#mystyle td:nth-child(4) {
vertical-align: middle;
width: 12%;
text-align: center;
}
#mystyle td:nth-child(5) {
vertical-align: middle;
width: 7%;
text-align: center;
}
#mystyle td:nth-child(6) {
vertical-align: middle;
text-align: right;
}
#mystyle tfoot td:nth-child(2) {
vertical-align: middle;
text-align: right;
}
</style>


Bảng sau khi được định dạng bằng CSS:

























































BẢNG BÁO GIÁ LINH KIỆN
Stt Tên linh kiện ĐVT Đơn giá SL Thành tiền
1 Lưới Lọc Máy Lạnh Panasonic VU LỚN Cái 37,000 10 370,000
2 Lưới Lọc Máy Lạnh Panasonic VU NHỎ Cái 25,000 10 250,000
3 Lưới Lọc Máy Lạnh Panasonic (30x32) Cái 41,000 20 820,000
4 Lưới Lọc Máy Lạnh Panasonic (32x32) Cái 65,000 20 1,300,000
TỔNG CỘNG 2,740,000

Thế giới tiêm vaccine Covid-19 cho trẻ em thế nào?

Cơ quan quản lý châu Âu và Mỹ phê duyệt vaccine Covid-19 cho trẻ em từ 12 tuổi trở lên, một số quốc gia tiêm cho trẻ dưới 5 tuổi, song nhiều nước chưa thể triển khai vì thiếu nguồn cung.

Khi trường lớp mở cửa trở lại, hạn chế thời Covid-19 đã nới lỏng, phụ huynh lo lắng về việc đưa con cái đi học một cách an toàn trong bối cảnh biến thể Delta vẫn lây lan. Dữ liệu trước đó cho thấy người trẻ ít có nguy cơ chuyển nặng sau nhiễm virus. Song tình hình thay đổi sau khi biến thể Delta xuất hiện.

Nhiều nước phát triển đã tiêm chủng cho trẻ từ 12 tuổi trở lên, đang đánh giá vaccine cho nhóm trẻ hơn. Trong khi đó, vì tình trạng bất bình đẳng toàn cầu hoặc thái độ hoài nghi, một số nước vẫn chật vật để tiêm liều đầu cho người trưởng thành, việc chủng ngừa cho trẻ nhỏ còn gặp nhiều khó khăn

Các nước đã tiêm vaccine cho trẻ 12 đến 18 tuổi

Tháng 5, Cơ quan Dược phẩm châu Âu (EMA) phê duyệt vaccine Pfizer cho trẻ từ 12 đến 15 tuổi. Kể từ đó, các nước EU tiến hành tiêm chủng với tốc độ khác nhau.

Đan Mạch và Tây Ban Nha đã tiêm chủng một liều với trẻ từ 12 đến 19 tuổi. Pháp cũng nhanh chóng chủng ngừa liều đầu cho 66%, liều thứ hai cho 52% trẻ từ 12 đến 17 tuổi. Đến tháng 10, nước này mở rộng triển khai thẻ xanh sức khỏe cho cả người dưới 18 tuổi. Điều này có nghĩa các thanh thiếu niên sẽ phải xuất trình chứng nhận tiêm phòng hoặc xét nghiệm âm tính nCoV để ra vào rạp chiếu phim, bảo tàng, trung tâm thương mại...

Vào tháng 6, các cố vấn khoa học của Đức khuyến cáo chỉ nên tiêm vaccine cho trẻ từ 12 đến 15 tuổi có tình trạng sức khỏe cơ bản. Đến tháng 8, khi biến thể Delta lây lan rộng rãi hơn, nước này mở rộng triển khai cho tất cả người trên 12 tuổi.

Ở Thụy Điển, trẻ từ 12 đến 15 tuổi đủ điều kiện chủng ngừa nếu bị bệnh phổi, hen suyễn nặng hoặc một tình trạng bệnh lý gây nguy cơ cao mắc Covid-19 khác. Ở Na Uy, vaccine được mở rộng cho trẻ em từ 12 đến 15 tuổi. Song chính phủ mới quyết định tiêm một liều, chưa dự kiến tiêm liều thứ hai.

Tại Anh, giới chức y tế khuyến nghị tiêm một liều vaccine cho trẻ từ 12 đến 15 tuổi. Giáo sư Chris Whitty, trưởng ban Cố vấn khoa học Chính phủ, nhận định đây là "công cụ quan trọng và hữu ích" trong việc mở cửa trở lại trường học.

Hồi tháng 5, Cục Quản lý Thực phẩm và Dược phẩm Mỹ (FDA) chấp nhận tiêm vaccine Pfizer cho trẻ từ 12 tuổi trở lên theo quy định khẩn cấp. Chương trình bắt đầu tại các địa điểm trên khắp cả nước, hai liều cách nhau ba tuần. Đến cuối tháng 7, 42% thanh thiếu niên từ 12 đến 17 tuổi đã được tiêm liều đầu tiên, 32% tiêm liều thứ hai.

Nhiều nước Đông Nam Á cũng đã tiêm chủng cho trẻ em kể từ tháng 5. Philippines ngày 26/5 quyết định sử dụng vaccine Pfizer cho người từ 12 đến 15 tuổi theo chương trình khẩn cấp, các em được tiêm chủng kể từ ngày 15/10. Indonesia ngày 28/6 khuyến nghị tiêm vaccine Sinovac cho trẻ từ 12 đến 17 tuổi. Singapore cũng mở rộng chương trình tiêm chủng cho đối tượng này trong tháng 6.

Các nước tiêm vaccine cho trẻ dưới 12 tuổi

Tháng 6, Trung Quốc bắt đầu tiêm vaccine Sinovac cho trẻ từ ba đến 17 tuổi. Quốc gia đặt mục tiêu tiêm phòng cho 80% dân số 1,4 tỷ người vào cuối năm nay. Về lý thuyết, chương trình chủng ngừa là tự nguyện. Tuy nhiên, nhiều địa phương không cho phép học sinh trở lại trường nếu các em và toàn bộ gia đình chưa tiêm đủ hai liều. Vaccine Sinovac được sử dụng rộng rãi tại nhiều nước châu Á, châu Phi và Nam Mỹ.

Tháng 9, Cuba trở thành nước đầu tiên tiêm chủng cho trẻ em dưới hai tuổi. Chính phủ sử dụng vaccine nội địa. Quốc đảo ban đầu có kế hoạch tập trung chủng ngừa cho nhân viên y tế, người cao tuổi và các khu vực bị ảnh hưởng nặng nề nhất. Sau đó, biến thể Delta lây lan khiến số ca nhiễm ở trẻ nhỏ tăng đột biến. Nước này điều chỉnh chiến lược để mở cửa lại trường học một cách an toàn.

Trong suốt đại dịch, học sinh Cuba chủ yếu học tập thông qua chương trình truyền hình giáo dục, vì nhiều gia đình chưa có điều kiện sử dụng internet. Nước này vẫn chưa công bố dữ liệu về vaccine, song đã nộp đơn xin phê duyệt lên Tổ chức Y tế Thế giới (WHO) ngày 15/9.

Chile, El Salvador và Các Tiểu vương quốc Ả Rập Thống nhất (UAE) cũng đã phê duyệt vaccine cho trẻ nhỏ. Tại Chile, trẻ từ 6 tuổi trở lên có thể tiêm vaccine Sinovac. Trong khi đó, UAE đang tiêm vaccine Sinopharm cho người từ 3 tuổi trở lên.

Các nước gặp khó khăn tiêm chủng cho trẻ em

Hiện chỉ 1,9% người dân ở các nước thu nhập thấp được tiêm ít nhất một liều vaccine. Như vậy, hàng tỷ người vẫn có nguy cơ mắc bệnh và tử vong cao nếu tiếp xúc với virus.

Đến nay, chưa có nước nào phê duyệt hoàn toàn vaccine cho trẻ nhỏ. Các em được tiêm chủng theo chương trình khẩn cấp. Song tại nhiều quốc gia, vaccine cho đối tượng này thậm chí là giấc mơ xa vời, bởi tình trạng thiếu hụt nguồn cung nói chung. Số khác gặp trở ngại với thái độ hoài nghi của người dân.

Haiti mới khởi động tiêm vaccine vào tháng 7, sau khi nhận được 500.000 liều do Mỹ tài trợ thông qua cơ chế Covax. Đến nay, dưới 1% trong số 11,4 triệu dân của đất nước đã tiêm chủng, trong đó một phần ba là dưới 14 tuổi.

Công hòa Dân chủ Congo mới tiêm hơn 120.000 liều vaccine, bảo vệ cho 0,1% của dân số 90 triệu người. Tháng 9, quốc gia nhận được 250.000 liều vaccine Moderna do Mỹ viện trợ thông qua cơ chế Covax.

Tuy nhiên, thái độ hoài nghi vaccine trong nước còn cao, thậm chí ở cả các nhà lãnh đạo. Tháng 3, hơn 1,7 triệu liều AstraZeneca được chuyển đến Kinshasa, nhưng chính phủ trì hoãn tiêm chủng vì các ca đông máu hiếm gặp trên thế giới, sau đó bán khoảng 75% lô hàng này cho nước khác.


Theo vnexpress.net