review comp sci.docx

13 Pages
Unlock Document

Western University
Computer Science
Computer Science 1033A/B

Lecture 2 ­ The World Wide Web Offers (1) Accessibility – reaches to people all over the world (2) Is fast (3) Directly see people (i.e. webcam, Skype) (4) Is cheap Which area has the most Internet users? North American (78.3%). Which area has the  least Internet users? Asia and Africa ­ 1878  ▯first motion picture ever recorded  (The Horse in Motion) 1927  ▯first full length movie,  The Jazz Singer, with synchronized dialogue  The Wizard of Oz filmed in Technicolor in 1939 Fantasia was the first commercial movie with a complete surround sound soundtrack  in 1940 1969 ­ ARPANET (Advanced Research Projects Agency Network) ­ predecessor to the  internet ­ 1995  ▯Disney releases  Toy Story, the first feature length computer generated  movie ­ Progression of Technology: 1981 – PC, 1991 – WWW, 1992 – Windows, 1993 –  Mosaic (browser), Google (search engine) ­ Colour is defined by: Hexadecimal Code – always made up of decimals (0­9)  and letters (A­F) ­ Kerning – adjusting the space between pairs of letters (cha    r   a cter) ­ Tracking – adjusting space between all of the characters (c h a r a c t e r s) ­ Leading – amount of vertical space between lines of text (measured in either  positive or negative points or zero)  o “Loose Track” = more space between all characters o “Tight Track” = less space between all characters) ­ o Pixels are a measurement for text and images for the web on a monitor o Pixel is the smallest discrete component of an image or picture on a  monitor o Point ­ A linear unit measuring the size of text in a word processing  document CRAP ­ Contrast  ▯for emphasis; make 2 elements either similar or dissimilar by altering  font, color, font size, effect(s) etc.  ­ Repetition  ▯repeat some aspect of the design throughout the design (i.e. bold  font, thick rule, bullet, colors, font types) ­ Alignment  ▯items are aligned – creates stronger cohesive unit ­ Proximity  ▯group related items together Lecture 3 Digitization  ­ Digitization refers to the process of translating a piece of information (analog)  into binary bits (Binary Digits) (Digital) ­ On (High volt is a 1) or Off (Low volt is a 0) ­ Binary (2 binary digits or bits), octal (8 digits), decimal (10 digits), and  hexadecimal (16 digits)  ­ FORMULA: With x bits, 2 = y values ­ Sampling process  ▯how often do I take a sample (measurement) to represent the  “thing”, how many pixels will I break the “thing” (image, sound, video,  animation, text, etc.) up into to get something clear ­ Quantizing  ▯How many discrete values will I use to represent “each part” of the  “thing”, represents the color combinations, how are colors coded Colors ­ Used for Web – Additive Model (RGB) Red Green Blue o Adding” light to a black background in order to obtain color shades ­ Used for printing – Subtractive Model (CMYK) with cyan, magenta, yellow,  key o Uses printing ink – when applied to paper removes (“subtracted”) from a  white background ­ “True Color” – uses a 24 bit color representation (2 =16 million colors) ­ RGB code: each pixel is represented by 3 values   0 represents no amount and 255 represents max amount  Red = <255,0,0>  Green = <0,255,0>  Blue = <0,0,255>  White = <255,255,255>  Black = <0,0,0> ­ Hexadecimal code  ▯notation is #RRGGBB where we use FF as full (255 in  RGB)  #FF0000  ▯Red  #00FF00  ▯Green  #0000FF  ▯Blue  #000000  ▯Black  #FFFFFF W ▯ hite Graphics ­ Bitmap images are made up of small squares called pixels (another name Raster) ­ Make image larger =  o Squares become larger o edges more jagged o Quality decreases o File size increase ­ Vector Graphics are represented with lines and arcs  o To draw a: line – starting point, direction, length / rectangle – start point,  width, height / circle – centre and radius  As the image is resized larger or smaller =  Edges become jagged  No distortion going up/ down in size  Quality is maintained  File size increases (if resized larger)  Advantage: ideal for producing artwork (different sizes) • Vector based: o Can be resized without losing quality o Download faster o Draw programs, common formats: .eps, .cdr, .dwg • Bitmapped based: o Imaged from scanners, cameras o Can edit pixels o Paint program, common formats: .jpg, .gif, .tiff, .bmp • Image Resolution o Number of pixels per square inch o Web: 72 ppi print: 300 ppi • Image Bit Depths o Number of bits used to represent a color of a pixel o More bits  ▯more color, quality and file size increases • Image Optimization o Goal: Smaller file size, keeps quality, and downloads fast o Choose .jpg or .gif o Compress the image data o Color resolution: # of colors used (bits) • GIF (Graphics Interchange Format) o Common image format used on the internet o Supports a max of 8­bit color scheme  8 bits/pixel (2  = 256 colors) o Best for large areas of solid, flat color (illustrations, logos, text as  graphics, cartoons, buttons) o Small files, allows animation, no plug in, works in all browsers • JPEG (Joint Photographic Experts Group) o Supports max of 24 bits/pixel (16 million colours) (full color info) o Good for photos, computer games, screenshots, stills from a movie) o Large files • Lossless (file­save) o Compress original bits and bytes into less without losing original info • Lossy (file­size) o Compress, some info is lost, cannot get info back • Common compressed algorithms .gif, .jpg, .png • Uncompressed file formats: .bmp (for Windows) .raw (digital cameras) • GIFs – Lossless compression o Does not get blurry or messy o Uses a simple technique called LZW compression to reduce the file sizes  of images by finding repeated patterns of pixels o This compression never degrades the image quality • JPGs ­ Lossy compression o Degrades the image quality, each time you save o Compression is achieved by deleting certain details about the image,  which the JPG will then try to fill in later when it is being displayed  If it finds two adjacent pixels with very similar colors, it will store  both those pixels with the same color and discard the other color o 1) The quality of a JPEG file is proportional to the file size o 2) Higher compression values  Reduces file size  Lowers quality of image  Less data being discarded • Color Resolution (Bit Depth) o Number of colors o With .GIF files, we can look at dithering, interlacing, and transparency o With .JPG we can look at a Progressive jpeg • Dithering o Converting a JPG to a GIF (reducing color range down to 256 colors) o Uses Juxtaposing (contrasting, placing side by side) o Lower download time • Interlacing Technique o Does not optimize/ your image, however it gives you the illusion that the  file is downloading fast o Best to use when files are big o JPGs – progressive interlacing • Transparency o Applies to .gif and .png only o Allows transparency of one color • PNG files o Lossless compression, allows transparency o Two versions – PNG­8 (8 bit) PNG 24 (24 bit, bigger than jpgs) • Digital Images o Scanner:  Measures as dots per inch (dpi) higher the dpi, more samples  Ex: 8 by 10 inch image with 100dpi, we will have (8x100) x  (10x100) = 800 x 1000 = 800’00 samples  If we print the scanned image, resolution is measures as ppi (dpi) o Digital Camera  Megapixels: how many millions of pixels u can capture in a pic  More pixels = higher resolution  Describes the max size of an image (width x length) in pixels   Print size = pixel dimension / print resolution o Images on Screens  Higher Resolution: everything appears smaller, covers a portion of  desktop, text harder to read  Lower resolution: every appears larger, covers entire area, text  easier to read Lecture 5 • Network ­ a group of interconnected computers (could be connected with wires,  wirelessly, satellites, etc.) • Host: a company that allows you to upload a file to a server • Internet – A global system of interconnected computer networks that use the  standardized Internet Protocol Suite (TCP/IP) to serve billions of users worldwide • TCP/IP  ▯a standard protocol (Transmission Control Protocol) that sets rules for  the format and transmission of data o The ideas behind this protocol were funded by the ARPA of the Us  Department of Defense (DoD),  • ISP (Internet Service Provider): ex: rogers, bell etc. • Circuit Switching – the entire package, or manuscript, of data gets sent through  one process (how phone lines work) • Packet Switching ­ data is sent by transferring packets (a small groups of bytes  consisting of a Header, knows the destination and source, and the body, actual  message content)  • Circuit switching (all data at once) vs. Packet switching (data split up) • Summary o TCP breaks webpage into packets of bytes o TCP figures out IP address of where it wants to send the packets  (destination) o TCP figures out IP address of where the packet is coming from (source) o Sends off each packet to the first machine (IP Address) on the route (does  not preplan route) o Packet stops at first machine, likely a router, then the router sends it to the  next machine on the journey (IP Address) and so on until it goes to the  final IP address (destination) o Called Packet Switching! • IP address o Identifies each computer or device connected to the internet o Notation – consists of 4 numbers with dots between them that range from  0 and 255 (ex: o  Since we can’t remember IP addresses easily, we use domain names • Domain Name System (DNS)  o Maps the domain name to the correct IP address so data can route to the  correct computer o Can have 1 IP address to 1 domain name, 1 IP address to many domains,  or one domain name to many IP addresses • URL (Uniform Resource Locator) o Website Address ( • HTTP (Hypertext Transfer Protocol) o Rules that define how data is exchanged between servers and browsers,  says to use the hypertext transfer protocols • Sub­domains o Used to organize your web server (ex: Example: o Rules: max of 127 subdomain labels, each label can be a max of 63  characters, and whole domain cannot exceed 255 characters including the  TLD (Top Level Domain) ­ .com o • Permission marketing means customers decide who they will listen to and who  they refuse to listen to • Setting up a website: 1. Choose a Domain Name – how to brand your website 2. Order Web Hosting – put files on the system 3. Meet with Client – ensure you address all their needs 4. Create the Web Site – Dreamweaver HTML file • Domain Name rules: o Max of 67 characters o 0­9, a­z o Dash character allowed (“­“), underscore invalid (“_”) o no spaces o Cannot start/end with dash o Case insensitive • What TLD (Top Level Domains) do I pick for my domain name? o .com  ▯commercial business and companies o .net  ▯Internet administrative site, network providers o .org  ▯non­profit organizations o .edu  ▯educational institutions o .gov  ▯government agencies o .info  ▯information o .biz  ▯business o .ca  ▯website in Canada o .eu  ▯website in Europe Picking an ISP • Web hosting: the service that provides Internet users with online systems for  storing info, images, video, or any content accessible via the web • Web hosts: companies that provide space on the server they own for use by their  clients as well as providing internet connectivity • Top 10 reasons when picking an ISP: 1. Web Provider  ▯reliability? How long? Popular? 2. Tech support  ▯Test by sending them an email and see response time,  contact names, emails, phone numbers, hotlines 3. Disk space  ▯always get more, standard 5GB­10GB 4. Bandwidth  ▯amount of traffic to your website 5. Web site speed  ▯if slow, poor service 6. Uptime  ▯look for 99% plus guaranteed 7. Database/programming language support  ▯needs for dynamic website  – interact with customers. Perl, Java, PHP, etc. 8. FTP Access  ▯Unlimited and unrestricted FTP access for easy  maintenance 9. Web Statistics Summary  ▯Traffic on your website – easy access to 
More Less

Related notes for Computer Science 1033A/B

Log In


Don't have an account?

Join OneClass

Access over 10 million pages of study
documents for 1.3 million courses.

Sign up

Join to view


By registering, I agree to the Terms and Privacy Policies
Already have an account?
Just a few more details

So we can recommend you notes for your school.

Reset Password

Please enter below the email address you registered with and we will send you a link to reset your password.

Add your courses

Get notes from the top students in your class.