Tag Archives: mpm 107

Crypto Currency

Aarons presentation on crypto currency had broadened my view on the concept of currency. The idea that there were currencies that were void of control from the bank and government was an idea that had previously been unknown to me. These crypto currencies are virtual currencies that are valued with real money that can be translated and transferred as such. These currencies are virtually non-existent however something such as a single bitcoin is now worth an upward of a thousand american dollars. Crypto currencies are also interesting as it is peer to peer without a middle man such as a bank as well as the fact that it is a set currency base that means that there is no possibility of paying fees or taxes based on the currency aquired. This presentation by Aaron made me want to invest in crypto currencies.


Artificial Inteligence

The presentation about artificial intelligence by Kirk went over a few concepts i already knew as well as explored concepts new to me. And example of a concepts of artificial intelligence i already knew would be the idea of robots and how they have whatever intelligence that was given to them from us by means of programming this includes robots that are programmed to accomplish tasks that are too redundant, simple or hard for humans to do like robots that build cars, or computers. A concept that i didn’t previously understand is the concept of artificial intelligence to accomplish things on a microscopic scale for example robotic cells that are programmed to fight off bacterias or even cancers.

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:


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:


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.

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.


“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;.

“50 Questions to Evaluate the Quality of Your Website.” Search Engine Journal. N.p., n.d. Web. 13 Nov. 2013.

“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.

“Capturing Audio & Video in HTML5 – HTML5 Rocks.” HTML5 Rocks – A resource for open web HTML5 developers. N.p., n.d. Web. 13 Nov. 2013. 


Hacking culture is something i suppose i had previously had a narrow grasp on as i perceived it to be greasy neck bearded males in their mothers basements cracking website codes and replacing images with pornographic ones for amusement. However from Dimitri’s presentation it brought hacking into a whole new light for me. As i understand it there are three types of hackers: black hats, white hats and the inbetweeners: grey hats. Black hats are the delinquents who infiltrate websites and sometimes ever larger platforms like security servers or even power plants specifically for malicious and destructive activity. White hats are like the white knights of hacking in that they use their knowledge and abilities to infiltrate websites and code to actually fix the problems for employment. Grey hats are somewhere in between.

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.


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.


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.


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


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.


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


“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


“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.