Sunday, October 30, 2011

Devinition & various graphic media

   
Devinition of  Media
The word media comes from the Latin medius, which literally means the middle, intermediate, or an introduction. But more specifically, understanding the media in the learning process is defined as graphical tools, photographic, or electronically to capture, process, and reconstruct the visual or verbal information. The media can also be interpreted as anything that can be used to distribute messages, stimulate thoughts, feelings, concerns, and the willingness of students, so it can be pushed involved in the learning process. Gagne defines the various types of media as a component in a student environment that can stimulate students to learn.Media is anything that can be used to meyalurkan message and can stimulate the mind, can arouse passion, attention, and the willingness of students so as to encourage self-learning process in students.

   Devinitionof 
Graphics
Media

Media graphic is a visual medium that presents the facts, ideas, or ideas through the presentation of words, phrases, numbers, and symbols / images. Graphics are usually used to attract attention, serving to clarify ideas, and illustrate the facts so interesting and memorable people.

    
Function Media Graphics
The function of graphic media is attracting attention, serving to clarify the lesson, and illustrate a fact or a concept that easily overlooked if only through verbal explanation.Graphic media serves to channel messages from the source to the receiver. Dipakain channels involving the senses of vision. The message will dismapaikan poured into symbols of visual communication.


    
Characteristics of graphic media
Characteristics of the media can be viewed according to the ability of sensory stimuli membangkikan vision, hearing, touch, pengecaoan, or olfactory or kesuaiannya with learning hierarchy levels. For practical purposes the characteristics of several types of media commonly used in teaching and learning activities.

    
Various kinds of graphic media
a) DiagramThe diagram is a simple descriptions to show reciprocal relationship, especially with the lines of good diagram is very simple with only the most important parts are shown.Based on the above concept, the media would use the diagram in the learning process will be very helpful for teachers and students in listening to the subject matter, because basically the diagram is a visual summary of the solid on the facts and ideas that will be described.b) ChartsGraph is a graphic that uses dots or lines to convey statistical information that are interconnected (Warsito R., 2001: 48). Assuming the graph understanding, in teaching and learning, the graph has a function to show the comparison of information qualities and the quantity of fast and simple, especially in the presentation of statisticalc) PosterPosters are a powerful combination of visualization with color and messages with the intent to capture the attention of passers-by, but long enough instill the idea that meaningful in his memory (1989: 51). The media are generally used to introduce a product from a company or used as a means promotion.d) CartoonCartoons are describing in the form of paintings or caricatures of people, ideas or situations that are designed to influence public opinion (1989: 58). By assuming the above mentioned concept, cartoon can be used as aids the teaching process, although many cartoons that make people smile, but basically the cartoon has benefits in teaching and learning materials, especially in the elucidation of a series of logical order or support meaninge) ComicsComics is a form of cartoons that reveal character and act out a story in a sequence that is closely associated with the image and is designed to provide entertainment to the readers. (1989: 69)f) ImageGraphic media most commonly used in the PBM, because it is a common language and can be easily understood by learners. Ease of graphic media digest because of its concrete visual display objects according to their original shape and form so as not verbalistik.g) ChartChart is a medium that contains pictures descriptions, lists and so on. Chart used to demonstrate the points chart contents in a clear and simple, among others: development, comparison, structure, organization.


    
Weaknesses and strengths graphic media
 Weaknesses1. Require special skills in the making, especially for more complex graphics.2. Presentation of messages just a visual element.
 Excess1. Can simplify and accelerate students' understanding of the message presented.2. Can be equipped with the colors that attract more students.3. Making easy and cheap.

E-learning


E-learning is the unifying term to describe the fields of online learning, web-based training, and technology-delivered instruction.
Although we have strong opinions about where eLearning is likely to go and how quickly it may or may not get there, this page is dedicated to linking you to the myriad of e-learning resources in the e-world.

  1. A definition of e-learning
  2. Websites focused on e-learning issues
  3. Organizations you might want to know about
  4. Good articles and magazines
  5. Interesting books

Definition of e-learning

e-Learning. eLearning. "e"learning. However you write it, definitions abound.

bulletThe convergence of the Internet and learning, or Internet-enabled learning.
bulletThe use of network technologies to create, foster, deliver, and facilitate learning, anytime and anywhere.
bulletThe delivery of individualized, comprehensive, dynamic learning content in real time, aiding the development of communities of knowledge, linking learners and practitioners with experts.
bulletA phenomenon delivering accountability, accessibility, and opportunity to allow people and organizations to keep up with the rapid changes that define the Internet world.
bulletA force that gives people and organizations the competitive edge to allow them to keep ahead of the rapidly changing global economy.
With good design and delivery, e-learning does all these things. But, at its heart, it is, simply, learning. Too bad most interpretations focus on the technology (the "e") and not on the learning.
e-Learning has to keep the people it's designed for in mind. How do we learn? How do we acquire and retain skills and information to help us develop? Only when we address individual learning styles can the "e" in e-learning factor in. Then the technical side—the electronic delivery—can be adapted to the learner.
Maybe the "e" should actually follow the word "learning."
Want more? E-Learners.com explains what is e-learning, how does it work, and some of  the terms you'll find when you take e-learning courses.
And more still? What is e-learning? (from HowStuffWorks.com) explains what it is and how it works.
"The effectiveness of an elearners experience is greatly enhanced through student-centered (usability) design. For example, students remember more information from a text book that is well organized, with extensive visuals, reflection/interaction points, clear headings, etc. The same concepts exist for online courseslearners learn better through use of clear headings, limited distracters, visuals, screen-friendly fonts, appropriate white space, web safe colors, etc. Basically, usability is the process of testing (through observation) how students behave with a coursewhat works, what doesn't, what confuses." elearnspace.org

Websites

Find all sorts of terrific information on e-learning at Jay Cross' Internet Time website. If you're interested in e-learning, you should check out this site!
Elearners.com address many aspects of e-learning, distance education, and taking classes online.
The Masie Center
website links to many aspects of e-learning.
About.com has a good collection of information on Distance Education.
The UK-based e-Learning Centre's eCLIPSE offers e-learning information for learning professionals in higher education, corporate training, and continuing education.
Elearnspace is intended for users, managers, developers, and facilitators of elearning. They have a mailing list and some very useful models.

Organizations

Go to a complete list of education-related organizations on the learnativity.com site
E-Learning Forum
. If you live (or frequently visit) Northern California, check out this group. This is a wonderful organization no matter where you live, but if you live in the Silicon Valley and can attend their meetings, you are in for a real treat.
e-Learning Guild.
Globewide Network Academy
Distance Learning Resource Network
US Distance Learning Association
. Designed to promote the development and application of distance learning for education and training

Articles and Magazines

Learning in the New Economy Magazine featured The Whitespace Around eLearning in its Fall 2000 issue.
e-learning Magazine
offers a hardcopy and an online version.
ACM publishes the online eLearn Magazine
ASTD's Learning Circuits covers many e-learning themes.
Article on e-learning and Distance Ed from Business 2.0.

Books

E-Learning: Strategies for Delivering Knowledge in the Digital Age. Marc J. Rosenberg. October 2000.
Managing Web-Based Training
. Alan L. Ellis, Ellen D. Wagner, Warren R. Longmire. ASTD, 1999.
Web-Based Training Cookbook
. Brandon Hall. Paperback with CD-ROM. John Wiley & Sons, 1997. Learn more about Brandon.
Web-Based Training: Using Technology to Design Adult Learning Experiences
. Margaret Driscoll, Larry Alexander. Hardcover with CD-ROM. Jossey-Bass, 1998.
Building a Web-Based Education System
. Colin McCormack, David Jones (Contributor). Paperback with CD-ROM John Wiley & Sons, 1997
How to Design Self-Directed and Distance Learning: A Guide for Creators of Web-Based Training, Computer-based Training and Self-Study Materials
. Nigel Harrison
Web-Teaching: A Guide to Designing Interactive Teaching for the World Wide Web
. David W. Brooks
Distance Education Symposium: Course Design (Acsde Research Monograph Series, Vol 14)
. Ellen D. Wagner, Margaret A. Koble (editors). American Center for the Study of Distance Education, 1997.
"Beyond Distance Education: Distributed Learning Systems" Ellen D. Wagner in Handbook of Human Performance Technology, 2nd ed., H.D. Stolovitch & E. J. Keeps (editors). 1999.

Thursday, October 27, 2011

Tutorial Adobe Flash

Creating a Wall Clock

Tick ​​tock tick tock, while waiting for iftar time we learn better with Flash animation. In Flash Tutorial this time we will try to make a simple wall clock. Curious how to make it? let us learn together in IlmuGrafis

Step - steps as follows:
1. Open the Flash program
Start>> All Programs>> Flash, select flash document
Here the author uses Flash MX 2004, but this tutorial can be applied regardless of the Adobe Flash versions including Flash CS5


2. Make a circle Use the oval tool (shortcut key: O), tips: press and hold down the shift key on the keyboard so perfectly round circle


3. Change the fill color to be black, Use the text tool (Short cut key: T) and write 1 per 1 hour numbers ranging from 1-12 for numbering figures
use the Selection tool to put the numbers - the numbers are on the clock
5. Selection of the shortest line with the selection tool (V) and press F8
window appears and insert jam_mc and select movie clip as type and make sure registrationnya point in the middle of the bottom and press ok.
Selection of movie clips in Worksheet jam_mc then press Ctrl + F3 to bring up the Properties panel. In the Properties panel that appears enter jam_mc as an instance name
 
6. Same as above
Selection of the second line (rather long), and then press F8. In the panel that pops up enter menit_mc and movie clip as type and make sure registrationnya point in the middle of the bottom and press ok.
Selection of movie clips menit_mc. In the Properties panel that appears enter menit_mc as an instance name.

7. Same as above
Selection of the third line (the longest), and then press F8. In the panel that pops up enter detik_mc and movie clip as type and make sure registrationnya point in the middle of the bottom and press ok.
Selection of movie clips detik_mc. In the Properties panel that appears enter detik_mc as an instance name.

8. Synthesize and place the order at the line with seconds and then minutes later put in place at...

   
9. Once everything is installed, click on frame 1 and press F9. In the actions pane that pops up enter the following script:



 Insert the following script code:

 //perintah yang dijalankan ketika frame dimainkan
onEnterFrame = function () {
    //membuat variable waktu sebagai date object
    waktu = new Date();
    //membuat variable jam dengan nilai sama dengan jam pada komputer
    jam = waktu.getHours();
    //membuat variable menit dengan nilai sama dengan menit pada komputer
    menit = waktu.getMinutes();
    //membuat variable detik dengan nilai sama dengan detik pada komputer
    detik = waktu.getSeconds();
    //digunakan jika komputer menggunakan sistem 12 jam
    //jika nilai variable jam lebih dari 12 maka akan dikurangi 12
    if (jam>12) {
        jam -= 12;
    }
    //movie clip jam_mc akan berotasi sesuai nilai variable jam dikali 30 yang ditambah nilai variable menit di bagi 2
    jam_mc._rotation = jam*30+(menit/2);
    //movie clip jam_mc akan berotasi sesuai nilai variable menit dikali 6
    menit_mc._rotation = menit*6;
    //movie clip detik_mc akan berotasi sesuai nilai variable detik dikali 6
    detik_mc._rotation = detik*6;
};

 10. Press Ctrl +Enter to show result.