Skip to main content

Home/ Diigo In Education/ Group items tagged web design

Rss Feed Group items tagged

Jeff Andersen

Web Design Trends in 2017 - The Big List - Social Strategy Ltd. - 34 views

  •  
    I remember how websites were in the old days. Things were simple; more attention to text, quite dull pages. Things have come a long way since then. With the increasing importance of web technology for businesses and individuals alike, and with the introduction of new uses such as mobile, designers needed to come up with new design concepts. We've been through material designs, hamburger menus, animated backgrounds, and in general simple typography and designs to cater for the increasingly speedy nature of modern life.
Ian Woods

AJET 26(3) Drexler (2010) - The networked student model for construction of personal le... - 77 views

  • Web application(networked studentcomponent) Tool usedin test case Student activitylevel of structure Social bookmarking (RSS) Delicioushttp://delicious.com/ Set up the account Subscribe to each others accounts Bookmark and read 10 reliable websites that reflect the content of chosen topic Add and read at least 3 additional sites each week. News and blog alert (RSS) Google Alerthttp://www.google.com/alerts Create a Google Alert of keywords associated with selected topic Read news and blogs on that topic that are delivered via email daily Subscribe to appropriate blogs in reader News and blog reader (RSS) Google Readerhttp://reader.google.com Search for blogs devoted to chosen topic Subscribe to blogs to keep track of updates Personal blog (RSS) Bloggerhttp://www.blogger.com Create a personal blog Post a personal reflection each day of the content found and experiences related to the use of personal learning environment Students subscribe to each others blogs in reader Internet search (information management, contacts, and synchronous communication) Google Scholarhttp://scholar.google.com/ Conduct searches in Google Scholar and library databases for scholarly works. Bookmark appropriate sites Consider making contact with expert for video conference Podcasts (RSS) iTunesUhttp://www.apple.com/itunes/whatson/itunesu.html Search iTunesU for podcasts related to topic Subscribe to at least 2 podcasts if possible Video conferencing (contacts and synchronous communication) Skypehttp://www.skype.com Identify at least one subject matter expert to invite to Skype with the class. Content gathering/ digital notebook Evernotehttp://evernote.com/ Set up account Use Evernote to take notes on all content collected via other tools Content synthesis Wikispaceshttp://www.wikispaces.com Post final project on personal page of class wiki The process and tools are overwhelming to students if presented all at once. As with any instructional design, the teacher determines the pace at which the students best assimilate each new learning tool. For this particular project, a new tool was introduced each day over two weeks. Once the construction process was complete, there were a number of personal web page aggregators that could have been selected to bring everything together in one place. Options at the time included iGoogle, PageFlakes, NetVibes, and Symbaloo. These sites offer a means to compile or pull together content from a variety of web applications. A web widget or gadget is a bit of code that is executed within the personal web page to pull up external content from other sites. The students in this case designed the personal web page using the gadgets needed in the format that best met their learning goals. Figure 3 is an instructor example of a personal webpage that includes the reader, email, personal blog, note taking program, and social bookmarks on one page. The personal learning environment can take the place of a traditional textbook, though does not preclude the student from using a textbook or accessing one or more numerous open source texts that may be available for the research topic. The goal is to access content from many sources to effectively meet the learning objectives. The next challenge is to determine whether those objectives have been met. Figure 3: Personal web page compiles learning tools
  • Table 2: Personal learning environment toolset Web application (networked student component) Tool used in test case Student activity level of structure Social bookmarking (RSS) Delicious http://delicious.com/ Set up the account Subscribe to each others accounts Bookmark and read 10 reliable websites that reflect the content of chosen topic Add and read at least 3 additional sites each week. News and blog alert (RSS) Google Alert http://www.google.com/alerts Create a Google Alert of keywords associated with selected topic Read news and blogs on that topic that are delivered via email daily Subscribe to appropriate blogs in reader News and blog reader (RSS) Google Reader http://reader.google.com Search for blogs devoted to chosen topic Subscribe to blogs to keep track of updates Personal blog (RSS) Blogger http://www.blogger.com Create a personal blog Post a personal reflection each day of the content found and experiences related to the use of personal learning environment Students subscribe to each others blogs in reader Internet search (information management, contacts, and synchronous communication) Google Scholar http://scholar.google.com/ Conduct searches in Google Scholar and library databases for scholarly works. Bookmark appropriate sites Consider making contact with expert for video conference Podcasts (RSS) iTunesU http://www.apple.com/itunes/ whatson/itunesu.html Search iTunesU for podcasts related to topic Subscribe to at least 2 podcasts if possible Video conferencing (contacts and synchronous communication) Skype http://www.skype.com Identify at least one subject matter expert to invite to Skype with the class. Content gathering/ digital notebook Evernote http://evernote.com/ Set up account Use Evernote to take notes on all content collected via other tools Content synthesis Wikispaces http://www.wikispaces.com Post final project on personal page of class wiki The process and tools are overwhelming to students if presented all at once. As with any instructional design, the teacher determines the pace at which the students best assimilate each new learning tool. For this particular project, a new tool was introduced each day over two weeks. Once the construction process was complete, there were a number of personal web page aggregators that could have been selected to bring everything together in one place. Options at the time included iGoogle, PageFlakes, NetVibes, and Symbaloo. These sites offer a means to compile or pull together content from a variety of web applications. A web widget or gadget is a bit of code that is executed within the personal web page to pull up external content from other sites. The students in this case designed the personal web page using the gadgets needed in the format that best met their learning goals. Figure 3 is an instructor example of a personal webpage that includes the reader, email, personal blog, note taking program, and social bookmarks on one page.
  • The personal learning environment can take the place of a traditional textbook, though does not preclude the student from using a textbook or accessing one or more numerous open source texts that may be available for the research topic. The goal is to access content from many sources to effectively meet the learning objectives. The next challenge is to determine whether those objectives have been met.
  • ...1 more annotation...
  • AssessmentThere were four components of the assessment process for this test case of the Networked Student Model: (1) Ongoing performance assessment in the form of weekly assignments to facilitate the construction and maintenance of the personal learning environment, (2) rubric-based assessment of the personal learning environment at the end of the project, (3) written essay, and (4) multimedia synthesis of topic content. Points were earned for meeting the following requirements: Identify ten reliable resources and post to social bookmarking account. At least three new resources should be added each week. Subscribe and respond to at least 3 new blogs each week. Follow these blogs and news alerts using the reader. Subscribe to and listen to at least two podcasts (if available). Respectfully contact and request a video conference from a subject matter expert recognised in the field. Maintain daily notes and highlight resources as needed in digital notebook. Post at least a one-paragraph reflection in personal blog each day. At the end of the project, the personal learning environment was assessed with a rubric that encompassed each of the items listed above. The student's ability to synthesise the research was further evaluated with a reflective essay. Writing shapes thinking (Langer & Applebee, 1987), and the essay requirement was one more avenue through which the students demonstrated higher order learning. The personal blog provided an opportunity for regular reflection during the course of the project. The essay was the culmination of the reflections along with a thoughtful synthesis of the learning experience. Students were instructed to articulate what was learned about the selected topic and why others should care or be concerned. The essay provided an overview of everything learned about the contemporary issue. It was well organised, detailed, and long enough to serve as a resource for others who wished to learn from the work. As part of a final exam, the students were required to access the final projects of their classmates and reflect on what they learned from this exposure. The purpose of this activity was to give the students an additional opportunity to share and learn from each other. Creativity is considered a key 21st century skill (Partnership for 21st Century Skills, 2009). A number of emerging web applications support the academic creative process. Students in this project used web tools to combine text, video, audio, and photographs to teach the research topics to others. The final multimedia project was posted or embedded on the student's personal wiki page. Analysis and assessment of student work was facilitated by the very technologies in use by the students. In order to follow their progress, the teacher simply subscribed to student social bookmarking accounts, readers, and blogs. Clicking through daily contributions was relatively quick and efficient.
  •  
    Scholarly and important but also practical. Scroll down for an incredible chart of ideas that challenges older students to take charge of their own learning.
Thieme Hennis

Design lessons for programmers, curated by top designers | Hack Design - 2 views

  •  
    A free design course to encourage programmers/hackers into developing solid design skills, but most of the content is relevant to anyone wanting to improve their design skills (covers design in general including industrial design, web design, UX, etc). Some excellent resources are already available.
  •  
    "An easy to follow design course for hackers who do amazing things. Receive a design lesson in your inbox each week, hand crafted by a design pro. Learn at your own pace, and apply it to your real life work - no fake projects here."
Shannon Smith

Need resources to assist in creating a 21st century learner training/ professional deve... - 133 views

Thank you! This is great information! James McKee wrote: > Shannon, > > I was recently referred to this video of Michael Wesch who teaches cultural anthropology at Kansas State University. He ...

professional development 21st century learners technology

Deborah Baillesderr

Features - Canva - 38 views

  •  
    "Do you want to create awesome designs from scratch in as little as a few minutes? Canva's awesome suite of features make it easy to turn ideas into stunning designs. Simply search for the best graphics, photos, and fonts, then use Canva's drag and drop tool to create a design. Whether your next design project is a creative collage, a social media graphic or even a web mockup - Canva's features make it possible for anybody to create amazing designs."
Jeff Andersen

Universal Usability: A universal design approach to web usability - 11 views

  •  
    The Universal Usability site houses an unabridged, online version of Access by Design: A Guide to Universal Usability for Web Designers, by Sarah Horton, published in 2005 by New Riders Press. You'll find the complete text and illustrations from the printed book here under Access by Design Online. The online version also offers links to texts and tutorials that support and expand on the concepts covered in the book. Visit About the site to learn about the purpose and process of posting the book online.
Jeff Andersen

Designing for Web Accessibility - Tips for Getting Started | Web Accessibility Initiati... - 1 views

  •  
    This page introduces some basic considerations to help you get started making your user interface design and visual design more accessible to people with disabilities. These tips are good practice to help you meet Web Content Accessibility Guidelines (WCAG) requirements. Follow the links to the related WCAG requirements, detailed background in the "Understanding" document, guidance from Tutorials, user stories, and more.
Mark Swartz

Role and Function of Theory in Online Education Development and Delivery - 3 views

  • According to Bonk and Reynolds (1997), to promote higher-order thinking on the Web, online learning must create challenging activities that enable learners to link new information to old, acquire meaningful knowledge, and use their metacognitive abilities; hence, it is the instructional strategy and not the technology tha
  • According to Bonk and Reynolds (1997), to promote higher-order thinking on the Web, online learning must create challenging activities that enable learners to link new information to old, acquire meaningful knowledge, and use their metacognitive abilities; hence, it is the instructional strategy and not the technology that influences the quality of learning.
  • However, it is not the computer per se that makes students learn, but the design of the real-life models and simulations, and the students' interaction with those models and simulations. The computer is merely the vehicle that provides the processing capability and delivers the instruction to learners (Clark, 2001).
  • ...35 more annotations...
  • Online learning allows for flexibility of access, from anywhere and usually at anytime—essentially, it allows participants to collapse time and space (Cole, 2000)—however, the learning materials must be designed properly to engage the learner and promote learning.
  • Cognitive psychology claims that learning involves the use of memory, motivation, and thinking, and that reflection plays an important part in learning.
  • The development of effective online learning materials should be based on proven and sound learning theories.
  • Early computer learning systems were designed based on a behaviorist approach to learning. The behaviorist school of thought, influenced by Thorndike (1913), Pavlov (1927), and Skinner (1974), postulates that learning is a change in observable behavior caused by external stimuli in the environment (Skinner, 1974).
  • Therefore, before any learning materials are developed, educators must, tacitly or explicitly, know the principles of learning and how students learn.
  • Constructivist theorists claim that learners interpret information and the world according to their personal reality, and that they learn by observation, processing, and interpretation, and then personalize the information into personal knowledge (Cooper, 1993; Wilson, 1997).
  • The design of online learning materials can include principles from all three. According to Ertmer and Newby (1993), the three schools of thought can in fact be used as a taxonomy for learning. Behaviorists' strategies can be used to teach the “what” (facts), cognitive strategies can be used to teach the “how” (processes and principles), and constructivist strategies can be used to teach the “why” (higher level thinking that promotes personal meaning and situated and contextual learning).
  • The behaviorist school sees the mind as a “black box,” in the sense that a response to a stimulus can be observed quantitatively, totally ignoring the effect of thought processes occurring in the mind.
  • Learners should be told the explicit outcomes of the learning so that they can set expectations and can judge for themselves whether or not they have achieved the outcome of the online lesson. 2.  Learners must be tested to determine whether or not they have achieved the learning outcome. Online testing or other forms of testing and assessment should be integrated into the learning sequence to check the learner's achievement level and to provide appropriate feedback. 3.  Learning materials must be sequenced appropriately to promote learning. The sequencing could take the form of simple to complex, known to unknown, and knowledge to application. 4.  Learners must be provided with feedback so that they can monitor how they are doing and take corrective action if required.
  • Cognitivists see learning as an internal process that involves memory, thinking, reflection, abstraction, motivation, and meta-cognition.
  • Online instruction must use strategies to allow learners to attend to the learning materials so that they can be transferred from the senses to the sensory store and then to working memory.
  • Online learning strategies must present the materials and use strategies to enable students to process the materials efficiently.
  • information should be organized or chunked in pieces of appropriate size to facilitate processing.
  • Use advance organizers to activate an existing cognitive structure or to provide the information to incorporate the details of the lesson (Ausubel, 1960).
  • Use pre-instructional questions to set expectations and to activate the learners' existing knowledge structure.
  • Use prerequisite test questions to activate the prerequisite knowledge structure required for learning the new materials.
  • To facilitate deep processing, learners should be asked to generate the information maps during the learning process or as a summary activity after the lesson (Bonk & Reynolds, 1997).
  • The cognitive school recognizes the importance of individual differences, and of including a variety of learning strategies in online instruction to accommodate those differences
  • The Kolb Learning Style Inventory (LSI) (Kolb, 1984) looks at how learners perceive and process information, whereas the Myers-Briggs Type Indicator (Myers, 1978) uses dichotomous scales to measure extroversion versus introversion, sensing versus intuition, thinking versus feeling, and judging versus perception. In the following discussion, we consider the Kolb Learning Style Inventory.
  • Attention: Capture the learners' attention at the start of the lesson and maintain it throughout the lesson. The online learning materials must include an activity at the start of the learning session to connect with the learners. Relevance: Inform learners of the importance of the lesson and how taking the lesson could benefit them. Strategies could include describing how learners will benefit from taking the lesson, and how they can use what they learn in real-life situations. This strategy helps to contextualize the learning and make it more meaningful, thereby maintaining interest throughout the learning session. Confidence: Use strategies such as designing for success and informing learners of the lesson expectations. Design for success by sequencing from simple to complex, or known to unknown, and use a competency-based approach where learners are given the opportunity to use different strategies to complete the lesson. Inform learners of the lesson outcome and provide ongoing encouragement to complete the lesson. Satisfaction: Provide feedback on performance and allow learners to apply what they learn in real-life situations. Learners like to know how they are doing, and they like to contextualize what they are learning by applying the information in real life.
  • Online strategies that facilitate the transfer of learning should be used to encourage application in different and real-life situations.
  • Constructivists see learners as being active rather than passive.
  • it is the individual learner's interpretation and processing of what is received through the senses that creates knowledge.
  • “the process of using a prior interpretation to construe a new or revised interpretation of the meaning of one's experience in order to guide future action” (p. 12).
  • Learning should be an active process. Keeping learners active doing meaningful activities results in high-level processing, which facilitates the creation of personalized meaning. Asking learners to apply the information in a practical situation is an active process, and facilitates personal interpretation and relevance.
  • Learners should construct their own knowledge rather than accepting that given by the instructor.
  • Collaborative and cooperative learning should be encouraged to facilitate constructivist learning (H
  • When assigning learners for group work, membership should be based on the expertise level and learning style of individual group members, so that individual team members can benefit from one another's strengths.
  •   Learners should be given control of the learning process
  • Learners should be given time and opportunity to reflect.
  • Learning should be made meaningful for learners. The learning materials should include examples that relate to students, so that they can make sense of the information.
  • Learning should be interactive to promote higher-level learning and social presence, and to help develop personal meaning. According to Heinich et al. (2002), learning is the development of new knowledge, skills, and attitudes as the learner interacts with information and the environment. Interaction is also critical to creating a sense of presence and a sense of community for online learners, and to promoting transformational learning (Murphy & Cifuentes, 2001). Learners receive the learning materials through the technology, process the information, and then personalize and contextualize the information.
  • Figure 1-6. Components of effective online learning.
  • Behaviorist strategies can be used to teach the facts (what); cognitivist strategies to teach the principles and processes (how); and constructivist strategies to teach the real-life and personal applications and contextual learning. There is a shift toward constructive learning, in which learners are given the opportunity to construct their own meaning from the information presented during the online sessions. The use of learning objects to promote flexibility and reuse of online materials to meet the needs of individual learners will become more common in the future. Online learning materials will be designed in small coherent segments, so that they can be redesigned for different learners and different contexts. Finally, online learning will be increasingly diverse to respond to different learning cultures, styles, and motivations.
  • Online instruction occurs when learners use the Web to go through the sequence of instruction, to complete the learning activities, and to achieve learning outcomes and objectives (Ally, 2002; Ritchie & Hoffman, 1997).
  •  
    From:  FOUNDATIONS OF EDUCATIONAL THEORY FOR ONLINE LEARNING
Eve Datisman

Print Friendly & PDF - 81 views

  •  
    make any Webpage PrintFriendly PrintFriendly cleans and formats web pages for perfect print experience. PrintFriendly removes Ads, Navigation and web page junk, so you save paper and ink when you print. It's free and easy to use. Perfect to use at home, the office, or whenever you need to print a web page. Generates a PDF that you can save electronically or a print copy that you can designate font sizes lots of flexibility here. choose the bookmarklet to add to your bookmark toolbar get the button for your website or simply add a URL and watch it do its magic
Deborah Baillesderr

Gamestar Mechanic - 46 views

  •  
    Play, design and share games.  Focuses on game design
  •  
    a very popular web-based game design environment. Global Kids http://olpglobalkids.org/ is using it to run social benefits game design contests and badging programs. They are getting 100+ new game design entries per week. From the parents' guide: Gamestar Mechanic is currently supported by a partnership between the Institute of Play and E-Line Media. The game was originally developed by Gamelab in partnership with the Institute of Play and the Academic Advanced Distributed Learning Co-Lab (AADLC) at the University of Wisconsin-Madison. Initial funding for the game and companion learning guides came from the John D. and Catherine T. MacArthur Foundation. The design of the game is based on research by some of the leading academics in the field including Katie Salen (Executive Director of the Institute of Play and curriculum author for the New York City Public School Quest To Learn) and James Paul Gee (author of What Video Games Have to Teach Us About Learning and Literacy).
  •  
    This site has students creating games from scratch and putting them out into the world for feedback within the Gamestar Mechanic community. Students use math, problem solving, writing skills and more to make their games interesting. I think this could be used in the classroom as a theme-based project or just to get students interested in coding.
Martin Burrett

Muzy - 81 views

  •  
    This is a wonderful photo designer site with a range of web apps. Design a photo collection using the 'PhotoBox' tool which uses a range of templates by Upload images or finding photos lots of places online. Make a mini poster with the 'Thoughts' app. Design a 'verses' poster where you set two things side by side. You can also make collages, photo piles, edit images with PicMonkey and many more. http://ictmagic.wikispaces.com/Photos+%26+Images
Roland Gesthuizen

How Usable Is Your Online Course Content? » Online College Search - Your Accr... - 60 views

  • it serves to focus (or refocus) or attention on the learner experience. All too often we are distracted by the latest and greatest tool and by the priorities of other stakeholders in the process
  •  
    'A recent article from UXMag.com, geared toward web design topics, caught my attention with the "User Experience Honeycomb" developed by Peter Morville to guide designers in the creation of "useful, usable, engaging content." With its seven related facets, it could be a helpful decision-making resource for instructional designers and instructors creating activities for online courses.'
Rebecca McIntyre

TechNTuit - 131 views

  •  
    This Website is designed as an inquiry-oriented format which will provide you the viewer with information on Web 2.0 digital tools that will enable you to create 21st century learning environments. The creator of this portal hopes that the results of this project will inspire many educators to create social networks of learning for classrooms across the globe. Whether you're a teacher or student new to the topic of Web 2.0 or an experienced educator looking for Web 2.0 materials, I hope that you will find something here to meet your needs.
Martin Burrett

Autodesk 123D -- creature - 33 views

  •  
    This is a 'must try' iPad app where you can design a 3D creature. Tap, drag and pinch your creation until it is just right and then 'paint' it with the patterns you want. It's a great resource to use alongside creative writing or science work. If you have access to a 3D printer you can even fabricate your design. Download the app at https://itunes.apple.com/us/app/123d-creature/id594014056. http://ictmagic.wikispaces.com/ICT+%26+Web+Tools
Martin Burrett

3DTin - 90 views

  •  
    This is a superb 3D designing site. Make your designs with cubes and other basic shapes. Pan around, change colours and use templates. Get building now! http://ictmagic.wikispaces.com/ICT+%26+Web+Tools
Martin Burrett

Floor PlanR - 5 views

  •  
    Design and plan your classroom layout without lifting a thing with this easy to use, drag and drop classroom designer. http://ictmagic.wikispaces.com/ICT+%26+Web+Tools
Martin Burrett

LEGO Digital Designer : Virtual Building Software - 5 views

shared by Martin Burrett on 06 Apr 09 - Cached
  •  
    This is LEGO Digital Designer. The program that lets you build with LEGO bricks on your computer.
  •  
    A downloadable 3D model maker from Lego. Designed for children and simple to use. http://ictmagic.wikispaces.com/ICT+&+Web+Tools
Martin Burrett

Google SketchUp - 48 views

  •  
    Sketchup from Google is a widely used 3D modelling program. Originally designed to design buildings in Google Earth, it can be used to model anything. There is a vast library of pre-made components to download. So many possible uses in the classroom. Make sure you are using it too! http://ictmagic.wikispaces.com/ICT+&+Web+Tools
Dimitris Tzouris

Learn Web Design, Web Development, and More | Treehouse - 53 views

  •  
    "Learn from over 1000 videos created by our expert teachers on web design, coding, business, and much more"
  •  
    Great site, unfortunately it has a monthly cost.
Martin Burrett

IM CREATOR - Design your website - 94 views

  •  
    A easy to use website builder. Embed images, audio, video and widgets until its just right. http://ictmagic.wikispaces.com/ICT+%26+Web+Tools
1 - 20 of 184 Next › Last »
Showing 20 items per page