<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:georss='http://www.georss.org/georss' xmlns:gd='http://schemas.google.com/g/2005' xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-553144524896195794</id><updated>2012-02-16T05:08:09.183-08:00</updated><title type='text'>INTERACTIVE DESIGN!</title><subtitle type='html'>BLOGS</subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://mokface.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/553144524896195794/posts/default?max-results=100'/><link rel='alternate' type='text/html' href='http://mokface.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>&amp;lt;-- Wai Ting Mok</name><uri>http://www.blogger.com/profile/13683065360577578966</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://3.bp.blogspot.com/_8Ugc125caLw/S6rX2dtJZHI/AAAAAAAAAHk/DkEdD0CnqYI/S220/faace.jpg'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>6</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>100</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-553144524896195794.post-3288120239371618232</id><published>2008-03-18T18:52:00.000-07:00</published><updated>2008-03-18T08:21:41.220-07:00</updated><title type='text'>What is Web 2.0</title><content type='html'>&lt;div align="left"&gt;&lt;span style="color:#000000;"&gt;&lt;span style="font-size:130%;"&gt;&lt;strong&gt;What is &lt;span style="color:#006600;"&gt;Web 2.0&lt;/span&gt;&lt;/strong&gt;&lt;span style="color:#000000;"&gt;?&lt;/span&gt;&lt;/span&gt; &lt;/span&gt;&lt;/div&gt;&lt;div align="left"&gt;&lt;span style="color:#000000;"&gt;&lt;/span&gt;&lt;/div&gt;&lt;div align="left"&gt;&lt;span style="color:#000000;"&gt;To be honest even after some research and reading I was still completely lost about it. There were two reasons for this; firstly there is no single definite, definition to define the term &lt;span style="color:#006600;"&gt;Web 2.0&lt;/span&gt;. Even now the idea of an ideal answer for the question "What is &lt;span style="color:#006600;"&gt;Web 2.0&lt;/span&gt;?" is still a blurred one. Secondly the idea &lt;span style="color:#006600;"&gt;Web 2.0&lt;/span&gt; itself is so overwhelmingly large and yet branches off expanding to even further regions of the cyberspace was simply too much for me to get my head around. For now this is how I would describe &lt;span style="color:#006600;"&gt;Web 2.0&lt;/span&gt;.&lt;br /&gt;&lt;br /&gt;&lt;em&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="color:#006600;"&gt;Web 2.0&lt;/span&gt; changed two things about the internet (World Wide Web):&lt;/span&gt;&lt;/em&gt;&lt;br /&gt;&lt;span style="color:#ff0000;"&gt;&lt;strong&gt;(1)&lt;/strong&gt;&lt;/span&gt; It allowed interaction between users via cyberspace&lt;br /&gt;&lt;span style="color:#ff0000;"&gt;&lt;strong&gt;(2)&lt;/strong&gt;&lt;/span&gt; It maximized its’ ability to gather data and dramatically increased its library of information.&lt;br /&gt;&lt;br /&gt;Before &lt;span style="color:#006600;"&gt;Web 2.0&lt;/span&gt; there was Web 1.0, Web 1.0 didn’t create much interaction between the users and also limited the information output. The reason being, for something like 1 sender there were 1000 receivers&lt;span style="color:#000000;"&gt; (1:1000).&lt;/span&gt; This meant information available came from only one person. With &lt;span style="color:#006600;"&gt;Web 2.0&lt;/span&gt; the ratio is now more like 999:1000. It allowed every and any user to input their own thoughts and knowledge into the World Wide Web database allowing information/view exchange and ultimately creating interaction between users. The increase in data flow means that the information available now is almost 1000 times more than before.&lt;br /&gt;&lt;/div&gt;&lt;/span&gt;&lt;div align="left"&gt;&lt;span style="color:#000000;"&gt;&lt;/span&gt;&lt;/div&gt;&lt;div align="left"&gt;&lt;span style="color:#000000;"&gt;&lt;span style="font-size:130%;"&gt;Summarized the &lt;em&gt;internet of now&lt;/em&gt; &lt;span style="font-size:180%;"&gt;&lt;strong&gt;IS&lt;/strong&gt; &lt;/span&gt;&lt;span style="color:#006600;"&gt;Web 2.0.&lt;/span&gt;&lt;/span&gt; &lt;/span&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/553144524896195794-3288120239371618232?l=mokface.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://mokface.blogspot.com/feeds/3288120239371618232/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=553144524896195794&amp;postID=3288120239371618232' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/553144524896195794/posts/default/3288120239371618232'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/553144524896195794/posts/default/3288120239371618232'/><link rel='alternate' type='text/html' href='http://mokface.blogspot.com/2008/03/informationindustrial-design-examples.html' title='What is Web 2.0'/><author><name>&amp;lt;-- Wai Ting Mok</name><uri>http://www.blogger.com/profile/13683065360577578966</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://3.bp.blogspot.com/_8Ugc125caLw/S6rX2dtJZHI/AAAAAAAAAHk/DkEdD0CnqYI/S220/faace.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-553144524896195794.post-8159435867555272550</id><published>2008-03-18T12:19:00.000-07:00</published><updated>2008-11-13T12:31:12.845-08:00</updated><title type='text'>Web 2.0 Examples</title><content type='html'>&lt;p&gt;&lt;strong&gt;&lt;span style="color:#000000;"&gt;Examples of &lt;span style="color:#006600;"&gt;Web 2.0&lt;/span&gt;?&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;&lt;span style="color:#000000;"&gt;Off the top of my head I can think of:&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;&lt;span style="color:#ff0000;"&gt;Wikipedia&lt;/span&gt;&lt;/strong&gt; - The ultimate information website, host to some million articles on topics ranging from politics to kids television show.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;&lt;span style="color:#ff0000;"&gt;Photobuc&lt;/span&gt;&lt;/strong&gt;&lt;strong&gt;&lt;span style="color:#ff0000;"&gt;ket&lt;/span&gt;&lt;/strong&gt; - A place where users can either personalise or share their uploaded images.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;&lt;span style="color:#ff0000;"&gt;YouTube&lt;/span&gt;&lt;/strong&gt; - A world wide site for users to upload different types of videos to share. Allows other users to rate and comment on the uploaded vidoes.&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;img id="BLOGGER_PHOTO_ID_5179054581241343538" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; CURSOR: hand" alt="" src="http://4.bp.blogspot.com/_8Ugc125caLw/R9-ys6s_7jI/AAAAAAAAAAU/Benr9pE7CM0/s400/pfeil_image001.jpg" border="0" /&gt;&lt;br /&gt;&lt;/p&gt;&lt;br /&gt;&lt;br /&gt;&lt;p&gt;&lt;/p&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;p&gt;&lt;/p&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href="http://3.bp.blogspot.com/_8Ugc125caLw/R9-zEqs_7kI/AAAAAAAAAAc/bIqSBCHLLck/s1600-h/Photobucket_20_2D_20Home_20Page.jpg"&gt;&lt;img id="BLOGGER_PHOTO_ID_5179054989263236674" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; CURSOR: hand" alt="" src="http://3.bp.blogspot.com/_8Ugc125caLw/R9-zEqs_7kI/AAAAAAAAAAc/bIqSBCHLLck/s400/Photobucket_20_2D_20Home_20Page.jpg" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;p&gt;&lt;/p&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;p&gt;&lt;/p&gt;&lt;a href="http://2.bp.blogspot.com/_8Ugc125caLw/R9-zfas_7lI/AAAAAAAAAAk/nZA8ssbK4EA/s1600-h/youtube2.gif"&gt;&lt;img id="BLOGGER_PHOTO_ID_5179055448824737362" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; CURSOR: hand" alt="" src="http://2.bp.blogspot.com/_8Ugc125caLw/R9-zfas_7lI/AAAAAAAAAAk/nZA8ssbK4EA/s400/youtube2.gif" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;p&gt;&lt;/p&gt;&lt;br /&gt;&lt;p&gt;&lt;/p&gt;&lt;br /&gt;&lt;p&gt;&lt;/p&gt;&lt;br /&gt;&lt;p&gt;&lt;/p&gt;&lt;br /&gt;&lt;p&gt;&lt;/p&gt;&lt;br /&gt;&lt;p&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/553144524896195794-8159435867555272550?l=mokface.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://mokface.blogspot.com/feeds/8159435867555272550/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=553144524896195794&amp;postID=8159435867555272550' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/553144524896195794/posts/default/8159435867555272550'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/553144524896195794/posts/default/8159435867555272550'/><link rel='alternate' type='text/html' href='http://mokface.blogspot.com/2008/03/what-is-informationindustrial-design.html' title='Web 2.0 Examples'/><author><name>&amp;lt;-- Wai Ting Mok</name><uri>http://www.blogger.com/profile/13683065360577578966</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://3.bp.blogspot.com/_8Ugc125caLw/S6rX2dtJZHI/AAAAAAAAAHk/DkEdD0CnqYI/S220/faace.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/_8Ugc125caLw/R9-ys6s_7jI/AAAAAAAAAAU/Benr9pE7CM0/s72-c/pfeil_image001.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-553144524896195794.post-2079041396846075588</id><published>2008-03-18T02:14:00.001-07:00</published><updated>2008-03-18T06:42:53.732-07:00</updated><title type='text'>What is Interactive Design</title><content type='html'>&lt;span style="font-size:130%;"&gt;What is&lt;strong&gt; &lt;span style="font-size:180%;color:#ffcc00;"&gt;Interactive Design&lt;/span&gt;&lt;/strong&gt; also known as &lt;strong&gt;&lt;em&gt;User Interface Design&lt;/em&gt;?&lt;/strong&gt;&lt;/span&gt;&lt;span style="font-size:130%;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;At the beginning I myself thought this basically meant anything which requires interaction between the &lt;span style="color:#ff0000;"&gt;user&lt;/span&gt; and the &lt;span style="color:#ff0000;"&gt;design&lt;/span&gt;. Whether the &lt;span style="color:#ff0000;"&gt;design&lt;/span&gt; was a product, service or system. However after some research I realized it was more than just the interaction between the two.&lt;br /&gt;&lt;br /&gt;&lt;span style="color:#ffcc00;"&gt;&lt;span style="color:#000000;"&gt;The&lt;/span&gt; Interactive Design &lt;/span&gt;&lt;span style="color:#000000;"&gt;generally refers to &lt;em&gt;the interaction of a complex technological system and the response to its users&lt;/em&gt;, however it can also extend to the interaction between &lt;span style="color:#ff0000;"&gt;user&lt;/span&gt; and &lt;span style="color:#ff0000;"&gt;design&lt;/span&gt; in both products and services. &lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Now my understanding of &lt;span style="color:#ffcc00;"&gt;INTERACTIVE DESIGN&lt;/span&gt; is, how it concentrates on the aspects of the interface that define and present its behavior over time, with a focus on developing the system to respond to the user's experience.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/553144524896195794-2079041396846075588?l=mokface.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://mokface.blogspot.com/feeds/2079041396846075588/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=553144524896195794&amp;postID=2079041396846075588' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/553144524896195794/posts/default/2079041396846075588'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/553144524896195794/posts/default/2079041396846075588'/><link rel='alternate' type='text/html' href='http://mokface.blogspot.com/2008/03/interactive-design-examples.html' title='What is Interactive Design'/><author><name>&amp;lt;-- Wai Ting Mok</name><uri>http://www.blogger.com/profile/13683065360577578966</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://3.bp.blogspot.com/_8Ugc125caLw/S6rX2dtJZHI/AAAAAAAAAHk/DkEdD0CnqYI/S220/faace.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-553144524896195794.post-6073072446902488651</id><published>2008-03-15T19:09:00.005-07:00</published><updated>2008-11-13T12:31:13.092-08:00</updated><title type='text'>Interactive Design Examples</title><content type='html'>&lt;strong&gt;Some examples of &lt;span style="color:#ffcc00;"&gt;Interactive Designs&lt;/span&gt; include:&lt;/strong&gt; &lt;div&gt;&lt;/div&gt;&lt;br /&gt;&lt;div&gt;&lt;strong&gt;&lt;span style="color:#ff0000;"&gt;(eg1)&lt;/span&gt;&lt;/strong&gt; &lt;em&gt;&lt;strong&gt;Automobile websites&lt;/strong&gt;&lt;/em&gt; always have interactive links, where the user can see their chosen vechile with its differnt options (paint, rims, body kit, etc) before actually seeing the vechile in real-life&lt;/div&gt;&lt;br /&gt;&lt;div&gt;- &lt;a href="http://www-5.jeep.com/vehsuite/ModelSelector.jsp"&gt;http://www-5.jeep.com/vehsuite/ModelSelector.jsp&lt;/a&gt; &lt;---following the steps until---&gt; &lt;a href="http://www-5.jeep.com/vehsuite/dispatch.do"&gt;http://www-5.jeep.com/vehsuite/dispatch.do&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;div&gt;&lt;span style="color:#ff0000;"&gt;&lt;strong&gt;(eg2)&lt;/strong&gt;&lt;/span&gt;&lt;span style="color:#000000;"&gt; &lt;em&gt;&lt;strong&gt;Web street directory services&lt;/strong&gt;&lt;/em&gt; often provide map pages where the user can scroll, resize, zoom in/out to locate the desired location.&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;br /&gt;&lt;div&gt;- &lt;a href="http://www.whereis.com/whereis/confirmedMap.do?nref=getMap"&gt;http://www.whereis.com/whereis/confirmedMap.do?nref=getMap&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;div&gt;&lt;/div&gt;&lt;br /&gt;&lt;div&gt;&lt;span style="color:#ff0000;"&gt;&lt;strong&gt;(eg3) &lt;/strong&gt;&lt;/span&gt;&lt;span style="color:#000000;"&gt;&lt;strong&gt;&lt;em&gt;Facebook applications&lt;/em&gt;&lt;/strong&gt;, most facebook applications have interactive designs. One example is the Battle Station applciation. &lt;/span&gt;&lt;/div&gt;&lt;br /&gt;&lt;div&gt;- &lt;a href="http://apps.facebook.com/battlestations/main.php"&gt;http://apps.facebook.com/battlestations/main.php&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;br /&gt;&lt;div&gt;If the link does not work than heres a screenshot:&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;br /&gt;&lt;div&gt;&lt;a href="http://2.bp.blogspot.com/_8Ugc125caLw/R9_FWas_7mI/AAAAAAAAAAs/o5b0cE_0HOQ/s1600-h/MWBS_demo1.jpg"&gt;&lt;img id="BLOGGER_PHOTO_ID_5179075085415214690" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; CURSOR: hand" alt="" src="http://2.bp.blogspot.com/_8Ugc125caLw/R9_FWas_7mI/AAAAAAAAAAs/o5b0cE_0HOQ/s400/MWBS_demo1.jpg" border="0" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/553144524896195794-6073072446902488651?l=mokface.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://mokface.blogspot.com/feeds/6073072446902488651/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=553144524896195794&amp;postID=6073072446902488651' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/553144524896195794/posts/default/6073072446902488651'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/553144524896195794/posts/default/6073072446902488651'/><link rel='alternate' type='text/html' href='http://mokface.blogspot.com/2008/03/informationindustrial-design.html' title='Interactive Design Examples'/><author><name>&amp;lt;-- Wai Ting Mok</name><uri>http://www.blogger.com/profile/13683065360577578966</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://3.bp.blogspot.com/_8Ugc125caLw/S6rX2dtJZHI/AAAAAAAAAHk/DkEdD0CnqYI/S220/faace.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/_8Ugc125caLw/R9_FWas_7mI/AAAAAAAAAAs/o5b0cE_0HOQ/s72-c/MWBS_demo1.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-553144524896195794.post-6506103690349853475</id><published>2008-03-15T19:09:00.003-07:00</published><updated>2008-03-18T07:30:12.482-07:00</updated><title type='text'>What is Information/Instructional Design</title><content type='html'>&lt;span style="font-family:arial;"&gt;&lt;strong&gt;&lt;em&gt;&lt;span style="font-size:130%;"&gt;What is&lt;/span&gt;&lt;/em&gt; &lt;span style="font-size:180%;color:#33cc00;"&gt;Information/Industrial Design&lt;/span&gt;?&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;My&lt;/strong&gt; interpretation of &lt;span style="color:#33cc00;"&gt;&lt;strong&gt;Information design&lt;/strong&gt;&lt;/span&gt; is that through &lt;span style="color:#000000;"&gt;the &lt;em&gt;use of organized graphics&lt;/em&gt; (these include: images, graphs, diagrams, etc) &lt;em&gt;and limited type&lt;/em&gt;, it is to &lt;em&gt;convey a story/information&lt;/em&gt; in a way clearer and generally &lt;em&gt;easier to understand by the audience&lt;/em&gt;&lt;/span&gt; compared with the same information being composed of nothing but text.&lt;br /&gt;&lt;br /&gt;As for &lt;span style="color:#33cc00;"&gt;&lt;strong&gt;Instructional Design&lt;/strong&gt;&lt;/span&gt;, my thoughts on it is, it is &lt;span style="color:#ff0000;"&gt;&lt;em&gt;teaching&lt;/em&gt;&lt;/span&gt;. The reason for &lt;span style="color:#33cc00;"&gt;Instructional Design&lt;/span&gt; is &lt;em&gt;&lt;span style="font-size:130%;"&gt;to create an effective mean of improving understanding&lt;/span&gt;&lt;/em&gt;, resulting in a learner whom before could not understand or complete a task by the end of the “&lt;span style="color:#33cc00;"&gt;Instructional Design&lt;/span&gt;” is able to do so. To me that is what &lt;span style="color:#ff0000;"&gt;teaching&lt;/span&gt; is. Also like teaching Instructional Design is to create an instructional method which is effective as well as appealing for the learners.&lt;br /&gt;&lt;br /&gt;&lt;span style="color:#33cc00;"&gt;&lt;strong&gt;Information Design&lt;/strong&gt;&lt;/span&gt; equals delivering information to the audience &lt;strong&gt;&lt;em&gt;efficiently&lt;/em&gt;&lt;/strong&gt; and &lt;strong&gt;&lt;em&gt;effectively&lt;/em&gt;&lt;/strong&gt;!&lt;br /&gt;&lt;br /&gt;&lt;span style="color:#33cc00;"&gt;&lt;strong&gt;Instructional Design&lt;/strong&gt;&lt;/span&gt; is &lt;span style="color:#ff0000;"&gt;teaching&lt;/span&gt;!&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/553144524896195794-6506103690349853475?l=mokface.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://mokface.blogspot.com/feeds/6506103690349853475/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=553144524896195794&amp;postID=6506103690349853475' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/553144524896195794/posts/default/6506103690349853475'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/553144524896195794/posts/default/6506103690349853475'/><link rel='alternate' type='text/html' href='http://mokface.blogspot.com/2008/03/interactive-design.html' title='What is Information/Instructional Design'/><author><name>&amp;lt;-- Wai Ting Mok</name><uri>http://www.blogger.com/profile/13683065360577578966</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://3.bp.blogspot.com/_8Ugc125caLw/S6rX2dtJZHI/AAAAAAAAAHk/DkEdD0CnqYI/S220/faace.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-553144524896195794.post-2810858934846290275</id><published>2008-03-14T22:09:00.000-07:00</published><updated>2008-11-13T12:31:13.219-08:00</updated><title type='text'>Information/Instructional Design Examples</title><content type='html'>&lt;strong&gt;Here are some fine example of &lt;span style="color:#33cc00;"&gt;Information/Instructional Design&lt;/span&gt;.&lt;/strong&gt;&lt;br /&gt;&lt;em&gt;&lt;span style="color:#33cc00;"&gt;&lt;/span&gt;&lt;/em&gt;&lt;br /&gt;&lt;em&gt;&lt;span style="color:#33cc00;"&gt;Information Design &lt;span style="color:#ff0000;"&gt;Eg&lt;/span&gt;&lt;/span&gt;&lt;/em&gt;&lt;br /&gt;&lt;em&gt;&lt;span style="color:#33cc00;"&gt;&lt;/span&gt;&lt;/em&gt;&lt;br /&gt;&lt;a href="http://1.bp.blogspot.com/_8Ugc125caLw/R9_ZYKs_7qI/AAAAAAAAABM/2kvv5i_A1Sc/s1600-h/map2012-large.gif"&gt;&lt;img id="BLOGGER_PHOTO_ID_5179097105712541346" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; CURSOR: hand" alt="" src="http://1.bp.blogspot.com/_8Ugc125caLw/R9_ZYKs_7qI/AAAAAAAAABM/2kvv5i_A1Sc/s400/map2012-large.gif" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;div&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;div&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;div&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;div&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;div&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;div&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;div&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;div&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;div&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;div&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;em&gt;&lt;span style="color:#33cc00;"&gt;&lt;/span&gt;&lt;/em&gt;&lt;/div&gt;&lt;div&gt;&lt;em&gt;&lt;span style="color:#33cc00;"&gt;&lt;/span&gt;&lt;/em&gt;&lt;/div&gt;&lt;div&gt;&lt;em&gt;&lt;span style="color:#33cc00;"&gt;&lt;/span&gt;&lt;/em&gt;&lt;/div&gt;&lt;div&gt;&lt;em&gt;&lt;span style="color:#33cc00;"&gt;&lt;/span&gt;&lt;/em&gt;&lt;/div&gt;&lt;div&gt;&lt;em&gt;&lt;span style="color:#33cc00;"&gt;&lt;/span&gt;&lt;/em&gt;&lt;/div&gt;&lt;div&gt;&lt;em&gt;&lt;span style="color:#33cc00;"&gt;&lt;/span&gt;&lt;/em&gt;&lt;/div&gt;&lt;div&gt;&lt;em&gt;&lt;span style="color:#33cc00;"&gt;Instructional Design &lt;/span&gt;&lt;span style="color:#ff0000;"&gt;Eg&lt;/span&gt;&lt;/em&gt; &lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;em&gt;&lt;span style="color:#ff0000;"&gt;&lt;a href="http://farm1.static.flickr.com/84/227201632_2bed54ff55.jpg"&gt;&lt;img style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 400px; CURSOR: hand" alt="" src="http://farm1.static.flickr.com/84/227201632_2bed54ff55.jpg" border="0" /&gt;&lt;/a&gt;&lt;/span&gt;&lt;/em&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/553144524896195794-2810858934846290275?l=mokface.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://mokface.blogspot.com/feeds/2810858934846290275/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=553144524896195794&amp;postID=2810858934846290275' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/553144524896195794/posts/default/2810858934846290275'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/553144524896195794/posts/default/2810858934846290275'/><link rel='alternate' type='text/html' href='http://mokface.blogspot.com/2008/03/web-20.html' title='Information/Instructional Design Examples'/><author><name>&amp;lt;-- Wai Ting Mok</name><uri>http://www.blogger.com/profile/13683065360577578966</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://3.bp.blogspot.com/_8Ugc125caLw/S6rX2dtJZHI/AAAAAAAAAHk/DkEdD0CnqYI/S220/faace.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/_8Ugc125caLw/R9_ZYKs_7qI/AAAAAAAAABM/2kvv5i_A1Sc/s72-c/map2012-large.gif' height='72' width='72'/><thr:total>0</thr:total></entry></feed>
