Monday, November 24, 2014

Journal #7: Reflection

I explored a couple different PLNs and affinty groups this quarter.  They were all new to me and I experienced different results with each.  I probably found the Digg RSS reader the most interesting.  Once you have a good number of blogs in your list scrolling through them can be pretty fun.  I've linked to a couple of sample articles I might find on a typical day:

Web Design Ledger
Smashing Magazine
Creative Cow

Although this can end up meandering a bit, it can be very interesting and I think it is valuable.

I also tried delving a bit more into Twitter, Linked-In and joined Acedemia.edu.  I enjoy Twitter but have not found it to be useful for my learning personally.  There are uses for it in learning environments but not for me at this time.  I've tried Linked-In before and found it to be pretty inundated with spam and this time was no different.  This will probably be the last time I try Linked-In.
Academia.edu is really cool site that allows people to post academic papers.  There are ways to search and post to groups by subject.  You can also bookmark papers for later reading.  This is mostly what I have done, but when I have a paper to research for I will have a group of papers to draw from.  You can also follow people like other students and professors.
Creative Cow is an affinity group that I was already familiar with.  I have continued to go to this site during this quarter whenever I have an adobe question.  There are some great boards there to find information.  In general, I'd like to explore more groups to find what works best for me.  

Monday, November 17, 2014

Journal #6: Reflection

I have found the first five weeks to be both challenging and interesting.  I came into the program this semester knowing that I would be immersed in CSS and HTML.  With no background in the languages this was the most intimidating aspect of signing up for the program.  I've found the subject rewarding so far since it is creative and technical.

The most challenging portion of the class has been the bulk of elements and selectors we have gone over in the book.  I am glad in that I feel it is exhaustive and doesn't leave out important details.  This can be daunting as well when I am reading and thinking, 'How will I ever remember some random IE workaround in practice?'  Overall I think when the class is done i will feel confident in at least understanding both languages and I can always go back and review particular behaviors when I want to use them.  I am trying not to stress on memorizing everything and just trying to remember where to look things up and using them and see how they behave.

The most enjoyable part of the course has been seeing text documents come to life with even simple CSS.  The following example was one of the first where I really saw an exercise look like a 'real' website: bistro menu.  I also liked having the background image fixed while the menu scrolls in this example. The most challenging assignment was gathering all of the book exercises and getting them up on the server.  The concept is not that difficult, but devising an organizational system was challenging.  I might work on different computer depending on where I am so I had to coordinate cloud storage with my home system and the server in a way that I always know what is newest and what has been uploaded. I also changed the names of some of my files and thought I had taken the right steps to modify the files on the server but found I had to fix some broken links.

Here's a link to that table:

work table

I definitely feel like having a grasp on layout techniques will tie the skills together for me.

Sunday, November 2, 2014

Journal #5: Twitter

I have been a member of Twitter for about a year but have not used it very regularly.  I also had never considered its use for education before now.  I found the article 35 Interesting ways to use Twitter in the Classroom was interesting for uses I had never considered.

My personal experience with Twitter has not been particularly useful.  I find it difficult to find actual people I know unless I know their handle.  I do follow a number of people though and find that it can be useful to find news and links to interesting articles.  I think if I was more active I might find more I am interested in.

As far as learning, I think that after reading the articles Twitter can be very useful.  It seems like this brings information to the student in a format that they are already active in.   This can stimulate interactivity and participation in the class.  Students that might not post to class boards elsewhere online may be more inclined to do so on Twitter.  I do think that this would have more limited use in adult education however.

Q1: If I was try following Twitter tags to attempt to learn a skill, would I find it effective?

A1: I did follow some hashtags for various subjects related to the program in order to get some new ideas.  I kept an eye on photoshop tags and dslr tags since I am also in the video production class.  I did not find it particularly helpful though.  In fact, I found it to be distracting.  I wouldn't say nothing interesting came through the feed, just nothing that was immediately relevant.  I do like Twitter for getting exposure to some interesting links and finding news stories from journalists I follow, but not for learning anything specific.  In a classroom setting I do see its value, but for my personal learning, not so much.

Q2: Does Twitterfall help to organize my feed?

A1: I did like the concept of Twitterfall.  It is cool to type in tags a watch stuff roll by in a different window while I'm doing something.  Twitter and Twitterfall are fun and interesting at times.  To be honest though I find probably 75% of tweets to be either uninteresting or self-promotional.  I also find that you have certain members who just post too much.  I'll have to look at how to filter that out.  In all the most interesting tweets I found to be from blogs I was already familiar with and am a fan of.

Friday, October 24, 2014

Journal #4: Website Flowchart and Wireframe

Site title:
California Drought – Los Angeles County

Developer:
Adam Hain

Rational or focus:
The goal of the site is to educate the public on the severity of the drought specifically in the Los Angeles County area.  It will also provide ideas for reducing water use and a small amount of history of water use in the region.

The site will feature:
      1. Standard navigation
      2. Internal and external links
      3. Thumbnails linking to photos and one video
      4. 1 ordered list
      5. 1 precipitation table
      6. CSS styling

     Content:
The site will contain 9 total html pages:
1.     Home/ Nav: This page will contain basic overview of the state of the California drought specifically in LA County.   It will also contain navigation to the 4 main sections of the site.

2.    Resources:

-Section 1
How Can I Conserve Water?
List of ways to reduce water usage

-Section 2
LA Water Facts
List of facts or statistics pertaining to drought

-Section 3
What’s Happening
Article on examples of what is being done around the county, including goals of local government and private parties.

3.     Historical Information: Article that briefly describes how the LA water system came into being

          4-7.  Media: The media section features  a media main page with thumbnails that link to individual pages containing photos.  The photos will be contemporary and archival.  I hope to have at least one page containing a short video as well.  I have drawn 3 media pages on my flowchart but if I find more photos this could grow a bit.

              8. Links: General Links to resources around the Web

              9. Ca Gov Links: Links to specifically Government resources

Target Audience:
The target audience is Southern California residents.  It will be primarily aimed at adults and older teens. 

Design Considerations:
My aim is to create concise articles as I found many sites on the subject to possibly be too dense for the busy reader.  I would like it to be simple and uncluttered.  I have tried to incorporate empty white space to avoid a sense being overwhelmed by information.
I would like it to be accessible to all readers, so will be checking colors for color blindness considerations, as well as attempting to create markup that caters to all residents.

Limiting Factors:
There are a number of features that I would like to add and have seen around the web.  However, with no knowledge of Javascript, Flash or HTML animation, these features are likely unrealistic.

Here is my wishlist:

1.     parallax scrolling – I’d like the background to move at a different rate than the foreground text.

2.     animated navigation buttons – I’d like these buttons to pop up or spin slightly when hovered over.

3.     design complexity –I would like to create a more complex, multi-column responsive design. As I am new to photoshop and HTML, it is difficult to even create a multi-column mockup let alone write the code.

4.     animation -  I hope to create a short 2D animation as I am in the graphic design class as well and we will be covering Flash later in the quarter.

See below for flowchart and wireframes:












Wednesday, October 15, 2014

Journal #3: Social Media & Education

Journal #3: Social Media & Education

Friesen, N. (2010). Education and the social Web: Connective learning and the commercial imperative. First Monday, 15(12). doi:10.5210/fm.v15i12.3149

Friesen's article is a clearly negative critique of all social media in the classroom and for the purpose of learning in general.  His chief argument is that structurally these social media resources are commercially driven and exist solely with the support - and for the benefit of advertisers.  Much of the article compares this network structure to the existing advertising driven mass-media paradigm historically developed in television.  While he does acknowledge the obvious difference that on social networks much of the content is user created, he insists that "by their very presence, advertisements show what is really important in a particular Web context. They indicate the “real social sources,” the true reason for the content provided"  (Friesen, 2010).  He goes on to discuss the lack of a forum for dissent in many social network sites, objecting to this as he believes dissent is an integral part of education.

I had a mixed reaction to his viewpoint.  I agree with his analysis that these networks are profit-driven and this profit comes from advertising, not to mention a source he doesn't touch on extensively - outright selling of members' personal information.  I also agree that the existing media sites Facebook and Twitter most likely have little use for the purpose of learning.  I think this is primarily because there is very little depth to a posting, unless that posting is a link to an actual article. 


Where I had issue with the article was his tendency to homogenize all social networks.  Youtube, Facebook, Twitter and Blogger all have completely different structures and potentials for learning. Take Blogger first: This service is owned by Google whose motivations may not be as altruistic as they would like us to believe - "do no harm"- however, this service and blogs in general have enormous potential for learning and peer communication.  Youtube is clearly ad-driven as well and while we can all agree the content is a mixed bag, I think most would agree that there is high quality content to be found there.  I have found a ton of useful information.  Also, while I feel Facebook itself being, ad-driven is not the best choice for an educational network, there are similar spaces created for education that I do think are useful.  


Q1: Do you think it is unethical for authors to chose to allow advertising in front of their educational  or "how-to" Youtube content?


A1: No, I don't.  As the creator of the content, it is their choice to take advantage of what small profits are available there.  It is also the viewers choice whether to watch or not. This content can be costly and is in the least time consuming.  I don't have a problem with these authors being compensated.  


Q2: What steps can be taken to avoid contributing to media companies' profits while still taking advantage of the technology? 


A1: I think open source resources are the best option if this is your goal.  I am new to learning about the WordPress community, but think that this would be a great area to explore if blogging is your interest.  I like the fact that your information is being stored locally and not on a corporation's servers. 

Saturday, October 11, 2014

Journal #2: Digg RSS Stream

This week I spent some time looking over my Digg stream.  I initially found blogs by searching in the reader itself, but later moved to Googling for well respected blogs.  I decided to split the blogs into folders for things related to the program like web design, Photoshop and elearning as well as folders for other personal interests.  I subscribed to a ton of blogs just to get going and had a mixed experience.

I will begin with the negative aspects.  I found that, first of all  there was an overload of information coming in.  It did help to sort by subject, but this does not change that the feed contained items that may be of interest to me  but were not necessarily something I would search for.  Next, many of the feeds seemed to be based less on the writers personal interest and more on self-promotion and selling books, templates, subscriptions to tutorials etc.

There were positive aspects as well.  There are blogs whose authors express genuine interest in a field and offer great links to information for that community.  It can be inspiring to see this type of passion and interest and it can be fun to follow.  There is also a wealth of great information in blogs that are a  hybrid of having items available for purchase or subscription but also offer high quality content.  Ultimately I feel my RSS feed would be very useful with some pruning.

Q1: What is something you found this week that you feel may use in the future?

A1: The article below about collaborative web design using smart objects in Photoshop was interesting.  I was unfamiliar with a good deal of it, as I am fairly new to Photoshop, but I appreciate the utility of the article and have experienced similar issues with collaboration with other software.

 Click Here to View

I also found that there is an elearning guild.  I was instantly suspicious as the website was so full of ads and opportunities to hand over money to this organization.  This was a bit disappointing, but amy still be worth checking out.

Click Here to View

Q2: In what ways have you gathered information of this sort before?

A2: I do have blogs that I have followed that I trust to have great articles and a solid community.  Two are Creative Cow and Pro Tools Expert.  I did not use a reader, just went there a lot.  This can be limiting because I will realistically only go to a few of these regularly.  I also subscribed to the method of googling a question or subject and clicking on familiar sources for interesting info.  I was aware of RSS but had never tried using it.  I am interested in giving it some time to see if it is useful for me.

I also joined a couple affinity groups:

Edutopia - I hope to find some innovative ideas here.  This is a very large and active community.

Linked in - Instructional Design and eLearning professionals group.  This group seemed to have some interesting posts but I am pretty skeptical of Linked in generally.


I may choose another group if these do not have what I am looking for.



Thursday, October 2, 2014

Journal #1: Chapters 1-3 Reflection

Journal #1: Chapters 1-3 Reflection

Robbins, J. (2012). Learning web design: A beginner's guide to HTML, CSS, Javascript, and web graphics (4th ed.). Sebastopol, CA: O'Reilly.

Summary/Reflection:

Robbins' first three chapters focus on defining and understanding the basic terms and functions that comprise the Internet as we have come to know it.  Chapter one begins with the division of career paths included under the Web Design umbrella.  She also discusses software packages and recommended hardware along with brief descriptions of HTML, CSS, Javascript and front-end vs. back-end development.    Chapter two discusses the history of the Internet, its structure and syntax and also provides examples of HTML/ CSS interactions.  The third chapter focuses on concepts such as accessibility and responsive design.  The countless resources available for learning these languages can be overwhelming, especially as someone who is new to the subject.  I appreciate the overview presented here which offers resources for further exploration, before jumping right into creating the actual markup.

I am especially  impressed with the development of CSS stylesheets.  I can imagine that this community was ecstatic when CSS began to take hold.  To be able to affect changes across multiple HTML pages from one source seems  like it would save countless hours in revisions.  

I also appreciate the fact that the web standards are not owned or created by any one entity.  There seems to be open dialog in the community about what the standards should be and how they should change.  While I am glad there is a centralized body for maintaining these standards, I am equally happy this body is not a corporation and that the standards are not propriatary.  Several companies maintaining propietary versions of the same product is usually a mess.


Q1: Robbins explores responsive design in Chapter 3.  In regard to elearning, is the desktop experience superior to mobile or tablet?  Should learning on the desktop be preferred and mobile/ tablet learning be used only when a desktop/laptop is unavailable?

A1:  My personal experience would lead me to initially say yes, as I would much prefer to preform any task on a desktop or laptop than a tablet or phone.  I will admit I have limited exprience learning in a mobile environment and am excited to find applications that I am not aware of.  I have watched tutorials on a break, for example and my phone is great in that instance but I would hate to have it be my only point of access for learning on the Web.  The primary reason for my view would have to be speed.  While I could accomplish many  things on a mobile device, the same things are so much faster on a  larger screen with a keyboard.  I do not have a tablet but I imagine that would be a better experience.  As I said I look forward to being shown what is available in mobile learning. 



Q2: Robbins mentions the trend away from Flash, and while I have no experience with it, I have certainly experienced it on the Web.  She states, "Although HTML5 is promising and rapidly evolving, as of this writing, it cannot match the features and performance of Flash."  What are the alternatives to Flash being developed at this time for use with HTML5?  What are the features of Flash that are unavailable in HTML5?

A2: One of the reasons I wanted to ask this question was to find the answer to another question: Should I learn Flash?  With no support from iOS devices my instinct was to say no.  I am not familiar with Flash or the HTML5 alternatives but here are some of the things I found:


The first method is to not use a software editor and code the content by hand.  As I understand it, this is probably the best way to create content as the software media creation tools apparently tend to create inferior code.

Software  packages for creating HTM5 content include:

Adobe Edge Animate - I spent about an hour tooling around with this and it seemed fairly easy to make a simple animation:

https://creative.adobe.com/products/animate

Tumult Hype - Much like Adobe Edge this product features the ability to animated and interactive content and there is a trial available:

http://tumult.com/hype/

Google Web Designer - Google's free software (in Beta):

http://www.google.com/webdesigner/  

Adobe Flash CC - This blog posting talks about exporting Flash elements to the HTML5 canvas:


http://blogs.adobe.com/flashpro/2014/01/23/adobe-flash-professional-cc-for-html5-animation/


I am not going to list the differences in features between Flash and HTML5, but they are listed in the link below:


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


Here is a fun site that features a game written both on Flash and HTML5 for comparison:


http://flashvhtml.com/


So what is the right path? I have no idea at this point but it looks like this is a space being fought over and as I learn HTML5 and eventually Javascript this will be an important area to watch.  I do feel a solid familiarity with Flash is important as - according to the text, there is plenty of content out there still created with Flash.