Sunday 29 September 2013

Un-bee-lievably Fun Word Game!

Since most of the kids I work with are between the ages of 3 and 6, I tend to blog about items appropriate for that age group.  I do have a handful of older children on my caseload and most of them come to me to focus on handwriting and fine motor skills.  So it is important to me to find fun games or activities that will motivate these older kids to work on this challenging activity.  I want to make sure that our time together is fun but also spent working towards achieving goals that will help them be more successful in both school and at home for academics.

A  few weeks ago I spotted Speedeebee! by Blue Orange.  Ever since discovering and blogging about Spot It by the same company, I have been drawn to their products.  Besides being super portable (which is great for those of us who do home care or work between a couple of offices), it is a fun game that can work on a variety of occupational therapy goals.  I also love that many of their games can be adapted to allow for success for whatever child I am working with.  I also like the fact that the game can be different every single time you play it.

Speedeebee! consists of 50 cards containing 150 challenges and 4 alphabet dice.  On each of the cards there are three challenges to choose from.  Some examples of the many challenges are:
**Name something you love to do, starting with one of these letters (throw all four dice)
**Name something you love to eat, containing one of these letters (throw all four dice)
**Find a word containing two of these letters (throw the red and green dice)
I think the questions are great and make kids think, but aren't all so challenging that they won't be successful.  And I think it is nice that they have a choice of 3 so they can find a question that they are comfortable with.  There is a lot about the game that sets the kids up to not only have a good time but to be successful.  The fact that a child gets to pick out a question means less stress for them during game play and unfortunately, playing games can be something that produces a lot of stress in the kids I work with.

There are two different ways to play the game (although with my kids I don't always play by their rules)
Challenge Mode:   Place 20 cards in the middle of the playing area face down.  The remaining 30 cards are not used for the rest of the game and are returned to the storage tin.  The first player holds all 4 dice  (great for fine motor skills and improving in-hand manipulation skills), picks the top card from the deck and picks one of the 3 challenges on the card and reads it out loud to the group.  Once all players understand the challenge, the person who selected the challenge will roll the dice and as quickly as possible, all players attempt to complete the challenge using the letters rolled.  Whoever answers first takes the card and a new turn is started.   This continues until there are no cards left in the draw pile and at the end, the person who gets the most cards is the winner.
Freestyle Mode:  Set up the game the same way you would if playing with the Challenge cards, but rather than reading the challenges on the cards, the players are required to make up their own.  The first person to complete the challenge/answer the questions correctly gets the card.  The person who has the most number of cards at the end is the winner.

Here are a few occupational therapy goals that can be addressed when playing Speedeebee!:
Improve Handwriting Skills-while the game is meant to be a language game, I have adapted it to be able to work on improving graphomotor skills.  Instead of having the kids shout out their answers, I have them write their answers down on paper.  Whether they are working on print or cursive, I find this to be a motivating way to work on a skill that is typically challenging for them.  I actually did this with a 9 year old girl I work with who needs to work on handwriting and endurance; she was totally engaged for much longer than she would have been if I had just had her practice words or other random sentences.  She actually asked to play longer when I said it was time to put the game away!  I encourage the children to write whole sentences and use proper grammar.  Depending on their handwriting goals, you can work on grasping skills, building up writing endurance,
Improve Social Skills-as I have already mentioned, this is actually a game that is meant to be played in a group.  If you are looking for a good game for a social skills group or to have at your disposal for family game options, this is a great game.  If you a group of younger and older kids, you can pair them together (since this is more appropriate for kids who are 7 years of age or older) and have them work as a team.  This could also work on improving frustration tolerance for those older kids who get annoyed with the younger ones.  I know that the point of the game is to be the fastest to answer the questions, but in my adaptation of the game I encourage the kids to take turns and allow all friends to be able to have an opportunity to answer the questions as well.  I find that in my social skills groups, there tends to be one or two kids who dominates play which discourages other children from taking risks.
Improve Executive Functioning/Organizational Skills-many of my older kids are also coming to me to work on improving their executive functioning skills.  The most common aspect of executive functioning I work on is improving organization skills for improved performance in school or at home with homework.  For my older kids who are fluent readers, the first thing I make them do is read the directions to themselves.  Once they have read them, I ask them to repeat the directions back to me...I will interrupt them if they forget something or mess them up.  I also make them set the game up and if they do something incorrectly, they have to read the directions again and fix their error.

I love games that can be adapted to be appropriate for a variety of children and their varying needs.  Speedeebee! is one of those and while I intend on adapting it when necessary, it is also a great game the way it was created.  I have a feeling that my speech therapy friends will love this game and am definitely interested in hearing their thoughts and opinions.  One thing I would like to figure out is a way to make this game work for my preschool population, particularly the social skills groups I run with my colleagues.   Any thoughts or suggestions from you my readers on how to do that?  I love hearing from you and am always a click away.


Thursday 26 September 2013

Cara Membuat Menu Vertical Sederhana

cara membuat menu verticalCara membuat menu vertical sederhana di blog. Berbeda dengan menu horizontal yang memanjang kesamping.

Menu vertical akan memanjang atau menurun kebawah. Biasanya menu vertical ditempatkan dibagian kanan atau kiri sidebar blog. Silakan lihat contoh gambar disamping, atau contoh menu dibawah ini.


Untuk lebih jelasnya tentang cara membuat menu vertical diblog. Ikuti langkah2 dibawah ini.
  1. Login ke blogger, dan pilih pengaturan template.
  2. Lalu klik tambahkan gadget, dan pilih HTML/Javascript.
  3. Selanjutnya copy kode dibawah ini.
  4. <style>

    #vertical {
      background: transparent;
    }
    #vertical ul {
    }
    #vertical ul li {
      background: #aaaaaa;  list-style: none;border:1px solid #1780dd;
    }
    #vertical ul li span {
      text-transform: uppercase;
      font-family: 'Helvetica Neue', helvetica, 'microsoft sans serif', arial, sans-serif;
      font-size: 12px;
      color: #444444;
    font-weight:bold;
    padding:0px 0px 0px 10px;
    }
    </style>
    <div id='vertical'>
    <ul>
       <li ><a href='http://fandrajuani.blogspot.com/'><span>Beranda</span></a></li>
       <li><a href='#'><span>Facebook</span></a></li>
       <li><a href='#'><span>Twitter</span></a></li>
    </ul>
    </div>
  5. Dan Pastekan di gadget HTML/Javascript tadi.
  6. Terakhir, save gadget. Dan pindahkan gadget ke tempat yang kalian inginkan. Selesai.
Keterangan kode langkah 3:
  • <a href='http://fandrajuani.blogspot.com/'> dan <a href=''> Isi dengan URL yang kamu inginkan.
  • Jumlah menu diatas ada 3. Untuk menambahkan jumlah menu?
    Tambahkan kode <li><a href=''><span>Nama Menu kamu</span></a></li>
    Dibawah kode <li><a href=''><span>Twitter</span></a></li>
  • background: #aaaaaa; warna background
  • border:1px solid #1780dd; warna garis biru yang memisahkan antar menu.
  • text-transform: uppercase; kode ini membuat Menu menggunakan huruf besar semua.
    Jika tidak ingin menggunakan huruf besar, hapus kodenya.
  • padding:0px 0px 0px 10px; spasi tulisan menu sebelah kiri.

Silakan dibaca juga artikel tentang menu yang lainnya. Seperti membuat menu dengan gambar disampingnya, cara membuat menu dropdown di blog atau jika masih bingung dengan cara membuat menu di blog, silakan baca cara membuat dan mengisi menu blog

Itulah sedikit cara desain blog dan tips trik tentang cara membuat menu vertical sederhana di blog. Semoga Bermanfaat.

    Wednesday 25 September 2013

    Cara Membuat Artikel Berjalan di Blog

    Cara Membuat Artikel Berjalan di Blog. Sebelumnya saya sudah membagikan tentang cara membuat entri populer bergerak ke bawah ataupun keatas. Dan kali ini adalah lanjutannya entri populer akan bergerak ke arah kanan ataupun kiri. Jadinya seperti artikel berjalan. Ketika di sentuh mouse, maka artikel akan berhenti, dan ketika di klik maka akan terbuka halaman baru, sesuai dengan judul artikel yang dibuka. Dan pada saat tidak disentuh mouse, maka artikel akan berjalan kembali.

    cara membuat artikel berjalan di blog

    Contoh artikel berjalan, bisa dilihat DISINI, di blog saya satunya. Untuk lebih jelasnya tentang cara membuat artikel berjalan di blog. Ikuti langkah-langkah dibawah ini.
    1. Pasanglah widget entri populer di blog.
    2. Lalu atur entri populer tanpa gambar dan cupilkan, dan save widget.
    3. Selanjutnya memasang kode berjalan, baca di cara membuat entri populer bergerak.
    4. Setelah selesai membuat entri populer bergerak. Ke pengaturan Template > klik Edit HTML dan cari kode ]]></b:skin>
    5. Setelah itu copi kode berikut, dan pastekan diatas ]]></b:skin>
    6. .popular-posts {
        width: 100%;
        min-width: 960px;
        position: fixed;
        top: 0px;
        left: 0px;
        right: 0px;
        height: 30px;
        font-size: 12px;
        z-index: 99;
        white-space: nowrap;
        background-color: #336699;
        background-image: -moz-linear-gradient(center top , rgb(20, 132, 206) 0%, #336699 100%);
        box-shadow: 0px 2px 0px rgb(14, 90, 140);
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
      }

      .widget .popular-posts ul {list-style:url(http://1.bp.blogspot.com/-xXdQT4qf8vM/UjNbFmWh9nI/AAAAAAAAAuA/uBAUMBg_odU/s1600/Desain+Blog.JPG)
      }

      .popular-posts ul li{
       float:left;
      }

      .popular-posts ul li a{
       float:left; 
       width:auto; 
       font-weight:Bold;
       color:#FFFFFF;
       text-align:justify; 
       padding:0px 10px 0px 0px;
      }
    7. Save template, selesai.
    Keterangan kode langkah 5:
    •  .widget .popular-posts ul {list-style:url(http://1.bp.blogspot.com/-xXdQT4qf8vM/UjNbFmWh9nI/AAAAAAAAAuA/uBAUMBg_odU/s1600/Desain+Blog.JPG)} kode ini gunanya untuk menambahkan gambar disamping tulisan artikel2 yang berjalan, silakan ganti kode Biru dengan url dari gambar yang kalian inginkan.
    • Jika tidak ingin menggunakan gambar, ganti kode list-style:url(http://1.bp.blogspot.com/-xXdQT4qf8vM/UjNbFmWh9nI/AAAAAAAAAuA/uBAUMBg_odU/s1600/Desain+Blog.JPG)} dengan kode list-style:none;
    • top: 0px; mengatur letak posisi diatas, jika ingin ditempatkan dibawah ganti top dengan bottom.
    Update:
    • Jika warna tulisannya hitam, tambahkan kode .widget .popular-posts ul li a:link, .widget .popular-posts ul li a:visited{color:white;} diatas ]]></b:skin>.
    • Untuk menghilangkan judulnya, tambahkan kode #PopularPosts1 h2{display:none} diatas ]]></b:skin>.
    • Jika masih ada background yg tertinggal, tambahkan kode  #PopularPosts1 {background:transparent; box-shadow:none;}
    Ganti kode color:white; dengan warna yang kalian inginkan. Selesai sudah cara membuat artikel berjalan di blog, silakan dibaca juga artikel lainnya seperti tentang cara cara membuat icon untuk website yang bisa digunakan untuk gambar disamping tulisan artikel berjalan pada artikel diatas. Semoga bermanfaat. 

      Cara Membuat Icon Untuk Website

      cara membuat icon untuk website
      Cara buat Icon web atau juga blogger. Icon biasanya digukan untuk memperjelas judul menu, seperti home, profil, sitemap dan lain2. Dan letaknya berada disamping kanan atau kiri dari tulisan. Icon berguna agar pengunjung lebih mudah untuk melihat menu yang ada diwebsite kita.
      Disini saya akan beri contoh mudah membuat icon web menggunakan foto kita sendiri diphotoshop.

      Untuk lebih jelasnya. Ikuti langkah-langkah dibawah ini.

      cara membuat icon untuk website

        1. Buka Photoshop.
        2. Buka Foto yang akan dijadikan Icon.
        3. Setelah itu klik tanda Crop yang berada disebelah kiri.



        cara membuat icon untuk website
        4. Dan isi colom width:128 dan height 128. Ini bertujuan agar ukuran tinggi dan lebar crop gambar sama. Dan memudahkan kita nantinya untuk merubah ukuran image ke ukuran yang lebih kecil, tanpa merubah bentuk gambar.

        5. Selanjutnya Crop gambar, dan ratakan kotak crop untuk gambar yang akan diambil. Seperti gambar dibawah ini. Dan tekan tanda centang hijau diatas bar, untuk menyelesaikan crop/pemotongan.


          cara membuat icon untuk website


            6. Setelah itu klik tanda image yang ada diatas bar dan klik image size.

            Maka akan terbuka halaman baru pengaturan Pixel Dimensions dan Document Size.



            cara membuat icon untuk website
              7. Selanjutnya, ganti ukuran Pixel Dimensions menjadi 32 x 32, ukuran standar Icon yang biasa digunakan untuk website.

              Document size tidak perlu diganti, karena document size mengikuti perubahan dari ukuran pixel dimensions. Perhatikan juga Constrain Proportions tidak perlu dicentang.

              8. Terakhir Klik Ok, Lalu Save Gambar. Selesai.



              cara membuat icon untuk websiteContoh icon yang sudah jadi dengan ukuran 32 x 32 Pixels.
              Gambar tetap sama, hanya saja ukurannya yang berbeda. Saran saya, jika ingin menggunakan icon di website anda, gunakanlah icon dengan ukuran yang sama, agar blog terlihat lebih rapi. Dibawah ini adalah beberapa ukuran Icon yang biasa digunakan diwebsite.

              • 16x16
              • 32x32
              • 48x48
              • 64x64
              • 128x128

              Setelah membuat icon, silakan baca artikel cara membuat menu dengan gambar dan juga mengganti tulisan beranda, posting lama baru  dengan gambar atau icon, untuk mulai mencoba memasang icon gambar anda ke menu blog. Itulah sedikit tips trik yang dapat saya bagikan kali ini yaitu tentang cara membuat icon untuk website, blogger dan juga web lainnya. Semoga Bermanfaat.

              Monday 23 September 2013

              Cara Membuat Gambar Tutorial

              Tips dan Trik kali ini tentang cara membuat gambar tutorial. Biasanya digunakan sebagai penambah penjelasan dari artikel yang kita buat. Gambar bisa kita ambil dari halaman web atau dari layar komputer kita sendiri. Untuk lebih jelasnya tentang cara mudah mengambil serta memotong gambar yang akan digunakan sebagai gambar tutorial. Ikuti langkah2 dibawah ini.
              1. Bukalah layar yang akan dijadikan gambar.
              2. Selanjutnya tekan Ctrl lalu tekan Printscreen/PrtscrSysrq yang ada dikeyboard.
              3. Lalu buka program Paint yang ada dikomputer kita.
              4. Di program Paint kita klik edit di menu atas, dan pilih Paste.
              5. Setelah itu beri tanda kotak menggunakan Select pada gambar yang akan diambil, lalu Cut gambar tersebut.
              6. Langkah selanjutnya, buka New di paint, lalu Pastekan gambar yang di Cut tadi. 
              7. Lalu Save gambar dengan Save As Type JPG. Seperti gambar dibawah ini.
              8. cara membuat gambar tutorial
              9. Selesai.


              cara membuat gambar tutorial
              Contoh : Gambar Tutorial.
              Jika gambar yang ingin kita gunakan lebih kecil lagi dari gambar diatas. Kita bisa memotong/mengambil gambar menggunakan program Microsoft Office Windows Manager. Jika dikomputer yang kamu gunakan telah terinstal microsoft office, maka program diatas juga pasti ada. Berikut cara menggunakannya:

              1. Klik Kanan pada gambar yang akan dipotong.
              2. Lalu pilih Open With > Microsoft Office Windows Manager.
              3. cara membuat gambar tutorial
              4. Selanjutnya klik Picture pada menu atas. Dan klik Crop.
              5. Setelah itu Crop gambar dengan ukuran yang kita inginkan.
              6. Terakhir save. Selesai.

                cara membuat gambar tutorial
                Contoh: Gambar Tutorial yang sudah dipotong.
                  Itulah sedikit tips dan trik tentang cara membuat gambar tutorial. Silakan baca juga artikel lainnya yang berhubungan dengan gambar, seperti cara membuat icon untuk blog. Semoga Bermanfaat.

                  Saturday 21 September 2013

                  Cara Membuat Menu yang Menempel Di Dinding Blog

                  Cara membuat menu yang menempel, mengambang, melayang diatas atau dibawah dinding blog. Ketika kursor naik atau turun, menu masih pada posisi yang sama. Silakan lihat contoh menu hijau dibagian bawah.
                  menu yang menempel di blog

                  Untuk lebih jelasnya tentang cara membuat menu menempel diatas atau dibawah dinding blog. Ikuti langkah2 dibawah ini.

                  1. Buatlah menu terlebih dahulu. Caranya: Ke Pengaturan Tata Letak, lalu tambahkan Gadget. Trus Pilih HTML/JAVASCRIPT.
                  2. Selanjutnya copy kode dibawah ini. Dan pastekan di gadget HTML/JAVASCRIPT tadi.
                  3. <style>

                    #cssmenu {
                      background: transparent;
                    }
                    #cssmenu ul {
                    float: left;
                    }
                    #cssmenu ul li {
                      float: left;  padding:10px;
                      background: transparent;  list-style: none;
                    }
                    #cssmenu ul li a {
                      float: left;
                      text-transform: uppercase;
                      font-family: 'Helvetica Neue', helvetica, 'microsoft sans serif', arial, sans-serif;
                      font-size: 12px;
                      color: #FFFFFF;
                    font-weight:bold;
                    }
                    </style>
                    <div id='cssmenu'>
                    <ul>
                       <li ><a href='http://fandrajuani.blogspot.com/'>Beranda</a></li>
                       <li><a href='https://www.facebook.com/fandra.juani'>Facebook</a></li>
                       <li><a href='https://twitter.com/fandrajuani'>Twitter</a></li>
                    </ul>
                    </div>
                  4. Beri judul HTML/JAVASCRIPT dengan nama Menu Tempel. Lalu Save
                  5. Setelah itu pengaturan template, klik edit HTML dan cari kode Menu Tempel, gunakan ctrl F untuk mempermudah pencarian. seperti dibawah ini.
                  6. menu menempel di dinding blog
                  7. Sekarang Copy id dari menu tempel yang bergaris bawah HTML2, seperti gambar diatas.
                  8. Lalu Pastekan di Notepad. Selanjutnya tambahkan kode css dibawah ini.
                  9. #HTML2 {
                      width: 100%;
                      min-width: 960px;
                      position: fixed;
                      top: 0px;
                      left: 0px;
                      right: 0px;
                      height: 30px;
                      font-size: 12px;
                    z-index: 99;
                      white-space: nowrap;
                    margin:0px 0px 0px 0px;
                    padding:0px 0px 0px 0px;
                      background-color: #336699;
                      background-image: -moz-linear-gradient(center top , rgb(20, 132, 206) 0%, #336699 100%);
                      box-shadow: 0px 2px 0px rgb(14, 90, 140);
                      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
                    }
                  10. Copy kode diatas, dan pastekan diatas ]]></b:skin> .
                  11. Dan Save Template.
                  12. Selanjutnya kembali ke tata letak, dan klik Gadget Menu Tempel Tadi,  lalu hapus judulnya, biarkan gadget tidak berjudul. 
                  13. Terakhir Save Gadget, Selesai.
                  Keterangan Kode Langkah 6:
                  • top:0px ini fungsinya menempatkan menu dibagian atas, untuk merubahnya kebagian bawah ganti menjadi bottom:0px;
                  • height: 30px; ini untuk mengatur tinggi menu, silakan diganti sesuai yang diinginkan.
                  • background-color: #336699; dan #336699 100%); untuk warna background
                  Keterangan Kode Langkah 2:
                  • http://fandrajuani.blogspot.com/ dan https://www.facebook.com/fandra.juani
                  • Dan juga https://twitter.com/fandrajuani adalah url yang jika diklik akan terbuka dari halaman url tersebut. silakan diganti dengan url yang kalian inginkan sendiri.
                  Itulah sedikit cara membuat menu yang menempel di dinding atas atau bawah blog yang bisa saya bagikan. Semoga Bermanfaat.

                  Fungsi Margin Dan Padding di Blog

                  Margin dan Padding merupakan kode CSS yang digunakan untuk membuat jarak atau spasi. Perbedaanya adalah margin digunakan pada bagian luar, dan padding pada bagian dalam. Dengan kode margin kita dapat merubah posisi dari widget yang kita inginkan, sedangkan padding, kita dapat menggunakannya untuk bagian dalam, seperti spasi antar text tulisan, jarak antara text dengan batas garis widget atas-bawah. Untuk lebih jelasnya lihat gambar dibawah ini.

                  Fungsi Margin dan Padding

                  Adapun kode-kode Css Dari Margin dan Padding yang dapat kita gunakan diblog adalah sebagai berikut:
                   Margin
                  1. margin: 10px;  (10px Spasi atas-kanan-bawah-kiri).
                  2. margin: 0px 80px; (0px Spasi atas-bawah) (80px spasi kanan-kiri)
                  3. margin: 100px 10px 50px; (100px spasi atas) (10px spasi kanan-kiri) dan (50px spasi bawah)
                  4. margin: 90px 50px 20px 0px; (90px spasi atas) (50px spasi kanan) ( 20px spasi bawah) (0px spasi kiri)
                  5. Khusus untuk margin dengan kode 4, bisa kita tambahkan kode - untuk merubah posisi dengan arah berlawanan, contoh: margin: margin:-55px -50px 0 0
                  Padding
                  1. padding: 10px;  (10px Spasi atas-kanan-bawah-kiri).
                  2. padding: 0px 80px; (0px Spasi atas-bawah) (80px spasi kanan-kiri)
                  3. padding: 100px 10px 50px; (100px spasi atas) (10px spasi kanan-kiri) dan (50px spasi bawah)
                  4. padding: 90px 50px 20px 0px; (90px spasi atas) (50px spasi kanan) ( 20px spasi bawah) (0px spasi kiri)
                  Dari kode-kode diatas sudah terlihat, yang membedakan Margin dan Padding hanyalah nama awalnya saja sedangkan yang lainnya sama.

                  Langsung saja, dibawah ini adalah contoh penggunaan margin pada bagian Header blog. Tampilan awal Header blog pertama.

                  merubah posisi header blog

                  1. Susunan elemen dari gambar diatas adalah seperti dibawah ini.
                  2. fungsi margin untuk header blog
                  3. Sekarang ke pengaturan template. Dan klik edit HTML.
                  4. Lalu cari satu persatu kode dari susunan elemen dari langkah 1.
                  5. margin untuk header blog
                  6. Pertama cari kode Header, disini yang berjudul Fandra Juani. Gunakan Ctrl F untuk mempermudah pencarian. seperti dibawah ini.
                  7. Setelah ketemu, copy kode bertanda merah diatas, lalu pastekan di notepad, dan lanjutkan mencari kode Laman Dan HTML/javascipt.
                  8. Setelah semuanya ketemu, tambahkan kode margin untuk merubah posisi yang kita inginkan. seperti dibawah ini.
                  9. #Header{float:left}
                    #HTML1{float:right; margin:-115px -195px 0 0}
                    #PageList1{float:right; margin:-55px -50px 0 0}
                  10. Letakan kode diatas ]]></b:skin>
                  11. Save template, selesai.
                  12. Tampillan Blog setelah diberi kode margin.
                  merubah posisi header dengan margin

                  Sudah terlihat jelas perbedaan tampilan blog, dari yg awalnya datar kebawah, sekarang datar kesamping. Karena ditambahkan kode margin. kenapa saya beri judul fungsi margin dan padding di blog, karena padding dan margin bisa digunakan pada semua bagian-bagian blog, jadi tidak hanya seperti yang saya contohkan. Yang terpenting adalah kita cari dulu kode dari bagian yang akan kita edit atau kita ubah posisinya.
                  Keterangan kode float
                  float digunakan agar posisi widget menjadi teratur, seperti contoh diatas, header float:left berarti header pada posisi kiri, dan laman(Pagelist1) dan HTML1 pada bagian kanan. 
                  Silahkan berkreasi, maaf jika tutorial dari saya ini kurang jelas. Jika ada pertanyaan silakan masukan komentar dibawah, semoga bermanfaat.

                  Sunday 15 September 2013

                  Pinch It To Believe How Great It Is

                  When I think about how much has changed since I became an occupational therapist over ten years ago, I think about the iPad and how this piece of electronics has added to my practice.  While I know there are many of you therapists out there who don't use iPads or technology in their work, I know there are just as many of you who do.  I make a concerted effort to not rely on it too much and be sure to use it minimally and only for certain kids.  My goal is to use it as a reward or to work on skills that may be more challenging and need more motivation to spend the necessary time on it to make a difference in his/her skills.

                  Every once in a while I stumble on an app and get so excited.  I belong to this awesome group on Facebook for pediatric occupational therapists and it's been such a great resource.  I've used it to find clients who are moving and need to find therapists in their new town or to helpf find specialty therapists for clients I currently work with.  The best thing though is that we are able to bounce ideas and suggestions off of each other and because of it I have discovered some great toys, activities and apps from these other great therapists.  One of the things I have recently discovered is the app Pinch Peeps by Everplay Interactive.  While the game is simple (in theory), there are so many occupational goals that can be addressed during play.

                  The point of the game is to pinch two similar creatures together before they explode.  It sounds easy, but it is a fast moving game and it moves faster and faster so focus and attention is crucial.  Before the iPad, I had a hard time working on this skill without it being boring for the kids.  How long could you ask a kid to pick up small beads from a table or to pull little pegs out of a pretend birthday cake made out of putty or playdough?  For me, it wasn't long before the kids got bored and wanted to move on or would just avoid this activity entirely.  A few months ago, I blogged about Dexteria Jr..  This app was a huge hit with my kids from the beginning and continues to motivate them to work on their fine motor skills.  I am sure there a bunch of apps out there I don't know about (if you know of them, please tell me!!) and Pinch Peeps seems to be one of those I will be relying on all year long and telling parents about.  I try and use this game right before a handwriting activity as I find that once you warm up those hand muscles through games like Pinch Peeps, the hand is warmed up to hold a writing instrument.
                  A child must find the matching peeps and pinch them together.
                  Starts off easy and gets increasingly more challenging


                  Here are just a few of the occupational therapy goals that can be addressed using the Pinch Peeps app:
                  Improve Pinching Skills-clearly, if you want a game to work on improving and encouraging pinching (a crucial prerequisite skill for graphomotor skills), this is your game.  The whole purpose of the game is to work on pinching skills by finding the matching peeps and pinching them together. As you get better and better, there will be challenges such as pushing the bombs away from each other with your fingers instead of pinching them together.
                  Improve Eye Hand Coordination/Improve Visual Perceptual Skills-in addition to pinching, you have to be sure that you find the matching "peeps" so it makes this app perfect for targeting visual perceptual and matching skills.  At first, there is only one pair to match but as you go on, you get more creatures to match at a time.  Eventually, there are challenges (avoiding bombs, obstacles and such) which require you to really focus on the visual cues on the screen.  And this is great for working on eye-hand coordination skills because you have to scan the screen to find the matches and then use your hands in order to pinch the matches together.
                  In addition to the regular part of the game, there are
                  challenges such as these throughout
                  Improve Focus and Attention Skills-one of the great things about Pinch Peeps is that it moves quickly which requires a child to really focus and pay attention to what is happening on the screen.  If they aren't paying careful attention, they will match the wrong peeps and they will lose a life.  If they don't pay attention to the obstacles that are placed on the screen (bombs need to be pinched away from each other or a bar will show up in the middle of the screen and you have to pinch the bombs together by avoiding touching the line)
                  Improve Upper Extremity Strength-I love killing two birds with one stone.  Whenever it is appropriate, I will put my kids in the super hero (aka net swing) to play with the iPad.  Sometimes my kids tolerance for lying in the prone position is minimal and it requires a tremendous amount of encouragement from me for them to stay in the swing for even a minute.  Give them something interesting and motivating, and I can get them to stay on that swing for ages.  They don't even realize they are tired or how hard they are working because they are so focused on the game.  Pinch Peeps is a perfect game to distract kids from doing other things.
                  While you have to pinch the peeps together, you need to
                  pay attention to the bombs and pinch them apart
                  before they explode
                  Executive Functioning/Organizational Skills-for the older kids on my caseload, organization skills is something that I try and hide into our work.  I feel like when I am all on top of them and forcing them to do it, it becomes more of an argument or stress inducing thing.  With this game, I have my kids watch me play the game for a little while and tell them to pay close attention to what I am doing because I will have them tell me the purpose of the game and the instructions based on what I am doing.  This helps them organize themselves before they begin the game; helps them regulate their actions and prepares them for success with the game.  It's also a great way to see how well a child can understand visual cues/directions (this game doesn't give verbal directions, instead there is a little video (that I mute) to watch that gives you all the directions.  Depending on the child, I will have them repeat part or all of what they saw back to me.

                  I am loving this game and love that it is sold (and by sold, I mean it is free!  You just have to deal with this annoying thing before you start the game of a popup ad.  Be sure to "x" out of the ad and avoid a trip to the app store before each game begins.) as a game for everyone, not kids with special needs.  I'm not gonna lie...I have found myself playing this between clients and have fun with it.  I am pretty sure if I were to put this on my niece's iPods, they would love it too and they are typically developing 5 and 8 year olds).  There is enough of a challenge that it can be played by everyone.  I love the added dimension of matching the peeps so a child can work on more than one skill at a time.

                  If any of you are looking for a new (and cheap) game to add to your iPad repertoire, Pinch Peeps is a perfect one.  It offers the just right challenge that I am sure you are all looking for when working with your kids but allows the kids to have a good time at the same time.  No matter how great an app is, if the kids don't have fun while playing it, then it just won't have the lasting power if there isn't an element of fun to it.

                  I would love hear from you guys and your thoughts on this game.  Does anyone have any other games similar to this that might encourage pinching and other fine motor skills like Pinch Peeps and Dexteria Jr.?  I am just a click away and looking forward to hearing from you with other fine motor app suggestions.



                  Friday 13 September 2013

                  Just Scratching the Surface

                  In general, I have been a big fan of scratch art for as long as I can remember.  I have memories of making my own scratch paper as a child in art class using crayons and a special kind of black paint.  It was magical scratching away the black paint and see what was underneath.  So when I discovered Scratch Art I was psyched.  Over the years, the products have evolved from drawing pages to stickers, fashion books, and key chains (to name a a few).  It makes me happy that Melissa and Doug continue to develop great products that I am happy to suggest to my families.

                  I have always had some form of Scratch Art in my closet at work but didn't use it as much as I had wanted because it tended to be too challenging for many of my kids, especially the ones that required a lot of imagination and creativity.  Recently, when looking through the Scratch Magic Art products at a local toy store, I discovered the Safari Animals Mosaic book.  I immediately purchased it and began using it with my kids, both younger and older.  I was happy to see that kids of all ages and abilities were successful in the activity and motivated to keep working on it until they completed it.

                  What sets this book apart from their others is that many of them will give a template but then you have to use your imagination to fill them in.  For example, the fashion design one will provide you with the outline of a dress or a shirt and then you have to figure out how to design it.  While this can be fun for a child where creativity comes naturally and easily, it can be stressful for children who lack that skill and they may lose the motivation to complete the activity.  The Safari Animals Mosaic book provides you with clear instructions to scratch all shapes that have a dot on them.  For so many of the kids I work with, something as simple as that helps them as it is clear what is expected of them.  They don't need to worry that what they are doing is right or wrong (even though when my kids do the other types of scratch art I am constantly telling them there is no such thing as right or wrong when it comes to imagination) and just focus on scratching out the correct shapes.

                  Here are a few more occupational therapy goals that can be addressed when using the Safari Animals Mosaic book:
                  Look at this amazing tripod grasp being used
                  by my little friend.  
                  Improve Grasping Skills-I am not sure if you guys have similar experiences, but I find that my kids tire of handwriting activities to improve their pencil grasp skills.  Or maybe you have kids who are able to write their letters and all that fantastic stuff but they need to work on endurance and using the proper amount of pressure on a writing instrument.  If that is the case, this is a perfect activity for that child.  I work with a 7 year old girl who knows how to make her letters and is able to write beautifully but slowly because she uses too much pressure on the writing instrument.  She was getting bored with the handwriting activities we were doing during our sessions.  I introduced the Scratch Art Mosaic Color Reveal Book to her a few weeks ago and she flipped!  I was able to motivate her to use a proper grasp when holding the wooden stylus and she was able to realize on her own that when she scratched too hard, her hands would tire and she wouldn't get as much done.  Without much prompting from me, I could see her begin to use the proper amount of pressure and was able to complete the whole picture in one session (she was very motivated to be able to keep it and show her mom who was coming home later).
                  **I find that the wooden stylus can be too thin for some of my kids and am trying to figure out a way to improvise....any thoughts??**
                  Improve Visual Motor Skills-if you have a child who needs to work on their visual motor skills, this is a great activity.  This requires a child to visually scan their work for where they have to scratch.  It requires them to remain in the boundaries of each shape.
                  Improve Modulation/Regulation-the fact that their are lines and boundaries requires the children to control how fast and where they are coloring.  Often times, the kids are observed to scratch all over the place as fast as they can.  For this activity, I do not allow that.  I want them to learn how to slow down and focus on the details.  It is important that they learn how to color one thing in at a time and to complete it before moving onto the next area.  If they can do it with this activity, then they should be able to generalize that skill to coloring books or other coloring activities.
                  Improve Focus and Attention-What I love about this particular Scratch Magic product is that it requires you to focus on what you are coloring.  For my older kids, I am definitely harder on them about scratching away the whole surface and trying their  hardest to remain in the lines.  I may tell them they can't move onto the next shape until there is almost no black left on the one they are working on.  I want them to really focus on completing something instead of rushing through the activity.   For my younger kids, I may encourage it but not as much as the older kids.  A sign of attention and focus improving is how long they will stick with the activity before asking to stop.  For many of my kids, this ends up being a multi-session project.  I like to keep track of how many shapes they fill out from session to session and share with the kids how they are able to color more in each time.

                  There are just a few of the many goals that can be addressed using Scratch Art Safari Mosaic and other Scratch Magic products.  Do you have other goals that you have worked on that you want to share with us?

                  I'm not sure about all of you, but when I start the school year, I like to have new items for my kids.  I find that my returning kids definitely have their favorites and will ask for certain activities, but love the idea of finding out what is new in my closet or work bag.  The Scratch Art Safari Mosaic is a perfect addition to your toy chest if you are looking for something new and motivating for your kids.  It's also a great book to recommend to families who want to follow through on what you are working on during therapy without the kids feeling like they are never getting a break.  A child can be doing this at home with mom and dad or with his/her siblings and working on developing a proper grasp, building grasp strength and working on improving his/her endurance for graphomotor activities.

                  Have any of you found any other products like this that would be good for me to look into?  There are so many great Scratch Art sets out there and I am sure that I'm missing something great that could be used with my kids.  I love hearing from you guys and am always a click away.

                  Remember to check out local toy stores to see if they carry Scratch Art Safari Mosaic and other Scratch Magic products.  I know in my neighborhood, I can find tons of different books and sets.  Small businesses count on our business and I always feel better when I purchase from them.


                  Tuesday 3 September 2013

                  Cara Membuat Entri Populer Bergerak

                  Cara Membuat Entri Populer Bergerak ke atas atau kebawah secara otomatis.

                  cara membuat entri populer bergerak
                  Ikuti langkah-langkah dibawah ini.
                  1. Login ke blog, dari halaman dasbor pilih pengaturan Template.
                  2. Klik Edit HTML, lalu cari kode  <div class='widget-content popular-posts'>
                  3. Selanjutnya Copy kode berikut dan tempatkan di Sebelahnya.
                  4. <marquee direction='down' height='200' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' scrolldelay='100' width='auto'>
                  5. Langkah selanjutnya, masukan kode </marquee> di akhir rangkaian kode. Jadinya seperti ini.
                  6. </ul>
                        <b:include name='quickedit'/></marquee>
                      </div>
                    </b:includable>
                      </b:widget>
                  7. Susunan Kode lengkapnya.
                  8. <b:widget id='PopularPosts1' locked='false' title='Entri Populer' type='PopularPosts'>
                        <b:includable id='main'>
                      <b:if cond='data:title'><h2><data:title/></h2></b:if>
                      <div class='widget-content popular-posts'><marquee direction='down' height='200' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' scrolldelay='100' width='auto'>
                        <ul>
                          <b:loop values='data:posts' var='post'>
                          <li>
                            <b:if cond='data:showThumbnails == &quot;false&quot;'>
                              <b:if cond='data:showSnippets == &quot;false&quot;'>
                                <!-- (1) No snippet/thumbnail -->
                                <a expr:href='data:post.href'><data:post.title/></a>
                              <b:else/>
                                <!-- (2) Show only snippets -->
                                <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
                                <div class='item-snippet'><data:post.snippet/></div>
                              </b:if>
                            <b:else/>
                              <b:if cond='data:showSnippets == &quot;false&quot;'>
                                <!-- (3) Show only thumbnails -->
                                <div class='item-thumbnail-only'>
                                  <b:if cond='data:post.thumbnail'>
                                    <div class='item-thumbnail'>
                                      <a expr:href='data:post.href' target='_blank'>
                                        <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                                      </a>
                                    </div>
                                  </b:if>
                                  <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
                                </div>
                                <div style='clear: both;'/>
                              <b:else/>
                                <!-- (4) Show snippets and thumbnails -->
                                <div class='item-content'>
                                  <b:if cond='data:post.thumbnail'>
                                    <div class='item-thumbnail'>
                                      <a expr:href='data:post.href' target='_blank'>
                                        <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                                      </a>
                                    </div>
                                  </b:if>
                                  <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
                                  <div class='item-snippet'><data:post.snippet/></div>
                                </div>
                                <div style='clear: both;'/>
                              </b:if>
                            </b:if>
                          </li>
                          </b:loop>
                        </ul>
                        <!--b:include name='quickedit'/--></marquee>
                      </div>
                    </b:includable>
                      </b:widget>
                  9. Save Template Selesai.
                  Keterangan kode:
                  • marquee direction='down' arah gerakan, bisa diganti dengan up, left, atau right.
                  • height='200' tinggi dan width='auto' untuk mengatur tinggi lebar widget entri pupoler yang akan ditampilkan.
                  • scrollamount='2' scrolldelay='100' Waktu gerakan.
                  • Silakan ganti sesuai dengan yang kalian ingnkan.
                  Silakan baca juga artikel tentang cara membuat artikel berjalan di blog. Lanjutan kombinasi dari entri populer bergerak ini. Contohnya bisa dilihat DISINI, diblog saya satunya.
                    Semoga Bermanfaat.