Viết chương trình chat đơn giản trên giao diện web

TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP. HỒ CHÍ MINH
KHOA ĐIỆN ĐIỆN TỬ
BỘ MÔN ĐIỆN TỬ VIỄN THÔNG

ĐỒ ÁN MÔN HỌC

MẠNG MÁY TÍNH, VIỄN THÔNG

Ngành Công Nghệ Kỹ Thuật Điện Tử Truyền Thông

Sinh viên:

Lê Huỳnh Long Hải
MSSV: 13141079

TP. HỒ CHÍ MINH – 5/2016


TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP. HỒ CHÍ MINH
KHOA ĐIỆN ĐIỆN TỬ
BỘ MÔN ĐIỆN TỬ VIỄN THÔNG

ĐỒ ÁN MÔN HỌC
Viết một chương trình chat trên giao diện web

Ngành Công Nghệ Kỹ Thuật Điện Tử Truyền Thông

Sinh viên:

Lê Huỳnh Long Hải
MSSV: 13141079

TP. HỒ CHÍ MINH – 5/2016



TÓM TẮT
Với sự phát triển của công nghệ hiện nay, với dịch vụ không dây ngày càng phát
triển thì các dịch vụ đáp ứng nhu cầu của công nghệ phải phát triển không ngừng mới
đáp ứng kịp sự phát triển một cách chóng mặt của công nghệ. Ngày nay, nhìn đâu đâu
cũng có dịch vụ internet ( có dây, không dây ) nên các dịch vụ về Internet phát triển rất
mạnh. Sử dụng Internet có thể tiết kiệm hơn so với sử dụng dịch vụ di động thông
thường. Hiện tại thì Internet có thể cung cấp từ nhà mạng, các nhà mạng di động cũng
có thể sử dụng được Inernet. Nhằm mục đích phục vụ cho việc nhắn tin liên lạc với nhau
thì chúng tôi phát triển một ứng dụng đơn giản đó là một ứng dụng chat đơn giản trên
nền web, có thể tiết kiệm chi phí thay cho việc nhắn tin truyền thống qua mạng di động.
Đây là một ứng dụng đơn giản nên chưa tối ưu và cũng chưa được đưa vào sự dụng rộng
rãi và còn nhiều hạn chế. Nhưng tầm nhìn xa có thể phát triển thành một dịch vụ
groupchat dành cho một công ty hoặc một nhóm người nào đó cần cần liên lạc với nhau
để tiết kiệm được chi phí vì Internet hầu như xuất hiện ở tất cả những công ty, doanh
nghiệp, gia đình,….thay thế các ứng dụng Yahoo và sẽ là một ứng dụng chat độc lập
trên nền web ( không tích hợp như Facebook ) để truy cập một cách dễ dàng, dễ sử dụng
và tiết kiệm dung lượng vì không phải tải nhiều phần không theo ý muốn.


MỤC LỤC
Dang mục hình ........................................................................................................6
Danh mục bảng ..................................... ERROR! BOOKMARK NOT DEFINED.
Các từ viết tắt ........................................................................................................10
CHƯƠNG 1 GIỚI THIỆU .....................................................................................1
1.1

GIỚI THIỆU ................................................................................................ 1

1.2

PHẠM VỊ ÁP DỤNG ..................................................................................1

CHƯƠNG 2 LÝ THUYẾT VÀ THỰC HÀNH ..... ERROR! BOOKMARK NOT
DEFINED.
2.1

LÝ THUYẾT ..........................................ERROR! BOOKMARK NOT DEFINED.

2.1.1

Giới thiệu chung .................................. Error! Bookmark not defined.

2.1.2

Ngôn ngữ lập trình .............................. Error! Bookmark not defined.

2.2

THỰC HÀNH .........................................ERROR! BOOKMARK NOT DEFINED.

2.2.1

Cài phần mềm ...................................... Error! Bookmark not defined.

2.2.2

Tạo CSDL ............................................ Error! Bookmark not defined.

2.2.3

Viết code php ....................................... Error! Bookmark not defined.

2.3

TÀI LIỆU THAM KHẢO.......................... Error! Bookmark not defined.

2.4

PHỤ LỤC .................................................. Error! Bookmark not defined.


DANG MỤC HÌNH

Hình 1

Hình 2


Hình 3

Hình 4


Hình 5

Hình 6


Hình 7


CÁC TỪ VIẾT TẮT
-

HTML: HyperText Markup Language

-

PHP: Personal Hompe Page

-

CSDL: cơ sở dữ liệu


CHƯƠNG 1
GIỚI THIỆU
1.1 GIỚI THIỆU
Project môn học Mạng máy tính, viễn thông với đề tài là Viết một chương
trình chat trên giao diện Web. Ở đề tài này sẽ sử dụng ngôn ngữ html để viết thành
một website có chức năng mà một chương trình chat. Ngôn ngữ PHP trong đề tài
được viết trên phần mềm Notepad++. Để chạy được PHP thì cần có localhost và
mySQL vì thế sẽ sử dụng phần mềm Xampp để cấu hình cho localhost để chạy
chương trình php đã viết.

1.2 PHẠM VI ÁP DỤNG
Đề tài viết một chương trình chat đơn giản trên web bước đầu có thể áp dụng
trong một phạm vi nhỏ giữa các thành viên trong gia đình, một số người bạn với
nhau, sau đó có thể phát triển làm thành một webchat trong bộ phận của một công
ty, doanh nghiệp và có thể phát triển hơn nữa để trở thành một trang web chat phổ
biến dành cho tất cả mọi người.

1


CHƯƠNG 2
LÝ THUYẾT VÀ THỰC HÀNH
2.1 LÝ THUYẾT
2.1.1 Giới thiệu chung
Website là một tập hợp trang web, thường chỉ nằm trong một tên
miền hoặctên miền phụ trên World Wide Web của Internet. Một trang web là tập
tin HTML hoặc XHTML có thể truy nhập dùng giao thức HTTP. Trang mạng có
thể được xây dựng từ các tệp tin HTML (trang mạng tĩnh) hoặc vận hành bằng
các CMS chạy trên máy chủ (trang mạng động). Trang mạng có thể được xây dựng
bằng nhiều ngôn ngữ lập trình khác nhau (PHP,.NET, Java, Ruby on Rails...) ở đề
tài này sẽ dùng ngôn ngữ php để viết thành một chương trình chạy trên nền web.
2.1.2 Ngôn ngữ lập trình
2.1.2.1

Html

Html là một ngôn ngữ đánh dấu siêu văn bản của một trang web để cho trình
duyệt hiểu và hiển thị. Nó đưa ra cấu trúc đối với một tập tin văn bản thông thường
mà nếu không phải là trình duyệt thì không có khả năng đọc được.
Thành phần được xây dựng dựa trên các elements như các elements được đề

cập ở trên (ảnh trên). Mỗi phần tử có một thẻ (tag) mở (thẻ bắt đầu) và một thẻ
đóng (thẻ kết thúc), với nội dung trang web được đặt giữa hai thẻ này. Các thẻ mở
và đóng cho mỗi phần tử này được viết bên trong dấu ngoặc góc <>, tuy nhiên một
thẻ đóng có thêm một dấu gạch chéo phía trước </>
2.1.2.2 Php
PHP là một ngôn ngữ lập trình kịch bản hay một loại mã lệnh chủ yếu được
dùng để phát triển các ứng dụng viết cho máy chủ, mã nguồn mở, dùng cho mục
2


đích tổng quát. Nó rất thích hợp với web và có thể dễ dàng nhúng vào trang HTML.
Do được tối ưu hóa cho các ứng dụng web, tốc độ nhanh, nhỏ gọn, cú pháp
giống C và Java, dễ học và thời gian xây dựng sản phẩm tương đối ngắn hơn so
với các ngôn ngữ khác nên PHP đã nhanh chóng trở thành mộtngôn ngữ lập
trình web phổ biến nhất thế giới.

2.1.3 Localhost
Localhost thực chất chính là một webserver gồm Apache, MySQL, PHP và
PhpMyadmin (AMPP) được cài đặt chính trên máy tính của bạn, sử dụng ổ cứng
máy tính của bạn làm không gian lưu trữ và cài đặt website mà không cần phải
mua host.
Localhost được sử dụng để cài đặt và thử nghiệm các website trên máy tính
giúp việc thao tác và xử lý dữ liệu nhanh hơn, không mất quá nhiều công và không
lo mất kết nối như online hosting. Vì được đặt trên chính máy tính của bạn nên chỉ
bạn mới có thể xem được website mà bạn đã cài đặt trên localhost mà người khác
không thể xem được.
Như đã nhắc ở trên. Localhost là một tập hợp nhiều các phần mềm (AMPP)
được cài đặt trên máy tính. Tùy theo các gói cài đặt của các nhà cung cấp khác
nhau mà các folder chứa dữ liệu cài đặt có thể là www hoặc htdocs được tạo trong
thư mục cài đặt localhost. Mặc định đường dẫn http://localhost/ sẽ trỏ đến thư mục

www hoặc htdocs khi các bạnbạn tạo một folder tại www hoặc htdocs thì đường
dẫn sẽ là http://localhost/tenfolder.
Ví dụ khi tạo folder mmt trong htdocs thì đường dẫn sẽ là http://localhost/mmt

2.1.4 Database
CSDL là tập hợp các dữ liệu có cấu trúc và liên quan với nhau được lưu trữ
trên máy tính, được nhiều người sử dụng và được tổ chức theo một mô hình.
MySQL là hệ quản trị dữ liệu miễn phí, được tích hợp sử dụng chung với
apache, PHP. Chính yếu tố phát triển trong cộng đồng mã nguồn mở nên mysql đã
qua rất nhiều sự hỗ trợ của những lập trình viên yêu thích mã nguồn
3


mở. MySQL cũng có cùng một cách truy xuất và mã lệnh tương tự với ngôn ngữ
SQL.
phpMyAdmin là phần mềm mã nguồn mở được viết bằng ngôn ngữ PHP
nhằm giúp người dùng (thường là các nhà quản trị cơ sở dữ liệu hay database
administrator) có thể quản lý cơ sở dữ liệu MySQL thông qua giao diện web thay
vì sử dụng giao diện cửa sổ dòng lệnh (command line interface).

2.2 THỰC HÀNH
2.2.1 Cài phần mềm
Notepad++: truy cập tìm và tải phiên bản mới
nhất của notepad++ về và cài đặt phần mềm.
Xampp: truy cập tìm và tải phần
mềm phù hợp với hệ điều hành của máy sau đó cài đặt phần mềm.

2.2.2 Tạo CSDL
Bước 1: Chạy phần mềm XAMPP Control Panel sẽ có giao diện như Hình 1.
Bước 2: Chọn Start của Apache và MySQL như Hình 2.

Sau khi thực hiện xong Bước 1 và Bước 2 sẽ được kết quả như Hình 3, như vậy
là đã tạo được localhost và kích hoạt được CSDL (tùy theo máy mà Ports của
Apache sẽ khác nhau)
Bước 3: Chọn vào Admin của MySQL trình duyệt sẽ chạy như hình Hình 4.
Bước 4: Tạo database, điền tên database vào ô ( ví dụ: chatbox ) và nhấn Creat
kết quả sẽ được như Hình 5 sau đó tạo một bảng gồm 3 cột, đặt tên vào Name (ví
dụ đặt tên là logs) và nhấn Go.
Bước 5: Thiết đặt các thông số như Hình 6 và Save.
Như vậy đã tạo xong một CSDL để website có thể hoạt động.

2.2.3 Viết code php
Như đã trình bày ở phần Localhost thì website sẽ hiển thị trong thư mục htdocs
vì vậy sẽ tạo một thư mục trong thư mục htdocs (ở đây sẽ tạo thư mục haile) và
trong thư mục vừa tạo đó sẽ dùng Notepad++ tạo 4 file chat.css, index.php,
4


logs.php, insert.php như Hình 7 (phần nội dung của 4 file trên sẽ được trình bày
tiếp theo đây).
Viết nội dung cho các file:
-

index.php ( đây là phần chính của chương trình )

-

chat.css ( dùng để tùy chọn giao diện cho chương trình )

5

-

logs.php và insert.php ( phục vụ cho index.php )

insert.php

logs.php
Sau khi viết xong 4 file và lưu lại, để truy cập vào chương trình chat trên web mở
trình duyệt web sau đó truy cập vào localhost:8080/haile ( vì máy sử dụng port
8080 nên truy cập phải thêm :8080 )

6


Giao diện chương trình sau khi hoàn thành:

Có thể truy cập trên nhiều trình duyệt để chat với nhau. Đặt nickname và nhắn
những gì mình muốn vào textbox massage sau đó bấm vào button send.

7


2.3 TÀI LIỆU THAM KHẢO
/> />
2.4 PHỤ LỤC
Phụ lục 1: Code file index.php
<?php ?> <html> <head> <title>Project</title>
<link rel = "stylesheet" type="text/css" href ="chat.css"/> <body>
<img src=" width="300px" height="200px" />

<script src=" /><script> function submitChat(){
if(form1.uname.value == '' || form1.msg.value == '' ){
alert('Sao khong nhap gi ma gui vay'); return; } form1.uname.readOnly = true;
form1.uname.style.border = 'none'; var uname = form1.uname.value;
var msg = form1.msg.value; var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function(){ if(xmlhttp.readyState == 4 &&
xmlhttp.status == 200){
document.getElementById('chatlogs').innerHTML=xmlhttp.responseText;}}
xmlhttp.open('GET','insert.php?uname= '+ uname + '&msg= '+ msg, true);
xmlhttp.send(); }$(document).ready(function(e){ $.ajaxSetup({cache:false});
setInterval(function(){$('#chatlogs').load('logs.php');}, 2000);
});</script></head><body><form name = "form1">
Nickname: <input type="text" name="uname" style="width:200px;" />

Message:
</textarea><br /><a href= "#" onclick= "submitChat()" class=<br />"button">Send</a><br /><br /><div id= "chatlogs"><br />LOADING...</div></body><br />Phụ lục 2: Code file chat.css<br />@charset "utf-8"; .uName{ color:#00F; font-weight:bold; font-size:15px;<br />font-family:Verdana, Geneva, sanas-serif; }.msg{color:#00f; font-size:15px;<br /><br />8<br /><br /><br />font-family:Georgia, "Times New Roman", Times,serif;}.button{<br />text-align:center; background-color:#00F; border-width:2px; border-style:solid;<br /><div style="text-align: center;margin-top: 10px; height: 280px;"><ins class="adsbygoogle" style="display:block; height: 300px;" data-ad-client="ca-pub-2979760623205174" data-ad-slot="7919569241" data-ad-format="auto"></ins><script defer>(adsbygoogle = window.adsbygoogle || []).push({});</script></div><br />border-color:#000; color:#FFF; padding-left:10px; padding-right:10px;<br />text-decoration:none;}<br /><br />Phụ lục 3: Code file insert.php<br /><?php $uname = $_REQUEST['uname'];$msg = $_REQUEST['msg'];<br />$con = mysql_connect('localhost', 'root', '');mysql_select_db('chatbox', $con);<br />mysql_query("INSERT INTO logs(`username`, `msg`) VALUES('$uname',<br />'$msg')");$result1 = mysql_query("SELECT * FROM logs ORDER by id<br />DESC");while($extract = mysql_fetch_array($result1)){<br />echo "<span class='uname'>". $extract['username'] . "</span:<span class='msg'>" .<br />$extract['msg']. "</span><br>";}?><br /><br />Phụ lục 4: Code file logs.php<br /><?php $con = mysql_connect('localhost', 'root', '');<br />mysql_select_db('chatbox', $con);<br />$result1 = mysql_query("SELECT * FROM logs ORDER by id DESC");<br />while($extract = mysql_fetch_array($result1)){<br />echo "<span class='uname'>". $extract['username']. "</span:<span class='msg'>" .<br />$extract['msg']. "</span><br>";}?><br /><br />9<br /><br /><br /><br /> </p><!-- <p class="text-xl pb-40 overlay-read-more absolute bottom-0 left-0 w-full text-center bg-gradient-to-t from-white to-transparent">--><!----><!-- </p>--><!-- </div>--><!-- <a href="javascript:" class="bg-secondary px-6 py-2 rounded text-white absolute bottom-0 left-1/2 mb-4 transform -translate-x-1/2" id="showmore">Xem Thêm</a>--> </div> <div style="position: relative;" class="col-span-3 hidden md:block px-1 text-center"> <div style="position: sticky;top: 10px;width: 300px; height: 600px;"> <ins class="adsbygoogle" style="display:inline-block;width:300px;height:600px" data-ad-client="ca-pub-2979760623205174" data-ad-slot="8377321249"></ins><script defer>(adsbygoogle = window.adsbygoogle || []).push({});</script> </div> </div> </div> <div class="vf_link_relate px-2 my-2"> <h2 class="vf_doc_relate text-2xl font-bold my-4">Tài liệu liên quan</h2> <ul class="grid grid-cols-12 gap-2"> <li class="col-span-6 md:col-span-2"> <div class="card-doc " onclick="actionDocRelated(this)"> <a class="card-doc-img" href="https://text.123docz.net/document/332669-viet-chuong-trinh-cho-giao-vien-dua-tren-mo-hinh-client-server-gom-cac-modul.htm" title="Viết chương trình cho giáo viên dựa trên mô hình Client-Server gồm các modul"> <i class="icon i_type_doc i_type_doc1"></i> <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="https://media.store123doc.com/images/document/13/ri/cs/medium_hyi4lus1qd.jpg" width="124" height="179" alt="Viết chương trình cho giáo viên dựa trên mô hình Client-Server gồm các modul" onerror="this.src='https://media.store123doc.com/images/default/doc_normal.png'"/> </a> <a class="card-doc-title" title="Viết chương trình cho giáo viên dựa trên mô hình Client-Server gồm các modul" href="https://text.123docz.net/document/332669-viet-chuong-trinh-cho-giao-vien-dua-tren-mo-hinh-client-server-gom-cac-modul.htm" target="_blank">Viết chương trình cho giáo viên dựa trên mô hình Client-Server gồm các modul</a> <ul class="doc_tk_cnt"> <li> <i class="icon_doc"></i>25 </li> <li> <i class="icon_view"></i>780 </li> <li> <i class="icon_down"></i>2 </li> </ul> </div> </li> <li class="col-span-6 md:col-span-2"> <div class="card-doc " onclick="actionDocRelated(this)"> <a class="card-doc-img" href="https://text.123docz.net/document/530448-xay-dung-mot-chuong-trinh-java-dang-application-co-giao-dien-menu.htm" title="Xây dựng một chương trình Java dạng Application có giao diện Menu"> <i class="icon i_type_doc i_type_doc4"></i> <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="https://media.store123doc.com/images/document/13/gu/rh/medium_rhz1377221574.jpg" width="124" height="179" alt="Xây dựng một chương trình Java dạng Application có giao diện Menu" onerror="this.src='https://media.store123doc.com/images/default/doc_normal.png'"/> </a> <a class="card-doc-title" title="Xây dựng một chương trình Java dạng Application có giao diện Menu" href="https://text.123docz.net/document/530448-xay-dung-mot-chuong-trinh-java-dang-application-co-giao-dien-menu.htm" target="_blank">Xây dựng một chương trình Java dạng Application có giao diện Menu</a> <ul class="doc_tk_cnt"> <li> <i class="icon_doc"></i>4 </li> <li> <i class="icon_view"></i>455 </li> <li> <i class="icon_down"></i>2 </li> </ul> </div> </li> <li class="col-span-6 md:col-span-2"> <div class="card-doc " onclick="actionDocRelated(this)"> <a class="card-doc-img" href="https://text.123docz.net/document/836631-mot-so-chuong-trinh-pascal-don-gian-dung-cho-thiet-ke-duong-o-to.htm" title="Một số chương trình Pascal đơn giản dùng cho thiết kế đường Ô Tô"> <i class="icon i_type_doc i_type_doc2"></i> <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="https://media.store123doc.com/images/document/13/ce/sb/medium_XYfYZaKJUl.jpg" width="124" height="179" alt="Một số chương trình Pascal đơn giản dùng cho thiết kế đường Ô Tô" onerror="this.src='https://media.store123doc.com/images/default/doc_normal.png'"/> </a> <a class="card-doc-title" title="Một số chương trình Pascal đơn giản dùng cho thiết kế đường Ô Tô" href="https://text.123docz.net/document/836631-mot-so-chuong-trinh-pascal-don-gian-dung-cho-thiet-ke-duong-o-to.htm" target="_blank">Một số chương trình Pascal đơn giản dùng cho thiết kế đường Ô Tô</a> <ul class="doc_tk_cnt"> <li> <i class="icon_doc"></i>236 </li> <li> <i class="icon_view"></i>710 </li> <li> <i class="icon_down"></i>0 </li> </ul> </div> </li> <li class="col-span-6 md:col-span-2"> <div class="card-doc " onclick="actionDocRelated(this)"> <a class="card-doc-img" href="https://text.123docz.net/document/1095323-thiet-ke-va-viet-chuong-trinh-hoat-dong-cho-mot-mach-den-chu-chay-su-dung-cpu-z80-va-hoat-dong-giao-tiep-voi-cong-com-tren-may-pcat.htm" title="thiết kế và viết chương trình hoạt động cho một mạch đèn chữ chạy sử dụng cpu z80 và hoạt động giao tiếp với cổng com trên máy pcat"> <i class="icon i_type_doc i_type_doc1"></i> <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="https://media.store123doc.com/images/document/14/rc/ya/medium_QWofL7yOB6.jpg" width="124" height="179" alt="thiết kế và viết chương trình hoạt động cho một mạch đèn chữ chạy sử dụng cpu z80 và hoạt động giao tiếp với cổng com trên máy pcat" onerror="this.src='https://media.store123doc.com/images/default/doc_normal.png'"/> </a> <a class="card-doc-title" title="thiết kế và viết chương trình hoạt động cho một mạch đèn chữ chạy sử dụng cpu z80 và hoạt động giao tiếp với cổng com trên máy pcat" href="https://text.123docz.net/document/1095323-thiet-ke-va-viet-chuong-trinh-hoat-dong-cho-mot-mach-den-chu-chay-su-dung-cpu-z80-va-hoat-dong-giao-tiep-voi-cong-com-tren-may-pcat.htm" target="_blank">thiết kế và viết chương trình hoạt động cho một mạch đèn chữ chạy sử dụng cpu z80 và hoạt động giao tiếp với cổng com trên máy pcat</a> <ul class="doc_tk_cnt"> <li> <i class="icon_doc"></i>155 </li> <li> <i class="icon_view"></i>756 </li> <li> <i class="icon_down"></i>0 </li> </ul> </div> </li> <li class="col-span-6 md:col-span-2"> <div class="card-doc " onclick="actionDocRelated(this)"> <a class="card-doc-img" href="https://text.123docz.net/document/1154306-lap-trinh-cau-truc-voi-c1ee3490-ky-thuat-lap-trinh-hk1-2011-2012-dao-trung-kien-dh-bach-khoa-ha-noi-chuong-trinh-c-don-gian-nhat-hello-c-include-int-main-printf-pdf.htm" title="Lập trình cấu trúc với C1EE3490: Kỹ thuật lập trình – HK1 2011/2012 Đào Trung Kiên – ĐH Bách khoa Hà Nội.Chương trình C đơn giản nhất/* hello.c */ #include int main() { printf( pdf"> <i class="icon i_type_doc i_type_doc2"></i> <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="https://media.store123doc.com/images/document/14/rc/hb/medium_rHIkovZtNt.jpg" width="124" height="179" alt="Lập trình cấu trúc với C1EE3490: Kỹ thuật lập trình – HK1 2011/2012 Đào Trung Kiên – ĐH Bách khoa Hà Nội.Chương trình C đơn giản nhất/* hello.c */ #include int main() { printf( pdf" onerror="this.src='https://media.store123doc.com/images/default/doc_normal.png'"/> </a> <a class="card-doc-title" title="Lập trình cấu trúc với C1EE3490: Kỹ thuật lập trình – HK1 2011/2012 Đào Trung Kiên – ĐH Bách khoa Hà Nội.Chương trình C đơn giản nhất/* hello.c */ #include int main() { printf( pdf" href="https://text.123docz.net/document/1154306-lap-trinh-cau-truc-voi-c1ee3490-ky-thuat-lap-trinh-hk1-2011-2012-dao-trung-kien-dh-bach-khoa-ha-noi-chuong-trinh-c-don-gian-nhat-hello-c-include-int-main-printf-pdf.htm" target="_blank">Lập trình cấu trúc với C1EE3490: Kỹ thuật lập trình – HK1 2011/2012 Đào Trung Kiên – ĐH Bách khoa Hà Nội.Chương trình C đơn giản nhất/* hello.c */ #include int main() { printf( pdf</a> <ul class="doc_tk_cnt"> <li> <i class="icon_doc"></i>21 </li> <li> <i class="icon_view"></i>1 </li> <li> <i class="icon_down"></i>3 </li> </ul> </div> </li> <li class="col-span-6 md:col-span-2"> <div class="card-doc " onclick="actionDocRelated(this)"> <a class="card-doc-img" href="https://123docz.net/document/1428145-chuong-trinh-plc-don-gian.htm" title="Chương trình plc đơn giản"> <i class="icon i_type_doc i_type_doc3"></i> <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="https://media.store123doc.com/images/document/14/ne/wc/medium_wcf1401814462.jpg" width="124" height="179" alt="Chương trình plc đơn giản" onerror="this.src='https://media.store123doc.com/images/default/doc_normal.png'"/> </a> <a class="card-doc-title" title="Chương trình plc đơn giản" href="https://123docz.net/document/1428145-chuong-trinh-plc-don-gian.htm" target="_blank">Chương trình plc đơn giản</a> <ul class="doc_tk_cnt"> <li> <i class="icon_doc"></i>10 </li> <li> <i class="icon_view"></i>485 </li> <li> <i class="icon_down"></i>0 </li> </ul> </div> </li> <li class="col-span-6 md:col-span-2"> <div class="card-doc " onclick="actionDocRelated(this)"> <a class="card-doc-img" href="https://123docz.net/document/1933285-giao-trinh-huong-dan-thuc-hien-mot-chuong-trinh-lap-trinh-don-gian-tren-cung-mot-mo-dun-phan-10-ppsx.htm" title="Giáo trình hướng dẫn thực hiện một chương trình lập trình đơn giản trên cùng một mô-đun phần 10 ppsx"> <i class="icon i_type_doc i_type_doc2"></i> <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="https://media.store123doc.com/images/document/2014_07/24/medium_yli1406150430.jpg" width="124" height="179" alt="Giáo trình hướng dẫn thực hiện một chương trình lập trình đơn giản trên cùng một mô-đun phần 10 ppsx" onerror="this.src='https://media.store123doc.com/images/default/doc_normal.png'"/> </a> <a class="card-doc-title" title="Giáo trình hướng dẫn thực hiện một chương trình lập trình đơn giản trên cùng một mô-đun phần 10 ppsx" href="https://123docz.net/document/1933285-giao-trinh-huong-dan-thuc-hien-mot-chuong-trinh-lap-trinh-don-gian-tren-cung-mot-mo-dun-phan-10-ppsx.htm" target="_blank">Giáo trình hướng dẫn thực hiện một chương trình lập trình đơn giản trên cùng một mô-đun phần 10 ppsx</a> <ul class="doc_tk_cnt"> <li> <i class="icon_doc"></i>5 </li> <li> <i class="icon_view"></i>371 </li> <li> <i class="icon_down"></i>0 </li> </ul> </div> </li> <li class="col-span-6 md:col-span-2"> <div class="card-doc " onclick="actionDocRelated(this)"> <a class="card-doc-img" href="https://123docz.net/document/1933286-giao-trinh-huong-dan-thuc-hien-mot-chuong-trinh-lap-trinh-don-gian-tren-cung-mot-mo-dun-phan-9-pdf.htm" title="Giáo trình hướng dẫn thực hiện một chương trình lập trình đơn giản trên cùng một mô-đun phần 9 pdf"> <i class="icon i_type_doc i_type_doc2"></i> <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="https://media.store123doc.com/images/document/2014_07/24/medium_ksz1406150431.jpg" width="124" height="179" alt="Giáo trình hướng dẫn thực hiện một chương trình lập trình đơn giản trên cùng một mô-đun phần 9 pdf" onerror="this.src='https://media.store123doc.com/images/default/doc_normal.png'"/> </a> <a class="card-doc-title" title="Giáo trình hướng dẫn thực hiện một chương trình lập trình đơn giản trên cùng một mô-đun phần 9 pdf" href="https://123docz.net/document/1933286-giao-trinh-huong-dan-thuc-hien-mot-chuong-trinh-lap-trinh-don-gian-tren-cung-mot-mo-dun-phan-9-pdf.htm" target="_blank">Giáo trình hướng dẫn thực hiện một chương trình lập trình đơn giản trên cùng một mô-đun phần 9 pdf</a> <ul class="doc_tk_cnt"> <li> <i class="icon_doc"></i>5 </li> <li> <i class="icon_view"></i>308 </li> <li> <i class="icon_down"></i>0 </li> </ul> </div> </li> <li class="col-span-6 md:col-span-2"> <div class="card-doc " onclick="actionDocRelated(this)"> <a class="card-doc-img" href="https://123docz.net/document/1933287-giao-trinh-huong-dan-thuc-hien-mot-chuong-trinh-lap-trinh-don-gian-tren-cung-mot-mo-dun-phan-8-pot.htm" title="Giáo trình hướng dẫn thực hiện một chương trình lập trình đơn giản trên cùng một mô-đun phần 8 pot"> <i class="icon i_type_doc i_type_doc2"></i> <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="https://media.store123doc.com/images/document/2014_07/24/medium_ika1406150431.jpg" width="124" height="179" alt="Giáo trình hướng dẫn thực hiện một chương trình lập trình đơn giản trên cùng một mô-đun phần 8 pot" onerror="this.src='https://media.store123doc.com/images/default/doc_normal.png'"/> </a> <a class="card-doc-title" title="Giáo trình hướng dẫn thực hiện một chương trình lập trình đơn giản trên cùng một mô-đun phần 8 pot" href="https://123docz.net/document/1933287-giao-trinh-huong-dan-thuc-hien-mot-chuong-trinh-lap-trinh-don-gian-tren-cung-mot-mo-dun-phan-8-pot.htm" target="_blank">Giáo trình hướng dẫn thực hiện một chương trình lập trình đơn giản trên cùng một mô-đun phần 8 pot</a> <ul class="doc_tk_cnt"> <li> <i class="icon_doc"></i>5 </li> <li> <i class="icon_view"></i>466 </li> <li> <i class="icon_down"></i>0 </li> </ul> </div> </li> <li class="col-span-6 md:col-span-2"> <div class="card-doc " onclick="actionDocRelated(this)"> <a class="card-doc-img" href="https://123docz.net/document/1933288-giao-trinh-huong-dan-thuc-hien-mot-chuong-trinh-lap-trinh-don-gian-tren-cung-mot-mo-dun-phan-7-ppsx.htm" title="Giáo trình hướng dẫn thực hiện một chương trình lập trình đơn giản trên cùng một mô-đun phần 7 ppsx"> <i class="icon i_type_doc i_type_doc2"></i> <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="https://media.store123doc.com/images/document/2014_07/24/medium_rml1406150432.jpg" width="124" height="179" alt="Giáo trình hướng dẫn thực hiện một chương trình lập trình đơn giản trên cùng một mô-đun phần 7 ppsx" onerror="this.src='https://media.store123doc.com/images/default/doc_normal.png'"/> </a> <a class="card-doc-title" title="Giáo trình hướng dẫn thực hiện một chương trình lập trình đơn giản trên cùng một mô-đun phần 7 ppsx" href="https://123docz.net/document/1933288-giao-trinh-huong-dan-thuc-hien-mot-chuong-trinh-lap-trinh-don-gian-tren-cung-mot-mo-dun-phan-7-ppsx.htm" target="_blank">Giáo trình hướng dẫn thực hiện một chương trình lập trình đơn giản trên cùng một mô-đun phần 7 ppsx</a> <ul class="doc_tk_cnt"> <li> <i class="icon_doc"></i>5 </li> <li> <i class="icon_view"></i>280 </li> <li> <i class="icon_down"></i>0 </li> </ul> </div> </li> </ul> </div> <div class="ads_center text-center"> <ins class="adsbygoogle" style="display:block; height: 300px;" data-ad-client="ca-pub-2979760623205174" data-ad-slot="7919569241" data-ad-format="auto"></ins><script defer>(adsbygoogle = window.adsbygoogle || []).push({});</script> </div></div><div id="to_top" class="w-10 h-10 fixed z-10 right-0 bottom-0 mr-4 mb-16 bg-white rounded-full cursor-pointer" onclick="scrollToTop()"> <svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="text-secondary w-10 h-10 rounded-full opacity-75 hover:opacity-100"> <circle cx="12" cy="12" r="10"></circle><polyline points="16 12 12 8 8 12"></polyline> <line x1="12" y1="16" x2="12" y2="8"></line> </svg></div><div class="background-transparent hidden bg-gray-300 opacity-50 fixed top-0 left-0 w-full h-full"></div><div class="popupText bg-white" gtm-element="GTM_Click_popup_text_redirect_document" gtm-label="GTM_Click_popup_text_redirect_document" onclick="window.open('https://123docz.net/document/3595345-viet-chuong-trinh-chat-don-gian-tren-giao-dien-web.htm', '_blank');hide_popup()"> <div class="relative px-8 py-6"> <p><img class="mx-auto" src="https://media.store123doc.com/images/email/icon_123doc.png"></p> <div class="popupText_body mt-4"> <h3 class=" mb-4 font-bold">Tài liệu bạn tìm kiếm đã sẵn sàng tải về</h3> <div class="bg-gray-300 py-2 px-4 rounded text-sm"> <a class=" "> <i class="icon i_type_doc i_type_doc2"></i> <label>(1.69 MB - 19 trang) - Viết chương trình chat đơn giản trên giao diện web</label> </a> </div> <a class="bg-secondary px-4 py-2 rounded block mt-6 text-white text-center">Tải bản đầy đủ ngay <i class="icon_download"></i></a> </div> <a class="absolute top-0 right-0 px-4 py-2 text-3xl">×</a> </div></div><div id="footer"> <footer class=""> <h3 class="doc_logo_footer text-center py-8"><a href="javascript:;"></a></h3> <div class="bg-main-background text-xs p-4 text-center text-text-default"> <div> <p>Copyright © 2020 123Doc. Design by 123DOC</p> </div> </div> </footer></div><div class="overlay fixed bg-gray-300 opacity-50 w-full h-full z-10 top-0 hidden"></div> <script type="text/javascript"> window.lazyLoadInstances = []; window.lazyLoadOptions = {}; window.addEventListener( "LazyLoad::Initialized", function (event) { window.lazyLoadInstance = event.detail.instance; }, false ); $(document).ready(function () { $("body").bind("ajaxComplete", function () { lazyLoadInstance.update(); }); }); </script> <script async type="text/javascript" src="https://static.store123doc.com/static_v2/web_v2//common/js/lazyload.min.js"></script> <script defer type="text/javascript"> let iconMenuLeft = document.querySelector(".icon_menu_left") , overLay = document.querySelector(".overlay") , body = document.querySelector("body") , toggleSearchIcon = document.querySelector("#search-toggle-icon") , searchIcon = document.querySelector("#GTM_Search_Search") , searchBox = document.querySelector("#search-box") , txtSearch = document.querySelector("#txtSearch"); iconMenuLeft.addEventListener("click", () => { let headerRight = document.querySelector(".headerRight") , overLay = document.querySelector(".overlay"); if (headerRight.classList.contains("hidden")) { headerRight.classList.remove("hidden"); overLay.classList.remove("hidden"); body.classList.add("overflow-hidden"); } else { headerRight.classList.add("hidden"); overLay.classList.add("hidden"); body.classList.remove("overflow-hidden"); } }); toggleSearchIcon.addEventListener("click", () => { if (searchBox.classList.contains("hidden")) { overLay.classList.remove("hidden"); searchBox.classList.remove("hidden"); body.classList.add("overflow-hidden"); txtSearch.focus(); } else { overLay.classList.add("hidden"); searchBox.classList.add("hidden"); body.classList.remove("overflow-hidden"); } }); function genKeyword(str) { q = str; var arrStr = str.split(' '); if (arrStr.length > 0) { q = ''; for (i = 0; i < arrStr.length; i++) { q += arrStr[i] + '+'; } q = q.substr(0, q.length - 1); } return q; } function searchEnter() { var q = genKeyword(txtSearch.value); var link = ''; link = '/doc/s/' + q; window.location.href = "http://123docz.net/" + link; } txtSearch.addEventListener("keydown", function (event) { if (event.which == 13) { searchEnter(); } });</script><script> const scrollToTop = () => { const c = document.documentElement.scrollTop || document.body.scrollTop; if (c > 0) { window.requestAnimationFrame(scrollToTop); window.scrollTo(0, c - c / 8); } };</script><script> var loadDeferredStyles = function () { var addStylesNode = document.getElementById("deferred-styles"); var replacement = document.createElement("div"); var addStyle = addStylesNode.textContent; replacement.innerHTML = addStyle; document.body.appendChild(replacement); addStylesNode.parentElement.removeChild(addStylesNode); }; var raf = requestAnimationFrame || mozRequestAnimationFrame || webkitRequestAnimationFrame || msRequestAnimationFrame; if (raf) raf(function () { window.setTimeout(loadDeferredStyles, 0); }); else window.addEventListener('load', loadDeferredStyles);</script><script defer type="text/javascript"> (function (d, s, id) { var z = d.createElement(s); z.type = "text/javascript"; z.id = id; z.async = true; z.src = "//static.zotabox.com/0/1/01b41693609707a8d872dcf63564173f/widgets.js"; var sz = d.getElementsByTagName(s)[0]; sz.parentNode.insertBefore(z, sz) }(document, "script", "zb-embed-code"));</script> <!-- JS load sau các JS ngoài không cần thiết --> <script src="https://static.store123doc.com/static_v2/web_v2//common/js/jquery-3.5.1.min.js"></script> <script> var is_load = 0; function loadjs() { if (is_load == 0) { is_load = 1; $.getScript("https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js", function() { $('ins').each(function() { (adsbygoogle = window.adsbygoogle || []).push({}) }) }); } } $(window).scroll(function() { loadjs(); }); $(window).mousemove(function() { loadjs(); }); </script></body><script defer> var showPopup = 1;</script><script defer type="text/javascript" src="https://static.store123doc.com/static_v2/common/js/jquery-1.10.2.min.js"></script> <script defer type="text/javascript" src="https://static.store123doc.com/static_v2/text/js/popup_2.min.js?v=164"></script> </html>