Thiết kế và thi công hệ thống quản lý mô hình airbnb, homestay

TRƯỜNG ĐH SPKT TP HỒ CHÍ MINH CỘNG HỊA XÃ HỘI CHỦ NGHĨA VIỆT NAM KHOA ĐIỆN-ĐIỆN TỬ ĐỘC LẬP - TỰ DO - HẠNH PHÚC BỘ MÔN ĐIỆN TỬ CÔNG NGHIỆP – Y SINH o0o -Tp HCM, ngày 18 tháng 12 năm 2019 NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP Họ tên sinh viên: Chuyên ngành: Hệ đào tạo: Khóa: Hồng Bảo Phúc Nguyễn Chí Thương Kỹ thuật Điện - Điện tử Đại học quy 2015 MSSV: 15142283 MSSV: 15141299 Mã ngành: 41 Mã hệ: Lớp: 15141DT I TÊN ĐỀ TÀI: THIẾT KẾ VÀ THI CÔNG HỆ THỐNG QUẢN LÝ MƠ HÌNH AIRBNB, HOMESTAY II NHIỆM VỤ Các số liệu ban đầu: Hệ thống quản lý mơ hình Airbnb, HomeStay thực với số liệu ban đầu sau: − Hệ thống nhận thơng tin khách cần th phòng Sau kiểm tra thông tin khách hàng gửi đến, hợp lệ hệ thống gửi thơng tin lại cho khách hàng thông qua địa mail số điện thoại (mật vào phòng, ngày vào phòng, ngày trả phòng, …) − Hệ thống kiểm sốt thơng tin vào/ra phòng, lưu lại thơng tin hệ thống truy xuất file excel − LCD hiển thị vài thông tin khách hàng nhập mật vào phòng − Đến thời hạn trả phòng, hệ thống tự động vơ hiệu hóa mật vào phòng − Có sử dụng cảm biến vân tay dành riêng cho chủ nhà nhân viên để mở cửa trường hợp cần thiết Nội dung thực hiện: − Lên ý tưởng đồ án − Tìm hiểu linh kiện sử dụng − Thiết kế thi công hệ thống web server, web app Truyền nhận thông tin hệ thống − Thiết kế khối giao tiếp ngoại vi, lấy sở liệu trực tuyến thông qua Internet, truyền nhận thông tin trạm phụ trạm trung tâm − Thiết kế thi cơng hệ thống quản lý ra/vào mơ hình AirBNB, Homestay − Vẽ lưu đồ giải thuật − Lắp ráp khối vào mơ hình − Chạy thử nghiệm hệ thống − Cân chỉnh hệ thống − Viết luận văn − Báo cáo đề tài tốt nghiệp i III NGÀY GIAO NHIỆM VỤ: IV NGÀY HOÀN THÀNH NHIỆM VỤ: V HỌ VÀ TÊN CÁN BỘ HƯỚNG DẪN: CÁN BỘ HƯỚNG DẪN KS Hà A Thồi BM ĐIỆN TỬ CÔNG NGHIỆP – Y SINH ii TRƯỜNG ĐH SPKT TP HỒ CHÍ MINH CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM KHOA ĐIỆN-ĐIỆN TỬ ĐỘC LẬP - TỰ DO - HẠNH PHÚC BỘ MÔN ĐIỆN TỬ CÔNG NGHIỆP – Y SINH o0o -Tp HCM, ngày 18 tháng 12 năm 2019 LỊCH TRÌNH THỰC HIỆN ĐỒ ÁN TỐT NGHIỆP Họ tên sinh viên 1: Hoàng Bảo Phúc Lớp: 15141DT2A MSSV: 15142283 Họ tên sinh viên 2: Nguyễn Chí Thương Lớp: 15141DT2B MSSV: 15141299 Tên đề tài: Thiết kế thi công hệ thống quản lý mơ hình airbnb, homestay Tuần/ngày Nội dung Xác nhận GVHD GV HƯỚNG DẪN (Ký ghi rõ họ tên) iii LỜI CAM ĐOAN Nhóm sinh viên – Hồng Bảo Phúc Nguyễn Chí Thương xin cam đoan đồ án nhóm tự thực hướng dẫn thầy Hà A Thồi Nhóm tham khảo tài liệu trước nghiên cứu mạng online Kết công bố khóa luận tốt nghiệp trung thực khơng chép từ tài liệu hay cơng trình có trước Tp.HCM, ngày 18 tháng 12 năm 2019 SV thực đồ án ( Ký ghi rõ họ tên) Nguyễn Chí Thương Hồng Bảo Phúc iv LỜI CẢM ƠN Nhóm thực đồ án xin gửi lời cảm ơn đặc biệt đến giảng viên hướng dẫn thầy Hà A Thồi giúp đỡ nhóm q trình thực đồ án, người đưa hướng nghiên cứu, giải đáp thắc mắc, tận tình quan sát nhóm làm việc Trong q trình thực nhóm tiếp thu kiến thức thực tế cách làm việc nghiêm túc, hiệu từ thầy Nhóm em xin gửi lời tri ân thành đến quý thầy cô khoa Điện - điện tử hỗ trợ chúng em kiến thức tảng vững vàng, tạo điều kiện tốt cho sinh viên q trình học tập nghiên cứu Sự hỡ trợ thầm lặng vô quan trọng từ gia đình bạn bè ln động lực để nhóm làm việc hết khả hồn thành đồ án cách tốt Một lần nhóm vô hân hạnh làm sinh viên trường ĐH Sư Phạm Kỹ Thuật TPHCM, học trò giảng viên đầy tâm huyết, lời cảm ơn ghi nhận sâu sắc mà nhóm muốn gửi đến thầy cơ, gia đình bạn bè Người thực đề tài Nguyễn Chí Thương Hồng Bảo phúc v MỤC LỤC NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP i LỊCH TRÌNH THỰC HIỆN ĐỒ ÁN TỐT NGHIỆP iii LỜI CAM ĐOAN iv LỜI CẢM ƠN v MỤC LỤC vi DANH SÁCH HÌNH ẢNH ix DANH SÁCH BẢN VẼ xii TÓM TẮT xiii CHƯƠNG TỔNG QUAN 1.1 ĐẶT VẤN ĐỀ 1.2 MỤC TIÊU 1.3 NỘI DUNG NGHIÊN CỨU 1.4 GIỚI HẠN 1.5 BỐ CỤC CHƯƠNG 2: CƠ SỞ LÝ THUYẾT 2.1 GIỚI THIỆU VỀ MƠ HÌNH HOMESTAY VÀ AIRBNB 2.1.1 Homestay 2.1.2 AirBNB 2.2 GIỚI THIỆU VỀ ARDUINO 2.2.1 Phần cứng 2.2.2 Arduino Uno R3 2.2.3 Phần mềm 12 2.3 CẢM BIẾN VÂN TAY 14 2.3.1 Máy quét quang học 14 2.3.2 Máy quét điện dung 15 2.3.3 Máy quét siêu âm 15 2.3.4 Cảm biến vân tay R305 16 2.4 GIỚI THIỆU HỆ THỐNG INTERNET 18 2.4.1 Cấu trúc mạng Internet 19 2.4.2 Các mạng truy nhập không dây 19 vi 2.5 MODULE WIFI ESP8266 20 2.5.1 Các chế độ boot up ESP8266 20 2.5.2 Các loại module cho ESP8266 thị trường 21 2.6 BÀN PHÍM MA TRẬN 4x4 23 2.7 NGUỒN CUNG CẤP 25 2.7.1 Bộ chuyển đổi adapter 25 2.7.2 Bộ chuyển đổi nguồn DC- DC 26 2.8 MODULE LCD 16x2 27 2.9 MODULE I2C 28 2.10 CÁC CHUẨN GIAO TIẾP 29 2.10.1 Giao tiếp uart 29 2.10.2 Giao tiếp I2C 34 2.11 IoT 37 2.11.1 Giới thiệu IoT 37 2.11.2 IoT hoạt động 38 2.11.3 Một số ứng dụng IoT 38 2.11.4 Web socket 39 2.12 SERVER 41 2.12.1 Node JS 41 2.12.2 Postgresql 42 2.12.3 Heroku 45 CHƯƠNG 3: TÍNH TOÁN VÀ THIẾT KẾ HỆ THỐNG 49 3.1 GIỚI THIỆU VỀ MƠ HÌNH HỆ THỐNG 49 3.2 TÍNH TỐN VÀ THIẾT KẾ CHI TIẾT HỆ THỐNG 49 3.2.1 Thiết kế sơ đồ khối hệ thống 49 3.2.2 Tính tốn thiết kế mạch 51 3.2.2.1 Cảm biến vân tay 51 3.2.2.2 Bàn phím ma trận 4x4 54 3.2.2.3 Khối hiển thị 56 3.2.2.4 Kit Wifi ESP8266 58 3.2.2.5 Khối xử lý trung tâm Arduino 59 3.2.3 Sơ đồ nguyên lý hệ thống 63 CHƯƠNG THI CÔNG HỆ THỐNG 66 4.1 GIỚI THIỆU 66 vii 4.2 THI CƠNG MƠ HÌNH 66 4.3 LƯU ĐỒ GIẢI THUẬT 69 4.4 PHẦN MỀM LẬP TRÌNH 75 4.4.1 Lập trình giao diện Web 81 4.4.1.1 Lập trình giao tiếp Web socket 81 4.4.1.2 Giao diện HTML 83 CHƯƠNG KẾT QUẢ_NHẬN XÉT_ĐÁNH GIÁ 87 5.1 GIỚI THIỆU 87 5.2 KẾT QUẢ ĐẠT ĐƯỢC 87 5.2.1 Sử dụng cảm biến 87 5.2.2 Sử dụng Arduino Uno R3 87 5.2.3 Đưa liệu lên Server dùng ESP8266 NodeMCU 87 5.3 KẾT QUẢ THỰC NGHIỆM 87 5.4 NHẬN XÉT_ĐÁNH GIÁ 93 5.4.1 Nhận xét 93 5.4.2 Đánh giá 93 CHƯƠNG KẾT LUẬN VÀ HƯỚNG PHÁT TRIẾN 94 6.1 KẾT LUẬN 94 6.2 HƯỚNG PHÁT TRIỂN 94 TÀI LIỆU THAM KHẢO 95 PHỤ LỤC 96 viii DANH SÁCH HÌNH ẢNH Chương Hình 1: Căn hộ HomeStay Hình 2: Arduino Uno R3 Hình 3: Các khối Arduino Hình 4: Các chân tín hiệu Arduino 11 Hình 5: Các chức IDE 13 Hình 6: Quá trình chụp ảnh máy quét quang học 14 Hình 7: Máy quét điện dung sử dụng tụ điện 15 Hình 8: Quét siêu âm 16 Hình 9: Cảm biến vân tay R305 16 Hình 10: Các chân giao tiếp 17 Hình 11: Mạng LAN không dây 19 Hình 12: Mạng không dây diện rộng 20 Hình 13: Kit RF thu phát WIFI ESP8266 NodeMCU LUA CP2102 21 Hình 14: Kit RF thu phát WIFI ESP8266 NodeMCU LUA V3 CH340 21 Hình 15: Mạch thu phát Wifi ESP8266 UART ESP-01 22 Hình 16: Sơ đồ chân ESP8266 23 Hình 2.17: : Bàn phím ma trận 4x4 24 Hình 18: Adapter 12V-1.5A 25 Hình 19: : Sơ đồ nguyên lý hoạt động mạch hạ áp 26 Hình 20: Mạch hạ áp DC-DC ASM1117 26 Hình 21: Module LCD 16x2 27 Hình 22: Module I2C 28 Hình 23: Định dạng chuỗi liệu 30 Hình 24: Truyền đơn công 30 Hình 25: Truyền bán song công 31 Hình 26: Truyền song công 31 Hình 27: Khung truyền liệu bất đồng 32 Hình 28: Khung truyền liệu đồng 33 Hình 29: Bus I2C thiết bị ngoại vi 34 Hình 30: Hướng xung Clock hướng đường liệu 35 Hình 31: Trình tự truyền bit 36 Hình 32: Start bit Stop bit 36 Hình 33: Giới thiệu IoT 37 Hình 34: Hoạt động mơ hình IoT 38 Hình 35: Biểu tượng PostgreSQL 43 Hình 36: Logo Heroku 47 ix Chương Hình 1: Sơ đồ khối thu 49 Hình 2: Sơ đồ khối phát 50 Hình 3: Hình ảnh thực tế cảm biến R305 51 Hình 4: Sơ đồ nối chân cảm biến R305 52 Hình 5: Hình ảnh thực tế bàn phím ma trận 4x4 54 Hình 6: Hình ảnh thực tế bàn phím ma trận 4x4 55 Hình 7: Hình ảnh LCD 16x2 56 Hình 8: Module ESP8266 NodeMCU Lua CP2102 58 Hình 9: Sơ đồ chân Module ESP8266 NodeMCU Lua CP2102 59 Hình 10: Arduino Uno R3 60 Hình 11: Sơ đồ kết nối chân Arduino Uno R3 62 Hình 12: Sơ đồ nguyên lý khối thu thập liệu 63 Hình 13: Mơ hình giao tiếp hệ thống 65 Chương Hình 1: Giấy Foam 66 Hình 2: Bên ngồi mơ hình 67 Hình 3: Bên mơ hình 67 Hình 4: Mặt trước mơ hình 68 Hình 5: Lưu đồ chương trình tồn hệ thống 69 Hình 6: Lưu đồ giải thuật Arduino 70 Hình 7: Lưu đồ chương trình ESP8266 71 Hình 8: Lưu đồ chương trình Server 74 Hình 9: Download Arduino IDE 76 Hình 10: Giải nén gói Arduino IDE 77 Hình 11: Màn hình khởi động Arduino IDE 78 Hình 12: Cài đặt Driver cho Arduino IDE 79 Hình 13: Quá trình đợi install 79 Hình 14: Cài đặt thành cơng kết thúc 80 Hình 15: Giao diện lập trình Arduino IDE 80 Hình 16: Cài đặt Web socket 82 Hình 17: Tạo kết nối với Web Socket 82 Hình 18: Tạo kết nối với Web Socket 83 Hình 19: Giao diện để đăng nhập vào đặt phòng 83 Hình 20: Đăng nhập thành công 84 Hình 21: Nhập thông tin để cấp mã 84 Hình 22: Thơng báo cấp mã thành công 85 Hình 23: Kiểm tra danh sách mã cấp 85 Hình 24: Kiểm tra trạng thái phòng 86 x PHỤ LỤC

DOOR: LOCKED

DOOR: LOCKED

Nguyen Chi Thuong

Kha Banh

Until: 10/10/2019

Expiration date: 11/10/2019

Expiration date: 13/10/2019

Show history Show history Show history Person Action Time 137 BỘ MÔN ĐIỆN TỬ CÔNG NGHIỆP – Y SINH PHỤ LỤC Person Action Time Person Action Time Full Name Birthday Phone number 138 BỘ MÔN ĐIỆN TỬ CÔNG NGHIỆP – Y SINH PHỤ LỤC Email Room Start Day End Day Password powderblue; padding: powderblue; padding: powderblue; padding: powderblue; padding: powderblue; padding: Export to Excel Clear Database Username Password Login 139 BỘ MÔN ĐIỆN TỬ CÔNG NGHIỆP – Y SINH PHỤ LỤC function login_func(){ var username = document.getElementById("username").value; var password = document.getElementById("password").value; ws.send('login;' + username + ';' + password); } function room_history(n){ delete_table('history_room' + n); ws.send('HIS;' + n +';'); } function delete_table(table_name) { //Delete history table var table = document.getElementById(table_name); var tableLengh = CountRows(); /* Clear Table before get info */ for (var i = 0; i < tableLengh; i++){ table.deleteRow(1); } } function CountRows() { var rowCount = 0; var table = document.getElementById("historyTable"); var rows = table.getElementsByTagName("tr") for (var i = 0; i < rows.length; i++) { if (rows[i].getElementsByTagName("td").length > 0) { rowCount++; } } return rowCount; } function show(nr) { document.getElementById("table1").style.display="none"; document.getElementById("table2").style.display="none"; document.getElementById("table3").style.display="none"; document.getElementById("table"+nr).style.display="block"; 140 BỘ MÔN ĐIỆN TỬ CÔNG NGHIỆP – Y SINH PHỤ LỤC document.getElementById('room1color').style.backgroundColor= "#00ff00"; document.getElementById('room1Sta').innerHTML = 'AVAILABLE'; document.getElementById('room1guest').innerHTML = ''; document.getElementById('room1Info').innerHTML =''; document.getElementById('room2color').style.backgroundColor= "#00ff00"; document.getElementById('room2Sta').innerHTML = 'AVAILABLE'; document.getElementById('room2guest').innerHTML = ''; document.getElementById('room2Info').innerHTML =''; document.getElementById('room3color').style.backgroundColor= "#00ff00"; document.getElementById('room3Sta').innerHTML = 'AVAILABLE'; document.getElementById('room3guest').innerHTML = ''; document.getElementById('room3Info').innerHTML =''; delete_table('historyTable'); if (nr == ) { ws.send('GET;'); } if (nr == 2) { var now = new Date(); var querry = 'MONITOR;' + now.getTime(); ws.send(querry); } } function parse_timestamp(str2) { str2 = str2.replace("T", " "); var date = str2.substring(0, 10); var hour = str2.substring(11, 13); var minute = str2.substring(15, 17); var second = str2.substring(19, 21); return date + ' ' + hour + ':' + minute + ':' + second; } 141 BỘ MÔN ĐIỆN TỬ CÔNG NGHIỆP – Y SINH PHỤ LỤC function correct_date(date) { var true_day = new Date(date); return true_day.getDate() + '-' + (true_day.getMonth() + 1) + '-' + true_day.getFullYear(); } var url = window.location.host; // hàm trả url trang kèm theo port var ws = new WebSocket('ws://' +url + '/ws'); // mở websocket với port 8000 var bookButton = document.getElementById('bookButton'); ws.onopen = function() //khi websocket mở hàm thưc { document.getElementById('warning').innerHTML = 'Connected'; console.log('connected '); }; ws.onmessage = function(evt) // kiện xảy server nhận liệu từ client { var dataArray = evt.data.split(",");//split message by delimiter into a string array if (dataArray == 'LOGIN SUCCESSFULLY') { alert('LOGIN SUCCESSFULLY'); document.getElementById("loginTable").style.display = "none"; document.getElementById("mainTable").style.display = "block"; } else if (dataArray == 'LOGIN FAILED') { alert('LOGIN FAILED Please check username or password.'); } /*document.getElementById('warning').innerHTML = dataArray;*/ if (dataArray[0] == "RES") { /* document.getElementById('warning').innerHTML = 'Show History';*/ var table = document.getElementById("historyTable"); 142 BỘ MÔN ĐIỆN TỬ CÔNG NGHIỆP – Y SINH PHỤ LỤC var row = table.insertRow(1); var cell1 = row.insertCell(0); var cell2 = row.insertCell(1); var cell3 = row.insertCell(2); var cell4 = row.insertCell(3); var cell5 = row.insertCell(4); var cell6 = row.insertCell(5); var cell7 = row.insertCell(6); var cell8 = row.insertCell(7); cell1.innerHTML = "

" + dataArray[1] + "

"; cell2.innerHTML = "

" + correct_date(dataArray[2]) + "

"; cell3.innerHTML = "

" + dataArray[3] + "

"; cell4.innerHTML = "

" + dataArray[4] + "

"; cell5.innerHTML = "

" + dataArray[5] + "

"; cell6.innerHTML = "

" + correct_date(dataArray[6].substring(0, 10)) + "

"; cell7.innerHTML = "

" + correct_date(dataArray[7].substring(0, 10)) + "

"; cell8.innerHTML = "

" + dataArray[8] + "

"; } if (dataArray[0] == "PUSH") { /* document.getElementById('warning').innerHTML = 'Show History';*/ var table = document.getElementById("history_room" + dataArray[1] ); var row = table.insertRow(1); var cell1 = row.insertCell(0); var cell2 = row.insertCell(1); var cell3 = row.insertCell(2); cell1.innerHTML = "

" + dataArray[2] + "

"; cell2.innerHTML = "

" + dataArray[3] + "

"; cell3.innerHTML = "

" + parse_timestamp(dataArray[4]) + "

"; 143 BỘ MÔN ĐIỆN TỬ CÔNG NGHIỆP – Y SINH PHỤ LỤC } if (dataArray[0] == "ADD Done") { alert('Book sucessfully Please Check your Email and phone to get the access code.'); } if (dataArray[0] == "ADD Fail") { alert('Book Failed Please Change your check-in time and check-out time.'); } if (dataArray[0] == 'RES_MONITOR') { if (dataArray[1] == '1') { document.getElementById('room1color').style.backgroundColor= "#ff0040"; document.getElementById('room1Sta').innerHTML = 'INUSED'; document.getElementById('room1guest').innerHTML = dataArray[2]; document.getElementById('room1Info').innerHTML ='Expiration date: ' + correct_date(dataArray[4].substring(0, 10)); } else if (dataArray[1] == '2') { document.getElementById('room2color').style.backgroundColor= "#ff0040"; document.getElementById('room2Sta').innerHTML = 'INUSED'; document.getElementById('room2guest').innerHTML = dataArray[2]; document.getElementById('room2Info').innerHTML ='Expiration date: ' + correct_date(dataArray[4].substring(0, 10)); } else if (dataArray[1] == '3') { document.getElementById('room3color').style.backgroundColor= "#ff0040"; document.getElementById('room3Sta').innerHTML = 'INUSED'; document.getElementById('room3guest').innerHTML = dataArray[2]; document.getElementById('room3Info').innerHTML ='Expiration date: ' + correct_date(dataArray[4].substring(0, 10)); } } /* Get Door Status */ 144 BỘ MÔN ĐIỆN TỬ CÔNG NGHIỆP – Y SINH PHỤ LỤC if (dataArray[0] == 'Door') { if (dataArray[1] == 'Room1') { if (dataArray[2] == '1') { document.getElementById('door1Sta').innerHTML = 'DOOR: OPEN'; } else{ document.getElementById('door1Sta').innerHTML = 'DOOR: LOCKED'; } } if (dataArray[1] == 'Room2') { if (dataArray[2] == '1') { document.getElementById('door2Sta').innerHTML = 'DOOR: OPEN'; } else{ document.getElementById('door2Sta').innerHTML = 'DOOR: LOCKED'; } } if (dataArray[1] == 'Room3') { if (dataArray[2] == '1') { document.getElementById('door3Sta').innerHTML = 'DOOR: OPEN'; } else{ document.getElementById('door3Sta').innerHTML = 'DOOR: LOCKED'; } } } if (dataArray[0] == 'Finger') { if (dataArray[1] == 'room1') { document.getElementById('door1Sta').innerHTML = 'DOOR: Open By Owner'; } if (dataArray[1] == 'room2') { document.getElementById('door2Sta').innerHTML = 'DOOR: Open By Owner'; 145 BỘ MÔN ĐIỆN TỬ CÔNG NGHIỆP – Y SINH PHỤ LỤC } if (dataArray[1] == 'room3') { document.getElementById('door3Sta').innerHTML = 'DOOR: Open By Owner'; } } }; ws.onclose = function() { // hàm thực đóng websocket document.getElementById('warning').innerHTML = 'Disconnected'; }; function addData() { var fullName = document.getElementById('fullName').value; var Birthday = document.getElementById('Birthday').value; var phoneNumber = document.getElementById('phoneNumber').value; var Email = document.getElementById('Email').value; var roomNumber = document.getElementById('roomNumber').value; var startDay = document.getElementById('startDay').value; var endDay = document.getElementById('endDay').value; var password = 0; /* Create random password */ var i; for (i = 0; i < 6; i++) { password = 10*password + Math.floor(Math.random() * 10); if (i == && password == ){ password = 1; } } ws.send('ADD' + ";" + fullName + ";" + Birthday + ";" + phoneNumber + ";" + Email + ";" + roomNumber + ";" + startDay + ";" + endDay + ";" + password); } function fnExcelReport() { var tab_text=""; 146 BỘ MÔN ĐIỆN TỬ CÔNG NGHIỆP – Y SINH PHỤ LỤC var textRange; var j=0; tab = document.getElementById('historyTable'); // id of table for(j = ; j < tab.rows.length ; j++) { tab_text=tab_text+tab.rows[j].innerHTML+""; //tab_text=tab_text+""; } tab_text=tab_text+""; tab_text= tab_text.replace(/]*>|/g, "");//remove if u want links in your table tab_text= tab_text.replace(/]*>/gi,""); // remove if u want images in your table tab_text= tab_text.replace(/]*>|/gi, ""); // reomves input params var ua = window.navigator.userAgent; var msie = ua.indexOf("MSIE "); if (msie > || !!navigator.userAgent.match(/Trident.*rv\:11\./)) // If Internet Explorer { txtArea1.document.open("txt/html","replace"); txtArea1.document.write(tab_text); txtArea1.document.close(); txtArea1.focus(); sa=txtArea1.document.execCommand("SaveAs",true,"Say Thanks to Sumit.xlsx"); } else //other browser not tested on IE 11 sa = window.open('data:application/vnd.ms-excel,' + encodeURIComponent(tab_text)); return (sa); } function cleardata() { ws.send('CLEAR'); alert('Clear Database sucessfully.'); } 147 BỘ MÔN ĐIỆN TỬ CÔNG NGHIỆP – Y SINH PHỤ LỤC input[type=text], input[type=password] { width: 100%; padding: 12px 20px; margin: 8px 0; display: inline-block; border: 1px solid #ccc; box-sizing: border-box; } container { padding: 16px; } td { vertical-align: top; } #table1, #table2, #table3, #table4, #table5, #table6 { display: none; } body { margin: 0; font-family: Arial, Helvetica, sans-serif; } mode { width: 220px; text-align: center; padding: 10px; line-height: 4px; font-family: Helvetica; color: black; font-size: 15px; border-radius: 15px; margin: 10px; } button { 148 BỘ MÔN ĐIỆN TỬ CÔNG NGHIỆP – Y SINH PHỤ LỤC width: 220px; height: 70px; text-align: center; padding: 10px; line-height: 4px; font-family: Helvetica; color: black; font-size: 15px; border-radius: 15px; margin: 10px; } button:hover { background-color: green; } history { width: 140px; height: 40px; text-align: center; padding: 10px; line-height: 4px; font-family: Helvetica; color: black; font-size: 15px; border-radius: 15px; margin: 10px; } history:hover { background-color: yellow; } img { width:40px; height:40px; vertical-align: middle } hero-image { background-image: url(https://res.cloudinary.com/hnalbvaa3/image/upload/v1545106433/wall2.jpg); background-color: #cccccc; height: 100%; 149 BỘ MÔN ĐIỆN TỬ CÔNG NGHIỆP – Y SINH PHỤ LỤC width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; position: center; } hero-text { text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: white; } room { font-size:20px; color: white; background-color: #61BAFFB3; padding: 18px; margin: 30px 200px 20px 10px; border-radius: 15px; width: 7%; text-align: center; } buttonlogin { background-color: #4CAF50; color: white; padding: 14px 20px; margin: 8px 0; border: none; cursor: pointer; width: 100%; } buttonlogin:hover { opacity: 0.8; } 150 BỘ MÔN ĐIỆN TỬ CÔNG NGHIỆP – Y SINH PHỤ LỤC 151 BỘ MÔN ĐIỆN TỬ CÔNG NGHIỆP – Y SINH ... VÀ THI T KẾ HỆ THỐNG 49 3.1 GIỚI THI U VỀ MƠ HÌNH HỆ THỐNG 49 3.2 TÍNH TỐN VÀ THI T KẾ CHI TIẾT HỆ THỐNG 49 3.2.1 Thi t kế sơ đồ khối hệ thống 49 3.2.2 Tính tốn thi t... lượng phòng mơ hình: Hệ thống mức độ giám sát điều khiển từ xa Mơ hình thi t kế vệ với chất liệu: bìa cứng 1.5 BỐ CỤC Với đề tài: Thi t kế thi cơng hệ thống quản lý mơ hình AirBNB, Homestay bố... tiêu giới hạn đề tài Tìm hiểu sở lý thuyết Thi t kế khối cảm biến, khối hiển thị, khối đưa liệu lên server, thi t kế cách hoạt động mô hình quản lý Thi t kế thi cơng xử lí Viết code cho Arduino