Auto-generate Flow Chart from Java/C++ Codes:

Raptor Flowchart Tutorial For Beginners

Saturday, May 18, 2013

HTML5 Canvas Interactive Building Map

MagicTouch JavaScript Effect

Multi-touch Feature Test
  • Test: single touch. Touch red and draw stuff. Expect touchstart, touchmoves and touchend
  • Test: single touch entering and leaving. Touch body, drag through red. Expect touchenter and touchleave to be fired on red
  • Test: multi touch events. Touch red, then touch green, then move green, then move red, then remove fingers. Expect a bunch of events!

  • Touch input plugin failed to load!

    Friday, May 17, 2013

    What is CBR and CBZ Comic Archive Format ?


    -----
    (Maksud CBR dan CBZ Comic Archive Format)

    Comic books and other books with a high graphic content can be problematic to read on traditional eBook readers. Generally the best method of displaying these kinds of books is to scan them in or photograph them and then display the resultant graphic image. What is needed is a way to collect the graphic images into a book and then be able to leaf through them like you would a traditional book. Generally you might want to see a whole page yet be able to zoom in to read the text or study details. Of the available traditional eBook formats only the PDF format has the capability to handle such a large number of images easily but PDF readers are not really designed to maximize the enjoyment in reading such a book. Of course it is also possible to use other formats so long at they support images but they do not usually have any special image viewing features.
    To address this need there are two formats that have been defined, cbz and cbr. Comic Book Z is a ZIP compressed file containing the collection of images while Comic Book R is a RARcompressed file. Most readers in this group can handle either format but there are exceptions. The internal files are in a standard graphic format, usually JpegPNGGIF, or TIFF. Not all readers support all graphic formats. CBR or CBZ files are easily created from images which are displayed in alphabetical order.
    Manga books (a term originating from Japan) are similar to Comic Books in the USA but are typically black and white images and lower resolution using text bubbles with larger characters. They lend themselves easily to standard eBook readers.
    USA Comic books generally are in color and have very small print. USA comic books typically need a zoom mode to be read on smaller screens. They also require good gray scale capability or color.
    Comic Strips are another candidate for Comic archive. These generally work well on eBook readers.

    Readers

    Since CBR and CBZ are really RAR and ZIP files respectively some readers can look at the contents if the extension is renamed. But to be a true reader the program must treat the pages as a book and remember where it was in the reading of the book if the person stops reading.
    • Pocket PC Comic Book Reader - This reader can read only CBZ files. Compact Framework 2.0 is required.
    • ComiX Reader - This reader is for PalmOS Version 5 and can read cbz and cbr files.
    • Comical is a comic book reader for LinuxMacOS X and Windows. Source code is available.
    • Coview. Comic book reader for Windows where the comic is the most important, not the viewer.
    • CDisplay calls itself a sequential image viewing utility for Windows. It can read JpegPNG, and GIF images in zip, rar, ace, cbr, cbz or tar archives.
    • Droid Comic Viewer is a comic and manga reader for Android that supports CBZCBR and ACV.
    • 6Reader features TCL/TK, Perl and reads CBR and CBZ formats. It will run where TCL/TK and Perl is supported.
    • Evince has an optional package that adds Comic book support.
    • ComicZeal is a comic book reader for the iPhone. Their desktop application, ComicZeal Creator, converts CBZ/CBR files to its scaled down CBI format.
    • STDU Viewer is a comic book reader for Windows, that supports CBR and CBZ.




    Creation programs

    Some of these programs may also be used as readers.
    • GonVisor Viewer can read cbr and cbz files and can be used to create them. It is a free windows application and supports both English and Spanish versions. Passwords are supported for locked files.
    • Comics2Reader is a free program to create CBZ eBooks (can also create PDF) or EPUB eBooks from a set of images. It can also correct the image , remove white border around it , convert it in BW .
    • ComicRack a management and converter program that can also read documents.
    • MangAI - create or edit CBR or CBZ which are optimized for eBook Readers.

    Utilities

    • JE-Comics is a Java converter that will make PDF files from graphic images and CBZ files.
    • Alan Horkan blog - An entry for a windows script that can batch convert CBR files to CBZ.
    • ComicTagger is a cross-platform GUI/CLI app for writing metadata to comic archives.


    -----
    from: http://wiki.mobileread.com/wiki/CBR_and_CBZ

    Download Reusable Components For Comic Creation

    -----

    Design Comics

    A note on file formats: Most of the files on this site are in slide (presentation) format, which we've found is the best way to develop and share storyboards in distributed teams. The slides are in Open Document Presentation format. To use them, download one of the following:StarOffice (the inexpensive office productivity application from Sun Microsystems), OpenOffice (a free version of the office productivity application), and NeoOffice (a free version available for the Mac).

    Characters
    CharactersUse Mary, AnaLi, Pravin, Joe, Miguel, Galina and others to build design stories for your products or web sites. Lots of emotions, angles, and poses.
    Scenes
    ScenesScenes of the characters on the phone, interacting with one another, and in out-of-the office locations.
    Examples
    ExamplesExamples of full comic stories and tips on what makes a good story.
    In The Works
    In The WorksA bit of information about new scenes and characters in development.
    Backstory
    BackstoryHow these comics and this web site came to be. 
    Collaboration
    CollaborationHow to add your own scenes and characters.
    Source Files
    Source FilesGraphic source files in JPEG, PNG, and Adobe Illustrator format.


    Credits: These templates were developed by Martin Hardee with inspiration from Casey Cameron, Kevin Cheng, and the web design teams at Sun Microsystems, Cisco and other companies. Illustrations, by ISD Group, are free for you to use. Please add a credit line at the end of your slides or storyboards (see the slides for an example).

    Site created by Martin Hardee-----

    From: http://designcomics.org/

    storyboardthat.com - The Online Storyboard Creator




    storyboardthat.com - The Easy Storyboard Creator


    Collaborative
    Storyboard That presents a great opportunity for students to work together.

    Reinforcement
    Storyboard That provides an excellent place for students to echo what they have learned and expand on it.

    Exciting And Fun
    Storytelling is fun. Creating a story in Storyboard That is exciting.

    For Work
    An Innovative And Fun Way To Visually Communicate

    Collaborative
    Creating a good storyboard is a collaborative process, and the more you share the better your outcome.

    Powerful Framework
    Storyboards encourage a top down, high level view because of their design and brevity.

    Exciting And Fun
    Most people are visual learners and find text heavy meetings and documents to be quite boring.

    The Benefits of Comic Life in Education




    The Benefits of Comic Life in Education

    Making comics is fun for everyone, and Comic Life makes it easy. Teachers and students will find Comic Life a very useful software tool, and now it's available for both Mac and Windows platforms.
    Technology not only changes how we write, but it also changes what writing is. Education will need to re-evaluate which writing skills teachers should pass to their students. Digital graphic writing is one genre students need to be fluent. Comic Life is the "word processor" of digital graphic writing.

    Easy to Learn

    Students and teachers need only a short time to learn the basics of Comic Life. It's easy to add images from digital cameras, computer web-cameras, clip art from CD's and the web, stills from QuickTime movies, scanned photos and drawings – just about any on-screen image can be used in Comic Life. Adding captions and word balloons is as easy as drag and drop.

    Inexpensive

    Schools often don't have money to buy expensive software. At $19.95 for a single license, however, any teacher will find Comic Life a bargain, and administrators will find the cost of licensing Comic Life for labs affordable.

    Inspires Creativity

    Teachers are often asked to identify talented and gifted students by their ability to make "unusual connections." Talented and gifted students offer creative explanations for their answers which seem to come out of nowhere. Comic Life is the perfect software tool for all students to be creative. Comic Life will inspire everyone — teachers and students — to approach learning in new ways.

    The Benefits of Comics in Education

    Comics are beneficial to learning in the classroom and not just a fun art-enrichment activity.

    Reading

    Comics provide narrative experiences for students just beginning to read and for students acquiring a new language. Students follow story beginnings and endings, plot, characters, time and setting, sequencing without needing sophisticated word decoding skills. Images support the text and give students significant contextual clues to word meaning. Comics act as a scaffold to student understanding. 
    As Stephen Cary, a second language learner specialist and author of Going Graphic: Comics at Work in the Multilingual Classroom, says: "Comics provide authentic language learning opportunities for all students.... The dramatically reduced text of many comics make them manageable and language profitable for even beginning level readers."

    Also according to Cary, comics motivate reluctant readers. They engage students in a literary format which is their own. Comics speak to students in a way they understand and identify with. Even after students learn to be strong readers comics give students the opportunity to read material which combines images with text to express satire, symbolism, point of view, drama, puns and humor in ways not possible with text alone.

    Writing

    Many students read fluently, but find it difficult to write. They complain that they don't know what to write. They have ideas, but they lack the written language skills to create a beginning, follow a sequence of ideas and then draw their writing to a logical conclusion.

    Students frequently ask if they may draw a picture when they're writing. They are reaching for images to support their language ideas. Allowed to use words and images they will resolve problems of storytelling which they would not otherwise experience using words alone. Like reading, comics provide a scaffolding so that students experience success in their writing. Students transfer specific elements directly into text-only writing. For example, students learn that whatever text found in a word balloon is put inside quotes in their text-only writing.

    Using Comic Life students have a new publishing medium. Comic Life documents can be printed, emailed to parents or posted as a website very easily.

    Key benefits of using comics in education

    - A great visual Representation of Knowledge
    - Presents what is essential
    - Easier to remember a visual graphic containing key information
    - Engaging through thinking, creating and writing.
    - Perfect avenue for writing dialogue
    - Incites students with low interest in writing
    - Helps organization through storytelling and storyboarding
    - Using visual images convey meaning to a story or topic
    - Develops creative and higher level thought processes
    - Develops composition techniques through visual-verbal connections
    - Enriches reading, writing, and thinking
    - Serves as and assessment and evaluation tool
    - Sequencing promotes understanding

    The key benefits for students using Comics, summarised by Marilee Sarlitto (Technology Director, Kildeer School), found in "Creating Comics: Visual and Verbal Thinking in the Ultimate Show and Tell" by Janette Combs, College of William and Mary, July 17, 2003.


    from: http://comiclife.com/education

    Comic Storyboarding



    Storyboards are graphic organizers in the form of illustrations or images displayed in sequence for the purpose of pre-visualizing a motion picture,animationmotion graphic or interactive media sequence.
    The storyboarding process, in the form it is known today, was developed at the Walt Disney Studio during the early 1930s, after several years of similar processes being in use at Walt Disney and other animation studios.

    Friday, May 10, 2013

    Macam mana mahu jadi programmer yang mahir?


    macam mana mau jadi programmer yang mahir?

    Soalan ini barangkali terlintas di hati seorang programmer junior.

    Jawapannya mungkin sama seperti disebutkan oleh Jaguh Badminton Beregu Dunia dari Malaysia, Razif Sidek dalam wawancara http://www.badminton-information.com/razif-sidek-interview.html

    - Disiplin
    - Dedikasi
    - Pengorbanan

    Bahkan, dalam apa jua bidang sekalipun, inilah rahsia terbuka untuk berjaya.



    How to be a skilled programmer?

    A junior programmer may probably come across this question.

    The answer may be similar to what Malaysian Word-Class Badminton Doubles Champion, Razif Sidek, said in the interview http://www.badminton-information.com/razif-sidek-interview.html

    - Discipline
    - Dedication
    - Sacrifice

    In fact, this is an open secret to success in any field.

    Monday, May 06, 2013

    What people look most on my blog



    Knowing what people look for is quite interesting; it helps you discover what people like to read on your blog and it helps you to write a content that may benefit many readers.

    As of 7th May, 2013, I have the following statistics:

    For Malay Language, web visitors looked for "maksud komputer". My page, http://www.notarazi.com/2009/04/maksud-komputer-dan-sejarahnya.html , was ranked no.1 in Google Search, out of 4,390,000 results.



    For English Language, web visitors looked for "register gmail". My page, http://setup-steps.blogspot.com/2013/01/how-to-register-for-gmail.html , was ranked no.5 in Google Search, out of 249,00,000 results.


    Wednesday, May 01, 2013

    From Zero to Hero



    The defining moment for John Stark as a Super Hero:
    I had my eyes opened. I came to realize that I had more to offer this world than just making things that blow up. (http://marvel-movies.wikia.com/wiki/Anthony_Stark)


    What about you? Has the defining moment come to pass?


    The Key Trait Successful People Have


    from: http://en.wikipedia.org/wiki/The_Seven_Habits_of_Highly_Effective_People
    The Seven Habits of Highly Effective People, first published in 1989, is a business and self-help book written by Stephen R. Covey. It has sold more than 25 million copies in 38 languages worldwide, and the audio version has sold 15 million copies, and remains one of the best selling nonfiction business books.[1][2] Covey presents an approach to being effective in attaining goals by aligning oneself to what he calls "true north" principles of a character ethic that he presents as universal and timeless.[3] In August 2011, Time listed Seven Habits as one of "The 25 Most Influential Business Management Books".[4]
    U.S. President Bill Clinton read the book and invited Covey to Camp David to counsel him on how to integrate the book into his presidency.[5]

    Contents

    The 7 Habits

    The book first introduces the concept of Paradigm Shift and prepares the reader for a change in mindset. It helps the reader understand that there exists a different perspective, a viewpoint that may be different from his or her own and asserts that two people can see the same thing and yet differ with each other. Once the reader is prepared for this, it introduces the seven habits, in a proper order.
    Each chapter is dedicated to one of the habits,[6] which are represented by the following imperatives:

    The First Three Habits surround moving from dependence to independence (i.e., self-mastery):
    • Habit 1: Be Proactive
    Take initiative in life by realizing that your decisions (and how they align with life's principles) are the primary determining factor for effectiveness in your life. Take responsibility for your choices and the consequences that follow.
    • Habit 2: Begin with the End in Mind
    Self-discover and clarify your deeply important character values and life goals. Envision the ideal characteristics for each of your various roles and relationships in life. Create a mission statement.
    • Habit 3: Put First Things First
    Prioritize, plan, and execute your week's tasks based on importance rather than urgency. Evaluate whether your efforts exemplify your desired character values, propel you toward goals, and enrich the roles and relationships that were elaborated in Habit 2.

    Interdependence

    The next three have to do with Interdependence (i.e., working with others):
    • Habit 4: Think Win-Win
    Genuinely strive for mutually beneficial solutions or agreements in your relationships. Value and respect people by understanding a "win" for all is ultimately a better long-term resolution than if only one person in the situation had gotten his way.
    • Habit 5: Seek First to Understand, Then to be Understood
    Use empathic listening to be genuinely influenced by a person, which compels them to reciprocate the listening and take an open mind to being influenced by you. This creates an atmosphere of caring, and positive problem solving.
    • Habit 6: Synergize
    Combine the strengths of people through positive teamwork, so as to achieve goals no one person could have done alone.
    • Habit 7: Sharpen the Saw
    Balance and renew your resources, energy, and health to create a sustainable, long-term, effective lifestyle. It primarily emphasizes exercise for physical renewal, prayer (meditation, yoga, etc.) and good reading for mental renewal. It also mentions service to society for spiritual renewal

    Knowing what you want



    http://www.pickthebrain.com/blog/you-arent-getting-anywhere-because-you-dont-know-where-you-want-to-go/

    Success is "Getting What You Want"



    Quite often we hear the quote "Success is Getting What You Want". In fact, my Google Search today has resulted with a total of 2 millions hits for that quote. It looks like most of us agree that success is the state of the accomplishment of one's target.

    It's very similar to the dart game. You are considered "succeeded" when your dart hit the bull's eye.
    All you need to do is to aim the bull's eye and throw the dart.




    Aim...
    Throw...



    ...and Hit!!

    But. What would be if the target is missing on the wall?
    Aiming and Throwing does not mean anything at all.




    It's just like facing a blank wall.
    You don't see anything beyond the wall.




    You might end up stuck at the wall, not knowing the target and subsequently not having a desire to reach for any target. That is the reality that some teenagers are facing nowadays. Because of "missing direction", they loiter around, "hoping to find some inspirations".



    Unfortunately, we don't have too much time "to wait" for the "inspiration". We need to look around and sometimes ask for opinions from others. Otherwise, we are wasting our time and energy.

    As Steve Jobs once said...
    You've got to find what you love...Your work is going to fill a large part of your life, and the only way to be truly satisfied is to do what you believe is great work. And the only way to do great work is to love what you do. If you haven't found it yet, keep looking. Don't settle. As with all matters of the heart, you'll know when you find it. (http://www.pickthebrain.com/blog/you-arent-getting-anywhere-because-you-dont-know-where-you-want-to-go/)












    meaning of success

    -----

    suc·cess  

    /səkˈses/
    Noun
    1. The accomplishment of an aim or purpose.
    2. The attainment of popularity or profit.
    Synonyms
    hit - prosperity - luck - achievement - triumph - speed
    dated 2nd May 2013