Category Archives: Group

Css 101

http://prezi.com/yzy0ntfqvpfg/what-is-css-and-how-does-it-work/

Advertisements

Html 5-102

Group: Andrew, Carlos, Lucas

1. What Image File Formats should be used for web pages, why (how does compression affect loading)? When choosing image file formats during the web design process the goal is to maintain the highest level of quality and the lowest file size possible. There are 3 main file types that are supported by web browsers and commonly used by web developers and they are JPEG, GIF and PNG. Compression is the main thing distinguishing between the three types; JPEG utilizes a “lossy” compression in which information/data is lost during the process using algorithms to describe 8×8 pixel blocks, designed to fool the eye in representing the image. The benefits to this method are small files with a full range of color. GIF and PNG files use “lossless” compression where no information/data is lost and the entire file is represented as is, this provides the highest quality but also largest file size. Compression affects load times as the larger the file, the longer it will take to load and being that the goal is to have low load times, compression is a useful tool in maximizing a website. Overall it depends on the type of image being loaded; if the image is mainly solid colors and text it is best to use GIF/PNG and just limit the colors to only what is necessary (ex: 256 colors only), reducing the file size and maximizing quality. If a photograph is being used it is best to use JPEG as it will provide a larger color spectrum and will be difficult to notice by the user.

2. How do you optimize images for the web? For general use/loading purposes and SEO purposes, it is important to optimize the images on any webpage to follow certain criteria for max efficiency. A) Creating a good title + file name for the image – Although not seen by google and will have little effect on SEO, it is still important to have a good title for the image as users are often able to see image titles by simply moving the cursor over the image and also when clicking on the images which in turn creates a good opportunity to embellish keywords. Also in the development stages, a good file name will aid in file organization and simplicity in coding. B) Creating efficient “Alt Tags” for the image, which are tags that search engines such as Google read to help in the indexing process of a webpage. Using specific keywords for this helps SEO. Alt tags are also displayed on web pages when images are unable to render. C) Adding good captions is also essential as they provide further insight to what the user is looking at and allow the web designer to add text attributes to the bottom of their image which can be used to include keywords, etc. D) Keep images small and utilize the correct file types for the different types of images (see #1). This allows for quicker load times at the highest level of web-quality image.

3. What tricks and tips can you use to make your webpage load faster? There are several approaches that can be used in order to speed up how a webpage is loaded. Here’s a couple of major ones: Optimizing images and file sizes (see above #1+2), Enable PHP caching (This will command the browser to load the website once and save all the images and data for later use, making the user only fully load the site once), Utilize CSS and keep those files small (With your styles in an external .css file, the browser can cache all the formatting and stylizing for your pages instead of having to read each and every single tag all over again), break up large pages into several small pages (less loading in small intervals) and lastly removing any attributes that are un needed and clear all “whitespace” within the site’s code/keep code clean.

4. How can you use images in css, show us examples? CSS allows web developers to use images in more efficient ways by using whats known as “CSS Image Sprites”. An image sprite is a collection of images put into a single image allowing the site to only need to load one file for multiple page images. A web page with many images can take a long time to load and generates multiple server requests, using image sprites will reduce the number of server requests needed to load a page. Using the CSS code, developers are able to command the page to load certain aspects/areas of the image allowing for multiple uses. An example of this is known as the “hover effect” where users move the cursor above an image and it darkens demonstrating that it is a clickable item. Heres an example of this:

Image

Apple uses CSS sprites to trigger when certain images within this larger image which is used for their menu bar. The “hover effect” is used here to indicate where to click in order to enter other webpages, acting as an index for more content. Here’s another example of the functionality of the CSS Image sprite:

Image

This is an image of a spread that is accessible during gameplay where specific parts of the image are accessed when needed. These principles were adapted from gameplay and applied to internet browsing. Overall it provides a quick, efficient way to load high quality images without the need to load individual files.

5. How To Add a YouTube Video to Your Web Site and video in html5? First, to add a youtube video to a site is as simple as going to the particular video’s youtube link/page and move the cursor to the bottom of the video over the “Share” icon. Click on this icon and there are a few options that become available – click the “Embed” button and HTML code will appear bellow with customizability options, customize then copy the code and paste it into the site’s code. In order to simply add a video in HTML 5 from your own media library, first you must have the file within the folder you are currently within on the site’s hierarchy, then include this code:

<video width=”320″ height=”240″ controls>
<source src=”movie.mp4″ type=”video/mp4″>
<source src=”movie.ogg” type=”video/ogg”>
Your browser does not support the video tag.
</video>

This text: “Your browser does not support the video tag.” is useful as it will display when users are unable to view the content.

6. How do you optimize video for the web and incorporate it in your web page? Web video is an amazing form of new media as it allows people to get a visual aspect of what ever elements are trying to be conveyed or illustrated. Incorporating video into your web page is a good way to add variety to your content adding more than just text. However there are different ways of incorporating video as well as there are different types of video to incorporate into a web page. For example you can have user-oriented video using:

<input type=”file” accept=”video/*;capture=camcorder”>
this command will allow the user navigating your webpage to place their own video in to the web page or you yourself can embed a video from youtube or another video streaming site using the command the video should give you when you click “share” or “embed”. When you acquire the the embedding command all one has to do is add it to the code of their web page.

7. How do you optimize audio for the web and incorporate it in your web page? Web audio is also a great form of new media to incorporate to a web page cause again it adds a element of variety in terms of media used. There are several things you can do to optimize audio in your web page either allowing the user navigating the website to incorporate their own audio using the html command:
<input type=”file” accept=”audio/*;capture=microphone”>
you can also embed a audio file of your choice using the html command:

this this will allow you to choose any mp3 file in the folder and embed it straight on to your web page.
 
8. What are some of the dos and don’ts of web design with media? When it comes to media design the do’s and don’ts can be quite crucial to the success of your website or webpage. The design of your website should be: accessible, easy to navigate, secure, have relevant and legal content as well as be aesthetically designed. When it comes the the visual design of your web page a few elements are important to have a visually pleasing page, this includes making sure the site is over all aesthetically pleasing, has a visually pleasing colour scheme maybe using complimentary colours and so forth, the design must be in appropriate proportion in terms of text sizes and negative space etc, as well as making sure the text is a readable colour (usually black on a white back round) as wells as be a readable text size.
 
9. What resolution should you design for? When designing a web page the designed resolution is an important aspect of how your page will end up looking. The resoluton most users use to design their web pages varies as well as increases as technology and time increases. However a safe bet in terms of generating interest and maintaining quality i your website is often 1280 x 800
 
10. Designing for mobiles?  When it comes to designing html webpages for mobile devices a lot of the aspects now change, however the actual coding it’s self does not. Thing such as the design and resolution of the web page are now subject to change to something more suitable for a mobile device, this means lowing the resolution, also things such as picture files should be designed smaller to fit on a mobile device screen. video size resolutions should also be subject to change as they should also have a resolution to fit a mobile device screen. Things like text size and text layout should also be considered when designing a web page for mobile devices and they wont be viewable the same way they are from a desktop computer or a laptop.

Citations

“What is the best image file type to use on a website? .”Digitalpark.com. Wikipedia Foundation, Inc., 02 Sep 2009. Web. 11 Nov 2013. <http://digitalpark.com/26_what-is-the-best-image-file-type-to-use-on-a-website&gt;.

“How to Optimize Images for the Web.”razorsocial.com. RazorSocial. Web. 11 Nov 2013. <http://www.razorsocial.com/optimize-images-for-web/&gt;.

“Speed up your website.” Webweaver. Webweaver.nu. Web. 11 Nov 2013. <http://www.webweaver.nu/html-tips/load-time.shtml&gt;.

“CSS Image Sprites.” W3Schools.com. W3Schools.com. Web. 11 Nov 2013. <http://www.w3schools.com/css/css_image_sprites.asp&gt;.

“HTML5 Video.” W3Schools.com. W3Schools.com. Web. 11 Nov 2013. <http://www.w3schools.com/html/html5_video.asp&gt;.

“How To Add a YouTube Video to Your Web Site.”HTML Goodies. QuinStreet, Inc.. Web. 11 Nov 2013. <http://www.htmlgoodies.com/tutorials/web_graphics/article.php/3480061&gt;.

http://www.searchenginejournal.com/50-questions-to-evaluate-the-quality-of-your-website/6400/
“50 Questions to Evaluate the Quality of Your Website.” Search Engine Journal. N.p., n.d. Web. 13 Nov. 2013.

http://www.html5rocks.com/en/mobile/responsivedesign/
“Creating a Mobile-First Responsive Web Design – HTML5 Rocks.” HTML5 Rocks – A resource for open web HTML5 developers. N.p., n.d. Web. 13 Nov. 2013.

http://www.html5rocks.com/en/tutorials/getusermedia/intro/
“Capturing Audio & Video in HTML5 – HTML5 Rocks.” HTML5 Rocks – A resource for open web HTML5 developers. N.p., n.d. Web. 13 Nov. 2013. 

mla Styles

1. MLA Citation for Books: 

Basic Format: 

Lastname, Firstname. Title of Book. City of Publication: Publisher, Year of Publication. Medium of Publication.

Example with One Author:

Gleick, James. Chaos: Making a New Science. New York: Penguin, 1987. Print.

Example with Multiple Authors:

Wysocki, Anne Frances, et al. Writing New Media: Theory and Applications for Expanding the Teaching of Composition. Logan: Utah State UP, 2004. Print.

“et al.” = And others. This is a method of shortening the citation. Otherwise you can write out the author names in full:

Wysocki, Anne Frances, Johndan Johnson-Eilola, Cynthia L. Selfe, and Geoffrey Sirc. Writing New Media: Theory and Applications for Expanding the Teaching of Composition. Logan: Utah State UP, 2004. Print.

Example of Book with No Author:

Encyclopedia of Indiana. New York: Somerset, 1993. Print.

 

2. MLA Citation for Articles:

Peer-Reviewed Journal Article:

Author(s). “Title of Article.” Title of Journal Volume.Issue (Year): pages. Medium of publication.

Ex:

Bagchi, Alaknanda. “Conflicting Nationalisms: The Voice of the Subaltern in Mahasweta Devi’s Bashai Tudu.” Tulsa Studies in Women’s Literature 15.1 (1996): 41-50. Print.

Magazine Article:

Author(s). “Title of Article.” Title of Periodical Day Month Year: pages. Medium of publication.

Ex:

Poniewozik, James. “TV Makes a Too-Close Call.” Time 20 Nov. 2000: 70-71. Print.

Newspaper Article:

Author(s). “Title of Article.” Title of Newspaper Day Month Year: section. Medium of publication.

Ex:

Brubaker, Bill. “New Health Center Targets County’s Uninsured Patients.” Washington Post 24 May 2007: LZ01. Print.

Review:

Review Author. “Title of Review (if there is one).” Rev. of Performance Title, by Author/Director/Artist. Title of Periodical day month year: page. Medium of publication.

Ex:

Seitz, Matt Zoller. “Life in the Sprawling Suburbs, If You Can Really Call It Living.” Rev. of Radiant City, dir. Gary Burns and Jim Brown. New York Times 30 May 2007 late ed.: E1. Print.

3- How do you cite a blog or website using MLA styles?

In order to cite a blog, or website, follow this format.

 

Last name, first name. Title of Article. Associated publication/college/etc., year published. Web. Date of access.

 

For example, a work cited of a blog. Mpm107.wordpresss.com

 

ALXBAL,Wordpress.com, “Exercise-hmtl-5-101.”http://mpm107.wordpress.com/assignments/assignment-2-inclass-research-exercises/exercise-html-5-101/.” Mpm107. N.p., n.d. web. 5 Nov. 2013.

 

 


4- How do you cite a video in MLA styles?

 In order to cite a video, follow this format,

 

Author last name, author first name(optional depending on name, could be nickname). “Video Name”. Source, Date published. Location of where it was found.

 

For example, a work cited of a youtube video. Extreme Homeless Man Makeover part 2

 

VitalyzdTv.” Extreme Homeless Man Makeover Part 2!”.http://www.youtube.com/watch?v=ce9fWbOt2QA, November 3rd, 2013. Youtube.

 

5. how to cite a lecture mla: begin the citation with the name of the speaker, last name first then comma then first name. Then in quotation marks indicate the title of the lecture if it has one. Next indicate the name of the event or meeting completed with a period. Finally write the institutions name and location of the lecture followed by the date. 

example: Cameron, Ian. “High Renaissance Art.” Art in the Classical Tradition. Ryerson University. Library 72 auditorium. Nov 5th 2013

6.

“MLA Works Cited: Periodicals.” OWL: Purdue Online Writing Lab. Purdue University. Web. 5 Nov 2013. <https://owl.english.purdue.edu/owl/resource/747/07/>.

“MLA Works Cited: Books.” OWL: Purdue Online Writing Lab. Purdue University. Web. 5 Nov 2013. <https://owl.english.purdue.edu/owl/resource/747/06/>.

On Tue, Nov 5, 2013 at 3:26 PM, Andrew Soares <andrewpsoares@gmail.com> wrote:

 
 

Mightyscwizard, biuealien, Sondra C, Tom Viren and 88 others. “How to Cite a Website (with Sample Citations).”http://www.wikihow.com/Cite-a-Website. N.p., n.d. Web. 5 Nov. 2013.

 

Works Cited Page. “MLA Internet and Multimedia Sources.” http://www.gavilan.edu/library/documents/mla_internet_aug2008.pdf. Web. GGC-dy 8/08

 

http://www.bibme.org/citation-guide/MLA/lecture
“How to cite lectures in MLA bibliographies – Works Cited Style Guide – BibMe.” BibMe: Fast & Easy Bibliography Maker – MLA, APA, Chicago, Turabian – Free. N.p., n.d. Web. 5 Nov. 2013.

 

Networks (group)

Aaron

1. A computer network is a telecommunications network that allows for the exchange of data via interconnected computers. Each computer acts as a network note in which content is maintained and exchanged; nodes can be comprised of servers, personal computers or network hardware. The connections that are made between computers are called network links and are created using either cable or wireless media as mediums. The most well known computer network is the internet (“Computer network”).

2. Types of Networks…

Local Area Network – A network that encompasses a limited area such as a home, office, school or computer lab utilizing networking technology – routers, etc. (“Local Area Network”)

Image

Photo from Google Images – hill2dot0.com

Wide Area Networks: A network that encompasses a broad area (ex: citywide, region wide or nationwide)  utilizing private or public access points. Often used in government entities or corporations relaying data to users in a larger geographical area. (“Wide Area Network”)

Image

Photo from – http://en.wikipedia.org/wiki/Wide_area_network

Internet: a global system of interconnected computer networks that serves billions of users worldwide. The internet is a “network of networks” that connects millions of private and public networks using a standard Internet Communications Protocol (IP). The networks range from local to global and are linked by a broad array of electronic, wireless and optical networking technologies. The Internet consists of a “world wide web” (WWW) infrastructure that maintains the flow of information (“Internet”).

Image

Photo from – http://en.wikipedia.org/wiki/Internet

Intranet: a computer network that shares data within an organization as opposed to the internet that shares information within organizations. Similar to the internet, the intranet utilizes that uses IP technology and connects a variety of networks through nodes, the contrasts lie primarily within the intended access. The term can refer to the organization’s internal website alone, but may also be composed of multiple local area networks containing the organization’s web information infrastructure (“Intranet”).

Image

Photo from – Google Images: internetextranet.blogspot.com

Metropolitan Area Network: a computer network in which two or more geographically separated computers or networks that share data and are connected within the same metropolitan city. A form of wide area network that specifically integrates a city wide information structure.

Image

Photo from Google Images – pulsewan.com

VPN/Virtual Private Network – a computer network that extends a private network across a public interface, such as the Internet. It enables connected computers to send and receive data across public area as if it were directly connected to the private network, benefiting from it’s functionality and security as if it was connected to that network directly.

Image

Photo from http://en.wikipedia.org/wiki/Virtual_private_network

  Lucas Figliuzzi

4. What is the difference between a client and a server?

A client is a system that has access made available to them through a server. Users are able to access this information or service through the client computer. A server is a larger, more powerful computer that is made for connecting and providing other client computers with services and information.

5. What is the OSI model?

The OSI (Open System Interconnection), model that is characterized by 7 layers that serve as a regulation for how a communication system must be paced.

6. Identify 5 different network architectures, explain what each does:

a) OSI Model: Made up of multiple layers that provide what is required to control how data passes through from network to network. There are seven layers including: Application, Presentation, Session, Transport, Network, Data Link, and Physical layers.

b) LAN: A computer network that connects computers and devices that are within a limited range.

c) WAN: A computer network that covers a large area such as a city, province, or country. Providing the area with access and information, connecting smaller networks.

d) WLAN: Stands for Wireless Local Area Network. Provides a network for computers in a close area over a wireless connection

e) MAN: A network that composes of other LANs in a large area and provides them with up-linking to WANs and bigger networks such as the world wide web .

Carlos Sabbah

7: Define and visual explain what the following terms means:

Protocols – Protocols are a set of guidelines and instructions that have to be met by a source/ date across a network, or specifically known as the “server”. For example, if something were to be sent across a server and can be read and understood,  the regulation is accepted. This function allows for a wide spread of network communication from almost anywhere in the world.

TCP/IP – Internet Protocol Suite/ Transmission Control Protocol and Internet Protocol is a protocol that is used initially for the communication through the internet. Providing a set of instructions for communication that can and has to be accepted around the globe does this. These types of protocols are composed of four types of layers: Link, transport, internet, and Application. It is this protocol that allows for the establishment of communication sessions with other computers able to read its process.

FTP – file Transport Protocol is the protocol that depicts the changing of files between specific servers. This is manual transmitted as files are changed across a spam of servers in different areas. With accordance to the four layers, this Protocol falls under the application layer as it emits actions of events and sequences on its own.

HTTP – Hypertext transfer Protocol allows the exchange of hyper text over the world server. Hypertexts are logical links that connect to different series of nodes within a server. URL addresses makes highly the use of this system as it falls under the application layer. Being an application, means it becomes another useful protocol in that, it allows for a whole load of information, data, and codes around the globe in an instant.

Telnet – A network protocol allowing for communication across a network in a form of a virtual connectivity, which basically means that the use of computers are done over a server to help aid someone in need of help. Typically, telnet services provide the command line functions that is used on a server base, and the people who need the help, pay the hacker who fixes what ever the problem is over a server which is significant.

8: What is a Router?

A router is a communication device that allows and provides a hub for local networking. It can be and is directly connected to an external WAN ( Which is Wide area network) and it provides the individual LAN (Which is Local Area network) connectivity. During these communications, multiple computers can be connected to a router and are able to communicate them and transfer data usage on local network or internet without the need of connecting to one another.

9: What is a network firewall?

A network firewall is a network security application that prevents the interruption of outside server sources into a network. Before a person tries to access something they shouldn’t, they must pass whats called a firewall and this is a form of security that discards these kinds of attempts. In order to bypass such security, they must be able to meet the security standards of the firewall which is hard to do unless you are aware of what they are.

Andrew Soares

10: What is the difference between the web and a FTP server?

the main difference is that a web server is just a server that hosts web pages, which includes text, hyper text and other forms of data where as an FTP server is a File Transfer Protocol server which means there is an ability to transfer files by means of uploading as well as downloading.

11: What is an IP address?

IP is an acronym for Internet Protocol, it refers to a string of numbers that pertains to an individual computer that communicates over the network of the internet. This helps with transferring of information of data as it allows the networks and servers being communicated with understand where certain data and information is coming from as well as where to send data/information.

12:How do you transfer files from a computer to a server?

Transferring a file from a computer to a server requires the act of uploading and it also requires an FTP server to upload to. Some servers make it easier to transfer information than others but the standard protocol for uploading files goes as follows:

1. Find the url of the website or server you wish to upload to.

2.Add a network location to ‘My Computer’ where a set up box should appear.

3.choose a “custom network location” and enter in the url found previously.

4.Enter a password if needed, otherwise enter anonymously.

5.Choose a name for your location, and you’re done!

 Work Cited:

 Andrew Soares

http://computer.howstuffworks.com/internet/basics/question549.htm
“HowStuffWorks “What is an IP address?”.” HowStuffWorks. N.p., n.d. Web. 30 Oct. 2013.

http://en.wikipedia.org/wiki/File_Transfer_Protocol
“File Transfer Protocol.” Wikipedia, the free encyclopedia. Wikimedia Foundation, Inc, n.d. Web. 30 Oct. 2013.

http://www.wikihow.com/Upload-Files-to-an-Ftp-Server
“How to Upload Files to an Ftp Server: 10 Steps (with Pictures).” wikiHow. N.p., n.d. Web. 30 Oct. 2013.

Lucas Figliuzzi

http://www.differencebetween.net/technology/difference-between-client-and-server/”>http://www.differencebetween.net/technology/difference-between-client-and-server/

“Difference Between Client and Server” Differencebetween.net. n.d. Web. 30 Oct. 2013

http://en.wikipedia.org/wiki/OSI_model

“OSI Model” wikipedia.com n.d. Web. 30 Oct. 2013

http://en.wikipedia.org/wiki/Network_architecture

“Network Architecture” wikipedia.com n.d. 30 Web. Oct. 2013

Carlos Sabbah 

“Wide area network.” Wikipedia, The Free Encyclopedia. Wikimedia Foundation, Inc. 26 Sept. 2013. Web. 28 Oct. 2013.

“Internet protocol suite.” Wikipedia, The Free Encyclopedia. Wikimedia Foundation, Inc. 28 Oct. 2013. Web. 28 Oct. 2013.

“Telnet.” Wikipedia, The Free Encyclopedia. Wikimedia Foundation, Inc. 30 Sept. 2013. Web. 28 Oct. 2013.

“File Transfer Protocol.” Wikipedia, The Free Encyclopedia. Wikimedia Foundation, Inc. 28 Oct. 2013. Web. 28 Oct. 2013.

“Hypertext Transfer Protocol.” Wikipedia, The Free Encyclopedia. Wikimedia Foundation, Inc. 23 Oct. 2013. Web. 28 Oct. 2013.

“Local Area Network.” Wikipedia. Wikipedia Foundation, Inc., 27 October 2013. Web. 29 Oct 2013. <http://en.wikipedia.org/wiki/Local_area_network&gt;.

Aaron Labbe

“Computer Network.” Wikipedia. Wikipedia Foundation, Inc., 24 October 2013. Web. 29 Oct 2013. <http://en.wikipedia.org/wiki/Computer_network&gt;.

“Local Area Network.” Wikipedia. Wikipedia Foundation, Inc., 27 October 2013. Web. 29 Oct 2013. <http://en.wikipedia.org/wiki/Local_area_network&gt;.

“Wide Area Network.” Wikipedia. Wikipedia Foundation, Inc., 26 September 2013. Web. 29 Oct 2013. <http://en.wikipedia.org/wiki/Wide_area_network&gt;.

“Internet.” Wikipedia. Wikipedia Foundation, Inc., 25 October 2013. Web. 29 Oct 2013. <http://en.wikipedia.org/wiki/Internet&gt;.

“Intranet.” Wikipedia. Wikipedia Foundation, Inc., 16 October 2013. Web. 29 Oct 2013. <http://en.wikipedia.org/wiki/Intranet&gt;.

“Metropolitan Area Network.” Wikipedia. Wikipedia Foundation, Inc., 14 September 2013. Web. 29 Oct 2013. <http://en.wikipedia.org/wiki/Metropolitan_area_network&gt;.

“Virtual Private Network.” Wikipedia. Wikipedia Foundation, Inc., 29 September 2013. Web. 29 Oct 2013. <http://en.wikipedia.org/wiki/Virtual_private_network&gt;.

“Peer-to-Peer.” Wikipedia. Wikipedia Foundation, Inc., 24 Oct 2013. Web. 30 Oct 2013. <http://en.wikipedia.org/wiki/Peer-to-peer&gt;.

“Networking Basics: Peer-to-Peer vs. Server-based networks.” TechNet. Microsoft, Inc.. Web. 30 Oct 2013. <http://technet.microsoft.com/en-us/library/cc527483(v=ws.10).asp&xgt;.

http://computer.howstuffworks.com/internet/basics/question549.htm
“HowStuffWorks “What is an IP address?”.” HowStuffWorks. N.p., n.d. Web. 30 Oct. 2013.

http://en.wikipedia.org/wiki/File_Transfer_Protocol
“File Transfer Protocol.” Wikipedia, the free encyclopedia. Wikimedia Foundation, Inc, n.d. Web. 30 Oct. 2013.

http://www.wikihow.com/Upload-Files-to-an-Ftp-Server
“How to Upload Files to an Ftp Server: 10 Steps (with Pictures).” wikiHow. N.p., n.d. Web. 30 Oct. 2013.

 

New Media Innovators

Carlos Sabbah – Eric Whitacre

Before describing how Eric Whitacre is a “New Media Innovator”, let me first start by defining these:                                                                                                                          

  New Media Art: A genre that encompasses artworks created with new media technologies, including digital art, computer graphics, computer animation, virtual art, Internet art, interactive art, video games, computer robotics, and art as biotechnology.                          New Media: Usually refers to relatively recent mass media based on new information technology.                                                                                                                                   Art: The quality, production, expression, or realm, according to aesthetic principles, of what is beautiful, appealing, or of more than ordinary significance.

After taking in what I said above about the different types of art, I’ve come to the conclusion that Eirc Whietacre is a new media artist for the following reasons; He takes music, specifically symphonies to another level of understanding by putting together technology that was never to be nonexistent and created art to his satisfaction. While being considered highly a new media artist, he is considered an innovator because for the first time, he introduced a new line of production, which was highly popular and revolutionary. That revolutionary line of work consisted of a numerous amount of people singing in a choir form led by one producer. But what’s amazing is that the people were not physically there, they are actually all separated recordings from different places that have been cropped into the frame next to each other, including the producer. In other words, the creation of the virtual collaboration, and this kind of music is highly distinguished from normal music today because it’s completely different than from what we’re used to. For example, in a choir, the music is composed of people who are physically beside each other rather then from different places and in different cropped slides. So, In my opinion, being a new media artist isn’t about going against societies expectations, but rather, to create something completely different and making it work in a new way that exceeds societies expectation and makes them wonder how it was possible in the first place. It seems like Eric Whitacre did a perfect job at presenting this, and one can only question, what more can he create? And in what way?

 

Lucas Figliuzzi – Antonio Vivaldi

Antonio Vivaldi was a baroque composer and virtuoso violinist from Venice. He is considered to be one of the greatest baroque composers of all time with several popular pieces including concertos (particularly violin), operas and choral works. A piece in particular that has been known as his best work was the series of violin concertos known as “The Four Seasons”. This piece utilizes several effects to emulate aspects of the four seasons, from violinists utilizing pizzicato technique on high strings to provide the image of icy rain in “Winter” to a sonic re-creation of a thunderstorm in “Summer”. Additionally he accompanied each piece with four sonnets providing visualizations using text and written instructions throughout to cue other images (ex: “The Barking Dog” – second movement in “Spring” and “The drunkards have fallen asleep” – second movement in “Autumn”). Vivaldi can be considered a new media artist as he explored the concepts of imagery without visuals which was uncommon in that time period. The approach in the composition of “The Four Seasons” was to create a visual experience of real world environments using merely sound and text. Vivaldi was an innovator in that these techniques and contents were fairly unexplored and sought out to find the limits to what sound and written work can do in the absence of visual stimuli.

 

Aaron Labbe – John Cage, and Evelyn Glennie

John Cage was an American Composer known as one of the most influential Experimental Music creators of all time. He was a pioneer in the areas of indeterminacy in music compositions (pieces that are able to be played in several different ways), electroacoustic music (incorporating electronics in standard musical compositions/performances) and non-standard use of musical instruments. Cage was also known for his controversial concept work, most notably his piece 4’33″, which is performed in the complete absence of deliberate sound. Musicians would be instructed to present the piece then do nothing for the duration of the work aside from being in attendance; it was written for any instrumental combination and is designed to demonstrate the beauty in accidental noises occurring all around the audience as well as the importance of silence in music. He is also known for his invention of the “prepared piano” which was a standard piano with several objects placed on the strings and hammers altering the sound completely. John Cage is a new media innovator for several reasons; he created numerous variations of standard musical instruments providing a very unique effect to his musical works and pioneered several new philosophies towards musical creation and reception. He explored new ways to utilize musical inspiration and viewed the legitimacy in all things sound within his compositions, including silence.

Evelyn Glennie is a scottish percussionist known for her philosophical approach to sound, extensive touring career and virtuosity of her instrument. At age 8 she began to loose her hearing and by age 12 was completely deaf. In the “TED Talks” video she demonstrates that this has not slowed her down by any means if anything has enhanced her understanding of how sound works and the physical connection to the instrument. New Media innovation is all about the extensions that are created to our body and what is within our physical capabilities. Throughout the talk she continues to teach us what it is to truly hear; she demonstrates that sounds are merely vibrations through the air and through refining her other senses she is able to feel the music. Utilizing vibrations alone she demonstrates her ability to play complicated works of music with great proficiency. She explains that by simply loosening her hands she is able to feel the vibrations enter her body and interpret the sound being created by the instrument. Through her music education she used these techniques along with the written music to create the expressive nature of musical performances. She is an innovator in that her views on human hearing challenge the predisposed notion of what it is to perceive sound. Many music educators would find it impossible for someone with her condition to succeed at the things that she has done but she proves that even without the ears themselves, we are still able to listen. These concepts have the potential to create huge strides in media production as artists can now be inspired to explore the vibrations of sound and how we can perceive them through designed experiences.

Andrew – Golan Levin, Scott Gibbons, Gregory Shakar, Yasmin Sohrawardy

Dialtones is live musical act by a collective of musical artists and new media thinkers: Golan Levin, Scott Gibbons, Gregory Shakar, Yasmin Sohrawardy. The concept of their work is that they integrate not only the audience in to their live musical performance but actually the audience’s mobile ringtones from their mobile devices. This is the definition of new media as they are using so many concepts and tools with and regarding modern technology and how we humans interact with it. How these innovators achieve this type of new media performance is by using custom technology and computer software to dial up to 60 of the audience members cellular phones based on their location in the audience and the tone of their phone. These musicians are great examples of new media innovators as they are not only expanding on what it means to make and perform musical works, but also what it means to incorporate the audience in performance art and how thats all actually executed.

Leighton – Kutiman

Kuitman is an artist that has taken a bunch of different random solo artists on YouTube and put them together to create one big mash up. He is also a producer, animator and musician. He is best known for his piece ThruYou which is the mash up of different artists on YouTube all put together. This project specifically, received over 10 million hits in two weeks. This piece was also named one of the fifty greatest inventions in 2009. Kuitman’s success made his popularity sky rocket and began to receive more credit for his other works. Kuitman is an innovator because he is displaying something that a bunch of people made in a different way and changed it into something different. This is an example of New Media because it is an extension of these original artists work into something bigger that had an effect on more people.

(Soares, Andrew) Work cited:

source:

http://www.flong.com/projects/telesymphony/

citation:

“Dialtones (A Telesymphony) – Interactive Art by Golan Levin and Collaborators.” Flong – Interactive Art by Golan Levin and Collaborators. N.p., n.d. Web. 23 Oct. 2013.

 

(Aaron Labbe) Work Cited:

Photo from Google Images – mwwlabs.com

“The Four Seasons.” Wikipedia. Wikipedia Foundation, Inc., 20 Oct 2013. Web. 22 Oct 2013. <http://en.wikipedia.org/wiki/The_Four_Seasons_(Vivaldi)&gt;.

“John Cage.” Wikipedia. Wikipedia Foundation, Inc., 15 Oct 2013. Web. 22 Oct 2013.<http://en.wikipedia.org/wiki/John_Cage&gt;.

“Evelyn Glennie.” Wikipedia. Wikipedia Foundation, Inc., 18 Jul 2013. Web. 22 Oct 2013. <http://en.wikipedia.org/wiki/Evelyn_Glennie&gt;.

TEDTalks – Evelyn Glennie: How to Truly Listen. 2007. Video. YouTube – Google, Inc.Web. 22 Oct 2013. <http://www.youtube.com/watch?v=IU3V6zNER4g&gt;.

 

 

(Carlos Sabbah) Work Cited:                                                                                                                               

“Eric Whitare’s Virtual Choir – ‘Lux Aurumque’” Youtube. EricWhitacresVrtlChr. March 21st 2010

“Eric Whitare” Wikipedia. The Public.  August 2012 -”New Media Art.” Wikipedia.

“WHAT IS NEW MEDIA?” WHAT IS NEW MEDIA? N.p., n.d. Web. 30 Oct. 2012. <http://www.newmedia.org/what-is-new-media.html&gt;.

”New Media Art.” Wikipedia. Wikimedia Foundation, 30 Oct. 2012. Web. 30 Oct. 2012.

<http://en.wikipedia.org/wiki/New_media_art&gt;.

“Art.” Dictionary.com. Dictionary.com, n.d. Web. 30 Oct. 2012. <http://dictionary.reference.com/browse/art&gt;.

(Lucas Figliuzzi) Work Cited:

Vivaldi – Four Seasons (Winter). 2008. Video. YouTube – Google, Inc.Web. 22 Oct 2013.<http://www.youtube.com/watch?v=nGdFHJXciAQ&gt;.

“Antonio Vivaldi.” Wikipedia. Wikipedia Foundation, Inc., 14 Oct 2013. Web. 22 Oct 2013. <http://en.wikipedia.org/wiki/Antonio_Vivaldi&gt;.

(Leighton Tingley) Work cited:

Sources:
Kuitman. THRU YOU, YouTube
http://thru-you.com/#/videos/1/

SEO

(Sabbah, Carlos) 

1) How do search engines index webpages?

Search engine indexing collects, parses (which is to resolve (a sentence) into its component parts and describe their syntactic roles.), and stores data to facilitate fast and accurate information retrieval. This Index design consists of interdisciplinary concepts from linguistics, cognitive psychology, mathematics, informatics, physics, and computer science. The process in search engines indexing pages is done by what’s called “crawlers”, and these Crawlers find pages by their algorithmic search results.  Their main objective is to visit many websites and save the copy of the websites visited, so that they can be indexed later and found by the user through tags and any other form such as saved data. Thus, through the various things such as tags that are linked to websites, whenever a user searches for a word(s) over a search engine, that search engine will crawl through its information database or index of files, to match the tags you are searching for.

2) Do ip addresses affect search engine ranking, why/how?

IP addresses greatly affects and varies the search results due to commons shares and the consistency of 2 different types; Dedicated IP servers, and Shared IP servers. With dedicated IP serves, each site is assigned a separate IP address, which means that the search results are never going to pop up under an identical address. With Shared IP servers as the name states it, share the same IP address (Example, the use of the internet in one home), and this means that the search results might be similar and identical due to identical IP addresses being used. Because just like how the internet saves what we do, search and click on and suggests what we would like, sharing the same IP address will consist of identical results while Dedicated IP servers (which in this case, excludes the example of the internet) has its own un identical results and search quarries verses other IP addresses.

(Figliuzzi, Lucas)

3) Are keywords important for SEO, why/how?

Keywords are by far the most important aspect for SEO because they are simply optimized for relevancy in what you search and help analyze what you do and what you’re looking for faster and with greater effect. Keywords are the mother of all things that help the SEO guide you through what you’re looking for initially.

4) How can you optimize html tags for SEO?

You can optimize Html tags for SEO by focusing on modifying your header tags, title tags, and ALT text. This form of optimization helps generate better index search results and makes what you create; look a lot better and more precise. Here is in more depth, how you can optimize your tags properly and with more effects.

http://www.1hour-search-engine-optimization.com/html-tags.html

(Tingley, Lieghton)

5) Can you use meta tags for search optimization, why/ how?

Yes, meta tags can be used for search optimization. Meta tags are placed in HTML coding to attract the search engines to display sites that are related to the topic that the person is searching. These can be used for search optimization easily because if the meta tags are used properly when key words are typed into a search engine, they will easily be found.

6) Can you use an ALT attribute for search optimization, why/ how?

Yes you can, even though this attribute is not something that will immediately appear in a search optimization, the ALT attribute is important because it explains what the web page is about without having to read it on paper. For example, ALT attributes are important because if a deaf person is searching the web, they will not be able to see what the web page is about and the ALT attribute is helpful in explaining this to them by allowing them to hear it.

(Labbe, Aaron)

7) Yes, title attributes can be used for SEO. When creating the title in the web document you create “title tags” and search engines these to locate and rank webpages based on relevancy and keywords. To do this effectively it is recommended to place words of higher importance at the beginning of the title and limit yourself on the amount of characters used (70 is the limit to what search engines will show). To create these tags in html you can use the “<title>” coding command.

(Soares, Andrew)

9) A way to make optimize a blog for searching is to maximize all of its searchable attributes. For example this means maximizing the amount of relevant tags, the amount of meta tags maximizing html tags as well as using a searchable title.

10) The way an SEO works doesn’t really change when referring to mobile devices, the server still searches through its data base to find the particular information. However mobile devices change the possibilities of where an when one can search.

11) Yes twitter uses an SEO, to index information such as people, locations, usernames as well as tweets, trending topics and mainly key words.

Sources used;

http://mimech.com/search-engines/

http://www.1hour-search-engine-optimization.com/search-engine-optimization.html

http://www.youtube.com/watch?v=iFTvH_5PhWY – ALT attributes

http://www.youtube.com/watch?v=FDWODpVVPPY – Meta Tags

http://www.youtube.com/watch?v=sRlO0JAyNPk – SEO