Đang tải... (xem toàn văn)
Trình bày những kiến thức cơ bản nhất về scilab,latex và web (gồm (X)HTML, CSS và javasccipt)
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 Nhóm sinh viên thực : Nguyễn Anh Quân 20122276 Nguyễn Mạnh Tuấn 20122695 Đào Đức Tùng 20122731 Lớp : CNTT 1.01 – K57 Giáo viên hướng dẫn : PGS TS Lê Thanh Hương HÀ NỘI Ngày 11 tháng 12 năm 2013 Lời cảm ơn Chúng em xin chân thành cảm ơn cô Lê Thanh Hương thầy dạy thực hành tận tình truyền đạt kiến thức cho chúng em lên lớp lý thuyết thực hành Qua đó, chúng em nắm kiến thức ngành Công nghệ thông tin nói chung môn Nhập môn Công nghệ thông tin nói riêng Mục đích báo cáo Chúng em sinh viên ngành Công nghệ thông tin Đây ngành khoa học có tốc độ phát triển nhanh chúng em cần có tảng kiến thức vững chắc, đường hướng tư hợp lý đáp ứng kịp bước tiến ngành Dưới hướng dẫn nhiệt tình thầy cô chúng em học tập nghiên cứu kiến thức ngành Công nghệ thông tin; phải kể đến ba công cụ Scilab, Latex, Web Đây công cụ hữu hiệu giúp sinh viên Công nghệ thông tin chúng em dễ dàng tiếp cận giải vấn đề trình học tập làm việc sau Nhận thấy tầm quan trọng ba công cụ Scilab, Latex, Web chúng em tập hợp lý thuyết thu thập lên lớp thầy cô, đồng thời dày công tìm hiểu nghiên cứu sâu để viết vào báo cáo này, coi giáo trình bổ ích cho chúng em nói riêng hay sinh viên Công nghệ thông tin nói chung, để lưu trữ chúng em học được, tránh tình trạng mai kiến thức Tóm tắt nội dung Trong báo cáo này, chúng em trình bày kiến thức Scilab, LaTex Web (gồm (X)HTML, CSS JavaSccipt) Đây vấn đề đơn giản quan trọng để chúng em tiếp tục học tập nghiên cứu Công nghệ Thông tin Về Scilab: • Cách cài đặt chạy Scilab • Các kiểu liệu toán tử Scilab • Xử lý ma trận Scilab • Cách vẽ đồ thị Scilab Về LaTeX: • Cách cài đặt chạy số engine (MiKTeX, Texlive) front-end (như Texmaker, TeXnic Center) Windows Linux • Cấu trúc tập tin mã nguồn • Một số lệnh đơn giản Về Web: • Các khái niệm WWW • Khái niệm (X)HTML, CSS, JavaScript • Một vài vấn đề thiết kế Web Cụ thể: • Scilab: Đây công cụ miễn phí, mạnh để giúp giải số toán vật lý • LaTeX: Đây công cụ để chúng em viết báo cáo học tập, nghiên cứu vấn cề chuyên môn • Web: Đây kiến thức để chúng em tự thiết kế trang web cá nhân cho tập thể Chương 1: Scilab 1.1 Giới thiệu chung • Scilab ngôn ngữ lập trình kết hợp với phần toán số học nhiều lĩnh vực khoa học • SciLab thuộc loại ngôn ngữ thông dịch • Khả xử lý với Scilab: • Số học tuyến tính, ma trận thưa • Các hàm ma thức hàm hữu tỷ • Xử lý đồ thị 2D, 3D • Giải phương trình vi phân, phương trình đại số • Download cài đặt: http://www.scilab.krg/product/scilab/download Cài đặt phần mềm thông thường Để cài đặt đầy đủ module, máy tính cần nối mạng 1.2 Phương thức tương tác với Scilab • Console (Hình 1.1), Editor (Hình 1.2), kèm khả Docking (Hình 1.3) • Sử dụng hàm exec • Xử lý theo lô Hình 1.1: Console Hình 1.2: Editor Hình 1.3: Docking • Editor Dễ dàng soạn thảo file chứa tập đoạn code Scilab Cách gọi editor: vào Application/Editor vào editor() từ console – Một số tính Load into Scilab: Chạy đoạn code file soạn thảo Evaluate selectioh: Chạy toàn code bôi đen Execute file into scilab: Chạy file gọi hàm exec Khác với Load into Scilab: cho output hình có lệnh dislay() – Editor-Docking: Giúp làm việc đồng thời với editor console • Sử dụng hàm exec: File sci sce để dễ quản lý code – File sci: chứa hay nhiều hàm tự viết Các hàm sau đươc load vào môi trường Scilab gọi getf – File sce chứa hàm tự viết mã lệnh thực thi Scilab 1.3 Sử dụng help Scilab Nếu biết tên lệnh quên chưa biết cú pháp dùng lệnh help với tên lệnh cần tra Ví dụ: help sin // cho biết cú pháp hàm sin help + // help toán tử Nếu rõ tên lệnh, dùng lệnh apropos để tìm thông tin liên quan với từ khóa.Ví dụ: apropos logarithm // Cho kết hàm liên quan đến logarithm 1.4 Các loại biến Scilab Trong Scilab, loại biến coi ma trận (trừ số loại lists số cấu trúc 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 vector) Với kiểu biến có số toán tử tương ứng Tên biến: Độ dài tùy ý xét 24 ký tự Mã ASCII:a-z, A-Z, 0-9,%_#!?$ Có phân biệt chữ hoa, chữ thường Một số hàm toán học bản: sin(x), asin(x), coo(x), acos(x), tan(x), atan(x), cotg(x), acst(x), 1.5 Ma trận, vector 1.5.1 Khởi tạo ma trận Các ký hiệu dùng để khai báo ma trận: • Ngoặc vuông “[” “]” để đánh dấu vị trí bắt đầu kết thúc ma trận • Dấu phẩy “,” để phân chia giá trị cột • Dấu chấm phẩy để phân chia hàng Ngoài ma có số hàm ones, eye, zeros, rand để khởi tạo số dạng ma trận đặc biệt Ma trận rỗng: A = [ ] tạo ma trận A ma trận rỗng 1.5.2 Truy cập phần tử ma trận Với ma trận A cho trước: • Để truy cập phần tử: A[i, j] Trong i,j số hàng cột (tính từ 1) • Để truy cập nhiều phần tử: A[x1 :x2 ; y1 :y2 ] Trong x1 , x2 thứ tự số đầu cuối hàng lấy giá trị, y1 ,y2 thứ tự số đầu cuối cột lấy giá trị Có thể dùng toán tử $ để hàng cột cuối 1.5.3 Các phép toán ma trận Có phép toán +,-,*, /, tính định thức (det), trị riêng (spec) phép toán áp dụng với ma trận Ngoài phép toán * , / để áp dụng phần tử hai ma trận Ví dụ: 3 A = ;B = 9 Khi đó: 30 36 42 A ∗ B = 66 81 96 102 126 150 1.5.4 Xây dựng tính toán đa thức Xây dựng đa thức Ví dụ xây dựng đa thức: X2 - * X - Nếu v vector chứa hệ số từ thấp đến cao v = [-4 -3 1] p = poly (v, ‘x’, ‘coeff’) Cách khác Khởi tạo đa thức “x” áp dụng phép toán để xây dựng đa thức phức tạp x = poly(0,‘x’) p = x~2-3*x-4 Xây dựng đa thức với nghiệm cho trước Sử dụng hàm poly tham số cuối “roots” Ví dụ: Xây dựng đa thức có hai nghiệm 2: z= [12]; p = poly(z,‘x’,‘roots’) Khi có: p = 2- 3*x + x~2 Như hai giá trị tham số cuối hàm poly (“coeff” “roots” có tác dụng ngược nhau) Tính toán với đa thức Một số hàm roots() để tìm nghiệm, horner() để tính giá trị đa thức với giá trị x đó, derivat() để tính đạo hàm Ví dụ: với đa thức p = x2 -3*x-4 z = roots(p); Khi đó: z == [-1 4]’; horner(p,z) == [0 0]’; derivat(x) == -3 + 2*p; 1.5.5 Xây dựng giải hệ phương trình Với hệ phương trình có dạng A*x = b với A, b hai ma trận chứa hệ số, giải cách lấy x = A / b Ví dụ: Để giải hệ phương trình: (1) x + 3y + 2y = 2x + y + 3z = (2) 3x + 2y + z = −1 (3) Có thể xây dựng hai ma trận A A= b: 1 ;B = −1 Sau dùng phép toán A / b Cụ thể: A = [1 2; 4; 1]; b = [1; 0; -1]; Khi đó, x == [ -0.5 -1 1]’ x = A / b; 1.6 Đồ thị Đồ thị cho dạng điểm: với x, y vector chứa hoành độ tung độ điểm đồ thị, vẽ đồ thị hàm: plot2d(x,y, style = -1) tham số style kiểu đồ thị vẽ Ví dụ: hình 1.4 Hình 1.4: Đồ thị cho dạng tập hợp điểm Đồ thị cho dạng hàm: Với x vector chứa giá trị biến Sử dụng deff() fplot2d() Ví dụ: deff("[y]=f(x)","y=x 2"); x = -4:0.1:4; fplot2d(x,f) (1.5) Đồ thị không gian chiều: Có thể vẽ đồ thị hàm biến không gian chiều, tương tự trường hợp trên, dùng hàm “plot3d” “fplot3d” Hình 1.5: Đồ thị cho dạng hàm Chương 2: LaTeX 2.1 LaTeX gì? LaTeX hệ thống chữ, ngôn ngữ biểu diễn văn dẫn xuất từ TeX Phiên nhất:LaTeX2e Tác giả: Lesile Lamport Ưu, nhược điểm Ưu điểm: • Soạn thảo văn lớn không ảnh hướng đến tốc độ gõ Với Word OpenOffice, tài liệu bị định dạng lại ta gõ • Tài liệu LTeX thường chuyên nghiệp tài liệu khác • Gõ công thức tiện lợi • Miễn phí (trừ số front-end) • Kích thước mã nguồn khiêm tốn Nhược điểm: • Không nhìn thấy văn gõ (phải LsTeX mã nguồn thấy)) • Phải nhớ tên lệnh (hoặc phải có tài liệu)) • Hơi khó khăn bắt đầu 2.2 Cơ LaTeX 2.2.1 Các tập tin nhập liệu Dữ liệu đưa vào LaTeX văn thông thường lưu dạng kí tự Tập tin chứa phần văn lệnh định dạng LaTeX 2.2.2 Khoảng trắng Các kí tự khoảng trắng hay tab xem gọi kí tự “khoảng trắng” Nhiều kí tự khoảng trắng liên tiếp coi khoảng trắng Các khoảng trắng vị trí đầu hàng bỏ qua Ngoài kí tự xuống hàng đơn xem khảng trắng Một hàng trắng hai hàng văn xác định việc kết thúc đoạn văn Nhiều hàng trắng xem hàng trắng 2.2.3 Một số kí tự đặc biệt Những kí tự sau kí tự dành riêng Nó kí tự có ý nghĩa đặc biệt LaTeX hay không thuộc vào font chữ Khi bạn nhập chúng 10 Hình 3.1: Adobe Dreamweaver CS4 Hình 3.2: Notepad++ 3.3 HTML - XHTML 3.3.1 HTML, XHTML gì? Định nghĩa HTML (HyperText Markup Language) ngôn ngữ đánh dấu dùng để miêu tả trang Web XHTML (extensible HyperText Markup Language) có chức tương tự HTML tuân theo XML (Extensible Markup Language) định nghĩa chặt chẽ HTML XHTML parser XML xử lý, dễ xử lý ngôn ngữ, tảng khác HTML (tận dụng thư viện có sẵn) HTML XHTML tạo thành từ tags (gồm tag mở tag đóng) để định nghĩa cách hiển thị thành phần trang web 17 Các phiên Phiên thức HTML HTML 4.01, HTML dự thảo với nhiều tính Phiên HTML Tim Berner Lee phát minh W3C đưa thành chuẩn vào năm 1994, phiên 4.01 hoàn thành vào 24-12-1999 Phiên thức XHTML XHTML 1.1, đời vào tháng năm 2001 3.3.2 Cú pháp tags (thẻ) (X)HTML Bao gồm thẻ mở thẻ đóng, nội dung nằm thẻ, thẻ lồng thẻ phải mở đóng thứ tự (mở trước phải đóng sau) Ớ thẻ mở có thuộc tính (attributes) Ví dụ: Chữ vừa in đậm vừa in nghiêng chứa lệnh định dạng class “ex" Với XHTML tên thẻ bắt buộc viết thường, với HTML không phân biệt chữ thường chữ hoa Tuy nhiên trình duyệt thường không thông báo lỗi cú pháp dẫn đến kết hiển thị không mong muốn validate (3.3.5) báo lỗi 3.3.3 Chú thích Cách thích (X)HTML: 3.3.4 Cấu trúc trang HTML - XHTML Cấu trúc tổng quát DOCTYPE dùng để phiên (X)HTML sử dụng trang • HTML + + [...]... thị các thành phần của trang web 17 Các phiên bản Phiên bản chính thức mới nhất của HTML là HTML 4.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ản mới nhất là 4.01 hiện tại được hoàn thành vào 24-12-1999 Phiên bản chính thức mới nhất của XHTML là XHTML 1.1, ra đời vào tháng 5 năm 2001 3.3.2... tác, tốc độ cho trang Web, đồng thời giảm tải cho server vì chỉ cần cập nhật 1 phần trang Web (không bắt buộc phải cập nhật toàn bộ trang như cũ) 3.6 Một số vấn đề về thiết kế Web 3.6.1 Nên dùng CSS thay cho bảng, nhất là đối với cả trang web Lý do: • Nếu dùng bảng, trình duyệt phải tải hết nội dung trang về mới hiển thị, tạo cho người dùng cảm giác trang web tải chậm • Dùng CSS lúc chỉnh sửa giao... dựa vào việc phân tích những thẻ HTML này Do đó, những nội dung được nằm trong các loại thẻ mang ý nghĩa của sự nhấn mạnh như thẻ header, thẻ b, strong, i, em, u sẽ là những thẻ chứa những văn bản quan trọng trong trang web Cũng từ đó mà khi những người làm SEO nắm bắt được điều này, cùng với việc phát triển của các kỹ thuật ứng dụng CSS Những người làm SEO đã ứng dụng các thẻ trên để đưa vào những. .. Web – 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ận tiệ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:con đưòng đẫ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. .. JavaScript, CSS lớn, dùng cho toàn bộ website nên đặt ở file ngoài Lý do: • Nếu đặt ở file ngoài, trình duyệt chỉ phải tải một lần và sẽ cache lại, do đó giảm thời gian tải, giảm tải cho server • Nếu cần chỉnh sửa, chỉ cần sửa một file duy nhất 24 Chương 4 Ứng dụng rút ra từ kiến thức đã học ỨNG DỤNG CỦA HTML TRONG SEO 4.1 Khái quát chung 4.1.1 Khái niệm liên quan HTML là mã nguồn cơ bản cấu tạo nên trang web. .. đề của trang web Chứa link đến một số file như style sheet (CSS) hoặc JavaScript Đưa một số mã CSS vào trang web Đưa một số đoạn script vào trang web Thêm một số thông tin như keyword, description để miêu tả trang web (phục vụ các search engine) Một số thẻ khác như , Phần body: Dùng để chứa nội dung chính của trang web 3.3.5 Validate một trang web Là công... kết hợp với CSS để nhận biết được sự khác biệt giữa các thành phần nội dung trong trang web Tài liệu đó cũng nói rằng,ngay cả khi dùng các thẻ bình thường nhất nhưng làm CSS cho màu sắc và định dạng nổi bật cũng sẽ khiến cho những nội dung trong đó được bot tìm kiếm “để mắt đến” Nhưng điều này không có nghĩa rằng chúng ta không dùng CSS cho website Chúng ta vẫn nên dùng CSS để định dạng website của... từ quá trình bắt đầu xây dựng và định hình ra website cho đến khi viết nội dung và cập nhật nội dung thường xuyên cho website 30 KẾT LUẬN CHUNG Trên đây là toàn bộ bản báo cáo của nhóm chúng em về bộ môn Nhập môn Công nghệ thông tin, trong đó chúng em đã cố gắng tổng hợp mọi kiến thức đã thu nhận được các thầy cô cũng như được tìm hiểu thêm bên ngoài Mặc dù chúng em đã rất cẩn thận trong quá trình soạn... Vàng 21 3.4 CSS 3.4.1 CSS là gì? CSS (cascading style sheet) sử dụng để định dạng trang web (màu, kích thước font chữ; độ rộng, màu của đường; khoảng cách giữa các thành phần trang, ) Vị trí đặt CSS • Ở trong trang web: đặt trong thẻ của phần hoặc thuộc tính style của các thẻ có thuộc tính này Ví dụ: body { color:#000000;... trong phần phân tích, nếu như dùng CSS và áp dụng cho các thẻ mạnh cho nó xuất hiện với font chữ và màu sắc như bình thường thì đối với Google nó vẫn vô nghĩa Và cũng đừng nghĩ rằng Google không làm được điều đó, so với thuật toán về page layout và bắt các quảng cáo nằm ở toạ độ nào trong màn hình người sử dụng thì thuật toán giải quyết kích cỡ chữ và các thẻ với css là đơn giản hơn nhiều • Thẻ META