• Tin tức
  • Network
    • Mạng cơ bản
    • Hyper-V
    • Linux
    • Windown Server 2012
  • Security
    • Basic Hacking
    • Deface
    • Kali Linux / Parrot
    • SQL Injection
  • Thủ thuật
    • Khóa Học Miễn Phí
    • Code
    • Mẹo Vặt Máy Tính
    • Facebook
    • Windows 7/8/10/11
    • Đồ Họa
    • Video
  • Software
    • Phần mềm máy tính
    • Phần mềm điện thoại
  • Tin học văn phòng
  • Kiến thức
  • MMO
    • Advertisers – Publishers
    • Affiliate Program
    • Kiếm tiền bằng điện thoại
    • Pay Per Click – PPC
AnonyViet
  • Tin tức
  • Network
    • Mạng cơ bản
    • Hyper-V
    • Linux
    • Windown Server 2012
  • Security
    • Basic Hacking
    • Deface
    • Kali Linux / Parrot
    • SQL Injection
  • Thủ thuật
    • Khóa Học Miễn Phí
    • Code
    • Mẹo Vặt Máy Tính
    • Facebook
    • Windows 7/8/10/11
    • Đồ Họa
    • Video
  • Software
    • Phần mềm máy tính
    • Phần mềm điện thoại
  • Tin học văn phòng
  • Kiến thức
  • MMO
    • Advertisers – Publishers
    • Affiliate Program
    • Kiếm tiền bằng điện thoại
    • Pay Per Click – PPC
No Result
View All Result
  • Tin tức
  • Network
    • Mạng cơ bản
    • Hyper-V
    • Linux
    • Windown Server 2012
  • Security
    • Basic Hacking
    • Deface
    • Kali Linux / Parrot
    • SQL Injection
  • Thủ thuật
    • Khóa Học Miễn Phí
    • Code
    • Mẹo Vặt Máy Tính
    • Facebook
    • Windows 7/8/10/11
    • Đồ Họa
    • Video
  • Software
    • Phần mềm máy tính
    • Phần mềm điện thoại
  • Tin học văn phòng
  • Kiến thức
  • MMO
    • Advertisers – Publishers
    • Affiliate Program
    • Kiếm tiền bằng điện thoại
    • Pay Per Click – PPC
No Result
View All Result
AnonyViet
No Result
View All Result

Hướng dẫn dùng Sketch2Code để chuyển bản vẽ tay thành file HTML

AnonyViet by AnonyViet
03/01/2020
in Code
Reading Time: 4 mins read
A A
0

Mục lục bài viết

  1. Computer Vision là gì?
  2. Cách dùng Sketch2Code để chuyển bản vẽ tay thành file HTML

Sketch2Code sử dụng AI để chuyển đổi các bản vẽ tay thành file HTML. Bạn chỉ cần lên ý tưởng cho một form thiết kế. Sau đó Upload lên Sketch2Code, mẫu thiết kế vẽ tay của bạn sẽ được trí tuệ nhân tạo phân tích thành code HTML hoàn chỉnh cho bạn. Bạn không cần phải gõ từng dòng Code để tạo thành file HTML nửa.

Thông thường, trước khi ra một sản phẩm bạn phải thiết kế mẫu lên giấy hoặc bảng. Chẳng hạn như giao diện Website, Form điền thông tin… Sau khi có mẫu thiết kế, bạn sẽ biên dịch nó thành mã HTML để hoạt động trên nền Web. Việc này làm mất thời gian trong quá trình hoàn thiện sản phẩm của bạn.

Các bài viết liên quan

Cách dùng HTML để Hack Website - HTML INJECTION 3

Cách dùng HTML để Hack Website – HTML INJECTION

08/06/2022
Gaugan Demo

Gaugan – Dùng AI biến ảnh phác thảo thành ảnh thật

16/05/2022
Cách dùng HTML để Hack Website - HTML INJECTION 4

Wombo là ứng dụng tạo ảnh nghệ thuật bằng AI đẹp nhất

17/04/2022
Download khoa hoc Deep Learning

Download khóa học Deep Learning và Thị giác máy tính

12/03/2022

Sketch2Code để chuyển bản vẽ tay thành file HTML

Computer Vision là gì?

Microsoft đã sử dụng Computer Vision để xây dựng một hệ thống hiểu những gì một nhà thiết kế đã vẽ, sau đó chuyển sự hiểu biết đó sang mã HTML. Bằng cách này, bạn có thể tạo mã HTML trực tiếp từ hình ảnh vẽ tay. Trí tuệ nhân tạo có thể tự học các mô hình để phát hiện các đối tượng HTML, sau đó sử dụng nhận dạng văn bản để trích xuất văn bản viết tay trong thiết kế. Bằng cách kết hợp đối tượng và văn bản, Sketch2Code có thể tạo các đoạn HTML của các giao diện thiết kế khác nhau

Computer Vision là một môn học thuộc về trí tuệ nhân tạo. Phương pháp này cung cấp cho ứng dụng khả năng nhìn và hiểu những gì nó đang nhìn thấy. Sử dụng Cognitive Services của Microsoft, bạn có thể dạy cho máy tính các hiểu và phân tích hàng triệu hình ảnh để phân tích, nhận dạng các đối tượng khác nhau

Đối với Sketch2Code, Microsoft đã tạo ra một con AI có khả năng nhận ra các yếu tố thiết kế web là textbox hay button. Microsoft đã sử dụng chức năng nhận dạng chữ viết tay có trong Computer Vision để trích xuất văn bản thành chữ trên máy tính. Bằng cách kết hợp yếu tố thiết kế và nội dung được trích xuất, Sketch2Code có thể tạo các đoạn mã HTML. Sau đó AI có thể suy ra bố cục của thiết kế từ vị trí của các phần tử được xác định và tạo mã HTML hoàn chỉnh.

Có lẽ đây là sản phẩm của Microsoft cạnh tranh với trí tuệ nhân tạo Quick, Draw của Google.

Cách dùng Sketch2Code để chuyển bản vẽ tay thành file HTML

Để sử dụng Sketch2Code chuyển bản vẽ thiết kế thành mã HTML, bạn có thể truy cập vào trang Sketch2Code của Microsoft. Đây là Demo về AI thuộc lĩnh vực Computer Vision.

Bước 1: Hãy vẽ ra giấy bản phát thảo về giao diện bạn sẽ chuẩn bị Code

Bước 2: Bạn có thể dùng điện thoại chụp lại bản phát thảo, hoặc scan thành file hình ảnh

Bước 3: Truy cập vào trang Sketch2Code của Microsoft.

Bước 4: Click vào nút UPLOAD DESIGN hoặc nếu bạn dùng điện thoại thì chọn TAKE A PICTURE để tải bản phát thảo của bạn lên.

UPLOAD DESIGN Sketch2Code

Bước 5: Bạn chờ một chút, Sketch2Code sẽ tự chuyển thành code HTML cho bạn. Bạn có thể click vào nút DOWNLOAD YOUR CODE để tải file HTML và chỉnh sửa lại theo ý muốn.

cách dùng Sketch2Code

Có thể nói trí tuệ nhân tạo ngày càng thông minh, cuộc sống con người càng dễ dàng hơn. Bạn không cần phải gõ từng dòng code để tạo ra giao diện Website nửa. Sketch2Code sẽ giúp bạn chuyển từ bản thiết kế vẽ tay thành file HTML hoàn chỉnh. Bạn có thể tiết kiệm hàng giờ đồng hồ trong việc thiết kế Website của mình.

Tags: aicodeComputer VisionhtmlSketch2Codetrí tuệ nhân tạo
Previous Post

Code tạo hiệu ứng click chuột hiện trái tim trên Website

Next Post

Download VMware Horizon 7 Full Key – Triển khai Desktop ảo

AnonyViet

AnonyViet

Kiến thức như một ngọn lửa, càng chia sẽ nó sẽ càng bùng cháy!

Related Posts

Cách dùng HTML để Hack Website - HTML INJECTION 5
Code

Cùng tìm hiểu API, REST API và RESTful API là gì?

24/06/2022
Windows PowerShell cho nguoi moi
Code

Cách tạo và chạy File PowerShell trên Windows 10 cho người mới bắt đầu

12/06/2022
Cách dùng HTML để Hack Website - HTML INJECTION 6
Code

Cách đóng gói code Python

25/04/2022
Cách dùng HTML để Hack Website - HTML INJECTION 7
Code

Có nên dùng Unity để lập trình game không?

07/04/2022
Cách dùng HTML để Hack Website - HTML INJECTION 8
Code

Sử dụng httpx như một trình duyệt Web của Python

03/04/2022
top 3 website hoc lap trinh web tot nhat
Code

Top 4 Website học lập trình Web miễn phí tốt nhất trong năm 2022

29/03/2022
Next Post
VMware Horizon 7 full key

Download VMware Horizon 7 Full Key - Triển khai Desktop ảo

guest
guest

Website này sử dụng Akismet để hạn chế spam. Tìm hiểu bình luận của bạn được duyệt như thế nào.

0 Comments
Inline Feedbacks
View all comments

Liên hệ Quảng Cáo

Lien he AnonyViet

Đối tác —

Fshare

Các bài mới

Cách dùng HTML để Hack Website - HTML INJECTION 9

Cách mình hack trang web của một trường học

25/06/2022
Cách dùng HTML để Hack Website - HTML INJECTION 10

Cùng tìm hiểu API, REST API và RESTful API là gì?

24/06/2022
SMS bomber

Hướng dẫn sử dụng tool spam SMS OTP

24/06/2022
ktdb.vn ky tu dac biet

KTDB.VN – Cách tạo tên kí tự đặc biệt nhanh nhất

23/06/2022
Cách dùng HTML để Hack Website - HTML INJECTION 11

Cách nhắn tin iMessage trên Android và Windows

23/06/2022

Ads

Giới thiệu

AnonyViet

AnonyViet

Nơi chia sẻ những kiến thức mà bạn chưa từng được học trên ghế nhà trường!

Chúng tôi sẵn sàng đón những ý kiến đóng góp, cũng như bài viết của các bạn gửi đến AnonyViet.

Hãy cùng AnonyViet xây dựng một cộng đồng CNTT lớn mạnh nhất!

Giới thiệu

AnonyViet là Website chia sẻ miễn phí tất cả các kiến thức về công nghệ thông tin. AnonyViet cung cấp mọi giải pháp về mạng máy tính, phần mềm, đồ họa và MMO.

Liên hệ

Email: anonyviet.com[@]gmail.com

1409 Hill Street #01-01A
Old Hill Street Police Station
Singapore 179369

 

Bản quyền: DMCA.com Protection Status

Bài viết mới

  • Cách mình hack trang web của một trường học
  • Cùng tìm hiểu API, REST API và RESTful API là gì?
  • Hướng dẫn sử dụng tool spam SMS OTP
  • KTDB.VN – Cách tạo tên kí tự đặc biệt nhanh nhất
  • Cách nhắn tin iMessage trên Android và Windows
  • 20 Phần mềm bản quyền trị giá 866$ đang miễn phí

©2022 AnonyViet - Chúng tôi mang đến cho bạn những kiến thức bổ ích về Công nghệ. Google iwin888 Bing tải game iwin Github tải iwin apk Github tải win456 Youtube ku fun wikipedia 88vin reddit twin 92lottery sun86 stackoverflow tool tài xỉu 68 club 68 game bài

No Result
View All Result
  • Tin tức
  • Network
    • Mạng cơ bản
    • Hyper-V
    • Linux
    • Windown Server 2012
  • Security
    • Basic Hacking
    • Deface
    • Kali Linux / Parrot
    • SQL Injection
  • Thủ thuật
    • Khóa Học Miễn Phí
    • Code
    • Mẹo Vặt Máy Tính
    • Facebook
    • Windows 7/8/10/11
    • Đồ Họa
    • Video
  • Software
    • Phần mềm máy tính
    • Phần mềm điện thoại
  • Tin học văn phòng
  • Kiến thức
  • MMO
    • Advertisers – Publishers
    • Affiliate Program
    • Kiếm tiền bằng điện thoại
    • Pay Per Click – PPC

©2022 AnonyViet - Chúng tôi mang đến cho bạn những kiến thức bổ ích về Công nghệ. Google iwin888 Bing tải game iwin Github tải iwin apk Github tải win456 Youtube ku fun wikipedia 88vin reddit twin 92lottery sun86 stackoverflow tool tài xỉu 68 club 68 game bài

wpDiscuz
pixel