BÁO CÁO MÔN HỌC NHẬP MÔN CÔNG NGHỆ THÔNG TIN VÀ TT

BÁO CÁO MÔN HỌC NHẬP MÔN CÔNG NGHỆ THÔNG TIN VÀ TT

TRƯỜNG ĐẠI HỌC BÁCH KHOA HÀ NỘI

VIỆN CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG

——————– * ———————

BÁO CÁO MÔN HỌC

NHẬP MÔN CÔNG NGHỆ THÔNG TIN & TT

Nhóm sinh viên thực hiện :Nguyễn Văn Lượng - CN CNTT 01 K58 - 20146959Nguyễn Thành Trung - CN CNTT 01 K58 - 20146970Trần Văn Huy - CN CNTT 01 K58 - 20146987Nguyễn Thạc Quyền - CN CNTT 01 K58 - 20146961

Giảng viên hướng dẫn : TS Nguyễn Tuấn Dũng

TS Vũ Văn Thiệu

HÀ NỘI Ngày 28 tháng 11 năm 2014

Lời cảm ơn

Chúng em xin chân thành cảm ơn thầy Vũ Văn Thiệu và thầy Nguyễn Tuấn Dũng đã cungcấp cho chúng em những kiến thức vô cùng bổ ích,cũng như tận tình giúp đỡ chúng em khitìm hiểu về CNTT nói chung và môn học này nói riêng để hoàn thành bài báo cáo này

Lời nói đầu

Chúng em là những sinh viên mới bắt đầu học về ngành CNTT, đây là một ngành khoahọc mới nhưng phát triện rất nhanh do đó chúng em cần có một nền tảng kiến thức vữngchắc và phương pháp nghiên cứu hợp lý mới có thể theo kịp những bước tiến của khoa học

và công nghệ Dưới sự hướng dẫn của các thầy giảng dạy môn "Nhập môn CNNTT & TT"chúng em đã tìm hiểu được những kiến thức cơ bản nhất về LATEX, Scilab, Web Đây lànhững công cụ cơ bản và cần thiết nhất để những sinh viên CNTT như chúng em có thểứng dụng cho bản thân cũng như học những môn học khác

-Cách download, cài đặt và chạy phần mềm Scilab trên Window

-Các kiểu dữ liệu và toán tử cơ bản của Scilab

-Ví dụ về giải phương trình bậc hai bằng Scilab

-Xử lý ma trận trong Scilab

3 Thiết kế Web

Mục lục

1.1 LATEXlà gì? 8

1.2 Cơ bản về LATEX 8

1.2.1 Cài đặt LATEX 8

1.2.2 Các tập tin nhập liệu của LATEX 10

1.2.3 Khoảng trắng: 10

1.2.4 Một số ký tự đặc biệt: 10

1.2.5 Lệnh trong LATEX: 10

1.2.6 Chú thích trong LATEX: 10

1.3 Cấu trúc của tập tin nhập liệu 10

1.3.1 Lệnh documentclass 11

1.3.2 Lệnh usepackage 11

1.4 Tựa đề, các chương và các mục 11

1.5 Soạn thảo văn bản 11

1.5.1 Font 11

1.5.2 Môi trường 12

1.6 Soạn thảo công thức toán học 13

1.6.1 Một số ký hiệu 13

1.6.2 Mũ, chỉ số, căn thức, phân thức 13

1.6.3 Khoảng cách trong văn bản toán học 13

1.7 Chèn hình ảnh vào văn bản 14

1.8 Ứng dụng 14

2 Chương 2 Scilab 15 2.1 Giới thiệu chung 15

2.2 Cài đặt scilab 15

2.3 Các phương thức tương tác với Scilab 15

2.4 Sử dụng help trong Scilab 16

2.5 Các loại biến trong Scilab 18

2.6 Giải phương trình bậc hai 18

2.7 Ma trận, vector 19

2.7.1 Khởi tạo ma trận 19

2.7.2 Các phép toán ma trận 20

3 Chương 3 HTML - XHTML, CSS, JavaScript 21 3.1 Một số khái niệm cơ bản về WWW 21

3.1.1 Các thành phần của Web 21

3.2 Một số công cụ thường dùng để tạo trang (X)HTML, CSS,JavaScript 21

3.2.1 Cách tạo file HTML 21

3.3 HTML - XHTML 24

3.3.1 HTML, XHTML là gì? 24

3.3.2 Cú pháp của các tags (thẻ) trong (X)HTML 25

3.3.3 Chú thích 25

3.3.4 Cấu trúc một trang HTML - XHTML 25

3.3.5 Một số thẻ hay dùng 26

3.3.6 Form trong (X)HTML 27

3.4 CSS 28

3.4.1 CSS là gì? 28

3.4.2 Cấu trúc một quy tắc CSS 29

3.4.3 Một số thuộc tính thường dùng 29

3.5 JavaScript 29

3.5.1 JavaScript là gì? 29

3.5.2 Các thành phần tạo nên JavaScript 30

3.5.3 Một vài ứng dụng 30

3.6 Một số vấn đề về thiết kế Web 30

3.6.1 Nên dùng CSS thay cho bảng, nhất là đối với cả trang web 30

3.6.2 Với các đoạn JavaScript, CSS lớn, dùng cho toàn bộ website nên đặt ở file ngoài 31

Giới thiệu

Chúng em nhận thấy các vấn đề được các thầy cô truyền thụ là những kiến thức cơbản và hết sức quan trọng để chúng em ứng dụng trong quá trình học tập,nghiên cứu tạitrường đại học cũng như đời sống

• Ưu điểm:

- Soạn thảo văn bản lớn không ảnh hưởng đến tốc độ gõ Với Microsoft Word hoặc fice cả tài liệu sẽ bị định dạng lại khi ta gõ

OpenOf Tài liệu viết bằng LATEX thường có vẻ chuyện nghiệp hơn các tài liệu khác

-Gõ các công thức,ký hiệu nhanh và tiện lợi hơn Thuận tiện cho viết báo cáo khoa học.-Hoàn toàn miễn phí

-Kích thước mã nguồn khiêm tốn

front Engine: MiKTeX 2.9 (http://miktex.org/)

-Front-end: Texmaker 4.3 (http://www.xm1math.net/texmaker/)

Ngoài ra có thể sử dụng các công cụ khác tuy nhiên do yêu cầu môn học nên chúng emkhông trình bày thêm ở đây

Sau khi tải về những phần mềm cần thiết tiến hành cài đặt như bình thường Chươngtrình soạn thảo Texmaker sẽ xuất hiện như hình

Tuy nhiên để có thể soạn thảo văn bản bằng tiếng Việt, cần tải thêm gói ngôn ngữvntex được chia sẻ trên internet Lưu thư mục ngôn ngữ vntex vào 1 vùng trên ổ cứng Sau đónhấn tổ hợp Window + S và tìm kiếm với từ khóa "Setting", chọn kết quả "Setting(Admin)"

sẽ xuất hiện cửa sổ cài đặt MiKTeX

Chọn thẻ Roots, add thư mục vntex vừa tải về Sau đó chọn thẻ General và nhấn

"Refresh FNDB" rồi Ok là đã có thể soạn thảo bằng tiếng Việt được rồi

1.2.2 Các tập tin nhập liệu của LATEX

Dữ liệu đưa vào cho LATEXthường lưu dưới dạng ký tự ASCII Tập tin này sẽ chưa phầnvăn bản cũng như các lệnh định dạng của LATEX

1.2.3 Khoảng trắng:

Các ký tự khoảng trắng hay tab được xem như nhau và đều được gọi là "khoảng trắng".Nhiều ký tự khoảng trắng liên tiếp cũng chỉ được xem là 1 khoảng trắng Các khoảng trắngbắt đầu một hàng thì được bỏ qua Ngoài ra ký tự xuống hàng đơn cũng là 1 khoảng trắng

1.2.4 Một số ký tự đặc biệt:

Một số ký tự chi dành riêng hoặc có ý nghĩa đặc biệt trong LATEX Khi nhập chúng một cáchtrực tiếp thì thông thường sẽ không ra và đôi khi khiến LATEX làm một số việc ngoài ý muốn

# $ % ˆ & _ { } ˜ \

Để hiển thị những ký tự này trong văn bản cần thêm ký tự "\’ ở phía trước, và đặc biệt

để hiển thị ký tự "\" cần dùng tới câu lệnh \textbackslash

1.3 Cấu trúc của tập tin nhập liệu

Cấu trúc chung của một tập tin:

\documentclass[tham số tùy chọn]{class}

\usepackage[tham số tùy chọn]{package}

\begin{document}

% Nội dung tập tin

\end{document}

1.3.1 Lệnh documentclass

Là lệnh bắt buộc dùng để khai báo loại tài liệu Tham số tùy chọn để tùy chỉnh định dạngcủa tài liệu như kích cỡ trang giấy,kích cỡ chữ, font chữ Tham số "class" để khai báo loạitài liệu như article, report, book

1.3.2 Lệnh usepackage

Khai báo \usepackage[tham số tùy chọn]{package} để thêm vào các tính năng mở rộngkhông có sẵn trong LATEXbằng việc đưa vào các gói bổ sung Trong đó tham số tùy chọn đểthiết đặt các thông số cho package sử dụng Ví dụ như việc sử dụng trong tài liệu này:

\begin{Large} nội dung \end {Large} sẽ được nội dung

Hoặc dùng môi trường để căn lề:

-Căn lề trái: flushleft

-Căn lề phải: flushright

-Căn giữa: center

Cũng có thể sử dụng môi trường để tạo bảng biết với cấu trúc:

\begin{tabular}[pos]{table spec}

%nội dung

\end{tabular}

Tham số "pos" để chỉ ra vị trí của bảng so với chữ ở xung quanh

Tham số "table spec" định nghĩa cấu trúc cột của bảng: "l" để chỉ ra một cột căn lề trái,

"c" để chi ra một cột căn giữa, "r" để chỉ ra một cột căn lề phải Và ký hiệu "|" để chỉ ramột đường kẻ giữa 2 cột Ví dụ:

\begin{tabular}[t]{|l|c|r|}

\hline Máy tính bỏ túi & Máy tính để bàn & Máy tính xách tay \\

\hline Giá rẻ & Giá trung bình & Giá cao \\

\hline \end{tabular}

sẽ in ra

Máy tính bỏ túi Máy tính để bàn Máy tính xách tay

Giá rẻ Giá trung bình Giá cao

Trong bảng, hai cột liên tiếp ngăn cách nhau bằng dấu "&" Để tạo đường kẻ giữa 2dòng dùng "\hline"

1.6 Soạn thảo công thức toán học

Phần nội dung toán học trong văn bản có thể được soạn thảo giữa cặp dấu $ $ hoặc

\( \) hoặc \begin{math} \end{math} Để tách các công thức lớn khỏi đoạn biên soạn

có thể sử dụng cặp \[ \] Và để đánh số các phương trình có thể sử dụng môi trường

"equation" Ví dụ:

Hằng đẳng thức đầu tiên với 2 biến $a$ và $b$ là: \\

\[(a+b)ˆ2 = aˆ2 + 2ab + bˆ2\] \\

1.6.3 Khoảng cách trong văn bản toán học

Để tạo khoảng cách giữa hai công thức liên tiếp có thể dùng lệnh \quad hoặc \qquad đểtạo khoảng cách lớn hơn Ví dụ:

$ \sqrt[3]{x} = 2$ \quad $xˆ2 - x = 0$ \\

\includegraphics[tham số tùy chọn]{ tên file}

và cần lưu ý file hình ảnh phải ở cùng thư mục với file tex đang được soạnthảo Trong đó tham số tùy chọn để xác định thuộc tính hình ành, như:

width , height Xác định chiều rộng và chiều dài

Chương 2

Scilab

2.1 Giới thiệu chung

-Scilab là ngôn ngữ lập trình kết hợp với các phép toán số học trên nhiều lĩnh vực khoa học.-Scilab thuộc loại ngôn ngữ thông dịch

-Khả năng xử lý với scilab:

Tiến hành các đặt như các phần mềm thông thường Để cài đặt được đầy đủ cần kết nốiinternet để tải về các module cần thiết Mở scilab sẽ có giao diện như dưới đây

2.3 Các phương thức tương tác với Scilab

• Console (Hình 1.1) , Editor (Hình 1.2)

2.4 Sử dụng help trong Scilab

Vào chức năng help từ thanh công cụ (Hình 2.3)

Hình 2.3Nếu biết tên lệnh nhưng quên hoặc chưa biết cú pháp có thể dùng lệnh help<name> với

<name> là tên lệnh cần tra

Ví dụ:

Câu lệnh "help sqrt" cho biết cú pháp hàm căn bậc hai trong toán tử

Hình 2.4Nếu không biết rõ tên lệnh, có thể dùng lệnh apropos để tìm thông tin liên quan Ví dụ:

"apropos logarith" cho kết quả hàm liên quan đến logarit (Hình 2.5)

Hình 2.5

2.5 Các loại biến trong Scilab

Trong Scilab, các loại biến đều được coi là ma trận (trừ một số loại như list và một sốcấu trúc dữ liệu đặc biệt) Bao gồm: biến thực, biến boolean, biến phức, biến xâu, ma trận(bao gồm cả vector) Với mỗi kiểu biến có một số toán tử tương ứng Tên biến: để dài tùy ýnhưng chỉ xét 24 ký tự đầu tiên Mã ASCII: a-z, A-Z, 0-9, % _ # ! ? $ Có phân biệt chữhoa và chữ thường

Một số hàm toán học cơ bản: sin(x), asin(x), cos(x), acos(x), tan(x), atan(x), cotg(x),acot(x)

2.6 Giải phương trình bậc hai

Có thể ứng dụng Scilab để giải quyết các bài toán, ví dụ như giải phương trình bậc hai:(Hình 1.6)

Hình 2.6Tiến hành thử với giá trị bất kỳ sẽ được kết quả (Hình 2.7)

• Ngoặc vuông “[” và “]” để đánh dấu vị trí bắt đầu và kết thúc của ma trận.

• Dấu phẩy “,” để phân chia các giá trị giữa các cột

• Dấu chấm phẩy“;” để phân chia các hàng

Ngoài ra có một số hàm như

ones, eye, zeros, rand

để khởi tạo một số dạng ma trận đặc biệt

Trong đó x1 , x2 thứ tự là chỉ số đầu và cuối của các hàng lấy giá trị, y1 , y2 thứ tự là

ch số đầu và cuối của cột lấy giá trị Có thể dùng toán tử $ để chỉ hàng hoặc cột cuốicùng

2.7.2 Các phép toán ma trận

Có các phép toán +, - , *, /, tính định thức (det), trị riêng (spec) là các phép toán áp dụngvới cả ma trận như toán học

Ma trận chuyển vị a’, ma trận nghịch đảo inv(a), hạng của ma trân rank(a)

Ngoài ra còn các phép toán như * , / để áp dụng trên từng phần tử của hai ma trận

Chương 3

HTML - XHTML, CSS, JavaScript

3.1 Một số khái niệm cơ bản về WWW

World Wide Web, gọi tắt là Web hoặc WWW, mạng lưới toàn cầu là một không gianthông tin toàn cầu mà mọi người có thể truy nhập (đọc và viết) qua các máy tính nối vớimạng Internet Thuật ngữ này thường được hiểu nhầm là từ đồng nghĩa với chính thuật ngữInternet Nhưng Web thực ra chỉ là một trong các dịch vụ chạy trên Internet, ngoài Web racòn các dịch vụ khác như thư điện tử hoặc FTP

• WebPage: là một trang Web

• Website: Là tập hợp các WebPage có nội dung thống nhất

• Uniform Resource Locator: dùng để định vị tài nguyên trên Internet theo cách thuậntiện cho người sử dụng (thay cho địa chỉ IP không mang ý nghĩa và khó nhớ) Cấu trúc:giao thức://địa chỉ máy:cổng/đường dẫn đến tài nguyên

• Web Server: cung cấp tài nguyên cho máy khác

• Web Browser: dùng để khai thác dịch vụ Web

3.2 Một số công cụ thường dùng để tạo trang (X)HTML,

CSS,JavaScript

Trước tiên ta tạo một file index.txt đơn giản bằng notepad trong Window với nội dung sau:

<p>Hello</p> Sau đó "Save As" lại file với định dạng mới là html

Ngoài cách tạo đơn giản trên, chúng ta cũng có thể tạo file HTML trực tiếp thông quamột số ứng dụng như: notepad++, Dreamweaver,

1 Dreamweaver: Là công cụ có phí, mạnh, dễ sử dụng class

2 Notepad++

:Phần mềm rất mạnh, độ tùy biến cao và lại hoàn toàn miễn phí Nó là trình soạnthảo code viết cho người sử dụng Windows và hỗ trợ một vài ngôn ngữ lập trình

3 e-Texteditor: tích hợp FTP ngay trong editor, Project Panel, highlight code, autocomplete v.v Nhưng đây là phần mềm phải trả phí

5 Komodo Edit

Là trình soạn code cũng hỗ trợ nhiều ngôn ngữ như HTML, CSS, JavaScript, Perl,PHP, Ruby, Django v.v Nó cũng có những tính năng như auto-complete, menu hỗtrợ, kiểm tra cú pháp, xem trước code HTML, code snippet (dạng làm trước), editnhiều trang cùng một lúc và cả Project Management.

Định nghĩa HTML (HyperText Markup Language) là ngôn ngữ đánh dấu dùng để miêu

tả một trang Web XHTML (eXtensible HyperText Markup Language) có chức năng tương

tự HTML nhưng tuân theo XML (Extensible Markup Language) và được định nghĩa chặtchẽ hơn HTML XHTML có thể được các parser XML xử lý, do đó dễ xử lý bằng các ngônngữ, nền tảng khác hơn HTML (tận dụng được các thư viện có sẵn) HTML và XHTML đềuđược tạo thành từ các tags (gồm tag mở và tag đóng) để định nghĩa cách hiển thị các thànhphần của trang web Các phiên bản Phiên bản chính thức mới nhất của HTML là HTML4.01, HTML 5 đang là dự thảo với nhiều tính năng mới Phiên bản đầu tiên của HTMLđược Tim Berner Lee phát minh và được W3C đưa thành chuẩn vào năm 1994, phiên bảnmới nhất là 4.01 hiện tại được hoàn thành vào 24-12-1999

3.3.2 Cú pháp của các tags (thẻ) trong (X)HTML

Bao gồm 1 thẻ mở và 1 thẻ đóng, nội dung nằm ở giữa 2 thẻ, các thẻ có thể lồng nhau nhưngcác thẻ phải được mở và đóng đúng thứ tự (mở trước thì phải đóng sau) Ở thẻ mở có thể

có các thuộc tính (attributes) Ví dụ: <div class="ex"><b><i>Chữ này vừa được in đậmvừa được in nghiêng và có thể chứa các lệnh định dạng của class “ex"</i></b></div> VớiXHTML thì tên các thẻ bắt buộc viết thường, với HTML thì không phân biệt chữ thườngchữ hoa Tuy nhiên các trình duyệt thường không thông báo lỗi cú pháp nhưng sẽ dẫn đếnkết quả hiển thị không đúng mong muốn và khi validate sẽ báo lỗi

3.3.3 Chú thích

Cách chú thích trong (X)HTML:

<!– Nội dung chú thích –>

Cấu trúc cơ bản của trang HTML/XHTML có dạng như sau, thường gồm 3 phần:

• <!Doctype>: Phần khai báo chuẩn của html hay xhtml

• <head></head>: Phần khai báo ban đầu, khai báo về meta, title, css, javascript

• <body></body>: Phần chứa nội dung của trang web, nơi hiển thị nội dung

Cấu trúc cơ bản của trang web

Mỗi trang web đều có cách thể hiện cấu trúc khác nhau, có trang 1 cột, có trang 2 vàcũng có trang chứa nhiều cột, bên dưới đây chúng ta tham khảo một trang đơn giản sử dụng

• Phần thân của trang: page body, phần này chứa phần nội dung chính (content) vàphần nội dung phụ (sidebar) Phần nội dung chính: content, phần này chứa nội dungchính cần thể hiện cho người dùng xem

• Phần nội dung phụ: sidebar, phần này có thể chứa liên kết phụ của từng trang (localnavigation), hoặc các banner chứa liên kết liên quan, hoặc có thể dùng để chứa cácliên kết quảng cáo,

• Phần cuối trang web: footer, phần này thường chứa phần liên hệ như: tên công ty, địachỉ, số điện thoại, mail liên hệ, và đặc biệt là copyright, hoặc có thể chứa các liênkết toàn trang, các banner liên kết,