jozef goetz, 2011 1 intro to the discipline/major 2011 stem summer camp dr. jozef goetz

Jozef Goetz, 2011

1

Intro to the Discipline/Major

2011 STEM Summer Camp

Dr. Jozef Goetz

Jozef Goetz, 2011

Chemistry

|______________________________

|

College Chart

Jozef Goetz, 2011

Department of

Computer Science and Computer Engineering

http://sites.laverne.edu/computer-science/ => Mission Statement

Concentrations:

Information Science Internet Programming Engineering Software

Jozef Goetz, 2011

Definitions Information technology (IT) is

the acquisition, processing, storage and dissemination of vocal, pictorial, textual and numerical information

by a microelectronics-based combination of computing and telecommunications.

Information systems (IS) is a professional and academic discipline concerned with the strategic, managerial and operational activities involved in

the gathering, processing, storing, distributing and use of information, and its associated technologies,

in society and organizations.

Information science (IS) is an interdisciplinary science primarily concerned with the collection, analysis, classification, manipulation, storage, retrieval and dissemination of information.[1]

Jozef Goetz, 2011

Information ScienceWhat is it?

It is the human and business side of Computer Science. It is a business function vitally important to the success of any organization. It deals with

the planning for, development, management, and use of Information Technology tools

to help people perform all tasks related to information processing and management.

Organizations use information systems and technology to process and analyze data, streamline activities, and manage resources and assets.

Jozef Goetz, 2011

Information ScienceStudents in the IS learn:

Design and maintain networks in organizations. Analyze existing current systems and data flow in the organization. Assess end user's requirements and design new system (drawing the

blue prints of new systems). Maintain existing systems. Learn Project Management skills to plan the development of new

system. Learn different training styles to train end users on using the new

system. Most importantly, analyze organizational data and convert it to

meaningful information to assist executive make strategic decisions to gain competitive advantage.

Jozef Goetz, 2011

Information ScienceTopics of study include:

Accounting, Management Economics Management of Information Systems Project Management Systems Systems Analysis and Design Principles of Networks Database Management Systems Programming Languages

Carrier Opportunities: The major is very versatile. Students who graduated in this major have been working in almost all

industries because every organization must have an IT or an MIS department.

Our students are employed in the following organizations: JPL, Boeing, Schools, Banks, Service industries, Microsoft, Google etc.

Jozef Goetz, 2011

What is it?

Internet programming is a brand new field of

computer programming and Internet Services Technologies

Internet programming is generally a client/server based programming where there will be servers for handling requests and

clients for sending request these may be on different computers but the other programming may or may not be client server based which is on the same PC

Internet Programming

Jozef Goetz, 2011

Students in IP learn and gain expertise in:

computer programming fundamentals, Web and application programming, Internet-based application software development.

In their final year of study, students complete a senior

project which is an Internet-based application.

The knowledge and skills gained in this concentration will be valuable at job-hunting time.


Jozef Goetz, 2011

Internet ProgrammingTopics of study include:

Creating dynamic Websites Building console, windows, web and mobile applications Database driven Web applications Web programming Distributed programming Database Management Systems Object Programming Languages C# and Java Programming with PHP Connecting to MySQL with PHP Windows Presentation Foundation (WPF) Language Integrated Query (LINQ) ASP.NET Windows Communication Foundation (WCF) and Web Services

Students gain hands-on learning via practical exercises, and projects and exams.

Jozef Goetz, 2011

Computer World magazine September 13, 2010:

1. Programming/application development

2. Project management

3. Help desk/technical support

4. Networking

5. Security

6. Data Center

7. Web 2.0

8. Telecommunication

9. Business Intelligence

10. Collaboration Architecture

HOT SKILLS FOR 2011

Jozef Goetz, 2011

Carrier Opportunities: The explosive growth in the use of the Internet has created a demand for new set

of skills. Starting and running a business using the Internet continue to be “in-

demand” career skills.

Students may be marketable for jobs such as a web designer, web developer, web programmer, web manager, e-commerce manager, web marketing manager, web technician, or a web server administrator.


Jozef Goetz, 2011

13What Is Web 2.0 ?

Web 1.0 focused on a relatively small number of companies and advertisers producing content = “brochure web”

Web 2.0 involves the user. Web 1.0 is as a lecture and Web 2.0 is a conversation.

Many Web 2.0 companies are built almost entirely on user-generated content and harnessing collective intelligence.

Google +, Facebook (750+ mln users), Twitter (175 mln), LinkedIn(100+mln), Flickr, YouTube , Wikipedia, MySpace, users create the content, while the sites provide the platforms.

http://www.internetworldstats.com/stats.htm http://www.socialnetworkingwatch.com/all_social_networking_statistics/ http://www.ignitesocialmedia.com/social-media-stats/2011-social-network-analysis-report/ Exc: find # of users on the above platforms http://www.ebizmba.com/articles/social-networking-websites - top 10

Jozef Goetz, 2011

SoftwareWhat is it? Software is a generic term for organized collections of computer

data and instructions

Broken into two major categories: system software that provides the basic non-task-specific functions

of the computer, Generally, system software consists of an operating system and some

fundamental utilities such as disk formatters, file managers, display managers, text editors, user authentication (login) and management tools, and networking and device control software.

application software, is used to accomplish specific tasks other than just running the computer system. Application software may consist of a single program, such as an image

viewer; a small collection of programs (often called a software package) that work closely together to accomplish a task, such as a spreadsheet or text processing system

Jozef Goetz, 2011

SoftwareStudents in this concentration learn:

How to write correct, well-documented programs in a reasonable time How to identify problems that are amenable to computer solutions Learn various programming languages for solving such problems How to work individually or as part of a team

Topics of study include Programming languages such as: C++, C#, Java, and VB Data Structures Operating Systems Concepts Compiler Design Artificial Intelligence Computer architecture Computer Graphics Database

Jozef Goetz, 2011

SoftwareStudents Carrier Opportunities:

The concentration is designed to prepare students for careers in Application Programming( Airline reservations, Payroll,…) System Programming (Operating Systems, Compilers, Assemblers,…) Computer Graphics Animation Software Engineering (develops software products to bridge the gap

between design and executable programs) Artificial Intelligence (the ability of a computer to reason, to learn, and

to stimulate human sensory capabilities) System programming, as well as entrance into graduate and

professional schools.

Jozef Goetz, 2011

Computer Engineering

This concentration includes courses that provide an understanding of the hardware design of digital systems and digital computers.

In addition covers all aspects of computer hardware engineering from basic

digital circuits to the structure of a complete computer system

also provides the concepts needed to analyze and design digital systems.

Future tablet

Jozef Goetz, 2011

18

Building hand-coded Websites

Objective: - to learn and understand the concepts and building blocks of Web pages with HTML, XHTML and CSS.

Jozef Goetz, 2011

19What is HTML?

The World Wide Web is composed of files containing Hypertext Markup Language (HTML)

HTML is based on SGML Standard Generalized Markup Language Describes the general structure of the document

HTML Describes the Structure of a Page It defines a set of common styles for Web pages

headings paragraphs lists tables and more

Each of these common styles has a tag associated with it to define the element

HTML Made up of tags and attributes

The set of markup symbols or codes placed in a file intended for display on a Web browser page.

Jozef Goetz, 2011

20What is XHTML?

The World Wide Web Consortium http://w3c.org

sets the standards for HTML and its related languages.

The version of HTML is actually XHTML – eXtensible HyperText Markup Language.

XHTML uses the tags and attributes of HTML along with the syntax of XML (eXtensible Markup Language).

Jozef Goetz, 2011

21XHTML

XHTML was developed by the W3C World Wide Web Consortium to be the reformulation of HTML as an application of XML.

Purpose: Provides a more structured alternative to non-

standard HTML Provide ways to extend HTML and add new features Separate content from presentation (>=XHTML 2.0)

XHTML combines the formatting strengths of HTML and the data structure and extensibility strengths of XML.

– allows for custom tags

Jozef Goetz, 2011

22What is HTML?

The text of the page Adds special code (tags) around words and paragraphs

each individual markup code is referred to as an element or tag. Each tag has a purpose.

Tags are enclosed in angle brackets, "<" and ">" symbols – referred to as container tags<body> </body>

Most tags come in pairs; an opening tag and a closing tag. _______________________________________________

horizontal line: <hr align=“right” /> is a stand-alone or self-contained tag and doesn’t have a closing tag.

Jozef Goetz, 2011

HTML

Whereas the text is the actual information contained in a page, the tags define the appearance of the document.

Every HTML tag is a name followed by an optional list of attributes, all enclosed between less-than and greater-than symbols (< and >).

An attribute, if present, is followed by an equals sign and the value of the attribute. Some tags can be used alone; others must be used in pairs.

Those that are used in pairs are called beginning and ending tags. The beginning tag can have attributes and values and starts with the

name of the tag. The ending tag cannot have attributes or values but must have a slash

before the name of the tag.

Jozef Goetz, 2011

24

24Copyright (c) 2006 Prentice-Hall. All rights reserved.

align words

<html> <head> <title> Hello </title> </head> <body> <h1> <font color="#AABBCC"> <center> Hello World</center> </font> </h1> </body></html>

Jozef Goetz, 2011

HTML

The browser makes a decision about the structure of the text based on the tags, which are embedded into the text.

Scripting language that instructs a Web browser how to display a Web page Less powerful than other computer languages Runs within a browser, not stand-alone

HTML 4.01 is replaced with XHTML One of the latest version: HTML 5.0

Jozef Goetz, 2011

26The Title

<title> tag

gives a page a title

used in bookmarks used by search engines appears in browser title

bar goes inside the page

header (<head>)

Jozef Goetz, 2011

27


HTML Code in Notepad and Browser Results

Body goes in content area of browser

Title goes in Title bar of browser

Jozef Goetz, 2011

28


Saving an XHTML File from Notepad

By default, files from Notepad are saved with a .txt extension

If you try to save as filename.htm, then the saved file name will be filename.htm.txt

You can avoid this by either: Making sure that the Save As Type entry is set as All Files

instead of *.txt or Saving with the name in quotes, like this: "filename.htm"

Jozef Goetz, 2011

29Headings

Heading tags Six levels:

<h1>, <h2>, <h3>, <h4>, <h5>, and <h6> used to divide sections -- similar to a book displayed either in larger or bolder text can be centered, underlined, capitalized common to use a heading to duplicate the title

2002 Prentice Hall.All rights reserved.

Outline301 <?xml version = "1.0"?>

2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"

3 "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

4

5 

6 

7

8 <html xmlns = "http://www.w3.org/1999/xhtml">

9 <head>

10 <title>Internet and WWW How to Program - Headers</title>

11 </head>

12

13 <body>

14

15 <h1>Level 1 Header</h1>

16 <h2>Level 2 header</h2>





21

22 </body>

23 </html>

Jozef Goetz, 2011

31The align Attribute

HOP 2.4:

Specifies how text within the paragraph should be aligned

Options include: left, center, right, justify

Example:

<p align = “center”> CONTENT </p>

Jozef Goetz, 2011

32

XHTML <a> tag

The anchor element

href (hypertext reference) Indicates the target – destination page or location

of the link Text between the <a> and </a> is displayed on the web

page.

<a href="contact.html">Contact Us</a>

href Attribute Indicates the file name or URL (Web address)

Web page document, photo, pdf, etc.

Jozef Goetz, 2011

33


Effects of <a>, href, and title

Tool tip generated by title="Home Page Link"

Displayed text generated by text between the <a> tag and the </a> tag

<a href=“http://www.laverne.edu" title="Home Page Link">Click here to go to our home page!</a>

Mouse pointer changes when hovered over the link

When user clicks, the page opened will be based on href=“http://www.laverne.edu"

title: Provides text that can appear in a tool tip when the mouse hovers over the link

Jozef Goetz, 2011

34

XHTML <img> tag The image tag img

Used to place graphics on a web page1. src attribute (vs longdesc long description attribute)

used to indicate the file name of the graphic specifies file where image comes from

2. alt (alternative) attribute used to configure a text description (label)

3. align=“left”|”right”|”center”|”bottom”|” top”|“middle” controls the relationship of text and images

4. vspace adds vertical space to image (above and below)

5. hspace adds horizontal space to image (left and right)

6. height Attribute used to configure the height of the image in pixels

width Attribute1. used to configure the width of the image in pixels

border Attribute allows a surrounding border

clear Attribute1. separates image from text

id text name, alphanumeric, the value must be unique

<img src=“cake.gif” alt=“birthday cake” height=“100” width=“100” />

Jozef Goetz, 2011

Lets create my first page

<html> <head> <title> Hello </title> </head> <body> <h1> <font color="#AABBCC"> <center> Hello World</center> </font> </h1></body></html>

Jozef Goetz, 2011

Lets add a picture

<html> <head> <title> Hello </title> </head> <body> <h1> <font color="#AABBCC"> <center> Hello World </center> </font> </h1> My favorite school is

<a href="http://www.laverne.edu">University of La Verne</a>!<br />

My favorite picture is: <p><img src="artist.jpg" width="350" height="250"

alt="My Favorite Picture"></p> </body></html>

http://faculty.laverne.edu/~jgoetz/

Exc: expand attribute href: target="_new“ onmouseover="alert('You moused over');"

Jozef Goetz, 2011

Lets add a picture

Jozef Goetz, 2011

38

Java Script

Changing background dynamically

Jozef Goetz, 2011

39

Java Script

Jozef Goetz, 2011

40

Cascading Style Sheets (CSS) is a stylesheet language used to describe the presentation of a

document written in a markup language. Used to specify the presentation of elements separately from the

structure and content of the document

define colors, fonts, layout, and other aspects of document presentation.

CSS is a flexible, cross-platform, standards-based language widely implemented in browsers.

Introduction

Jozef Goetz, 2011

41Vending Machine DEMO in C#

Vending Machine DEMO

Jozef Goetz, 2011

42Example: Game of Chance Craps simulation - the most popular games of chance A player has 2 dice. Each dice has six faces.

The player must roll two dice on the first and all subsequent rolls

1. Roll dice first time If sum equals 7 or 11, the player wins on the first throw (called

“craps”) If sum equals 2, 3 or 12, the player loses Any other sum (4, 5, 6, 8, 9, 10) is that player’s point

2. Keep rolling dice until… Sum matches player’s point

– Player wins Sum equals 7

– Player loses

Game DEMO in C#

Jozef Goetz, 2011

44DEMO in LINUX environment

An E-commerce application of PHP dynamic websites that interact with a MySQL database

jozef goetz, 2011 1 intro to the discipline/major 2011 stem summer camp dr. jozef goetz

Documents